/*====================================ResrtCss==============================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button,form,fieldset,input,textarea,p,blockquote,th,td,span{margin:0;padding:0;}
html {font-size:100%;}
body {color:#333;font-size:1em;font-family:"Microsoft YaHei","SimSun","宋体","Arial Narrow";}
q:before,q:after {content:”;}  
fieldset,img,abbr,acronym {border:0 none;}
abbr,acronym {font-variant: normal;}
legend {color:#000;}
em {font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal;font-style: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
table {border-collapse: collapse;border-spacing: 0;}   
caption,th {text-align: left;}
input,img,select {vertical-align:middle;outline:none;}
ol,ul {list-style: none;}  
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
del,ins,a {text-decoration:none;}
a {color:#1E9F4B;}
a:hover,a:active,a:focus {color:#c00;text-decoration:none;cursor: pointer;} 
input[type="submit"] {cursor:pointer;}
button {cursor: pointer;}
input::-moz-focus-inner {border:0;padding:0;}
.clear {clear:both;}
.siderbg {background:url(../images/siderbg.gif) repeat-y;}
.none {display:none;}
.height10 {height:10px;overflow:hidden;}
.height30 {height:30px;}
.fgray {color:#838383;}
.fred {color:#E61318;}
.fblue {color:#148AF5;}
.fgreen {color:#1AAC33;}
.relative {position:relative;}
.padding5 {padding:5px;}.padding10 {padding:10px;}.padding20 {padding:20px;}
.font12 {font-size:12px;}.font14 {font-size:14px;}.font16 {font-size:16px;}.font18 {font-size:18px;}.font20 {font-size:20px;}.font22 {font-size:22px;}.font24 {font-size:24px;}.font26 {font-size:26px;}.font28 {font-size:28px;}
.margintop5 {margin-top: 5px;}.margintop10 {margin-top: 10px;}.margintop20 {margin-top: 20px;}.margintop30 {margin-top: 30px;}.margintop40 {margin-top: 40px;}.margintop50 {margin-top: 50px;}.marginbottom5 {margin-bottom:5px;}.marginbottom10 {margin-bottom:10px;}.marginbottom20 {margin-bottom:20px;}
.paddingbottom10 {padding-bottom:10px;}.paddingbottom20 {padding-bottom:20px;}.paddingbottom30 {padding-bottom:30px;}.paddingbottom50 {padding-bottom:50px;}.paddingbottom60 {padding-bottom:60px;}
.paddingtop10 {padding-top:10px;}.paddingtop20 {padding-top:20px;}
.radius5px {border-radius:5px;}.radius10px {border-radius:10px;}.radius15px {border-radius:15px;}.radius20px {border-radius:20px;}
.min-height20 {min-height:20px;}.min-height30 {min-height:30px;}.min-height40 {min-height:40px;}
.nowrap {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.service .cu-list .cu-item,.service .cu-list .cu-item:hover,.service .cu-list .cu-item img,.service .cu-list .cu-item p,.morelink,.products .prolist ul li span,.prolist ul li .proimg img {transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;}

/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1;}
/* my Css Style */
.empty {font-size:0;height:0;text-indent:-9999px;overflow:hidden;}
/*------------------------------------------------header - Start----------------------------------------------*/
.head-top {text-align: right;color: #999;font-size: 12px;padding:15px 0 10px;position:relative;}
.head-top input.searchinput {width:200px;height:26px;line-height:26px;border:1px solid #5DA959;padding:0 30px 0 20px;}
.head-top span {width:16px;color:#5DA959;position:absolute;right:10px;top:15px;cursor:pointer;}
#header {background-color:#FFF;}
#header h1 {width:300px;height:60px;float:left;margin-top:-30px;position:relative;z-index:100;}
#header h1 a {display:block;width:100%;height:100%;font-size:0;text-indent:-9000px;background:url(../images/logo.png?v=1) left center no-repeat;background-size:contain;}
#header .menubox {float:right;margin-top:-5px;}
#header .menubox ul li {float:left;height:40px;line-height:40px;text-align:center;margin-left:40px;position:relative;}
#header .menubox ul li a {display:block;color:#333;font-size:16px;font-weight:700;}
#header .menubox ul li a:hover em {transform: translateX(0) translateY(3px);opacity:1;}
#header .menubox ul li a em {position:absolute;height:5px;width:5px;background-color:#5DA959;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;border-radius:50%;overflow:hidden;bottom:0.22rem;left:50%;opacity:0;}

body.home #header .menubox ul li.home a,
body.about #header .menubox ul li.about a,
body.productspage #header .menubox ul li.ourproducts a,
body.news #header .menubox ul li.news a,
body.achievement #header .menubox ul li.achievement a,
body.qualitysys #header .menubox ul li.qualitysys a,
body.contact #header .menubox ul li.contact a,
body.servicesys #header .menubox ul li.servicesys a
{color:#5DA959;}
body.home #header .menubox ul li.home a em,
body.about #header .menubox ul li.about a em,
body.productspage #header .menubox ul li.ourproducts a em,
body.news #header .menubox ul li.news a em,
body.achievement #header .menubox ul li.achievement a em,
body.qualitysys #header .menubox ul li.qualitysys a em,
body.contact #header .menubox ul li.contact a em,
body.servicesys #header .menubox ul li.servicesys a em
{color:#5DA959;transform: translateX(0) translateY(3px);opacity:1;}

body.home .navWap-block ul li.home h3 a,
body.about .navWap-block ul li.about h3 a,
body.productspage .navWap-block ul li.ourproducts h3 a,
body.news .navWap-block ul li.news h3 a,
body.achievement .navWap-block ul li.achievement h3 a,
body.servicesys .navWap-block ul li.servicesys h3 a,
body.qualitysys .navWap-block ul li.qualitysys h3 a,
body.contact .navWap-block ul li.contact h3 a
{color:#5DA959;}

#header .menubox ul li .secmenu {border-radius:5px;overflow:hidden;}
#header .menubox ul li .secmenu a {color:#fff !important;}
#header .menubox ul li a:hover {color:#5DA959;}
#header .menubox ul li .secmenu .arrowtop {display:block;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #5DA959;margin:0 auto;}
#header .menubox ul li .secmenu {display:none;width:170px;}
#header .menubox ul li .secmenu a {font-size:14px;color:#FFF;display:block;border-bottom:1px solid #85BD82;font-weight:normal;background-color:#5DA959;padding:0 5px;}
#header .menubox ul li .secmenu a:hover {background-color:#0A631E;}
#header .menubox ul li.firstmenu:hover > .secmenu {display:block;position:absolute;left:-55px;text-align:center;z-index:100;}


.secbanner {width:100%;height:350px;margin-top: 10px;overflow:hidden;color: #FFF;}
body.about .secbanner {background:url(../images/banner/about_banner.jpg) center center no-repeat;background-size:cover;}
body.productspage .secbanner {background:url(../images/banner/products_banner1.jpg) center center no-repeat;background-size:cover;}
body.news .secbanner {background:url(../images/banner/news_banner.jpg) center center no-repeat;background-size:cover;}
body.achievement .secbanner {background:url(../images/banner/achievement_banner.jpg) center center no-repeat;background-size:cover;}
body.contact .secbanner {background:url(../images/banner/contact_banner.jpg) center center no-repeat;background-size:cover;color:#5DA959;}
body.personnel .secbanner{background:url(../images/banner/personnel_banner.jpg) center center no-repeat;background-size:cover;}
body.filedownload .secbanner {background:url(../images/banner/file_banner.jpg) center center no-repeat;background-size:cover;}
body.servicesys .secbanner {background:url(../images/banner/servicesys_banner.jpg) center center no-repeat;background-size:cover;}
.secbanner h4,.secbanner p{font-size: 30px;padding: 100px 0 0 80px;font-family:Geneva, sans-serif;font-weight:normal;font-style:italic;}
.secbanner p {padding-top:5px;font-size:13px;}
.titlebtborder {width:50px;height:2px;overflow:hidden;font-size:0;background-color:#5DA959;}

.pubwidth {width:1200px;margin:0 auto;}

.fenye {height: 40px;padding: 20px 0px;}
.fenye ul.pagination {position:relative; left:50%; float:left;white-space:nowrap;}
.fenye li {position:relative; left:-50%;display:inline-block;text-decoration:none;color:#808080;}
.fenye li.active,.fenye .pager li.disabled {padding:0 2px;margin:0 3px;color:#CF5E12;}
.fenye li a {display:block;padding:0 2px;margin:0 3px;font-size:15px;color:#333;}
.fenye li a:hover {color:#CF5E12;}

/**/
#header .menubox ul li .secmenu a:hover,.navWap-block .box,.navWap-block .wrapshow {transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;}
.navWap-block .box,.navWap-block .wrapshow,.sidercontact ul li:hover em,.sidercontact ul li em,body.productspage .products .productsclass ul li a {transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;}
/*手机版导航 展开关闭*/
.navWap-trigger {
    color: #fff;
    color: #fff;
    float: right;
    margin: 8px 0 0;
	display:none;
}
.navWap-trigger .btn {
    padding: 0px;
    background: transparent;
    border: none;
    /* padding: 10px; */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    z-index: 99999;
}
.navWap-trigger .icon-bar {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
}
.navWap-trigger .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #666;
}
.navWap-trigger .animated .top {
    -webkit-transform: translateY(10px) rotateZ(45deg);
    -moz-transform: translateY(10px) rotateZ(45deg);
    -ms-transform: translateY(10px) rotateZ(45deg);
    -o-transform: translateY(10px) rotateZ(45deg);
    transform: translateY(7px) rotateZ(45deg);
}
.navWap-trigger .animated .bottom {
    -webkit-transform: translateY(-11px) rotateZ(-45deg);
    -moz-transform: translateY(-11px) rotateZ(-45deg);
    -ms-transform: translateY(-11px) rotateZ(-45deg);
    -o-transform: translateY(-11px) rotateZ(-45deg);
    transform: translateY(-11px) rotateZ(-45deg);
}
.navWap-trigger .animated .middle {
    width: 0;
}
/*手机版导航*/
.wrap-lang {height:40px;border-bottom:1px solid #eee;}
.wrap-lang a{
	display:inline-block;
	width:44%;
	text-align:center;
	line-height:40px;
	color:#333;
}
.navWap-block {
    position: fixed;
    z-index: 20;
    height: 100%;
    top: 76px;
    left: 0;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
}
.navWap-block .box {
    height: 100%;
    overflow-y: auto;
    background: #fff;
    width: 180px;
    position: relative;
    z-index: 2;
}
.navWap-block ul li {
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
.navWap-block ul li:first-child {
    border-top: none;
}
.navWap-block .show li a {
    opacity: 1;
    transform: translateX(0);
}
.navWap-block ul li a {
    display: block;
    font-size: 14px;
    color: #555;
    transition: all 0.4s ease 0s;
    transition-delay: 160ms;
    color: #666;
    padding-left: 25px;
    padding-right: 20px;
}
.navWap-block ul li h3 a {
    display:block;
}
.navWap-block ul li h3 em {
    float: right;
    color: #999;
    font-size: ;
    font-size: 14px;
    display: block;
    margin-right: 20px;
    transform: rotate(0deg);
}
.navWap-block ul li .sub a {
    display: block;
    color: #888;
    font-size: 12px;
    padding-left: 40px;
    border-bottom: 1px #ddd dotted;
    box-shadow: 0px 0 0 #ff680b inset;
}
.navWap-block ul li .sub{ background:#f9f9f9;display:none;}
.navWap-block ul li.block .sub {display:block;}
.navWap-block ul li .sub a{ display: block; color:#888;font-size:12px; padding-left:40px;border-bottom: 1px #ddd dotted;box-shadow: 0px 0 0 #ff680b inset;} 

.navWap-block ul li.active h3 a,.navWap-block ul li.active em {color:#5DA959}
.navWap-block ul li.active em {transform: rotate(90deg);}
.navWap-block .box {left:0;}
.navWap-block .wrapshow {left:-180px;}

.morelink {margin-top:40px;display:block;width:120px;line-height:40px;background-color:#FFF;color:#5DA959;text-align:center;font-size:15px;margin:0 auto;}
.morelink:hover {color:#fff;background-color:#e24d15;text-indent:15px;}
.morelinkstyle2 {background-color:#5DA959;color:#FFF;margin-top:20px;}

.bottombox {background-color:#5DA959;color:#fff;font-size:14px;padding:40px 0 0;}
.bottombox .btparta,.bottombox .btpartb,.bottombox .btpartc {width:18%;float:left;line-height:1.7;}
.bottombox .btpartb {width:35%;}
.bottombox .btpartc {width:20%;float:right;}
.bottombox .btparta h5,.bottombox .btpartb h5,.bottombox .btpartc h5 {font-size:18px;margin-bottom:15px;font-weight:700;}
.bottombox .btparta p {margin-top:20px;}
.morecontentb {display:block;width:80px;height:25px;line-height:25px;color:#fff;margin-top:20px;border-radius:25px;background:#52c6e7 url(../images/arrow-2.png) 63px 9px no-repeat;text-indent:16px;}
.bottombox .btpartc {text-align:right;}
.bottombox .btpartc h5 {font-size:14px;margin:5px 35px 0 0;}
.morecontentb:hover {background-color:#FB9700;text-indent:20px;background-position:68px 9px;color:#fff;}
.bottombox a {color:#FFF;}
.bottombox-copy {text-align:center;border-top:1px solid #4a9147;padding:20px 0;margin-top:30px;}
.ewmpic p {padding-right:3px;}


.sidercontact {position:fixed;right:0;top:28%;z-index:200;}
.sidercontact ul li {width:50px;height:50px;background:rgba(93,169,89,.7);margin-top:2px;position:relative;}
.sidercontact ul li span {float:left;width:50px;height:100%;cursor:pointer;}
.sidercontact ul li em {position:absolute;right:50px;width:0;height:50px;line-height:50px;background:rgba(255,255,255,.8);text-align:center;overflow:hidden;}
.sidercontact ul li:nth-child(1) span {background:url(../images/sider_pic2.png) center center no-repeat;background-size:50% 50%;opacity:.7;}
.sidercontact ul li:nth-child(2) span {background:url(../images/sider_pic3.png) center center no-repeat;background-size:60% 60%;opacity:.7;}
.sidercontact ul li:nth-child(3) span {background:url(../images/sider_pic4.png) center center no-repeat;background-size:50% 50%;opacity:.7;}

.sidercontact ul li:hover em {width:260px;font-size:15px;}