/*====================================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:#d17a40;}
a:hover,a:active,a:focus {color:#d14040;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;}
.fontweight {font-weight:700;}
.border-bottom {border-bottom:1px solid #e6e6e6;}
.f-right {float:right;}
.f-left {float:left;}

.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 {float:right;text-align: right;color: #999;font-size: 12px;padding:17px 0 10px;position:relative;}
.head-top input.searchinput {width:220px;height:26px;line-height:26px;border:1px solid #D17A40;padding:0 30px 0 20px;}
.head-top span {width:16px;color:#D17A40;position:absolute;right:10px;top:17px;cursor:pointer;}
#header {background-color:#FFF;margin-top:10px;}
#header h1 {width:200px;height:60px;float:left;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:10px;}
#header .menubox ul li {float:left;height:40px;line-height:40px;text-align:center;margin-right:55px;position:relative;}
#header .menubox ul li a {display:block;color:#333;font-size:18px;}
#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:#d17a40;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;border-radius:50%;overflow:hidden;bottom:0.11rem;left:50%;opacity:0;}

body.home #header .menubox ul li.home a,
body.about #header .menubox ul li.about a,
body.work #header .menubox ul li.work a,
body.news #header .menubox ul li.news a,
body.video #header .menubox ul li.video a
{color:#d17a40;}
body.home #header .menubox ul li.home a em,
body.about #header .menubox ul li.about a em,
body.work #header .menubox ul li.work a em,
body.news #header .menubox ul li.news a em,
body.video #header .menubox ul li.video a em
{color:#d17a40;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.work .navWap-block ul li.work h3 a,
body.news .navWap-block ul li.news h3 a,
body.video #header .menubox ul li.video a
{color:#d17a40;}

#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:#d17a40;}
#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 #d17a40;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:275px;margin-top: 10px;overflow:hidden;color: #FFF;}
body.home .secbanner {background:url(../images/banner_1.jpg) center center no-repeat;background-size:cover;}
body.about .secbanner {background:url(../images/banner_2.jpg) center center no-repeat;background-size:cover;}
body.work .secbanner {background:url(../images/banner_1.jpg)  center center no-repeat;background-size:cover;}
body.news .secbanner {background:url(../images/banner_3.jpg)  center center no-repeat;background-size:cover;}
body.video .secbanner {background:url(../images/banner_1.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:1028px;margin:0 auto;}

.navWap-block .head-top-nav {width:100%;}
.navWap-block .head-top-nav .searchinputb {font-size: 12px;width: 100%;height:35px;line-height:35px;text-align: center;border-radius:0;background-color:#F2F2F2;}
.navWap-block .head-top-nav button {font-size: 12px;width: 60px;height: 24px;line-height: 20px;border: none;
background-color: #F37B5F;color:#fff;margin:0 auto;border-radius:3px;}

.fenye {height: 40px;padding: 20px 0px;}
.fenye ul.pagination {position:relative; left:50%; float:left;}
.fenye li {position:relative; left:-50%;display:inline-block;text-decoration:none;color:#808080;}
.fenye li.active,.fenye .pager li.disabled {padding:3px 7px;margin:0 5px;}
.fenye li a {display:block;padding:6px 16px;border: 1px #cccccc solid;background: #fff;margin:0 5px;font-size:16px;font-weight:700;}
.fenye li a:hover {color:#fff;background:#ff9313;border:1px #ff9313 solid;}

/**/
#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;
	outline:none;
}
.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:110px;line-height:36px;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:#d17a40;color:#FFF;margin-top:20px;}

.bottombox {line-height:1.7;padding:10px 0;text-align:center;background-color:#d17a40;color:#fff;font-size:14px;margin-top:50px;}



.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;}