/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com 
sanshui编写
*/

/*全局样式*/
@CHARSET "UTF-8";
body{color:#666;background: #fff;font:12px/1.5 Verdana,'Microsoft yahei',Tahoma,Geneva,sans-serif;min-width:1100px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
body div{text-align:left;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
ul,li{list-style-type:none;}
img{border:0 none;}
a:link, a:visited{color:#333;text-decoration: none;outline: none;}
a:hover,a.hover{color:#97cb5c;}
button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;outline:none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.block {width:1100px; height:auto; clear:both;margin:0 auto;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.fl { float:left;}
.fr { float:right;}
.center { text-align:center;} 
pre{overflow:auto;margin:0 0 1em 0;width:99%;background:#F7F7F7;font-size:12px;font-family:'Courier New',Monospace;
white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
a.more{width:250px;height:58px;border:1px solid #97cb5c;background:#97cb5c;font:16px/60px "微软雅黑";color:#fff;text-align:center;display:block;margin:40px auto 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
a.more:hover{border:1px solid #9ca1a5;background:none;color:#9ca1a5;}
a.morehover{width:250px;height:58px;border:1px solid #9ca1a5;background:none;color:#9ca1a5;font:16px/60px "微软雅黑";text-align:center;display:block;margin:40px auto 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
a.morehover:hover{border:1px solid #97cb5c;background:#97cb5c;color:#fff;}

/* 判断ie8以下浏览器禁止访问 */
.chromeframe-holder{position:fixed;width:100%;height:100%;background:url(../images/iebug.png);z-index:999999;}
.chromeframe-holder .chromeframe{font:500 16px/60px 微软雅黑;text-align:center;color:#fff;margin-top:20%;background:#000;}
.chromeframe-holder .chromeframe a,.chromeframe-holder .chromeframe strong{color:#fff;font-size:20px;padding:0 10px;}
.chromeframe-holder .chromeframe a:hover{color:#97cb5c;}

/* 返回顶部 */
/* #scrollUp{position:fixed;z-index:99999;right:30px;bottom:30px;display:none;width:40px;height:40px;color:#FFF;text-align:center;background:url(../images/backuptop.png) no-repeat left center;font-size:14px;line-height:40px;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
#scrollUp:hover{background-position: right center;} */

/* 头部 */
#header{height:120px;width:100%;position:fixed;z-index:999;box-shadow: 0 0 2px #888;border-bottom: 1px solid #ebebeb; _position: absolute;-webkit-transform: translateZ(0);background:#fff;}
#header .header1{height:40px;width:100%;background:#eeeeee;line-height:40px;}
#header .header1 em{padding:0 15px;}
#header .header1 a.fa{display:inline-block;*zoom:1;*display:inline;height:40px;width:24px;margin-left:14px;background:url(../images/social.png) no-repeat 0 0;text-indent:-999em;} 
#header .header1 a.fa.fa-twitter{background-position:0 0;margin-left:30px;}
#header .header1 a.fa.fa-youtube{background-position:-38px 0;}
#header .header1 a.fa.fa-flickr{background-position:-76px 0;}
#header .header1 a.fa.fa-facebook{background-position:-114px 0;width: 26px;}
#header .header1 a.fa.fa-linkedin{background-position:-152px 0;width: 28px;}
#header .header1 a.fa.fa-google-plus{background-position:-190px 0;width: 29px;}
#header .header2{height:80px;width:100%; }
/* 一级栏目 */
#header .header2 .navigate li{float:left;cursor:pointer;position:relative;}
#header .header2 .navigate li:hover,#header .header2 .navigate li.hover{background:#97cb5c;color:#fff;}
#header .header2 .navigate li:hover a.parent,#header .header2 .navigate li.hover a.parent{color:#fff;border-left:1px solid #97cb5c;}
#header .header2 .navigate li a.parent{display:inline-block;*zoom:1;*display:inline;height:40px;margin:20px 0;padding:0 20px 0 25px;border-left:1px solid #e5e5e5;text-align:center;float:left;}
#header .header2 .navigate li:first-child a.parent{border-left:0px solid #e5e5e5;}
#header .header2 .navigate li a.parent span,#header .header2 .navigate li a.parent font,#header .header2 .navigate li b{display:block;}
#header .header2 .navigate li a.parent span{font:700 14px/24px 微软雅黑;float:left;}
#header .header2 .navigate li a.parent font{font:400 12px/20px 微软雅黑;}
#header .header2 .navigate li a.parent b{width:9px;height:5px;background:url(../images/nabla.png) no-repeat right center;float:right;margin:10px 0 0 -10px;padding-right:20px;}
#header .header2 .navigate li:hover a.parent b{background-image:url(../images/nbbla.png);}
/* 二级栏目 */
#header .header2 .navigate li ul{position:absolute;z-index:99;display: none;min-width: 180px;padding: 0px 0;margin:0;font-size: 13px;list-style: none;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 1px rgba(0,0,0,0.1);background-clip: padding-box;top: 80px;}
#header .header2 .navigate li ul li{float:none;} 
#header .header2 .navigate li ul li a{padding: 10px 20px;font-size: 14px;color: #727272;font-weight: 400;transition: all 0.3s ease;border-bottom: 1px solid #e6e6e6;height:auto;margin:0;display: block;  white-space: nowrap;background-color: #fff;}
#header .header2 .navigate li ul li:hover,#header .header2 .navigate li ul li a:hover{color: #272727;background:#f3f3f3;}

 

/* 区域内容 */
#main_wrap{width:100%;overflow:hidden;padding-top:121px;}

/* 焦点图 */
.banner_wrap { min-width:1100px; _width:1100px; margin:0 auto; background:url(../images/bg_01.png) #FFF top center repeat-x !important;} 
.banner{ min-width:1100px;  position:relative;  height:600px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:600px; }
.banner .bd li .siteWidth{ width:1100px; position:relative;  margin:0 auto;  height:600px;  }
.banner .bd li a{ height:600px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-green.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

/* 我们能做什么 */
.service{width:100%;padding:60px 0;}
.service p.title{font:30px/60px "方正粗宋简体","微软雅黑";color:#333333;text-align:center;padding-bottom:60px;}
.service .servicebg{background:url(../images/service.jpg) no-repeat center top;}
.service .servicebg .serviceicon{width:157px;height:157px;background:url(../images/service.png) no-repeat 0 0;margin:0 auto;cursor:pointer;}
.service .servicebg .serviceicon:hover{background-position:0 -157px;}
.service .servicebg div.serviceicon1{text-align:center;float:left;width:20%;float:left;}
.service .servicebg div.serviceicon2{text-align:center;float:left;width:20%;float:left;}
.service .servicebg div.serviceicon3{text-align:center;float:left;width:20%;float:left;}
.service .servicebg div.serviceicon4{text-align:center;float:left;width:20%;float:left;}
.service .servicebg div.serviceicon5{text-align:center;float:left;width:20%;float:left;}
.service .servicebg div.serviceicon1 .serviceicon{background-position:0px -46px;}
.service .servicebg div.serviceicon2 .serviceicon{background-position:-157px -46px;}
.service .servicebg div.serviceicon3 .serviceicon{background-position:-312px -46px;}
.service .servicebg div.serviceicon1 .serviceicon:hover{background-position:0px -202px;}
.service .servicebg div.serviceicon2 .serviceicon:hover{background-position:-157px -202px;}
.service .servicebg div.serviceicon3 .serviceicon:hover{background-position:-312px -202px;}
.service .servicebg div.serviceicon4 .serviceicon{background-position:-470px -46px;}
.service .servicebg div.serviceicon4 .serviceicon:hover{background-position:-470px -202px;}
.service .servicebg div.serviceicon5 .serviceicon{background-position:-629px -46px;}
.service .servicebg div.serviceicon5 .serviceicon:hover{background-position:-628px -202px;}
.service .servicebg p{font:24px/80px "微软雅黑";color:#666666;}
.service .servicebg a:hover p{color:#97cb5c;}
.tr{display: flex;align-items: center;margin-top:30px;max-width: 1100px;}


.tr2{display: flex;align-items: center;margin-top:30px;max-width: 1100px;}
.tr2 td:nth-child(1){margin-right: 150px;}
.tr2 p{max-width: 700px;}
.tr td{margin-right: 150px;}
.tr td:nth-child(2){margin-left: 150px;margin-right: 0px;}
.bgz{padding: 100px 0;background: linear-gradient(-30deg, #F3FBE9, #EEFEF2);width: 100%;height: auto;}
.bgz img{max-width: 100%;height: auto;}
.zss{display: flex;align-items: center;justify-content: space-around;max-width: 1100px;margin: 0 auto;}
.ml150{margin-left: 150px;}
/* 关于我们 */
.about{width:100%;height:250px;padding:50px 0;background:url(../images/aboutbg.jpg) no-repeat center center;}
.about p.title{font:30px/60px "方正粗宋简体","微软雅黑";color:#fff;text-align:center;padding-bottom:20px;}
.about p{font:13px/24px "微软雅黑";color:#cccccc;text-align:center;}


/* 新闻 */
.news{width:100%;padding:50px 0;}
.news p.title,.news p.title a{font:30px/60px "方正粗宋简体","微软雅黑";color:#333333;padding-bottom:30px;}
.news p.title a:hover{color:#97cb5c;}
/* 行业资讯 */
.information{width:526px;float:left;}
.picScroll-left{ overflow:hidden; position:relative;width:526px;} 
.picScroll-left .bd{ padding:0px;width:100%;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; width:100%;height:375px;overflow:hidden;}
.picScroll-left .bd ul li .pic img{display: block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-backface-visibility: hidden;max-width: 100%;height: auto;border: none;} 
.picScroll-left .bd ul li .pic a:hover img{-webkit-transform: scale(1.1) rotateZ(-3deg);-moz-transform: scale(1.1) rotateZ(-3deg);-ms-transform: scale(1.1) rotateZ(-3deg);-o-transform: scale(1.1) rotateZ(-3deg);transform: scale(1.1) rotateZ(-3deg);opacity: 0.9;}
.picScroll-left .bd ul li .title{height:126px;background:#2a363f;position:absolute;margin-top:-126px;z-index:9;width:526px;}
.picScroll-left .bd ul li .title .date{float: left;color: #fff;font-size: 14px;border-radius: 3px;background: #86c724;text-align: center;margin: 30px 20px 30px 30px;width:60px;padding:5px 0;transition: all 0.3s ease;font-family:'微软雅黑';}
.picScroll-left .bd ul li .title .date:hover{color:#2a363f;background:#fff}
.picScroll-left .bd ul li .title .date strong{font-size:30px;display:block;font-weight:400;line-height:30px;}
.picScroll-left .bd ul li .title .white-light{float: left;color: #fff;width:390px;margin-top: 25px}
.picScroll-left .bd ul li .title .white-light a{font:16px/24px "微软雅黑";color:#fff;}
.picScroll-left .bd ul li .title .white-light a:hover{color:#97cb5c;}
.picScroll-left .bd ul li .title .white-light p{font:14px/24px "微软雅黑";color:#cccccc;}

.picScroll-left .hd{margin-top: 27px; text-align: center;cursor:pointer;}  
.picScroll-left .hd ul li{display:inline-block;zoom:1;*display:inline;width:10px;height:10px;margin:5px 3px;filter:Alpha(Opacity=30);opacity:0.3;border-radius:100%;background:#707070;text-indent:-999px;}
.picScroll-left .hd ul li.on{filter: Alpha(Opacity=100);opacity: 1;cursor:pointer;}


/* 公司新闻 */
.company{width:526px;float:right;}
.sideMenu{width:100%;}
.sideMenu h3{font-size: 16px;background: #eee;  color: #1e1e1e;border: none;display: block;position: relative;line-height: 46px;outline: none;font-weight: normal;font-family: "微软雅黑",'Open Sans',sans-serif;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;-o-transition: color 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;cursor: pointer;clear:both;}
.sideMenu h3 em{ float:left; display:block; width:14px; height:13px;background:url(../images/icoAdd.png) 0 0 no-repeat; cursor:pointer;margin:17px 10px; }
.sideMenu h3 span{float:right;display:block;padding-right:20px;}
.sideMenu h3.on em{ background-position:0 -13px; }
.sideMenu ul{height:145px;overflow:hidden;color:#666666; display:none;background:#fafafa;clear:both;}
.sideMenu ul li{font:14px/24px "微软雅黑";color:#666;padding:30px 50px;}

 

/* 底部 */
#footer{width:100%;height:300px;padding:68px 0 50px;background:rgba(151,203,92,.5);}
#footer .footerl{float:left;width:350px;font-size:14px;}
#footer .footerc{float:left;width:280px;padding:0 60px;color:#111;font-size:14px;font-family: "微软雅黑";font-weight:100;}
#footer .footerr{float:right;width:350px;text-align:right;font:14px/30px "微软雅黑";color:#111;}
#footer p.title,#footer p.title a{font:16px/30px "方正粗宋简体","微软雅黑";color:#111;padding-bottom:30px;}
#footer p.title a:hover{color:#97cb5c;}
#footer p a{color:#111;}
#footer p  a:hover{color:#97cb5c;}
 
#footer .footerl form p{clear:both;width:175px;line-height:46px;border:none;color:#111;background:none;padding-left:10px;margin-bottom:15px;background:rgba(85,94,101,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66555e65,endColorstr=#66555e65);/*兼容ie8*/}
#footer .footerl form p span{display:block;float:left;margin-right:5px;}
#footer .footerl form  p input{width:120px;height:46px;border:none;background:none;}
#footer .footerl form  p textarea{border:none;background:none;padding:10px;height:60px;width:100px;resize: none;overflow:auto;}
#footer .footerl form button{width:84px;height:48px;font:16px/40px "微软雅黑";border:1px solid #97cb5c;color:#fff;background:#97cb5c;cursor:pointer;text-align:center;float:right;display:block;margin:-50px auto 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
#footer .footerl form button:hover{border:1px solid #9ca1a5;background:none;color:#9ca1a5;}

#footer .footerc .pcon{line-height:27px;border-bottom:3px solid rgba(85,94,101,.4);padding-bottom:30px;margin-bottom:40px;margin-top:-10px;}
#footer .footerc .powered{line-height:27px;}
 

#footer .footerr .pfootlogo{height:165px;overflow:hidden;}
#footer .footerr .pcontact{}


/* 内页 */
#breadcrumb {position: relative;width: 100%;color: #fff;padding: 100px 0px 59px 0px;background: #999 url(../images/breadcrumb.jpg) no-repeat center top;background-size: cover;margin-bottom:50px;}
#breadcrumb .pagenation{text-align:right;padding:20px 0;}
#breadcrumb .pagenation a{display:inline-block;*zoom:1;*display:inline;padding:10px 15px;margin-left:10px;background:#97cb5c;color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:14px;}
#breadcrumb .pagenation a:hover,#breadcrumb .pagenation a.hover{background:#fff;color:#97cb5c;}
.content{padding:20px;margin-bottom:50px;font-size:14px;}

/* 526*375 */
.newslist   .newslist4{float: left;width:1060px;margin:20px;overflow:hidden;}
.newslist   .newslist4 .divider_line9{float: left;width: 100%;padding-top: 40px;margin-bottom: 10px;background: url(../images/shadow2.png) no-repeat center bottom;text-align: center;}
.newslist   .newslist4 .newslist4img{width:235px;height:168px;overflow:hidden;float:left;}
.newslist   .newslist4 .newslist4img a img{max-width: 100%;max-height: 100%;min-height: 168px;height:auto;opacity: 1;-webkit-transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;transition: opacity .25s ease-in-out;}
.newslist   .newslist4 .newslist4img a:hover img{opacity: 0.6;}
.newslist   .newslist4 .newslist4title{width:800px;float:right;}
.newslist   .newslist4 .newslist4title h3 a{text-decoration: none;color: #97cb5c;float: left;text-transform: none;font-weight: 400;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;line-height: 35px;margin-top: 3px;}
.newslist   .newslist4 .newslist4title h3 a:hover{color: #000;}
.newslist   .newslist4 .newslist4title p{line-height:24px;}
.newslist   .newslist4 .newslist4title p a{color: #97cb5c;}
.newslist   .newslist4 .newslist4title p a:hover{color: #666;}

.article h2{font-size: 20px;line-height: 32px;text-align: center;position: relative;font-family: "微软雅黑";font-weight: normal;color: #97cb5c;}
.article .info {text-align: center;height: 30px;line-height: 30px;border-bottom: 1px solid #d2d2d2;font-family: "微软雅黑";font-weight: normal;padding:0 20px;}


.fenyList{height:40px;background:#e8e8e8;padding:0 20px;margin-bottom:30px;font-size:14px;}
.prew{background:url(../images/pre_info.gif) no-repeat left center;float:left;height:40px;line-height:40px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.next{background:url(../images/next_info.gif) no-repeat right center;float:right;height:40px;line-height:40px;overflow:hidden;padding-right:15px;text-align:right;width:46%;}
.fenyList a:hover{color: #97cb5c;}


/* page */
#pagenation{clear: both;padding: 20px 0;margin-bottom: 20px;font-family: 'Open Sans',sans-serif;}
#pagenation a{font-size: 12px;color: #454545;background-color: #eee;font-weight: 600;text-transform: uppercase;padding: 7px 10px;border-radius: 3px;margin-right: 8px;margin-bottom: 10px;}
#pagenation a.current,#pagenation a:hover {color: #fff;background-color: #454545;}



.productlist   .productlist4{float: left;width:235px;height:280px;margin:20px;overflow:hidden;}
.productlist   .productlist4 .divider_line9{float: left;width: 100%;padding-top: 40px;margin-bottom: 10px;background: url(../images/shadow2.png) no-repeat center bottom;text-align: center;}
.productlist   .productlist4 .productlist4img{width:100%;height:168px;overflow:hidden;}
.productlist   .productlist4 .productlist4img a img{max-width: 100%;max-height: 100%;min-height: 168px;height:auto;opacity: 1;-webkit-transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;transition: opacity .25s ease-in-out;}
.productlist   .productlist4 .productlist4img a:hover img{opacity: 0.6;}
.productlist   .productlist4 .productlist4title a{text-decoration: none;color: #4d8e03;float: left;text-transform: none;font-weight: 400;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;line-height: 35px;margin-top: 3px;text-align:center;}
.productlist   .productlist4 .productlist4title a:hover{color: #000;}
.productlist   .productlist4  p{line-height:24px;}
.productlist   .productlist4  p a{color: #4d8e03;}
.productlist   .productlist4  p a:hover{color: #666;}



#footlogo2{position:fixed;right:0px;bottom:0px;z-index:99999999999999;background:url(../images/bottomlogo.jpg) no-repeat center center;width:45px;height:106px;display:block;}

 
.encontact form p{clear:both;width:920px;line-height:46px;border:none;color:#111;background:none;padding-left:10px;margin-bottom:15px;background:rgba(85,94,101,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66555e65,endColorstr=#66555e65);/*兼容ie8*/}
.encontact form p span{display:block;float:left;margin-right:10px;}
.encontact form p input{border:none;background:none;width:800px;height:46px;}
.encontact form p  textarea{border:none;background:none;padding:10px;height:120px;width:800px;resize: none;overflow:auto;}
.encontact form button{width:84px;height:48px;font:16px/40px "微软雅黑";border:1px solid #97cb5c;color:#fff;background:#97cb5c;cursor:pointer;text-align:center;display:block;margin:50px 0 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.encontact form button:hover{border:1px solid #9ca1a5;background:none;color:#9ca1a5;}


.encontact2 form input.input1{width:920px;height:46px;border:none;color:#111;background:none;padding-left:10px;margin-bottom:15px;background:rgba(85,94,101,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66555e65,endColorstr=#66555e65);/*兼容ie8*/}
.encontact2 form input.input2{width:445px;height:46px;border:none;color:#111;background:none;padding-left:10px;margin-bottom:15px;background:rgba(85,94,101,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66555e65,endColorstr=#66555e65);/*兼容ie8*/}
.encontact2 form textarea.input1{border:none;color:#111;background:rgba(85,94,101,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66555e65,endColorstr=#66555e65);padding:10px;height:120px;width:910px;resize: none;overflow:auto;}
.encontact2 form button{width:84px;height:48px;font:16px/40px "微软雅黑";border:1px solid #97cb5c;color:#fff;background:#97cb5c;cursor:pointer;text-align:center;display:block;margin:50px 0 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.encontact2 form button:hover{border:1px solid #9ca1a5;background:none;color:#9ca1a5;}