/*banner*/
.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.banner i img{height: 30px;display: inline-block;margin-top: 15px;}
.banner .sd{width: 130px;height: 142px;background: #005bac;text-align: center;position: absolute;left: 50%;margin-left: -600px;bottom:-90px;padding-top: 30px;box-sizing: border-box;}
.banner .sd .num1{font-size: 34px;color: #fff;font-weight: bold;background: url(../images/ban-line.png) no-repeat center bottom;padding-bottom: 20px;margin-bottom: 10px;}
.banner .sd .num2 span{font-size: 12px;color: #fff;position: relative;margin-right: 5px;}
.banner .sd .num2 span:last-child{margin-right: 0;}
.banner .sd .num2 span:after{content: ".";display: block;position: absolute;right: -5px;bottom: 0;color: #fff;}
.banner .sd .num2 span:last-child:after{display: none;}
.banner .sd .num2 span.cur{color: #F39800;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:10%;}
.banner .hd li{width: 80px;height: 8px;background: #fff;margin: 0 5px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #EF8301;}


/*搜索*/
.search{height: 90px;background: #fff;}
.search .keyword{float: left;margin-left: 150px;line-height:90px;max-width: 680px;height: 90px;overflow: hidden;}
.search .keyword b{color: #5C5C5C;margin-right:12px;}
.search .keyword a{color: #BFBFBF;margin-right:26px;}
.search .sou{float: right;height: 89px;border-bottom: 1px solid #005bac;box-sizing: border-box;width: 300px;padding-top: 24px;}
.search .sou .txt{height: 24px;width:229px;line-height: 24px;color: #666;border: none;background: none;float: left;margin-top: 9px;border-right: 1px solid #E2E2E2;}
.search .sou .btn{display: block;width: 42px;height: 42px;background: url(../images/search.png) no-repeat;border: none;float: right;}


/*公共标题*/
.title-b{text-align: center;font-size: 40px;line-height: 40px;}
.title-b a{display: block;color: #333;}
.title-b:after{content: "";display: block;width: 74px;height: 3px;background: #F39800;margin: 12px auto 0;}

/*引子*/
.yz{background:url(../images/yz-bg.jpg) no-repeat center top;height: 773px;box-sizing: border-box;padding-top: 78px;overflow: hidden;}
.yz .con{margin-top: 58px;position: relative;height: 346px;}
.yz .con li{position: absolute;}
.yz .con li a{width: 136px;height: 136px;background: #fff;border-radius: 50%;overflow: hidden;text-align: center;display: table;font-size: 18px;line-height: 32px;box-sizing:border-box;transition: all .25s linear;}
.yz .con li em{display: table-cell;vertical-align: middle;}
.yz .con li:nth-child(1){left: 60px;top: 74px;}
.yz .con li:nth-child(2){left: 200px;top: 163px;width: 149px;height: 149px;}
.yz .con li:nth-child(3){left: 449px;top: 0;}
.yz .con li:nth-child(4){left: 555px;top: 200px;}
.yz .con li:nth-child(5){left: 664px;top: 43px;width: 149px;height: 149px;}
.yz .con li:nth-child(6){left: 905px;top: 134px;}
.yz .con li:nth-child(7){left: 1015px;top: 0;width: 149px;height: 149px;}
.yz .con li.cur a,.yz .con li:hover a{background: #005bac;box-shadow: 0 0 40px rgba(18,42,136,0.3);color: #fff;}
.yz .con2{margin: 30px auto 0;background: url(../images/yz-xbg.png) no-repeat;width: 492px;height: 206px;text-align: center;padding-top: 28px;box-sizing: border-box;}
.yz .con2 span{font-size: 16px;color: #fff;line-height: 16px;margin-bottom: 10px;display: block;}
.yz .con2 p em{display: block;font-size:30px;color:#fff;text-align:  center;line-height:  30px;}
.yz .con2 p a{display: block;width: 138px;height: 36px;background:#f39800;border: none;color: #fff;margin-left: 11px;line-height: 36px;border-radius: 20px;margin: 18px auto;}

/*为什么选择*/
.why{padding-top: 56px;}
.why .con{margin-top: 52px;}
.why1,.why2{height: 464px;}
.why1 dt{width: 960px;margin-right: -360px;height: 464px;float: right;overflow: hidden;}
.why1 dt img,.why2 dt img{width: 960px;height: 464px;}
.why1 dd{float: left;width: 600px;box-sizing: border-box;padding-top: 24px;height: 464px;}
.why1 dd h3,.why2 dd h3{height: 82px;border-bottom: 1px solid #e0e0e0;width: 538px;background: url(../images/why-num1.png) no-repeat left 5px;padding-left: 65px;box-sizing: border-box;margin-bottom: 26px;}
.why1 dd h3 b,.why2 dd h3 b{font-size: 30px;line-height: 30px;color: #005bac;display: block;}
.why1 dd h3 span,.why2 dd h3 span{font-size: 16px;color: #333;line-height: 16px;display: block;margin-top: 10px;font-weight: normal;}
.why1 dd li,.why2 dd li{margin-bottom: 20px;}
.why1 dd li em,.why2 dd li em{display: inline-block;width: 60px;height: 60px;margin-right: 12px;vertical-align: middle;}
.why1 dd li em img,.why2 dd li em img{-webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
.why1 dd li p,.why2 dd li p{display: inline-block;width: 465px;vertical-align: middle;}
.why1 dd li p b,.why2 dd li p b{display: block;font-size: 16px;line-height: 16px;margin-bottom: 10px;}
.why1 dd li:hover b,.why2 dd li:hover b{color: #005bac;}
.why1 dd li:hover img,.why2 dd li:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.why1 dd li p span,.why2 dd li p span{display: block;font-size: 14px;line-height: 14px;color: #666;}
.why1 dd a.zx,.why2 dd a.zx{width:139px; height:40px; background:rgba(18,42,136,1); border-radius:20px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 40px;}

.why2{height: 464px;}
.why2 dt{width: 960px;margin-left: -360px;height: 464px;float: left;overflow: hidden;}
.why2 dt img,.why2 dt img{width: 960px;height: 464px;}
.why2 dd{float: right;width: 600px;box-sizing: border-box;padding-top: 40px;height: 464px;padding-left: 40px;}
.why2 dd h3{background: url(../images/why-num2.png) no-repeat;}

.why3{height: 464px;}
.why3 dt{width: 960px;margin-right: -360px;height: 464px;float: right;overflow: hidden;}
.why3 dt img,.why3 dt img{width: 960px;height: 464px;}
.why3 dd{float: left;width: 600px;box-sizing: border-box;padding-top: 35px;height: 464px;}
.why3 dd h3{height: 82px;border-bottom: 1px solid #e0e0e0;width: 470px;background: url(../images/why-num3.png) no-repeat left 5px;padding-left: 65px;box-sizing: border-box;}


.title2-w{text-align: center;}
.title2-w a{display: block;color: #fff;}
.title2-w b{display: block;font-size: 40px;font-weight: normal;line-height: 40px;}
.title2-w b:before{content: "";display: inline-block;width: 56px;height: 1px;background: rgba(255,255,255,0.49);margin-right: 22px;vertical-align: middle;}
.title2-w b:after{content: "";display: inline-block;width: 56px;height: 1px;background: rgba(255,255,255,0.49);margin-left: 22px;vertical-align: middle;}
.title2-w span{display: block;font-size: 20px;line-height: 20px;margin-top: 10px;font-weight: normal;}

.title2-b{text-align: center;}
.title2-b a{display: block;color: #333;}
.title2-b b{display: block;font-size: 40px;font-weight:bold;line-height: 60px;}
.title2-b b:before{content: "";display: inline-block;width: 56px;height: 1px;background: rgba(0,0,0,0.49);margin-right: 22px;vertical-align: middle;}
.title2-b b:after{content: "";display: inline-block;width: 56px;height: 1px;background: rgba(0,0,0,0.49);margin-left: 22px;vertical-align: middle;}
.title2-b span{display: block;font-size: 20px;line-height: 20px;margin-top: 10px;font-weight: normal;}


/*设计理念*/
.ln{background: url(../images/ln-bg.jpg) no-repeat center top;height: 430px;padding-top: 100px;box-sizing: border-box;}
.ln .con{margin-top: 50px;}
.ln .con li{float: left;width: 193px;margin-right: 8px;display: inline;text-align: center;height: 100px;background: rgba(255,255,255,0.9);border-radius:20px 0px 20px 0px;box-sizing: border-box;padding-top: 20px;position: relative;transition: all .15s linear;}
.ln .con li:last-child{margin-right: 0;}
.ln .con li em{display: block;line-height: 0;height: 35px;width: 37px;margin: 0 auto;overflow: hidden;transition: all .15s linear;}
.ln .con li em img{display: block;margin: 0 auto;}
.ln .con li span{display: block;margin-top: 10px;font-size: 16px;line-height: 16px;color: #333;transition: all .15s linear;}
.ln .con li i{display:block;margin-top: 32px;color: #fff;position:absolute;width: 100%;transition: all .15s linear;}
.ln .con li i:before{content: "";display: block;width: 76px;height: 1px;background: rgba(255,255,255,0.14);vertical-align: middle;position: absolute;top: 9px;left: 0;}
.ln .con li i:after{content: "";display: block;width: 76px;height: 1px;background: rgba(255,255,255,0.14);vertical-align: middle;position: absolute;top: 9px;right: 0;}
.ln .con li.cur,.ln .con li:hover{background: url(../images/ln-cbg.png) no-repeat center top;height: 170px;padding-top: 40px;}
.ln .con li.cur img,.ln .con li:hover img{position: relative;left: -37px;-webkit-filter: drop-shadow(37px 0 #fff); filter: drop-shadow(37px 0 #fff); z-index: 1;}
.ln .con li.cur span,.ln .con li:hover span{color: #fff;}



/*产品线*/
.pro{height: 1245px;position: relative;box-sizing: border-box;padding-top: 100px;}
.pro:after{content: "";display: block;width: 100%;height: 198px;background: #f3f3f3;position: absolute;left: 0;bottom: 0;z-index: -1;}
.pro .tit{margin-top: 50px;height: 80px;}
.pro .tit h3{width: 600px;float: left;height: 80px;line-height: 80px;padding-left: 73px;box-sizing: border-box;background:#E0E0E0 url(../images/pro-jt.png) no-repeat 183px center;position: relative;}
.pro .tit h3:after{content: "";display: block;position: absolute;width: 0;height: 0;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 12px solid #F39800;display: none;}
.pro .tit h3 a{color: #333;display: block;}
.pro .tit h3 em{float: right;margin-right: 60px;font-weight: normal;font-size: 14px;}
.pro .tit h3.cur{background: #F39800 url(../images/pro-jt.png) no-repeat 183px center;}
.pro .tit h3.cur:after{display: block;}
.pro .tit h3.cur a{color: #fff;}
.pro .con{background: #F5F5F5;height: 137px;padding: 20px 48px 0 104px;line-height: 48px;box-sizing: border-box;position: relative;}
.pro .con:after{content: "";display: block;width: 100%;height: 1px;background: #E3E1E1;top: 70px;position: absolute;left: 0;}
.pro .con li h4{width:125px;font-weight: normal;display:inline-block;}
.pro .con li:nth-of-type(2) h4{width:145px;}
.pro .con li h4 a{color: #666;}
.pro .con li h4:hover a,.pro .con li h4.cur a{color: #F39800;font-weight: bold;}
.pro .con1{margin-top: 40px;position: relative;height: 436px;}
.pro .con1 dt{width: 775px;height: 436px;overflow: hidden;float: left;}
.pro .con1 dd{width: 425px;height: 248px;background: #0b2596;float: left;margin-left: 0px;margin-top: 97px;position: relative;padding: 18px 20px 0 30px;box-sizing: border-box;}
.pro .con1 dd h4{position: absolute;top: -60px;left: 30px;font-size: 22px;line-height: 22px;display: block;}
.pro .con1 dd h4:after{content: "";display: inline-block;width: 175px;height: 1px;background: #EAEAEA;vertical-align: middle;margin-left: 15px;width:270px;}
.pro .con1 dd h4 a{display: inline-block;color: #111111;}
.pro .con1 dd b{font-size: 18px;color: #fff;line-height: 18px;display: block;}
.pro .con1 dd p{line-height: 26px;margin-top: 14px;padding-bottom: 11px;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 18px;}
.pro .con1 dd p:last-of-type{border-bottom: none;}
.pro .con1 dd p span{font-size: 14px;color: rgba(255,255,255,0.4);display: inline-block;margin-right:20px;}
.pro .con1 dd em{position: absolute;right: 0;top: -60px;font-size: 20px;color: #005bac;font-family: impact;}
.pro .con1-tit{position: absolute;bottom: 23px;line-height: 0;right: 290px;}
.pro .con1-tit li{width: 13px;height: 13px;display: inline-block;background: #005bac;border-radius: 50%;overflow: hidden;margin:0 11px;cursor: pointer;}
.pro .con1-tit li.cur{background: #F39800;}
.pro .con2{margin-top: 40px;position: relative;}
.pro .con2 li{float: left;margin-right: 13px;display: inline;width: 391px;text-align: center;}
.pro .con2 li:last-child{margin-right:0;}
.pro .con2 li a{display: block;}
.pro .con2 li img{width: 391px;height: 220px;}
.pro .con2 li h4{display: block;font-size: 14px;line-height: 14px;margin-top: 20px;font-weight:normal;}
.pro .con2 .prev{position: absolute;left: -83px;top:62px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.pro .con2 .next{position: absolute;right: -83px;top:62px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.pro .con2 .prev em,.pro .con2 .next em{display: table-cell;vertical-align:middle;}


/*四大保障*/
.bz{background: url(../images/bz-bg.jpg) no-repeat center top;height: 1079px;box-sizing: border-box;padding-top: 88px;}
.bz h2 b i{color: #F39800;font-weight: bold;margin-left: 5px;}
.bz h2 span{color: #F3F3F3;}
.bz .con{margin-top: 50px;}
.bz .con dl{position: relative;}
.bz .con dt{background: url(../images/bz-cbg.png) no-repeat center top;}
.bz .con dt img{width: 1140px;height: 563px;margin-left: 30px;margin-top: 30px;}
.bz .con dd{width: 459px;height: 230px;background:rgba(18,42,136,0.9);position: absolute;top: 290px;left: -55px;padding: 55px 0 0 85px;box-sizing: border-box;}
.bz .con dd h3{font-size: 30px;color: #fff;line-height: 30px;}
.bz .con dd h3 span{font-size: 40px;line-height: 34px;color: #fff;font-family:DINOT-Bold,impact;height: 20px;overflow: hidden;display: inline-block;margin-right: 15px;position: relative;top:-3px;}
.bz .con dd p{margin-left: 20px;margin-top: 23px;}
.bz .con dd p span{display: block;background: url(../images/bz-dot.png) no-repeat;line-height: 16px;font-size: 16px;color: #fff;padding-left: 32px;margin-bottom: 13px;margin-right: 45px;}
.bz .tit{background: url(../images/bz-tbg.png) no-repeat center top;width: 1559px;margin-left: -180px;}
.bz .tit ul{width: 1200px;margin: 0 auto;text-align: center;}
.bz .tit li{display: inline-block;width: 118px;height: 134px;background: url(../images/bz-tit.png) no-repeat center 10px;text-align: center;margin-top: 37px;padding-top: 36px;margin: 37px 37px 0;transition: all .2s linear;cursor: pointer;}
.bz .tit li em{display: block;line-height: 0;width: 40px;overflow: hidden;margin: 0 auto;}
.bz .tit li em img{display: block;margin: 0 auto;}
.bz .tit li span{display: block;font-size: 18px;color: #1f1f1f;font-weight: bold;margin-top: 6px;}
.bz .tit li.cur{background: url(../images/bz-tith.png) no-repeat center top;}
.bz .tit li.cur img{position: relative;z-index: 1;left: -40px; border-right: 40px solid transparent; -webkit-filter: drop-shadow(40px 0 #fff); filter: drop-shadow(40px 0 #fff); z-index: 1;}
.bz .tit li.cur span{color: #fff;}


/*货架案例*/
.case{padding-top: 80px;background: url(../images/case-bg.jpg) no-repeat center bottom;padding-bottom: 113px;}
.case h2{margin-bottom: 40px;}
.case .tit{float: left;width: 215px;background: #F3F3F3;height: 386px;overflow: hidden;margin-bottom: 50px;}
.case .tit h3{height: 64px;line-height: 64px;border-bottom: 1px solid rgba(18,42,136,0.07);font-weight: normal;padding-left: 40px;}
.case .tit h3:last-child{border-bottom: none;}
.case .tit h3 a{display: block;}
.case .tit h3 em{display: inline-block;vertical-align: middle;width: 32px;height: 32px;overflow: hidden;margin-right: 16px;line-height:0;}
.case .tit h3 em img{position: relative;transition: all .2s linear;}
.case .tit h3.cur{background: #005bac;border-color: rgba(18,42,136,1);}
.case .tit h3.cur a{color: #fff;}
.case .tit h3.cur em img{position: relative;position: relative;left: -32px;-webkit-filter: drop-shadow(32px 0 #fff);filter: drop-shadow(32px 0 #fff);}
.case .con{float: left;width: 985px;height: 386px;position: relative;margin-bottom: 50px;}
.case .con dt{float: left;width: 685px;height: 386px;overflow: hidden;}
.case .con dt a{display: block;}
.case .con dt img{width: 685px;height: 386px;}
.case .con dd{float: left;width: 300px;height: 386px;background: #F3F3F3;box-sizing: border-box;padding: 73px 48px 0;}
.case .con dd h4 a{display: block;font-size: 22px;line-height: 22px;color: #333;}
.case .con dd p{font-size: 14px;color: #666;line-height: 24px;margin-top: 20px;letter-spacing: 1px;height: 96px;overflow: hidden;}
.case .con .tel{position: absolute;left: 685px;top: 256px;background: url(../images/case-tel.png) no-repeat left top;padding-left: 75px;color: #333;font-size: 28px;font-weight: bold;line-height: 24px;}
.case .con .tel span{display: block;font-size: 14px;color: #333;margin-bottom: 10px;line-height: 14px;font-weight: normal;}
.case .con2{position: relative;}
.case .con2 li{float: left;width: 391px;margin-right: 13px;display: inline;text-align: center;}
.case .con2 li:last-child{margin-right: 0;}
.case .con2 li a{display: block;}
.case .con2 li img{width: 391px;height: 220px;}
.case .con2 li h4{font-weight: normal;display: block;line-height: 14px;margin-top: 20px;}
.case .con2 .prev1{position: absolute;left: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .next1{position: absolute;right: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .prev1 em,.case .con2 .next1 em{display: table-cell;vertical-align:middle;}



/*流程*/
.lc{padding-top: 76px;padding-bottom: 76px;}
.lc .con{background: url(../images/lc-bg.jpg) no-repeat center;height: 430px;width: 1300px;margin: 50px auto 0;box-sizing: border-box;padding:0 5%;}
.lc .con li{float: left;width: 25%;text-align: center;height: 160px;margin-bottom: 90px;position: relative;}
.lc .con li b{font-size: 20px;line-height: 20px;display: block;color: #333;font-weight: normal;position: absolute;top:0;width: 100%;text-align: center;}
.lc .con li em{background: #F3F3F3;display: block;width: 89px;height: 89px;border-radius: 50%;overflow: hidden;margin: 0 auto;margin-top: 45px;}
.lc .con li em img{display: block;margin: 0 auto;}
.lc .con li span{font-size: 20px;color: #333;line-height: 26px;height: 0;overflow: hidden;display: block;position: relative;}
.lc .con li:hover{background: url(../images/lc-iconh.png) no-repeat center 45px;}
.lc .con li:hover em{background: none;}
.lc .con li:hover em img{position: relative;left: -89px;-webkit-filter: drop-shadow(89px 0 #fff);filter: drop-shadow(89px 0 #fff);}
.lc .con li:hover span{height: auto;position: absolute;top: 190px;text-align: center;width: 100%;padding: 0 5%;box-sizing: border-box;}
.lc .con li:nth-last-child(1):hover,.lc .con li:nth-last-child(2):hover,.lc .con li:nth-last-child(3):hover,.lc .con li:nth-last-child(4):hover{background: url(../images/lc-iconh2.png) no-repeat center 26px;;}
.lc .con li:nth-last-child(1) b,.lc .con li:nth-last-child(2) b,.lc .con li:nth-last-child(3) b,.lc .con li:nth-last-child(4) b{bottom: -12px;top: unset;}
.lc .con li:nth-last-child(1) span,.lc .con li:nth-last-child(2) span,.lc .con li:nth-last-child(3) span,.lc .con li:nth-last-child(4) span{top: -50px;}








/*新闻资讯*/
.new{ height: 720px;
    margin-top: 80px;
    overflow: hidden;
    
    padding-top: 50px;}
.new1{ width:572px; margin-top:25px;}
.newt{ height:70px; position:relative;}
.newt li{ float:left; margin-right:35px; font:24px "Microsoft YaHei"; font-weight:bold; line-height:55px;}
.newt li a{ display:block; color:#282828; height:55px;}
.newt li a:hover,.newt .cur a{ color:#0b2596; border-bottom:2px solid #0b2596;}
.newt h5 a{ display:block; font:14px Arial; text-transform:uppercase; color:#010101; line-height:55px; height:55px; position:absolute; top:0; right:0;}
.new1 dl{ height:400px; overflow:hidden;}
.new1 dt{ width:572px; height:264px; overflow:hidden; position:relative;}
.new1 dt img{ display:block; width:572px; height:364px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new1 dd h5{ width:114px; height:80px; float:left; margin:25px 0 0 0; border-right:1px solid #ebebeb; font:50px "Times New Roman", Times, serif; text-align:center; color:#615242;}
.new1 dd h5 em{ display:block; font:14px "Microsoft YaHei";}
.new1 dd h3{ width:420px; float:right; margin-top:25px;}
.new1 dd h3 a{ display:block; font:14px "Microsoft YaHei";color:#333333; height:30px; line-height:30px; overflow:hidden;}
.new1 dd p{ font:14px "Microsoft YaHei"; line-height:21px; color:#888; margin:6px 0 0; height:72px; overflow:hidden;}
.new1 dd span a{ display:block; width:127px; height:38px; border-radius:5px; background:#54bd33; font:14px "Microsoft YaHei"; text-align:center; line-height:38px; color:#fff;}
.new1 dl:hover span a{ background:#00a0e8;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.new1 dl:hover dd h3 a{ color:#005bac;font-weight:bold;}
.new2 li{ width:530px; margin:0 auto; font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden;}
.new2 li a{ display:block; color:#666666;}
.new2 li em{ float:right; color:#a0a0a0;}
.new2 li a:hover{ color:#005bac; font-weight:bold;}

.faq{ width:570px; overflow:hidden; margin-top:25px; height:520px;}
.faq dl{ height:108px; border:1px solid #ececec; margin-bottom:9px;}
.faq dt{ width:133px; height:80px; text-align:center;border-right:1px solid #ececec; margin-top:16px; float:left; font:50px "Times New Roman", Times, serif; font-weight:bold; color:#333333;}
.faq dt em{ display:block; font:14px Arial; color:#666;}
.faq dd{ width:390px; float:right; padding:15px 15px 0 0;}
.faq dd h3 a{ display:block; font:16px "Microsoft YaHei"; color:#333; height:30px; line-height:30px; overflow:hidden;}
.faq dd p{ font:14px "Microsoft YaHei"; line-height:21px; color:#888; overflow:hidden;}
.faq dl:hover{ border:1px solid #005bac;}
.faq dl:hover h3 a{ color:#005bac;}


/*关于*/








/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 950px;overflow: hidden;padding: 85px 0 0;}
.ys .yin_t{background:url(../images/ys_tbg.png) no-repeat center 0;color: #fff;}
.ys .yin_t span{color: #999;}
.ys_t{padding: 75px 0 0;height: 114px;}
.ys_t ul li{width: 300px;float: left;color: #fff;cursor: pointer;line-height: 30px;height: 85px;overflow: hidden;}
.ys_t ul li em{display: block;float: left;width: 56px;height: 50px;line-height: 0;overflow: hidden;padding-right: 14px;}
.ys_t ul li b{display: block;float: left;font-size: 20px;width: 230px;}
.ys_t ul li i{display: block;font-size: 12px;color: #fff;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;line-height: 1;}
.ys_t ul li em img{width: 56px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}
.ys_t ul li:hover,.ys_t ul li.on{background:url(../images/ys_line01.png) no-repeat 0 72px;}
.ys_t ul li:hover,.ys_t ul li.on,.ys_t ul li:hover i,.ys_t ul li.on i{color: #F39800;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -50px;}
.ys_m dl{width: 1200px;height: 584px;position: relative;}
.ys_m dl dt{width: 1200px;height: 584px;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 1200px;height: 584px;}
.ys_m dl dd{background:url(../images/ys_k.png) no-repeat;width: 515px;height: 520px;position: absolute;top: 36px;right: 0;z-index: 20;}
.ys_m dl dd span{ display:block;position: absolute;top: 105px;right: -10px;font-size: 160px;color: rgba(0,0,0,0.1); font-weight:bold; line-height:130px;}
.ys_m dl dd em{display: block;width: 175px;height: 175px;}
.ys_m dl dd em img{width: 175px;height: 175px;}
.ys_m dl dd h5{font-size: 26px;color: #333;line-height: 32px;margin: 10px 0 20px 145px;height: 70px;border-bottom: #b5b5b5 1px solid;width: 330px;}
.ys_m dl dd h5 i{display: block;font-size: 14px;color: #aaa; font-family:Arial, Helvetica, sans-serif;font-weight: normal;text-transform: uppercase;}
.ys_m dl dd p
{font-size: 16px;
    color: #666;
    line-height: 1.5;
    overflow: hidden;
    width: 330px;
   
    background: url(../images/bz-dot.png) no-repeat;
    margin-left: 145px;
    padding-left: 20px;
	margin-bottom: 20px;


}
.ys_m dl dd p b{color: #079fe5;}




.hzkf{height:660px; background:url(../images/hzkhbj.jpg) repeat-x center;overflow: hidden;}
.hz{padding-top:90px; height:570px;}
.hz h3{text-align: center; margin-bottom: 45px;}
.hz h3 span{display:block;font-size: 38px; color:#282828; height:58px;line-height: 30px; background:url(../images/prtb.png) no-repeat bottom center;}
.hz h3 span i{font-weight: bold;}
.hz h3 em{display: block; font-size: 22px; color:#282828; line-height: 22px; margin-top: 13px;}
.hz .k{position: relative;padding-top:73px;}
.hz .kf ul li{float:left;width:212px;margin:0 15px;}
.hz .kf ul li em{display: block; width:210px; height:159px;padding:0 1px;background:url(../images/hzbj.jpg) no-repeat center; overflow: hidden;}
.hz .kf ul li em img{width:210px; height:139px;}
.hz .kf ul li .first{margin-bottom: 33px;}
.hz .jt i{display: block;width:20px; height:50px;}
.hz .jt .prev{background:url(../images/prev.jpg) no-repeat center;position: absolute;top:214px;left:-30px;}
.hz .jt .next{background:url(../images/next.jpg) no-repeat center;position: absolute;top:214px;right:-41px;}
.hz .jt .prev:hover{background:url(../images/prev_h.jpg) no-repeat center;position: absolute;top:214px;left:-30px;}
.hz .jt .next:hover{background:url(../images/next_h.jpg) no-repeat center;position: absolute;top:214px;right:-41px;}



/* 品质 */
.chara{font-family: "Microsoft Yahei";padding:128px 0 60px;line-height:24px;font-size:20px;background: #f5f5f5;}
.chara_t{width: 516px;height: 150px;top: 800px;left: 345px;text-align: center;font-weight: bold;font-size: 20px;line-height: 54px;color: #332c2b;z-index: 9;}
.chara_t li{width: 94px;float: left;margin: 0 42px 0 0;}
.chara_t li:last-child{margin: 0;}
.chara_t li img{width: 84px;height: 84px;display: block;margin: 0 auto;border-radius: 100%;background: #fff;padding: 5px;}
.chara_t li.cur img{background: #005bac;}

.chara1{height: 500px;margin-bottom: 28px;margin-top: 50px;}
.chara_p{width:50%;height:500px;display: block;overflow: hidden;background:url(../images/chara_pic1.jpg) no-repeat 0 0;}
.chara_p2{background:url(../images/chara_pic2.jpg) no-repeat right 0;}
.chara_p3{background:url(../images/chara_pic3.jpg) no-repeat 0 0;}
.chara_p4{background:url(../images/chara_pic4.jpg) no-repeat right 0;}
.chara_w{width: 45%;height:500px;}
.chara_wc{width: 520px;padding: 72px 0 0;}
.chara_w h3{border-bottom: 1px solid #5f5f5f;font-size: 44px;line-height:84px;color: #000;height: 108px;}
.chara_w h3 img{width: 84px;height: 84px;display: block;margin: 0 14px 0 0;border-radius: 100%;background: #005bac;padding: 5px;float: left;}
.chara_w1{height:115px;line-height: 32px;color: #000;    font-size: 16px;}
.chara_w2 li{width: 133px;height: 159px;float: left;margin: 0 11px 0 0;font-size: 14px;line-height: 20px;color: #000;padding: 26px 15px 0;text-align: center;border:1px solid #eee;border-radius: 20px;}
.chara_w2 li:last-child{margin:0;}
.chara_w2 li span{display: block;height: 34px;}
.chara_w2 li b{display: block;font-size: 18px;line-height: 37px;font-weight: normal;}

/*流程*/
.tec_p{line-height:60px;height:444px;font-family: "Microsoft Yahei";clear: both;padding:80px 0 0;position: relative;z-index: 1;background:url(../images/tecbg.jpg) no-repeat center 0;font-size: 16px;color: #fff;}
.tec_p .til01{color: #fff;height: 172px;}
.tec_pic{left: 518px;top: 0;}
.tec_pc li{width:64px;float: left;padding:26px 74px 0 0;position: relative;white-space: nowrap;}
.tec_pc li span{width:64px;height: 64px;display: block;}
.tec_pc li:before{content: "";position: absolute;width:4px;height:26px;right:37px;top:46px;background:url(../images/tec_icol.png) no-repeat 0 0;}
.tec_pc li:nth-child(4){padding-right:244px}
.tec_pc li:nth-child(4):before,.tec_pc li:last-child:before{width: 0;height: 0;background: none;}
.tec_pc li:last-child{padding-right:0;}
.tec_pc li:hover{padding-top: 10px;}
.tec_p .til01 {
    color: #fff;
    height: 172px;
}

.til01 b {
    color: #2169e1;
}

.til01 p {
    display: block;
    line-height: 44px;
    font-size: 26px;
    opacity: 0.7;
}

.g_ab{background: url(../images/abbg.jpg) no-repeat center top;height: 701px;padding-top: 224px;margin-bottom: 58px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_ab{margin-left: 800px;}
.m_ab .tit a{display: block;font-size: 50px;color:#f18700;font-weight: bold;height: 140px;animation-delay: 0.1s;}
.m_ab .tit em{display: block;font-size: 20px;color:#f18700;font-weight: normal;padding-top: 8px;}
.g_ab p{font-size: 16px;color: #f18700;line-height: 28px;letter-spacing: 1px;animation-delay: 0.2s;}


/**/
.help_cut{ height: 480px;}
.help_nav{height: 110px;}
.help_nav li{float: left;width: 400px;position: relative;font-size: 24px;color:#202428;padding-left: 160px;padding-top: 10px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.help_nav li a{color: #202428; }
.help_nav li em{display: block;font-size: 20px;color:#333333;}
.help_nav li:before{content: "";position: absolute;width:1px;height: 62px;background: #e8e9e9;right:0;top: 1px;}
.help_nav li i{position: absolute;left:70px;top:2px;width: 80px;height: 80px;overflow: hidden;}
.help_nav li.cur a{color: #f18700;}
.help_nav li.cur i img{margin-left: -80px;}
.help_nav li.cur em{color: #f18700;}
.help_nav li:nth-child(3):before{background: none;}


.m_help{ height:330px;width: 1200px; position: relative; }
.xc{width:1200px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  overflow: hidden;}
.xc li{ width:285px; position:relative;margin-right: 20px; float: left; overflow: hidden;}
.xc li img{ display:block;width:285px; height:214px;}
.xc li em{display: block;height: 58px;line-height: 58px;border-bottom: 1px solid #d9d9d9;text-align:center;font-size: 16px;color:#333;position: relative;}
.xc li:hover em{color:#f18700;}
.xc li em:before{content: "";position: absolute;width: 0;height: 1px;background: #f18700;left:0;top:58px;transition: all 0.3s linear 0s;}
.xc li:hover em:before{width:100%;}

/*.prev1,.next1{position: absolute;width: 15px;height: 20px;}
.prev1{left:-30px;top:98px;background:url(../images/ljt.png) no-repeat}
.next1{right:-30px;top:98px;background:url(../images/rjt.png) no-repeat}
.prev1:hover,.next1:hover{background-position: -15px 0;}*/
/*实力践行*/
.shi_bg{background:url(../images/yin_bg.jpg) no-repeat center 0;height: 610px;margin-top: -74px;padding: 128px 0 0;}
.yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.shi .shi_ul01{display: block;padding: 20px 0 0;height: 140px;}
.shi .shi_ul01 li{font-size: 16px;color: #666;height: 45px;line-height: 45px;overflow: hidden;background:url(../images/yin_ico07.png) no-repeat 20px 18px;width: 350px;float: left;padding: 0 0 0 50px;}

.ibrand-num li{float:left;width:245px;height:197px;position:relative;text-align:center;background:url(../images/iserve_bg.png) no-repeat;padding: 85px 0 0;font-weight: bold;margin-left: 73px;color: #2a2a36;}
.ibrand-num li:after{content:'';position:absolute;width:100px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-60px;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size: 60px;font-family: "Impact";line-height: 66px;}
.ibrand-num li i{font-size: 16px;color: #f68100;padding-left: 5px;}
.ibrand-num li b{display:block;font-size: 18px; padding:5px 0 0;}
.ibrand-num li.shi_li02{background:url(../images/iserve_bg.png) no-repeat 0 -282px;color: #fff;}
.ibrand-num li.shi_li02 i{color: #fff;}



/*产品中心*/
.probox{height:1380px;font-family:"Microsoft Yahei";line-height:30px;position: relative;z-index:2;overflow: hidden;padding:72px 0 0;background:url(../images/bg01.jpg) repeat center 0;}
.pro_nav{width:240px;background: #f4f4f4;margin-top: 30px;}
.pro_nav h3{font-size:24px;line-height:82px;height:82px;color: #fff;background:url(../images/protbg.gif) no-repeat center 0;text-align: center;}
.pro_nav h3 a{color: #fff;}

.pro_nl{padding: 6px 8px 0 12px;line-height: 50px;height: 597px;overflow: hidden;}
.pro_n1{position: relative;}
.pro_n1:before{content: "";position: absolute;width: 2px;height: 100%;background: #da2538;left: 0;top: 0;display: none;}
.pro_n1:hover:before{display: block;}
.pro_nl h4{height:40px;font-size: 18px;line-height:40px;background:url(../images/prolbg1.gif) no-repeat 0 0;padding: 0 31px;margin-bottom: 4px;}
.pro_nl h4 a{display: block;color: #000;}
.pro_nl h4:hover,.pro_nl h4.cur,.pro_nl h4.sidenavcur{background:url(../images/prolbg2.gif) no-repeat 0 0;}
.pro_nl ul{clear: both;display: block;padding: 0 0 6px;}
.pro_nl li{height:38px;white-space: nowrap;border-bottom: dashed 1px #d1d0d0;line-height: 38px;}
.pro_nl li:last-child{border:0;}
.pro_nl li a{display: block;color: #000;padding:0 0 0 30px;}
.pro_nl li a:hover{color: #0096f5;text-decoration: none;}
.pro_pho{background:url(../images/pro_pho.gif) no-repeat 0 0;height:71px;padding: 56px 0 0 30px;line-height:18px;color: #fff;}
.pro_pho span{font-family:Impact, Arial blod;font-size: 28px;line-height: 31px;display: block;}

.pro_list{width:943px;overflow: hidden;margin-top: 30px;}

.prev1,.next1{width:17px;height:27px;display: block;left:463px;top:174px;z-index: 2;}
.prev1{left:26px;}

.pro_c{width:943px;height:375px;background: #fff;overflow: hidden;overflow: hidden;margin-bottom:20px;}
.pro_lc dl{width:943px;height:375px;}
.pro_lc dt,.pro_lc dt img{width:500px;height:375px;display: block;overflow: hidden;float: left;}
.pro_lc dd{width: 346px;display: block;overflow: hidden;padding:53px 0 0 60px;float: left;line-height: 26px;color: #333;}
.pro_lc dd h4{color: #333;font-size:16px;line-height:42px;height:42px;}
.pro_lc dd h4 a{color: #333;}
.pro_lc dd .pro_lw{height:180px;overflow: hidden;}
.more01{width: 120px;height: 40px;line-height: 40px;border-radius: 20px;background: #005bac;text-align: center;color: #fff;display: block;font-size: 16px;}
.more01 a{display: block;color: #fff;}

.pro_list ul{width: 960px;}
.pro_list li{position: relative;overflow: hidden;margin:0 6px 8px 0;float: left;width: 310px;}
.pro_list li img{width:308px;height:308px;display: block;overflow: hidden;border: solid 1px #d2d2d2;}
.pro_list li p{display: block;line-height:24px;background: #c4c4c4;padding: 22px 13px 0 24px;height: 63px;}
.pro_list li span{display: block;float: left;width: 144px;color: #7c7c7c;line-height:16px;font-size: 12px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_list li span a{font-size: 20px;line-height:22px;color: #000;display: block;}


.case{padding:50px 0 70px;background: #f4f4f4;}
.case h2{margin-bottom: 50px;}
.case_con{position: relative;}
.case_list dl{float: left;width: 596px;margin-right: 8px;}
.case_list dt{height: 335px;overflow: hidden;}
.case_list dt img{display:block;width: 596px;height: 335px;transition: all 0.5s;}
.case_list dt:hover img{transform:scale(1.05);}
.case_list dd{height: 122px;background: #fff;padding:0 30px;position: relative;}
.case_list dd h3{font-size: 16px;color: #333;line-height: 16px;padding:26px 0 10px;}
.case_list dd p{font-size: 14px;color: #666;line-height: 24px;width: 410px;}
.case_list dd .more{position: absolute;right: 0;top: 24px;width: 115px;height: 74px;border-left:1px solid #ececec;font-size: 16px;color: #666;font-family: Arial;line-height: 16px;text-align: center;background:url(../images/c1.png) no-repeat center 24px;}
.case_list dd .more:hover,.case_list dd h3:hover a{color: #0060b7;}
.case_con .prev{position: absolute;width: 55px;height: 55px;left: -70px;top: 190px;background:url(../images/prev1.png) no-repeat;}
.case_con .next{position: absolute;width: 55px;height: 55px;right: -70px;top: 190px;background:url(../images/next1.png) no-repeat;}
.case_con .prev:hover{background:url(../images/prev1h.png) no-repeat;}
.case_con .next:hover{background:url(../images/next1h.png) no-repeat;}
.case_pg{height: 15px;padding:30px 0;text-align: center;}
.case_pg i{display: inline-block;width: 15px;height: 15px;background: #dcdcdc;border-radius: 50%;margin:0 10px;}
.case_pg i.cur{background: #2258c2;}
.coop{height: 314px;background: #fff;}
.coop h3{float: left;width: 130px;height: 314px;background: #1568b4;padding:0 40px;font-weight: normal;}
.coop h3 b{display:block;font-size: 26px;color: #fff;line-height: 26px;margin:68px 0 15px;height: 48px;position: relative;}
.coop h3 b:after{position: absolute;width: 98px;height: 1px;background: #75a6d3;content: "";left: 0;bottom: 0;}
.coop h3 i{display:block;font-size: 20px;color: #fff;font-family: Arial;opacity: 0.3;line-height: 24px;}
.coop_r{float: right;width: 990px;height: 282px;overflow: hidden;padding-top: 32px;}
.coop_r li{float: left;width: 247.5px;position: relative;}
.coop_r li img{display:block;width: 247px;height:125px;border-bottom: 1px solid #e6e6e6;}
.coop_r li a:nth-child(2n) img{border: 0;}
.coop_r li:after{position: absolute;width: 1px;height: 170px;background: #e6e6e6;content: "";left: -1px;top: 50%;margin-top: -85px;}





.ban01{background: url(../images/ban01.jpg) no-repeat center 0;height: 135px;overflow: hidden;padding: 50px 0 0;}
.ban01_l{width: 600px;padding: 0 0 0 12px;}
.ban01_l p{font-size: 20px;color: #fff;height: 30px;line-height: 30px;}
.ban01_l span{display: block;font-size: 36px;color: #fff;font-weight: bold;line-height: 50px;height: 50px;}
.ban01_r{width: 400px;}
.ban01_r span{font-size: 14px;color: #fff;height: 90px;display: block;padding: 15px 0 0 45px;line-height: 26px;background: url(../images/ban_tel.png) no-repeat 0 24px;width: 220px;float: left;}
.ban01_r span b{display: block;font-size: 26px;}
.ban01_r p{float: right;padding: 20px 0 0;}
.ban01_r p a{background-color: #fff;height: 40px;line-height: 40px;}

 .ban01_r p a {
    display: block;
    width: 110px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #333;
    border-radius: 20px;
    background: #f2f2f2 url(../images/cp_ico01.png) no-repeat 90px 18px;
    padding-left: 20px;
}


.about {
    height: 822px;
    background: url(../images/aboutbj.jpg) no-repeat center;
}

.ab {
    padding-top: 183px;
}

.ab .abt {
    width: 502px;
    height: 420px;
    float: left;
    position: relative;
}

.ab .abt span {
    display: block;
    margin-left: 15px;
    width: 487px;
    height: 400px;
    z-index: 100;
    position: relative;
    overflow: hidden;
}

.ab .abt span img {
    width: 487px;
    height: 400px;
    transition: all 0.3s linear;
}

.ab .abt span:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ab .abt:before {
    width: 422px;
    height: 302px;
    background: #005bac;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

.ab dl {
    width: 698px;
    float: right;
}

.ab dl dt {
    display: block;
    margin-bottom: 31px;
}

.ab dl dt i {
    display: block;
    width: 200px;
    height: 39px;
    border-bottom: 1px solid #cfcfcf;
    text-align: right;
    padding-top: 6px;
    padding-right: 12px;
    text-transform: uppercase;
    font-size: 18px;
    color: #333333;
    margin-bottom: 27px;
}

.ab dl dt span {
    display: block;
    font-size: 55px;
    font-weight: bold;
    color: #333333;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 27px;
    margin-left: 89px;
}

.ab dl dt em {
    display: block;
    height: 40px;
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    background: url(../images/xt6.jpg) no-repeat bottom left;
    margin-bottom: 31px;
    margin-left: 89px;
}

.ab dl dd p {
    width: 607px;
    height: 83px;
    margin-left: 89px;
    margin-bottom: 46px;
    font-size: 14px;
    color: #555555;
}

.ab dl dd b {
    display: block;
    width: 211px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #005bac;
    margin-left: 89px;
}

.ab dl dd b a {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
}

.ab .abt_sm {
    height: 180px;
    margin-top: 40px;
}

.ab .abt_sm .hd {
    width: 222px;
    float: left;
    margin-right: 4px;
}

.ab .abt_sm .hd li {
    width: 222px;
    height: 90px;
    background: #dddddd;
    position: relative;
}

.ab .abt_sm .hd li span {
    display: block;
    padding-top: 30px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}

.ab .abt_sm .hd li span em {
    display: block;
    width: 64px;
    margin: 7px auto 0;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    position: relative;
    line-height: 12px;
    color: #949494;
    mso-table-rspace: 8px;
    text-transform: uppercase;
    opacity: 0.6;
}

.ab .abt_sm .hd li span em:before {
    width: 5px;
    height: 1px;
    background: #777777;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    opacity: 0.6;
}

.ab .abt_sm .hd li span em:after {
    width: 5px;
    height: 1px;
    background: #777777;
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    opacity: 0.6;
}

.ab .abt_sm .hd li.cur {
    background: #005bac;
}

.ab .abt_sm .hd li.cur span {
    display: block;
    color: #FFF;
    opacity: 0.6;
}

.ab .abt_sm .hd li.cur span em {
    color: #FFF;
}

.ab .abt_sm .hd li.cur span em:before {
    background: #FFF;
    opacity: 0.6;
}

.ab .abt_sm .hd li.cur span em:after {
    background: #FFF;
    opacity: 0.6;
}

.ab .abt_sm .hd li.cur i {
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #FFF transparent transparent;
    position: absolute;
    top: 38px;
    right: 0;
    z-index: 100;
}

.ab .abt_sm .bd {
    width: 974px;
    float: right;
}

.ab .abt_sm .bd ul {
    height: 180px;
}

.ab .abt_sm .bd ul li {
    width: 300px;
    height: 180px;
    float: left;
    position: relative;
    margin-left: 24px;
}

.ab .abt_sm .bd ul li span {
    display: block;
    width: 300px;
    height: 180px;
}

.ab .abt_sm .bd ul li span img {
    width: 300px;
    height: 180px;
}

.ab .abt_sm .bd ul li i {
    display: block;
    width: 300px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: url(../images/wzbj2.png) no-repeat center;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ab .abt_sm .yb_box {
    width: 974px;
    float: right;
}