﻿
/*幻灯片 css */
#banner{width: 100%;height: 500px;overflow: hidden}
.slideBox{width: 100%; height:500px; overflow:hidden; position:relative; background:url("../images/load.gif") center no-repeat;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px; line-height:20px; text-align:center; background:#333; cursor:pointer;border-radius: 20px;opacity: 0.8;filter: alpha(opacity=80) }
.slideBox .hd ul li.on{ background:#8caf07; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height: 100%; }
.slideBox .bd a{ width:100%; height:500px; display:block;  }

#notice{height: 40px;line-height: 40px;font-size: 14px;background: url("../images/4.png");overflow: hidden;}
.signing { width:500px;  overflow:hidden; position:relative;  }
.signing .infoList li{ height:40px; line-height:40px;   }
.signing .infoList li .date{ float:right; color:#999;  }



.business{width: 100%;overflow: hidden;margin-bottom: 20px;}
.business .item-1{float:left;width: 285px;position: relative;height: 420px;overflow: hidden}
.business .item-2{float: left;width: 280px;position: relative;height: 420px;overflow: hidden}
.business .item-3{float: left;width: 286px;position: relative;height: 420px;overflow: hidden}
.business .item-4{float: left;width: 288px;position: relative;height: 420px;overflow: hidden}
.business .title{display: block;width: 210px;height: 70px;background: url("../images/33.png") ;text-align: center;line-height: 70px;position: absolute;font-size: 16px;color: #FFF;}
.business .item-1 .title{top: 24%;left: 13%;}
.business .item-1 .t2{top: 73%;left: 14%;}
.business .item-2 .title{top: 42%;left: 13%;}
.business .item-3 .t1{top: 24%;left: 12%;}
.business .item-3 .t2{top: 73%;left: 14%;}
.business .item-4 .title{top: 40%;left: 14%;}
.business .tit{text-align:center;margin-bottom: 20px;}
.business .tit a{color:#6fba40;font-weight:bold}
.business .tit a span{color:#8f8f8f;font-weight:normal;font-size: 20px;font-family:Georgia, Arial;}

.case-dx{background: #FFF;overflow: hidden}
.case-dx .tit{text-align:center;}
.case-dx .tit a{color:#6fba40;font-weight:bold}
.case-dx .tit a span{color:#8f8f8f;font-weight:normal;font-size: 20px;font-family:Georgia, Arial;}
.case-dx .list{ overflow:hidden; position:relative; width:1200px;margin-top: 20px;}
.case-dx .list .bd{ padding:10px; overflow:hidden;  }
.case-dx .list .bd ul{ overflow:hidden; zoom:1;  float:left; _display:inline;width: 240px;}
.case-dx .list .bd ul li{  overflow:hidden; text-align:center;  margin-bottom: 20px;width: 221px;border: 1px solid #c9c9c9}
.case-dx .list .bd ul li .pic{ text-align:center; }
.case-dx .list .bd ul li .pic img{ max-width: 100%;max-height: 100%; display:block; }
.case-dx .list .bd ul li .pic a:hover img{ border-color:#999;  }

.adv{height: 206px;}
.adv .txt{margin: 60px 0 0 20px;font-size: 22px;}
.adv .zx{margin-top: 50px;color: #FFF;}
.adv .zx-btn{display: inline-block;padding: 24px 8px;font-size: 14px;border: 1px solid #ccc;}
.adv .num{color:#fff000;font-size:24px;font-family: Georgia, Arial;}

.case{margin-bottom: 60px;overflow: hidden}
.case .tit{text-align:center;padding-top: 10px;}
.case .tit h3{color: #6fba40;}
.case .tit .desc{font-family: Georgia, Arial;padding: 5px 0;font-size: 24px;color:#7c7c7c;}
.case .tit .line{background: url("../images/53.png") no-repeat center;height: 10px;}
.case .menu{height: 40px;width: 100%;text-align: center;margin-top: 10px;}
.case .menu a{display: inline-block;height: 40px;line-height: 40px;min-width: 100px;padding: 0 10px;font-size: 16px;color:#666;background:#f4f4f4;border: 1px solid #ccc;margin-right: 10px;}
.case .list{margin-top: 30px;overflow: hidden}
.case .list li{float: left;text-align: center;list-style: none;margin-right:20px; }
.case .list li a{display: block;width: 280px;overflow: hidden;}
.case .list li:nth-child(4n){margin-right: 0}
.case .list li img{width: 280px;height: 200px;background: url("../images/load.gif") no-repeat center;transition: all 0.6s;}
.case .list li img:hover{ transform: scale(1.2);}
.case .list li p{display: block;padding: 10px 0;font-size: 14px;color: #666;}
.case .menu a.on{background: #efa61a;color: #fff;border: 1px solid #efa61a;}
.case .more{text-align:center;padding-top: 20px;}
.case .more a{display: inline-block;padding: 5px 20px;border: 1px solid #ccc;border-radius: 15px;color:#8d8d8d}

.ys{min-height: 500px;}
.ys .item{height: 425px;margin-top: 20px;}
.ys .item .desc{width: 670px;}
.ys .item .desc .wrap{height: 105px;padding-left: 100px;}
.ys .item .desc .wrap .cn{color:#6fba40;font-weight: bold;font-size:46px;}
.ys .item .desc .wrap .en{font-size: 16px;color:#7f7f7f;}
.ys .item .desc .bg1{background: url("../images/01.png") left center no-repeat;}
.ys .item .desc .bg2{background: url("../images/02.png") left center no-repeat;}
.ys .item .desc .bg3{background: url("../images/03.png") left center no-repeat;}

.ys .item .img{width: 500px;position: relative;}
.ys .item .big{border-radius: 50%;overflow: hidden;width: 400px;height: 400px;}
.ys .item .circle{width: 420px;height: 420px;position: absolute;border: 2px dashed #60a900;top: -12px;left: -22px; }
.ys .item .small1{width: 150px;height: 150px;overflow: hidden;border-radius: 50%;position: absolute;right: 20px;top: 30px;border: 1px solid #fff;}
.ys .item .small2{width: 120px;height: 120px;overflow: hidden;border-radius: 50%;position: absolute;right: 40px;top: 190px;border: 1px solid #fff;}
.ys .item .small3{width: 100px;height: 100px;overflow: hidden;border-radius: 50%;position: absolute;right: 120px;top: 310px;border: 1px solid #fff;}

.ys .item-2 .img1{position: absolute;left: 50px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.ys .item-2 .img2{position: absolute;right: 20px;top: 80px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.ys .item-2 .img3{position: absolute;left: 0;top: 10px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.ys .item-2 .img4{position: absolute;left: 0;top: 270px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}


.ys .item-3 .img1{position: absolute;left: 50px;}
.ys .item-3 .img2{position: absolute;left: 110px;top: 140px;z-index: 1;}
.ys .item-3 .img3{position: absolute;left: 0;top: 160px;}
.ys .item-3 .img4{position: absolute;right: 0;top: 160px;}

.process{background:#f5f5f5;padding: 30px 0;}
.process .tit{text-align:center;}
.process .tit h3{color: #6fba40;}
.process .tit .desc{font-family: Georgia, Arial;padding: 5px 0;font-size: 24px;color:#7c7c7c;}
.process .tit .line{background: url("../images/53.png") no-repeat center;height: 10px;}
.process .list{margin-top: 30px;overflow: hidden}
.process .list li{width: 220px;float: left;text-align: center;list-style: none;margin-right:22px;border: 1px solid #ccc;position: relative; overflow: hidden; }
.process .list li:nth-child(5n){margin-right: 0}
.process .list li .img{display: block;width: 220px;height: 170px;}
.process .list li img{width: 220px;height: 170px;background: url("../images/load.gif") no-repeat center;
    position: absolute;right: 0; top: 0;
    -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.process .list li img:hover{right:10px;}
.process .list li:hover{border: 1px solid #efa61a}
.process .list li .idx{font-size: 22px;}
.process .list li .name{color:#efa61a;font-size:16px;}
.process .list li .desc{color: #6b6b6b;font-size:14px;height: 64px;padding: 0 10px;overflow: hidden;}

.need{height: 330px;background: url("../images/bg.png") center;padding-top: 50px;}
.need .box{width: 460px;height: 226px;background:#d9d8dd;padding: 20px 30px;font-size: 14px;margin-left:48px;}
.need .box h3{font-size: 22px;color:#6fba40;}
.need .box dl{margin-top: 10px;}
.need .box dt{float: left;height: 50px;}
.need .box dd{float: left;padding-left: 10px;}
.need .box p{margin-top: 15px;}
.need .box .ipt{width: 83%;border: none;padding: 5px 10px;margin-left: 10px;background: rgba(255, 255, 255, 0.4)}
.need .box .btn{padding: 3px 20px;background:#efa61a;color:#FFF;}
.need .img{position: relative;}
.need .img .tel{position: absolute;bottom: -3px;left: 220px;color:#FFF;font-size: 20px;}

.about{height: 300px;margin: 30px auto;}
.about .video{}
.about .con{width: 720px;}
.about .con .top a.more{float: right;color:#efa61a;font-size:14px;margin-top: 20px;}
.about .content{height: 242px;overflow: hidden;}

.wh a{display: block;float: left}
.wh a img{width: 600px;height: 232px;}
.image{background:#f5f5f5;margin: 30px auto; padding: 20px 0;}

.news .menu a{border: 0;background: none;padding: 0;}
.news .menu a.on{color:#efa61a;border: 0;background: none;border-bottom: 1px solid #efa61a}
.news li{width: 280px;}
.news .list li p{text-align: left;padding: 5px 0;}
.news .list li p.title{font-size: 16px;}
.news .list li p.desc{color: #949494;}
.news .list li p.date{color:#6fba40}
.news .more a{background:#efa61a;color:#FFF;}