.banner {width:100%;position:relative;height:560px;background:#efefef;overflow:hidden;}
.banner .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:560px;overflow:hidden;text-align:center;}
.banner .bd li a {display:block;height:560px;}
.banner .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:16px;line-height:16px;}
.banner .hd ul {text-align:center;}
.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:2px;overflow:hidden;background:#bab6b5;line-height:999px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.banner .hd ul .on {background:#3fa13f;}

.sosuo{ height:36px; line-height:36px; color:#999; padding:16px 0; border-bottom:1px solid #ebebeb;}
.sosuo .lf span{ display:inline-block;}
.sosuo .lf a{ display:inline-block; color:#999; padding:0 5px;}
.sosuo .rg input.key{ float:left; background:#fff; color:#999; border:1px solid #ededed; width:230px; padding:0 10px; height:34px; line-height:34px;}
.sosuo .rg input.btn{ float:left; border:none; width:40px; height:36px; line-height:36px; background:url(../images/f1.png) no-repeat center center #3fa13f;}

.hbg{ background:#f5f5f5;}
.cbg{ background:url(../images/bg.jpg) no-repeat center top; background-size:cover;}
.sbg{ background:url(../images/bg2.png) repeat 0 0; padding-bottom:90px;}

.h-tit{ text-align:center; padding:40px 0 10px; color:#404040;}
.h-tit h3{ font-size:22px; height:36px; line-height:36px;font-weight:normal; color:#555;}
.h-tit h2{ font-size:38px; height:52px; line-height:52px;}
.h-tit h2 span{ color:#393;}
.h-tit p{ height:32px; line-height:32px; background:url(../images/ht-h.png) repeat-x center center; padding:5px 0;}
.h-tit p span{ font-size:24px; padding:0 25px; color:#999; display:inline-block;}
.h-tit2{ padding-top:50px;}
.h-tit2 h3,.h-tit2 h2,.h-tit2 p span{ color:#fff;}
.h-tit2 p{ background:url(../images/ht-b.png) repeat-x center center; padding:5px 0;}

.h-fuwu{ padding-top:35px;}
.h-fuwu dl{ width:20%; padding:0 2.5%; float:left; text-align:center;}
.h-fuwu dl dt img{ display:block; margin:0 auto; width:168px; height:168px;}
.h-fuwu dl dd{ font-size:15px; color:#666; line-height:26px;}
.h-fuwu dl dd span{ font-size:20px; font-weight:bold; display:block; color:#000; line-height:36px; padding:15px 0;}

.more{ text-align:center; padding:35px 0 70px;}
.more a{ display:inline-block; font-size:16px; color:#666; padding:0 45px; line-height:52px; background:#fff; border:1px solid #ddd;border-radius:26px;-moz-border-radius:26px;-webkit-border-radius:26px;}
.more a:hover{ color:#393;}
.more a.abut{ background:#393; color:#fff; border-color:#393;}

.h-show .hd ul{ float:left; width:100%; padding:20px 0;}
.h-show .hd ul li{ float:left; width:146px; text-align:center; padding:5px 11.5px 5px 0;}
.h-show .hd ul li:nth-of-type(8n){ padding-right:0;}
.h-show .hd ul li a{ display:block; font-size:16px; height:42px; line-height:42px; color:#fff; font-weight:bold; border:2px solid rgba(255, 255, 255, 0.5)}
.h-show .hd ul li a:hover,.h-show .hd ul li.on a{ background:#fff; color:#393;}
.h-show .bd ul{ float:left; width:100%; height:720px;}
.h-show .bd ul li{ float:left; width:295px; text-align:center; padding:10px 23px 10px 0;}
.h-show .bd ul li:nth-of-type(4n){ padding-right:0;}
.h-show .bd ul li a{ display:block; background:#fff; color:#686868;}
.h-show .bd ul li a:hover{ color:#3fa13f;}
.h-show .bd ul li .i{ width:295px; height:295px; overflow:hidden;}
.h-show .bd ul li img{ display:block; width:100%; height:100%; margin:0 auto;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.h-show .bd ul li:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.h-show .bd ul li span{ font-size:16px; color:#333; display:block; height:44px; line-height:44px; overflow:hidden; border-top:1px solid #eee;}

.ys-list{ margin-top:45px; -moz-box-shadow:0px 3px 8px #ddd; -webkit-box-shadow:0px 3px 8px #ddd; box-shadow:0px 3px 8px #ddd;}
.ys-one{ margin-top:25px;}
.ys-list .img{ width:747px; height:455px; background:#fff; overflow:hidden;}
.ys-list .img img{ display:block; width:100%; height:100%; margin:0 auto;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.ys-list .img:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.ys-list .text{ width:503px; height:455px; background:#fff;}
.ys-list .text .tit{ padding:30px 25px 0 100px; height:309px; position:relative;}
.ys-list .text .tit .num{ position:absolute; left:30px; top:36px; width:58px; height:42px; line-height:42px; padding-top:8px; padding-bottom:18px; font-size:38px; font-weight:bold; color:#fff; background:url(../images/biao.png) no-repeat center top; text-align:center; font-family:Arial;}
.ys-list .text .tit h2{ font-size:30px; color:#000; line-height:44px;}
.ys-list .text .tit h4{ font-size:17px; color:#666; line-height:36px; padding-bottom:5px;}
.ys-list .text .tit p{ font-size:15px; color:#666; line-height:30px;}
.ys-list .text .pic img{ display:block; width:503px; height:116px;}

.h-process{ padding-top:35px; padding-bottom:20px;}
.h-process dl{ text-align:center; float:left; width:188px; padding:0 10px; position:relative;}
.h-process dl:after{content:"";display:block; width:49px; height:14px; background:url(../images/x_r17.png) no-repeat center center; position:absolute; top:40px; right:-25px; z-index:1;}
.h-process dl:nth-of-type(6n):after{ display:none;}
.h-process dl dt img{ display:block; margin:0 auto; height:117px; width:117px;}
.h-process dl dd.dd1{ font-size:17px; font-weight:bold; color:#000; line-height:28px; padding:15px 0 10px;}
.h-process dl dd.dd2{ font-size:15px; color:#666; line-height:28px;}

.h-about{ font-size:15px; color:#666; line-height:32px; padding:10px 0 20px;}
.h-about .img{ display:block; width:1250px; height:280px; overflow:hidden;}
.h-about .img img{display:block; width:100%; height:100%; margin:0 auto;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.h-about .img:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.h-about .txt{ padding-top:15px;}
.h-about .txt a{ display:inline-block; color:#393;}

.youshi{ padding:25px 0 70px;}
.youshi dl{ text-align:center; width:272px; float:left; padding:0 20px; background:url(../images/xx.png) no-repeat right center;}
.youshi dl:nth-of-type(4){ background:none;}
.youshi dl dt{ font-size:16px; height:56px; line-height:56px; position:relative; overflow:hidden; color:#999;}
.youshi dl dt span{ display:inline-block; font-size:46px; color:#000;}
.youshi dl dt em{ font-style:normal; position:absolute; height:21px; line-height:21px; padding-left:5px;}
.youshi dl dd{ font-size:14px; line-height:29px; padding-top:10px; color:#666;}

.h-news{ padding:40px 0 70px;}
.h-news .list{ width:388px; float:left; padding-right:43px;}
.h-news .list3{ padding-right:0;}
.h-news .list .ztit{ padding-left:38px; height:46px; line-height:46px; background:url(../images/x_r19.png) no-repeat left center;}
.h-news .list2 .ztit{ background:url(../images/x_r20.png) no-repeat left center;}
.h-news .list3 .ztit{ background:url(../images/x_r18.png) no-repeat left center;}
.h-news .list .ztit span{ float:left; font-size:18px; color:#000; font-weight:bold; overflow:hidden;}
.h-news .list .ztit em{ float:left; font-size:13px; color:#999; font-weight:normal; font-style:normal; padding-left:10px;}
.h-news .list .ztit a{ float:right; color:#999;}
.h-news .list .xw{ width:388px; height:180px; margin-top:10px; overflow:hidden;}
.h-news .list .xw img{ display:block; width:100%; height:100%; margin:0 auto;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.h-news .list .xw:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.h-news .list ul{ float:left; width:100%; padding-top:10px;}
.h-news .list ul li{ float:left; width:100%; height:48px; line-height:48px; font-size:14px; border-bottom:1px dashed #ddd; background:url(../images/dian.png) no-repeat left center;}
.h-news .list ul li a{ display:block; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555;}
.h-news .list ul li a:hover{ color:#393;}
.h-news .list ul li span{ float:right; padding-left:8px; color:#c6c6c6;}