@charset "utf-8"; /* CSS Document */ body{font-size:14px;background: #f7f7f7;color:#333;font-family:"Microsoft YaHei","Helvetica Neue","Helvetica","Hiragino Sans GB","Hiragino Sans GB W3","Arial,sans-serif";} body,dd,div,dl,dt,form,h2,h3,h4,li,ol,p,td,th,ul,input{margin:0;padding:0;} html { height:100%;font-family:'latoregular'; } body { height:100%; margin:0; padding:0; line-height:24px; } h2,h3,h4{font-size:100%;} ol,ul{list-style-type:none;} img{border:0;vertical-align:middle;} table{border-collapse:collapse;} a{color:#333;cursor:pointer;outline:0;text-decoration:none;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;} a:hover{color:#2888b0;} em,i{font-style:normal;} input{border:0 none;outline:0;font-family:arial,'pingfang sc',stheiti,"microsoft yahei",sans-serif;} .clearfix:before,.clearfix:after{content:"";display:table;} .clearfix:after{clear:both;} .clearfix{*zoom:1;} .clear{clear:both;} .fl{float:left;} .fr{float:right;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .pb20{padding-bottom: 20px;} .textcenter{text-align:center;} .red{color:red;} .tran_time{ webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .wrapper{margin:0 auto;border:0;width: 1200px;} .minw{width:100%;min-width:1200px;} .pr{position: relative;} .pa{position: absolute;} .fl {float: left;} .fr {float: right;} .til01{text-align: center;display: block;font-size:54px;color: #333;line-height:76px;height: 129px;position: relative;} .til01:before{content: "";position: absolute;width:29px;height:1px;background: #999;left:50%;margin-left:-15px;top:76px;} .til01 a{display: block;color: #333;} .til01 b{color: #2888b0;} .til01 p{display: block;font-size:20px;line-height:40px;color: #666;font-weight: normal;} .til02,.til02 a{color: #fff;} .til02:before{background:#ccc;} .til02 p{color: #ccc;} .top-box{width: 100%;height: 32px; line-height: 32px; background: #fff;border-bottom:1px solid #efefef;} .top-box .box-con{width: 1200px; height: 32px; margin: 0 auto;} .top-box .left-box{float: left;color:#666;} .top-box .left-box .item{padding-left: 24px; background: url(../images/hi.png) no-repeat 2px center;} .top-box span {display: inline-block; height: 18px; padding-left:20px; line-height: 18px; margin: 4px 0; } .top-box span a{color: #666666;font-size: 12px;display: inline-block;} .top-box span.sc-xw{padding-left: 0px} .top-box span.sc-xw a{background: url(../images/sc_ico.png) no-repeat center left;padding-left: 20px;} .top-box span a i{display: block; width: 14px; height: 16px; margin-right: 10px; float: left; background: url(../images/topbotBg.png) no-repeat;} .top-box span a:hover{color: #2888b0;} .top-box span.phone a,.top-box span.wxgzh a,.top-box span.call-on a,.top-box span.item a{ padding-right: 18px; background:url(../images/topjbg.jpg) right center no-repeat;position: relative; } .top-box span.phone a i{margin-right: 4px;} .top-box span.phone a:hover{color: #2888b0; padding-left: 20px; background:url(../images/topjbg.jpg) right center no-repeat; } .top-box span.phone a:hover i{background: url(../images/topbotBg.png) left -16px;} .top-box span.phone a .v-phone{ position: absolute; width: 142px; height: 142px; padding-top: 5px; text-align: center; background: #FFFFFF url(../images/topjbg2.jpg) no-repeat center top;border-left: 1px solid #a9c7db;border-right: 1px solid #a9c7db; border-bottom: 1px solid #a9c7db;box-shadow:0 2px 2px #b8d0e1;top: 23px; left: 0px;display: none; z-index: 9999 } .top-box span.phone a:hover .v-phone{display:block;} .top-box span.phone a .v-phone img{width:135px;} .top-box span.wxgzh a i{background-position: -17px top;} .top-box span.wxgzh a:hover i{background-position: -17px -16px;} .top-box span.wxgzh a .v-wx{ position: absolute; width: 142px; height: 142px; padding-top: 5px; text-align: center; background: #FFFFFF url(../images/topjbg2.jpg) no-repeat center top;border-left: 1px solid #2888b0;border-right: 1px solid #2888b0; border-bottom: 1px solid #a9c7db;box-shadow:0 2px 2px #2888b0; top: 23px; left: 0px;display: none; z-index: 9999 } .top-box span.wxgzh a .v-wx img{width:135px;} .top-box span.wxgzh a:hover .v-wx{display:block;} .top-box .right-box{float: right;position: relative; z-index: 10000;} .top-box span.call-on{position: relative;} .top-box span.call-on a i{background-position: -43px top;} .top-box span.call-on a:hover i{background-position: -43px -16px;} .contact-box{width: 110px; padding: 8px 8px; min-height: 50px;border: 1px solid #2888b0; border-top: none; background: #fff;position: absolute;top: 28px;left: 5px; z-index: 999999; border-top: none; display: none;box-shadow: 0 2px 2px #2888b0;} .contact-box .tel-box{padding: 3px 0;} .contact-box .tel-box i.city{font-size: 12px;color: #666;font-style: normal;display: block; line-height: 30px;} .contact-box .tel-box i.tel{font-size: 15px;color: #ff1515;font-style: normal;display: block;} .top-box span.call-on:hover .contact-box{display: block;} .top-box span.item a{background: none; padding-right: 0;} .top-box span.item a i{background-position: -63px top;} .top-box span.item a:hover i{background-position: -63px -16px;} .header_info{height:70px;padding:30px 0;background:#fff;} .header_info .header_logo{height:70px;background: url(../images/t_ge.gif) no-repeat center right;padding-right:10px;margin-right:15px;} .header_info .header_logo img{height:70px;} .header_info .header_logo_text{font-size:30px;line-height:35px;} .header_info .header_logo_text span{color:#2888b0;} .header_info .header_logo_text p{font-size:19px;} .header_info .header_1688{width:200px;height:35px;margin-left: 30px; margin-top: 10px;} .header_info .header_1688 a{display:block;} .header_info .header_info_phone{background: url(../images/t_pho.gif) no-repeat left 8px;padding-left:40px;} .header_info .header_info_phone p{color:#666;height:20px;} .header_info .header_info_phone h3{font-size:22px;line-height:28px;height:28px;overflow:hidden;font-weight:400;color:#2888b0;} .head_nav{background:#2888b0;} .head_nav_wrap ul#nav{height:70px;} .head_nav_wrap ul li{float:left;width:150px;height:70px;text-align:center;position:relative; background: url(../images/menu-fgx.gif) no-repeat center left;} .head_nav_wrap ul li a{display:block;height:70px;line-height:70px;color:#fff;font-size:18px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .head_nav_wrap ul li a:hover{background-color:#236885;color:#fff;} .head_nav_wrap ul li.home{background:none;} .head_nav_wrap li.nav_li ul{width:150px;display:none;position:absolute;top:70px;left:0;z-index:999;background-color:#2888b0;background-image:none;} .head_nav_wrap li.nav_li ul li{position:relative;width:150px;height:42px;float:left;background:none;padding:0;} .head_nav_wrap li.nav_li ul li a{width:100%;padding:0;float:left;color:#fff;height:42px;line-height:42px;display:block;font-size:12px;border-bottom:1px solid #65a1ba;} .head_nav_wrap li.nav_li ul li a:hover{background-color:#236885;color:#fff;} .head_nav_wrap li.nav_li ul li ul{display:none;position:absolute;left:150px;top:0;} .head_nav_wrap ul li a.nava{background-color:#236885;color:#fff;} .head_nav_wrap ul li a.selt{background-color:#236885;color:#fff;} .fixednav{position: fixed;width:100%;top: 0;z-index: 99;_position: absolute;_position: relative;} .fixednav .head_nav_wrap ul#nav{height:40px;} .fixednav .head_nav_wrap ul li{float:left;width:150px;height:40px;text-align:center;position:relative;} .fixednav .head_nav_wrap ul li a{display:block;height:40px;line-height:40px;color:#fff;font-size:14px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .fixednav .head_nav_wrap ul li a:hover{background-color:#fff;color:#2888b0;} .fixednav .head_nav_wrap ul li.home{background:none;} .fixednav .head_nav_wrap li.nav_li ul{width:150px;display:none;position:absolute;top:40px;left:0;z-index:999;background-color:#fff;background-image:none;} .fixednav .head_nav_wrap li.nav_li ul li{position:relative;width:150px;height:40px;float:left;background:none;padding:0;} .fixednav .head_nav_wrap li.nav_li ul li a{width:100%;padding:0;float:left;color:#666;height:40px;line-height:40px;display:block;font-size:12px;border-bottom:1px solid #f3f3f3;} .fixednav .head_nav_wrap li.nav_li ul li a:hover{background-color:#fff;color:#2888b0;} .fixednav .head_nav_wrap ul li a.nava{background-color:#fff;color:#2888b0;} .index_banner .fullSlide{ width:100%; position:relative; height:650px; } .index_banner .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; } .index_banner .fullSlide .bd ul{ } .index_banner .fullSlide .bd li{ height:650px; overflow:hidden; text-align:center;background:#fff center 0 no-repeat; } .index_banner .fullSlide .bd li a{ display:block; height:650px; } .index_banner .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; } .index_banner .fullSlide .hd ul{ text-align:center; } .index_banner .fullSlide .hd ul li{background-color:#fff; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:5px; margin:1px 5px; overflow:hidden; line-height:999px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .index_banner .fullSlide .hd ul .on{background-color:#2888b0; } .index_banner .fullSlide .prev, .index_banner .fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-37px; left:15%; z-index:1; width:74px; height:74px; background:url(../images/left1s.png) 0 0 no-repeat; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none; } .index_banner .fullSlide .next{ left:auto; right:15%; background:url(../images/right1s.png) 0 0 no-repeat; } .index_search{background:#fff;height:80px;-moz-box-shadow:-1px 0px 6px #ccc; -webkit-box-shadow:-1px 0px 6px #ccc; box-shadow:-1px 0px 6px #ccc;} .index_search .index_serach_left{background:url(../images/20190116091316_599326445.png) center left no-repeat;padding-left:30px;} .index_search .index_serach_left p{height:80px;line-height:80px;} .index_search .index_serach_left p a{margin:0 5px;color:#666;} .index_search .index_serach_left p a:hover{text-decoration:underline;} .index_serach_right{width:300px;height:40px;background:#f5f5f5;margin-top:20px;} .index_serach_right .keywords{width:250px;height:40px;line-height:40px;text-indent:10px;background:#f5f5f5;color:#666;float:left;} .index_serach_right .butt{width:50px;height:40px;color:#fff;float:left;background:#2888b0 url(../images/search_ico.png) center center no-repeat;} .yin{padding: 60px 0 100px;} .yin_t{font-size: 40px;color: #000;font-weight: normal;text-align: center;line-height: 45px;height: 90px;overflow: hidden;padding:30px 0;} .yin_t a{color: #000;} .yin_t b{color: #2888b0;} .yin_t span{display: block;font-size:18px;color: #666;} .yin_t i{color: #2888b0;padding:0 15px;} .yin_t1{font-size: 40px;color: #000;font-weight: normal;text-align: center;line-height: 45px;height: 90px;overflow: hidden;padding:20px 0;} .yin_t1 a{color: #000;} .yin_t1 b{color: #2888b0;} .yin_t1 span{display: block;font-size:18px;color: #666;} .yin_t1 i{color: #2888b0;padding:0 15px;} .yin dl{width: 225px;height: 300px;position: relative;margin: 80px 18px 0 0;float: left;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;} .yin dl dt{width: 225px;line-height: 0;position: relative;} .yin dl dt img{width: 225px;height: 300px;} .yin dl dt h4{font-size: 18px;color: #fff;height: 85px;line-height: 85px;width: 225px;text-align: center;position: absolute;bottom: 0;left: 0;background: #2888b0; transition:height .5s; -moz-transition:height .5s; /* Firefox 4 */ -webkit-transition:height .5s; /* Safari and Chrome */ -o-transition:height .5s; /* Opera */} .yin dl dt h4 em{display: block;width: 46px;height: 46px;line-height: 0;background: #fff;border-radius: 50%;position: absolute;top: -23px;left: 90px;} .yin dl dt h4 em img{width: 46px;height: 46px;} .yin dl dd{background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 225px;text-align: center; transition:height .5s; -moz-transition:height .5s; /* Firefox 4 */ -webkit-transition:height .5s; /* Safari and Chrome */ -o-transition:height .5s; /* Opera */} .yin dl dd h5{height: 70px;line-height: 70px;overflow: hidden; background:url(../images/yin_line.gif) no-repeat center 67px;font-size: 26px;color: #fff;} .yin dl dd em{display: block;width: 46px;height: 46px;line-height: 0;background: #fff;border-radius: 50%;padding: 9px;margin: 80px auto 0;} .yin dl dd em img{width: 46px;height: 46px;} .yin dl dd p{font-size: 16px;color: #fff;line-height: 30px;height: 90px;overflow: hidden;width: 220px;margin: 0 auto;padding: 15px 0 0;} .yin dl:hover dd,.yin dl.cur dd{height: 300px;} .yin dl:hover dt h4,.yin dl.cur dt h4{height: 0;} .yin dl:hover dt h4 em,.yin dl.cur dt h4 em{top: 0;} .yin dl:hover,.yin dl.cur{-webkit-transform:translate(0,-35px);transform:translate(0,-35px);} .yin .nobor{margin-right: 0;} /*产品中心*/ .cpzx{overflow:hidden;width:100%; background:#f9f9f9;padding-top:30px;}.about dl dd .cpzx h3{width:100%; height:27px; margin:0 auto; text-align:center; margin-top:35px; padding-bottom:5px;} .cpzx h3 a{color:#227ecb; } .cpzx_Nav{overflow:hidden; width:100%;text-align:center; } .cpzx_Nav a{width:122px; height:52px;padding:10px 30px; margin:5px; font-size:14px;border:1px solid #ccc;border-radius:20px; line-height:52px; } .cpzx_Nav li a{color:#444444;} .cpzx_Nav a:hover{color:#FFF; text-decoration:none;background: #2888b0;} .cpzx_Nav li:hover a,.cpzx_Nav li.cur a{color:#FFF;} .cpzx_Nav li:hover{ background:url(Img/Index/chanpin_nav_bg.png) no-repeat center bottom;} .cpzx_Nav li:hover,.cpzx_Nav li.cur{background:url(Img/Index/chanpin_nav_bg.png) no-repeat center bottom;} .cj_Nav{overflow:hidden; width:482px; margin:0 auto;} .cj_Nav dl{width:100%;} .cj_Nav dl dt{display:block; width:100px; height:14px; margin-left:20px; line-height:14px; font-size:13px;text-align:center; margin-top:27px; float:left;} .cj_Nav dl dt a{padding-left:15px; background:url(Img/Index/ciji_nav.png) no-repeat center left;} .cj_Nav dl dt a:hover{color:#1f75c0; text-decoration:none; background:url(Img/Index/ciji_nav_b.png) no-repeat center left; } .cj_Nav dl dt:hover a,.cj_Nav dl dt.cur a{color:#1f75c0; text-decoration:none; background:url(Img/Index/ciji_nav_b.png) no-repeat center left;} .cptp{overflow:hidden; width:100%; margin:0 auto;} .cptp ul{width:1200px; } .cptp ul li{width:370px;height: 450px;margin-right:45px;margin-top:36px;border-bottom:3px solid #cdcdcd;float:left;} .cptp ul li p{margin-top: 24px;margin-left:22px;color:#000;float: left;height: 25px;line-height: 25px;} .cptp ul li span{float: right;width: 86px;height: 25px;line-height: 25px;color:#fff;text-align:center;margin-top: 25px;background:#2888b0;border-radius: 20px;} .cptp ul li:hover a{color:#ffffff;text-decoration: none; } .cptp ul li:hover p{color:#FFF; } .cptp ul li:hover{background-color:#2888b0; border-bottom:none;} .cptp ul li.cptp_ys01{ margin-right:0px;} .cp_bg{background:url(../images/cp_bg.jpg) no-repeat center 0;height: 1000px;overflow: hidden;padding: 71px 0 0;} .chanp .yin_t a,.chanp .yin_t span,.ys .yin_t,.ys .yin_t span{color: #fff;} .cp_l{width: 260px;margin: 52px 0 0;background: #fff;padding: 0 0 10px;} .cp_h2{width: 260px;height: 80px;text-align: center;line-height: 80px;overflow: hidden;background: #2888b0;} .cp_h2 a{font-size: 24px;color: #333;display: block;height: 80px;} .cp_lm{width: 260px;} .cp_lm h3{width: 260px;height: 66px;overflow: hidden;border-bottom: #efefef 1px solid;background:#efefef url(../images/cp_ico02.png) no-repeat 210px 20px;} .cp_lm h3 a{font-size: 14px;color: #333;display: block;width: 205px;height: 66px;line-height: 66px;overflow: hidden;background:url(../images/cp_ico01.png) no-repeat 25px 26px;padding: 0 0 0 55px;} .cp_lm h3 a:hover{color: #2888b0;} .cp_lm ul{width: 240px;margin: 0 auto;} .cp_lm ul li{width: 240px;height: 58px;border-bottom: #efefef 1px solid;} .cp_lm ul li a{font-size: 14px;color: #333;background:url(../images/cp_ico03.png) no-repeat 18px 25px;padding: 0 0 0 45px;display: block;width: 195px;height: 58px;line-height: 58px;overflow: hidden;} .cp_lm ul li a:hover{color: #2888b0;background:url(../images/cp_ico04.png) no-repeat 18px 25px;} .cp_lm .nobor{background:#fff url(../images/cp_ico05.png) no-repeat 210px 20px;} .cp_tel{font-size: 14px;color: #333;width: 240px;height: 92px;background: #e9e9e9 url(../images/cp_tel.gif) no-repeat center 34px;margin: 0 auto;padding: 72px 0 0;text-align: center;line-height: 30px;} .cp_tel b{display: block;font-size: 30px;font-family: "DINOT";} .cp_r{width: 927px;margin: 52px 0 0;} .cp_ban{width: 927px;height: 264px;line-height: 0;} .cp_ban img{width: 927px;height: 264px;} .cp_r dl{width: 927px;height: 496px;position: relative;} .cp_r dl dt{width: 661px;height: 496px;line-height: 0;overflow: hidden;} .cp_r dl dt img,.case_m dl dt img,.ys dl dt img,.news01 dl dt img,.about dl dt img,.honor ul li img{width: 661px;height: 496px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;} .cp_r dl dt img:hover,.case_m dl dt img:hover,.ys dl dt img:hover,.news01 dl dt img:hover,.about dl dt img:hover,.honor ul li img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .cp_r dl dd{width: 285px;height: 225px;background: #2888b0;position: absolute;top: 55px;right: 0;padding: 40px 40px 0;z-index: 20;} .cp_r dl dd h5{height: 65px;line-height: 60px;overflow: hidden;background:url(../images/cp_line.gif) no-repeat 0 63px;} .cp_r dl dd h5 a{font-size: 26px;color: #333;} .cp_r .cp_desc{font-size: 14px;color: #333;line-height: 22px;height: 44px;overflow: hidden;padding: 15px 0 0;} .cp_r dl dd span{display: block;padding: 20px 0 0;} .cp_r dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;} .cp_bot{width: 362px;height: 75px;position: absolute;bottom: 50px;right: 0;z-index: 20;} .cp_btn{width: 192px;height: 75px;float: left;} .cp_btn a{display: block;width: 96px;height: 75px;float: left;} .cp_btn .cp_lico{background:url(../images/cp_lico01.gif) no-repeat;} .cp_btn .cp_lico:hover{background:url(../images/cp_lico02.gif) no-repeat;} .cp_btn .cp_rico{background:url(../images/cp_rico01.gif) no-repeat;} .cp_btn .cp_rico:hover{background:url(../images/cp_rico02.gif) no-repeat;} .cp_bot ul{float: left;padding: 0 0 0 20px;} .cp_bot ul li{font-size: 26px;color: #fff;float: left;font-family: "DINOT";padding: 0 10px;font-weight: bold;height: 75px;line-height: 75px;} .cp_bot ul li.on{color: #2888b0;} /* Title */ .Title{width: 100%;text-align: center;width: 1200px;margin: 0 auto;padding-top: 46px;} .Title h2{font-size: 36px;color: #333333;font-weight: normal;} .Title h2 a{color: #333333;text-decoration: none;} .Title i{display: block;width: 1200px;height: 3px;margin: 6px 0 16px 0;} .Title i img{display: block;width: 1200px;height: 3px;} .Title p{font-size: 18px;color: #999999;} /* product */ .product{width: 100%;background: #f8f8f8;padding-bottom: 50px;} .product .mainCon{} .product .mainCon .menu{width: 100%;text-align: center;} .product .mainCon .menu a{display: inline-block;height: 48px;*display: inline-block;line-height: 48px;text-align: center;text-decoration: none;font-size: 16px;color: #666666;padding: 0 30px;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;background: #fff;} .product .mainCon .menu a:first-child{border-left: 1px solid #f2f2f2;border-radius: 24px 0 0 24px;position: relative;right: 0;} .product .mainCon .menu a.last{border-radius: 0 24px 24px 0;position: relative;left: 0;} .product .mainCon .menu a.cur{background: #2888b0;color: #fff;border-color: #2888b0;} .product .mainCon .con{margin-top: 23px;overflow: hidden;position: relative;} .product .mainCon .con ul{width: 105%;} .product .mainCon .con li{width: 383px;float: left;margin-right: 27px;margin-bottom: 27px;} .product .mainCon .con li .Pic{width: 380px;height: 380px;overflow: hidden;display: block;border: 1px solid #ececec;} .product .mainCon .con li .Pic span{width: 380px;height: 380px;overflow: hidden;display: block;} .product .mainCon .con li .Pic img{display:block;width: 380px;height: 380px;transform: scale(1);transition: all 1s ease-out;} .product .mainCon .con li .intro{width: 380px;height: 114px;text-align: center;padding-top: 22px;position: relative;border: 1px solid #f2f2f2;border-top: none;background:#fff;} .product .mainCon .con li .intro h3{font-size: 18px;color: #333333;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:normal;padding: 0 16px;} .product .mainCon .con li .intro h3 a{color: #333333;text-decoration: none;} .product .mainCon .con li .intro .btn{overflow: hidden;width: 308px;height: 42px;background: url(../images/productbg02.png) no-repeat center;margin: 0 auto;} .product .mainCon .con li .intro .btn a{display: block;width: 153px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 16px;color: #333333;text-decoration: none;} .product .mainCon .con li .intro .btn a:first-child{border-right: 1px solid #eaeaea;} .product .mainCon .con li .intro .btn a:hover{color: #fff;} .product .mainCon .con li .intro .btn a.more:hover{background: url(../images/productbg03.png) no-repeat left center;} .product .mainCon .con li .intro .btn a.zx:hover{background: url(../images/productbg04.png) no-repeat right center;} .product .mainCon .con li:hover .Pic img{transform: scale(1.2);} .product .mainCon .con a.proMore{display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;border-radius: 24px;background: #2888b0;font-size: 16px;color: #fff;margin: 18px auto 0;text-decoration: none;} /*实力见证*/ .shilu{ overflow: hidden; height: 868px;background:url(../images/jz.jpg) no-repeat center bottom; padding-top: 78px; border-top: 1px solid #e5e5e5;} .shilu h3{ text-align: center;font-weight: normal; font-size: 40px; padding-bottom: 88px; background:url(../images/n_h.jpg) no-repeat center 50px; line-height: 100%; text-transform: uppercase;} .sli_o{ position: relative;} .sli_o img{ display: inline-block; position: absolute; right: -360px; transition: all 0.3s linear 0s; width:960px;} .sli_o img:hover{transform: scale(1.01);} .sli_o1{ overflow: hidden;} .sli_o h4{font-weight: normal; font-size: 28px; color: #fff; padding-top: 102px;} .sli_o h4 span{ display: block; line-height: 100%; color: #2888b0;font-weight: bold; font-size:67px; padding-bottom: 15px;} .sli_o h4 strong{ display: block; font-size: 28px;padding-top:20px;} .sli_o p{ display: block; font-size: 16px; color: #ccc; padding-top: 31px; width: 450px; line-height: 26px;} .sl_iin{ overflow: hidden; position: absolute; left: 0; top:529px; background: #fff;background:url(../images/som.jpg) no-repeat; height: 168px; width:1200px;} .sl_iin ul li{ float: left; width: 200px;cursor: pointer; text-align: center; color: #333; font-size: 17px; padding-top: 125px; box-sizing: border-box;} .sl_iin ul li.on{background:url(../images/som2.jpg) no-repeat; height: 168px; font-weight: normal; color: #fff;} .sl_iin ul li:nth-child(2).on{background:url(../images/som2.jpg) no-repeat -200px 0;} .sl_iin ul li:nth-child(3).on{background:url(../images/som2.jpg) no-repeat -400px 0;} .sl_iin ul li:nth-child(4).on{background:url(../images/som2.jpg) no-repeat -600px 0;} .sl_iin ul li:nth-child(5).on{background:url(../images/som2.jpg) no-repeat -800px 0;} .sl_iin ul li:nth-child(6).on{background:url(../images/som2.jpg) no-repeat -1000px 0;} /*案例*/ .case_bg{background: #f5f5f5;padding: 100px 0;overflow: hidden;} .case_t{padding: 50px 0 0;height: 90px;} .case_t ul li{width: 171px;height: 56px;float: left;position: relative;} .case_t ul li:before{content: "";width: 6px;height: 1px;background: #142038;position: absolute;top: 27px;right: 10px;} .case_t ul li a{font-size: 20px;color: #333;display: block;float: left;width: 150px;height: 56px;text-align: center;line-height: 56px;overflow: hidden;margin: 0 auto;} .case_t ul li a:hover,.case_t ul li.on a{background: #142038;color: #fff;border-radius: 30px;} .case_t ul li.nobor:before{background: none;} .case_m dl{position: relative;background: #fff;height: 540px;} .case_m dl dt{width: 960px;height: 540px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;} .case_m dl dt img{width: 960px;height: 540px;} .case_m dl dd{width: 440px;float: left;padding: 75px 0 0 80px;} .case_m dl dd h5{height: 44px;line-height: 44px;overflow: hidden;} .case_m dl dd h5 a{font-size: 30px;color: #333;display: block;width: 440px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .case_m dl dd h5 a:hover{color: #2888b0;} .case_m dl dd b{display: block;font-size: 14px;color: #333;line-height: 30px;} .case_m .case_desc{font-size: 14px;color: #666;line-height: 30px;height: 90px;overflow: hidden;padding: 15px 0 0;} .case_m dl dd span,.about dl dd span{display: block;padding: 30px 0 0;} .case_m dl dd span a,.about dl dd span a{display: block;font-size: 14px;color: #fff;width: 100px;text-align: center;height: 34px;line-height: 34px;background: #2888b0;overflow: hidden;border-radius: 20px;text-transform: uppercase;} .case_m dl dd span a:hover,.ban01 p em a:hover,.about dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;} .case_lico,.case_rico,.jz_lico,.jz_rico{width: 58px;height: 58px;position: absolute;top: 625px;z-index: 20;} .case_lico a,.case_rico a,.jz_lico a,.jz_rico a{display: block;width: 58px;height: 58px;border-radius: 50%;-webkit-transition:all .3s;transition:all .3s;} .case_lico{left: 80px;} .case_rico{left: 155px;} .case_lico a:hover,.case_rico a:hover,.jz_lico a:hover,.jz_rico a:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);} .case_lico a,.jz_lico a{background:url(../images/case_lico01.png) no-repeat;} .case_lico a:hover,.jz_lico a:hover{background:url(../images/case_lico02.png) no-repeat;} .case_rico a,.jz_rico a{background:url(../images/case_rico01.png) no-repeat;} .case_rico a:hover,.jz_rico a:hover{background:url(../images/case_rico02.png) no-repeat;} /*优势*/ .ys{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 1105px;overflow: hidden;padding: 90px 0 0;} .ys_l{width: 566px;padding: 87px 0 0 26px;} .ys dl{width: 566px;height: 421px;position: relative;margin-bottom: 55px;overflow: hidden;} .ys dl dt{width: 311px;height: 397px;float: left;line-height: 0;overflow: hidden;border: #2888b0 12px solid;} .ys dl dt img{width: 311px;height: 397px;} .ys dl dd{width: 208px;height: 294px;background: #fff;position: absolute;top: 40px;left: 278px;padding: 50px 30px 0 50px;z-index: 10;} .ys dl dd h5{font-size: 30px;color: #333;line-height: 80px;height: 80px;background:url(../images/ys_line.gif) no-repeat 0 78px;} .ys dl dd p{font-size: 16px;color: #333;line-height: 30px;height: 60px;padding: 20px 0 0;overflow: hidden;} .ys dl dd span{display: block;margin: 30px 0 0;width: 70px;height: 40px;} .ys dl dd span img{width: 70px;height: 40px;} .ys .ys_r{padding: 87px 26px 0 0;} .ys .ys_r dl dt{float: right;} .ys .ys_r dl dd{left: 0;} /*定制流程*/ .liuc{background: #f5f5f5;padding: 50px 0;} .liuc .yin_t{height: 70px;} .liuc .yin_t span{color: #333;} .iflow{overflow:hidden;background:url(../images/liuc_line.png) no-repeat 145px 75px;padding-top:30px;} .iflow .item{float:left;width:150px;text-align:center;color:#333;font-weight:bold;font-size: 14px;} .iflow .item .icon{display:block;width:100px;height:100px;margin:0 auto 12px;position:relative;} .iflow .item .icon i:before{content:'';} .iflow .item .icon i,.iflow .item .icon i:before{border-radius: 50%;background:#fff;position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/iflow_icon.png)} .iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;} .iflow .item .icon i.hover{background-position:0 -100px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;} .iflow .item.i1 .icon i:before{background-position:0 -200px;} .iflow .item.i2 .icon i:before{background-position:0 -300px;} .iflow .item.i3 .icon i:before{background-position:0 -400px;} .iflow .item.i4 .icon i:before{background-position:0 -500px;} .iflow .item.i5 .icon i:before{background-position:0 -600px;} .iflow .item.i6 .icon i:before{background-position:0 -700px;} .iflow .item.i7 .icon i:before{background-position:0 -800px;} .iflow .item.i8 .icon i:before{background-position:0 -900px;} .iflow .item:hover .icon i:before{background:#2888b0 url(../images/iflow_icon2.png);} .iflow .item.i1:hover .icon i:before{background-position:0 -200px;} .iflow .item.i2:hover .icon i:before{background-position:0 -300px;} .iflow .item.i3:hover .icon i:before{background-position:0 -400px;} .iflow .item.i4:hover .icon i:before{background-position:0 -500px;} .iflow .item.i5:hover .icon i:before{background-position:0 -600px;} .iflow .item.i6:hover .icon i:before{background-position:0 -700px;} .iflow .item.i7:hover .icon i:before{background-position:0 -800px;} .iflow .item.i8:hover .icon i:before{background-position:0 -900px;} .iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);} .iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);} /*客户见证*/ .jz{padding: 100px 0;} .jz_m{width: 1200px;overflow: hidden;padding: 50px 0 0;} .jz_m dl{ height: 220px; overflow: hidden;width: 570px;float: left;margin: 0 20px 0 0;background: #f5f5f5;padding: 20px 0 0 20px;} .jz_m dl dt{width: 196px;height: 196px;overflow: hidden;line-height: 0;border-radius: 50%;float: left;} .jz_m dl dt img{width: 196px;height: 196px;display: block;border-radius: 50%; transition: all 0.3s ease-in-out 0s;} .jz_m dl dt:hover img{ transform: rotateY(180deg);} .jz_m dl dd{width: 310px;padding: 45px 0 0 25px;float: left;} .jz_m dl dd h5{height: 32px;line-height: 32px;overflow: hidden;} .jz_m dl dd h5 a{font-size: 16px;color: #333;display: block;width: 300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .jz_m dl dd h5 a:hover{color: #2888b0;} .jz_m .jz_desc{font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden;padding: 10px 0 0;} .jz_lico,.jz_rico{top: 330px;} .jz_lico{left: -80px;} .jz_rico{right: -80px;} /**/ .ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 150px;overflow: hidden;padding: 78px 0 0;} .ban01 p{width: 530px;float: right;} .ban01 p span{display: block;float: left;font-size: 14px;color: #333;background:url(../images/ban_tel.png) no-repeat 0 15px;width: 270px;padding: 0 0 0 45px;line-height: 28px;} .ban01 p b{display: block;font-size: 30px;color: #fff;font-family: "DINOT";} .ban01 p em{display: block;width: 148px;float: left;padding: 10px 0 0;} .ban01 p em a{font-size: 14px;color: #333;display: block;background:url(../images/ban_btn.png) no-repeat;width: 128px;height: 50px;line-height: 50px;overflow: hidden;padding: 0 0 0 20px;} /*新闻动态*/ .news_bg{padding: 60px 0;background: #f7f7f7;} .news_t{height: 40px;width: 540px;margin:0 auto;padding: 28px 0 0;} .news_t ul li{float: left;width: 160px;overflow: hidden;padding: 0 10px;} .news_t ul li a{font-size: 14px;color: #333;display: block; float: left; width: 158px; text-align: center; height: 38px; line-height: 38px; overflow: hidden;border: #ebebeb 1px solid;} .news_t ul li a:hover,.news_t ul li.on a{color: #fff;background:#2888b0;border: #2888b0 1px solid;} .news01{width: 570px;float: left;padding: 40px 0 0;} .news01 dl dt{width: 570px;height: 285px;overflow: hidden;line-height: 0;} .news01 dl dt img{width: 570px;height: 285px;} .news01 dl dd{padding-top: 20px;width: 570px;} .news01 dl dd span{display: block;float: left;height: 53px;width: 90px; font-size: 14px; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 32px;padding: 15px 0 0;color: #666; font-family:Arial, Helvetica, sans-serif;} .news01 dl dd span b,.news02 dt b{display: block;font-size: 50px;} .news01 .news_r{width: 445px;float: left;padding: 0 0 0 20px; overflow:hidden;} .news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;margin:0;} .news dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;} .news dl dd h5 a:hover{ color: #2888b0;} .news_desc{font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden;padding: 5px 0 0;} .news02{ width:580px;float: right;padding: 10px 0 0;} .news02 dl{background: #fff; width:578px;height: 108px;overflow: hidden;border: #ebebeb 1px solid;margin-top: 30px;} .news02 dt{float: left;width: 112px;border-right: #ebebeb 1px solid;height: 78px;text-align: center; font-size: 14px;color: #666;font-family:Arial, Helvetica, sans-serif;line-height: 34px;padding: 30px 0 0;} .news02 dt b{color: #333;} .news02 dd{width: 420px;padding: 12px 0 0 15px;float: left;} .news02 dl:hover{border: #2888b0 1px solid;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);} /*关于*/ .about{padding: 0px 0 0;} .about dl{margin-top: 45px;width: 1200px;height: 415px;background: #f7f7f7;overflow: hidden;} .about dl dt{width: 662px;height: 415px;float: left;line-height: 0;overflow: hidden;} .about dl dt img{width: 662px;height: 415px;} .about dl dd{width: 460px;float: left;padding: 40px 0 0 40px;} .about dl dd h5{height: 45px;line-height: 45px;overflow: hidden;font-weight: normal;} .about dl dd h5 a{font-size: 28px;color: #000;} .about dl dd h5 a:hover{ color: #2888b0;} .about .ab_desc{font-size: 14px;color: #333;line-height: 24px;} .about dl dd p{padding: 20px 0 0;} .about dl dd span{padding: 40px 0 0;} /* about */ .about{width: 100%;padding-bottom: 74px;} .about .Title{;} .about .mainCon{margin-top: 62px;} .about .conBox1{width: 1200px;margin: 0 auto;} .about .conBox1 dt{float: left;width: 620px;} .about .conBox1 dt img{display: block;width:620px;} .about .conBox1 dd{width: 540px;float:right;} .about .conBox1 dd h3{font-size: 20px;color: #2888b0;padding-top: 12px;} .about .conBox1 dd h3 a{color: #2888b0;text-decoration: none;} .about .conBox1 dd p{line-height: 24px;text-indent: 2em;font-size: 14px;color: #666666;margin-right:30px;} .about .conBox1 dd a.details{width: 128px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color: #2888b0;background: url(../images/about_ty.png) no-repeat center;margin-top: 46px;display: block;text-decoration: none;} .about .conBox2{width:1200px;padding-top: 40px; background:#f7f7f7;margin:0 auto;padding-bottom: 40px;} .about .conBox2 .menu{border-bottom: 2px solid #e7e7e7;width: 1200px;margin: 0 auto;} .about .conBox2 .menu li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;line-height:50px;position: relative;} .about .conBox2 .menu li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #2888b0;left: 0;} .about .conBox2 .menu li a{color: #333333;text-decoration: none;} .about .conBox2 .menu li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;} .about .conBox2 .menu li:first-child span{display: none;} .about .conBox2 .menu li:first-child{padding-left: 20px;} .about .conBox2 .menu li.cur a{color: #2888b0;} .about .conBox2 .menu li.cur i{display: block;} .about .conBox2 .con{width: 1200px;margin: 36px auto 0;height: 270px;overflow: hidden;position: relative;background:#f7f7f7;} .about .conBox2 .lunb{width: 1200px;position: relative;margin: 0 auto;} .about .conBox2 .lunb i.aboutBtn{display: block;width: 45px;height: 45px;overflow: hidden;cursor: pointer;position: absolute;top: 78px;} .about .conBox2 .lunb i.aboutBtn img{display: block;width: 45px;height: 90px;position: relative;} .about .conBox2 .lunb i.aboutBtn:hover img{top: -45px;} .about .conBox2 .lunb i.prev{left: -74px;} .about .conBox2 .lunb i.next{right: -74px;} .about .conBox2 .lunb .box{width: 100%;position: relative;height: 261px;overflow: hidden;} .about .conBox2 .lunb .box ul{width: 105%;position: absolute;left: 0;top: 0;} .about .conBox2 .lunb .box li{float: left;height: 261px;width: 282px;margin-right: 24px;overflow: hidden;position: relative;} .about .conBox2 .lunb .box li i.xian{display: block;width: 282px;height: 2px;background: #e0e0e0;} .about .conBox2 .lunb .box li i.xianL{width: 141px;height: 2px;background: #2888b0;position: absolute;left: -141px;bottom: 0px;} .about .conBox2 .lunb .box li i.xianR{width: 141px;height: 2px;background: #2888b0;position: absolute;right: -141px;bottom: 0px;} .about .conBox2 .lunb .box p{width: 282px;height: 212px;position: relative;} .about .conBox2 .lunb .box p span{display: block;width: 282px;height: 212px;overflow: hidden;} .about .conBox2 .lunb .box p span img{display: block;width: 282px;height: 212px;transform: scale(1);transition: all 1s ease-out;} .about .conBox2 .lunb .box p a{display: none;width: 282px;height: 154px;position: absolute;top: 0;left: 0;padding-top: 58px;background: url(../images/aboutbg.png);text-align: center;text-decoration: none;} .about .conBox2 .lunb .box p a img{display: block;width: 36px;height: 36px;margin: 0 auto;} .about .conBox2 .lunb .box p a b{font-size: 14px;color: #fff;font-weight: normal;margin-top: 22px;display: block;} .about .conBox2 .lunb .box em{display: block;font-size: 14px;color: #666666;height: 47px;line-height: 47px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .about .conBox2 .lunb .box li:hover p a{display: block;} .about .conBox2 .lunb .box li:hover p span img{transform: scale(1.2);} /*企业风采*/ .honor{padding: 0 0 30px;} .honor_t{background: #f7f7f7 url(../images/photo_line.png) no-repeat 0 62px;height: 124px;line-height: 124px;overflow: hidden;} .honor_t a{font-size: 16px;color: #333;font-weight: bold;} .honor_t span{float: right;font-size: 14px;text-transform: uppercase;font-weight: normal;display: block;width: 100px;text-align: center;} .honor_t em{display: block;float: left;width: 50px;height: 50px;line-height: 0;overflow: hidden;border-radius: 50%;box-shadow: 0 3px 10px 3px rgba(248,162,48,0.2);margin: 35px 15px 0 30px;} .honor_t em img{width: 50px;height: 50px;} .honor_qie{width: 1200px;overflow: hidden;} .honor ul li{width: 230px;float: left;padding-right: 12px;overflow: hidden;} .honor ul li em{width: 230px;height: 172px;display: block;line-height: 0;overflow: hidden;} .honor ul li img{width: 230px;height: 172px;} .honor ul li span{ width:230px; display:block; text-align:center; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#333;padding: 10px 0 0;} .index_about_body{background:#fff; margin-top: 30px;} .index_about{margin:80px 0 50px 0;} .index_about .index_about_b1{} .index_about .index_about_b1 .hd{margin-top:30px;font-size:55px;height:70px;line-height:70px;color:#f0f0f0;font-weight:700;} .index_about .index_about_b1 .bd{position:relative;margin-top:-40px;} .index_about .index_about_b1 .bd h3{font-size:58px;height:70px;line-height:70px;color:#666;} .index_about .index_about_b2{margin:0 20px 0 40px;width:480px;background:url(../images/yinghaoico.png) top right no-repeat;} .index_about .index_about_b2 .index_about_b2text{padding:0 80px 0 0;color:#666;line-height:32px;font-size:16px;} .index_about_b2_more{margin-top:20px;} .index_about_b2_more a{padding:7px 20px;background:#2888b0;color:#fff;border-radius:20px;float:right;} .index_about .index_about_b3{width:360px;} .index_about .index_about_b3 img{width:360px;} .index_box10{} .index_box10 .hd ul{overflow:hidden;text-align:center} .index_box10 .hd ul li{margin:0 10px;display:inline-block;zoom:1} .index_box10 .hd ul li a{display:block;height:32px;line-height:32px;font-size:13px;background-color:#e5e5e5;padding:0 15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px} .index_box10 .hd ul li a:hover{background-color:#2888b0;color:#fff} .index_box10 .hd ul li.on a{background-color:#2888b0;color:#fff} .index_box10 .index_box_tit{margin:30px 0 20px 0;} .index_box6{margin:50px 0;} .index_box6 .picScroll-left{overflow:hidden; position:relative;} .index_box6 .picScroll-left .bd{} .index_box6 .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .index_box6 .picScroll-left .bd ul li{width:285px; margin:0 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; position:relative; } .index_box6 .picScroll-left .bd ul li a{display:block;border:2px solid #f0f0f0;} .index_box6 .picScroll-left .bd ul li .pic{ text-align:center; } .index_box6 .picScroll-left .bd ul li .pic img{width:281px; height:211px; display:block;} .index_box6 .picScroll-left .bd ul li .play_ico{position:absolute;width:285px;height:211px;left:0;top:0;background:url("../images/play_ico.png") center center no-repeat;} .index_box6 .picScroll-left .bd ul li .title{height:32px; line-height:32px; color:#666; overflow:hidden;background:#f0f0f0;} .index_box6 .picScroll-left .bd ul li .title a{display:block;background-color:#ccc;color:#fff;} .index_box6 .picScroll-left .bd ul li a:hover { border-color:#2888b0; } .index_box6 .picScroll-left .bd ul li a:hover .title{background-color:#2888b0;color:#fff;} .index_box6 .picScroll-left .hd{ overflow:hidden; } .index_box6 .picScroll-left .hd .prev2,.index_box6 .picScroll-left .hd .next2{position:absolute;left:0;top:95px; display:block; width:42px; height:42px;overflow:hidden;cursor:pointer; background:url("../images/left_but.png") no-repeat;} .index_box6 .picScroll-left .hd .next2{left:auto;right:0;background:url("../images/rihgt_but.png") no-repeat; } .index_box11{margin:50px 0;} .index_box11 .picScroll-left{overflow:hidden; position:relative;} .index_box11 .picScroll-left .bd{} .index_box11 .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .index_box11 .picScroll-left .bd ul li{width:285px; margin:0 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; position:relative; } .index_box11 .picScroll-left .bd ul li a{display:block;border:2px solid #f0f0f0;} .index_box11 .picScroll-left .bd ul li .pic{ text-align:center;overflow:hidden; } .index_box11 .picScroll-left .bd ul li .pic img{width:281px; height:211px; display:block;-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;} .index_box11 .picScroll-left .bd ul li .play_ico{position:absolute;width:285px;height:211px;left:0;top:0;background:url("../images/play_ico.png") center center no-repeat;} .index_box11 .picScroll-left .bd ul li .title{height:32px; line-height:32px; color:#666; overflow:hidden;background:#f0f0f0;} .index_box11 .picScroll-left .bd ul li .title a{display:block;background-color:#ccc;color:#fff;} .index_box11 .picScroll-left .bd ul li a:hover { border-color:#2888b0; } .index_box11 .picScroll-left .bd ul li a:hover .title{background-color:#2888b0;color:#fff;} .index_box11 .picScroll-left .bd ul li a:hover img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.05);transform: scale(1.05);} .index_box11 .picScroll-left .hd{ overflow:hidden; } .index_box11 .picScroll-left .hd .prev,.index_box11 .picScroll-left .hd .next{position:absolute;left:0;top:95px; display:block; width:42px; height:42px;overflow:hidden;cursor:pointer; background:url("../images/left_but.png") no-repeat;} .index_box11 .picScroll-left .hd .next{left:auto;right:0;background:url("../images/rihgt_but.png") no-repeat; } .index_box_tit{text-align:center;margin:50px 0;} .index_box_tit h3{font-size:40px;line-height:50px;} .index_box_tit p{line-height:40px;font-size:20px;color:#999;} .index_box1{margin:50px 0;padding:0 0 50px 0;background: #ececec;} .index_box1 ul{} .index_box1 ul li{float:left;margin-right:12px;width:291px;} .index_box1 ul li a{display:block;} .index_box1 ul li a .img{overflow:hidden;} .index_box1 ul li a .img img{width:291px;height:230px;-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;} .index_box1 ul li .text{background:#fff;padding:20px 0;text-align:center;} .index_box1 ul li .text h3{line-height:34px;height:34px;font-weight:700;font-size:20px;margin-bottom:20px;} .index_box1 ul li .text .des{padding:0 10px;line-height:24px;overflow:hidden;font-size:16px;color:#666;margin-bottom:20px;} .index_box1 ul li .des_more p{width: 164px; height: 36px; border: 1px solid #d5d5d5; margin: 0 auto; font-size: 14px; text-align: center; line-height: 36px; display: block;} .index_box1 ul li .des_more p img{vertical-align: middle; margin-left: 10px;} .index_box1 ul li a:hover .text{background-color:#2888b0;color:#fff;} .index_box1 ul li a:hover .des{color:#fff;} .index_box1 ul li a:hover img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.05);transform: scale(1.05);} .index_box1 .index_box1_wrap{position:relative;} .index_box1 .index_box1_wrap .tempWrap{width:1200px!important;} .index_box1 .hd .prev,.index_box1 .hd .next{position:absolute;left:0;top:50%;margin-top:-31px; display:none; width:42px; height:42px;overflow:hidden;cursor:pointer; background:url("../images/left_but.png") no-repeat;z-index:999;} .index_box1 .hd .next{left:auto;right:0;background:url("../images/rihgt_but.png") no-repeat; } .index_product{margin-bottom:50px;} .index_product_menu{width:250px;} .index_product_menu .hd{color:#fff;height:112px;text-align:center;background:url("../images/index_proleft.jpg") 0 0 no-repeat;} .index_product_menu .hd h3{font-size:30px;line-height:40px;margin-top: 20px;} .index_product_menu .bd{width:248px;border:1px solid #ccc;padding:10px 0;} .index_product_menu .bd ul li{margin:0 11px;height:55px;line-height:55px;background:url("../images/index_pronvb.jpg") 0 0 no-repeat;} .index_product_menu .bd ul li a{display:block;padding-left:40px;} .index_product_menu .bd_contact{background:#f2f2f2;margin:10px 11px;padding:10px;} .index_product_menu .bd_contact .bd_contact_b1{text-align:center;margin-top:10px;} .index_product_menu .bd_contact .bd_contact_b1 p img{height:40px;} .index_product_menu .bd_contact .bd_contact_b1 h5{margin:0;padding:0;font-weight:400;line-height:40px;} .index_product_menu .bd_contact .bd_contact_b2 h3{font-size:18px;line-height:30px;} .index_product_menu .bd_contact .bd_contact_b3{font-size:12px;line-height:22px;} .index_product_info{width:930px;} .index_product_banner .slideBox{ width:930px; height:338px; overflow:hidden; position:relative; } .index_product_banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .index_product_banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .index_product_banner .slideBox .hd ul li{font-size:12px; float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .index_product_banner .slideBox .hd ul li.on{ background:#f00; color:#fff; } .index_product_banner .slideBox .bd{ position:relative; height:100%; z-index:0; } .index_product_banner .slideBox .bd li{ zoom:1; vertical-align:middle; } .index_product_banner .slideBox .bd img{ width:930px; height:338px; display:block; } .index_product_banner .slideBox .prev, .index_product_banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .index_product_banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .index_product_banner .slideBox .prev:hover, .index_product_banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .index_product_banner .slideBox .prevStop{ display:none; } .index_product_banner .slideBox .nextStop{ display:none; } .index_product_prolist ul{margin-left:-10px;overflow:hidden;} .index_product_prolist ul li{width:225px;float:left;margin-left:10px;margin-top:10px;position:relative;overflow:hidden;} .index_product_prolist ul li a{display:block;} .index_product_prolist ul li p.img{width:225px;height:225px;} .index_product_prolist ul li p.img img{width:225px;height:225px;} .index_product_prolist ul li h3{position:absolute;width:100%;height:38px;line-height:38px;bottom:0;left:0;background:url(../images/bank_pngbg.png) repeat 0 0;color:#fff;text-align:center;} .index_product_prolist ul li .bg{text-align:center;width:100%;height:100%;position:absolute;left:0;bottom:-999%;color:#fff;background:url(../images/bank_pngbg.png) repeat 0 0;} .index_product_prolist ul li .bg h4{margin-top:40%;font-size:16px;line-height:30px;} .index_product_prolist ul li .bg p{color:#999;} .index_product_prolist ul li a:hover h3{bottom:-38px;} .index_product_prolist ul li a:hover .bg{bottom:0;} /*优势*/ .index_box2{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:28px;color: #666;padding:84px 0 0;background:url(../images/edgetbg.jpg) no-repeat center 0;overflow: hidden;} .edgetil{height: 270px;overflow: hidden;position: relative;} .edgetil:before{content: "";position: absolute;width:1px;height:54px;left:50%;top:268px;background: #2888b0;} .edgetil ul{float: right;text-align: center;padding: 24px 0 0;} .edgetil li{width:158px;height: 95px;border-right: solid 1px rgba(255 , 255 , 255 , 0.2);float: left;overflow: hidden;color: #fff;line-height: 70px;font-size: 24px;} .edgetil li span{display: block;margin: 0 auto;height:46px;} .edgetil li:last-child{border: 0;} .index_box2 .til01{text-align: left;line-height: 93px;} .index_box2 .til01:before{left: 0;top: 91px;width: 50px;margin-left: 0;} .index_box2 .til01 p{line-height: 54px;} /*优势*/ .ys_bj{overflow: hidden;font-family:"Microsoft Yahei";} .ystit {background: url(../images/ystitbg.jpg) no-repeat center 0;color: #fff; padding-top: 45px; height:193px;box-sizing: border-box; text-align: center; font-size: 36px; } .ys_bj h2 { color: #fff;} .ys_bj h2 em{color: #fff; display: block; font-weight: normal;} .ys1{height:531px; background: url(../images/ys1.jpg) no-repeat center top; overflow: hidden;} .ys .dl1{ height: 531px; overflow: hidden; width: 576px; float: left;padding-top: 90px;} .ys .dl1 dt{font-size: 25px; font-weight: bold;color: #222222; display: block;padding-left: 255px;margin-bottom: 70px;} .ys .dl1 dd{width: 576px; line-height: 33px;color: #555555;font-size: 16px;} .ys .dl1 dd b{ color: #fe0000;} .ys2{height:548px; background: url(../images/ys2.jpg) no-repeat center top; overflow: hidden; text-align: right; } .ys .dl2{ height: 531px; overflow: hidden; width: 576px; float: right;padding-top: 150px;} .ys .dl2 dt{font-size: 25px; font-weight: bold;color: #222222; display: block;padding-right: 255px;margin-bottom: 70px;} .ys .dl2 dd{width: 576px; line-height: 33px;color: #555555;font-size: 16px;} .ys .dl2 dd b{ color: #fe0000;} .ys3{height:603px; background: url(../images/ys3.jpg) no-repeat center top; overflow: hidden;} .ys .dl3{ height: 603px; overflow: hidden; width: 576px; float: left;padding-top: 140px;} .ys .dl3 dt{font-size: 25px; font-weight: bold;color: #222222; display: block;padding-left: 255px;margin-bottom: 70px;} .ys .dl3 dd{width: 576px; line-height: 33px;color: #555555;font-size: 16px;} .ys .dl3 dd b{ color: #fe0000;} .ys4{height:486px; background: url(../images/ys4.jpg) no-repeat center top; overflow: hidden; text-align: right; } .ys .dl4{ height: 405px; overflow: hidden; width: 576px; float: right;padding-top: 72px;} .ys .dl4 dt{font-size: 25px; font-weight: bold;color: #222222; display: block;padding-right: 255px;margin-bottom: 50px;} .ys .dl4 dd{width: 576px; line-height: 33px;color: #555555;font-size: 16px;} .ys .dl4 dd b{ color: #fe0000;} .index_box5{background-color:#f8f8f8;padding-bottom:50px;} .index_box5_1_hd ul{text-align:center;} .index_box5_1_hd ul li{border:1px solid #2888b0;margin:0 5px;background-color:#fff;color:#2888b0;width: 158px;font-size:20px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:46px;line-height:46px;cursor:pointer; display:inline-block; *display:inline; zoom:1;} .index_box5_1_hd ul li:hover{background-color:#2888b0;color:#fff;} .index_box5_1_hd ul li.on{background-color:#2888b0;color:#fff;} .index_box5_1_bd{margin-top:30px;} .index_box5_2_hd ul{text-align:center;} .index_box5_2_hd ul li{border:1px solid #2888b0;margin:0 5px;background-color:#fff;color:#2888b0;width: 98px;font-size:20px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;height:38px;line-height:38px;cursor:pointer; display:inline-block; *display:inline; zoom:1;} .index_box5_2_hd ul li:hover{background-color:#2888b0;color:#fff;} .index_box5_2_hd ul li.on{background-color:#2888b0;color:#fff;} .index_box5_2_bd .cntBox{position:relative;height:456px;background:url(../images/dashline_7dc24fc.png) repeat-y 0 38px;overflow:hidden} .index_box5_2_bd .triangle{width:0;height:0;left:0;bottom:148px;border-top:14px solid transparent;border-left:10px solid #fff;border-bottom:14px solid transparent;position:absolute} .index_box5_2_bd .lv{position:absolute;bottom:0} .index_box5_2_bd .lv .level,.index_box5_2_bd .lv .score{-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease} .index_box5_2_bd .lv .content{padding-left:12px!important;padding-right:2px!important} .index_box5_2_bd .lv .content p{text-align:left} .index_box5_2_bd .lv1{width:224px;display:inline-block;left:21px} .index_box5_2_bd .lv1 h3{font-size:40px;color:#3f7ed3;line-height:39px;font-weight:700;position:relative;top:30px;z-index:2;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease} .index_box5_2_bd .lv1 .score{font-size:24px;line-height:30px;color:#3f7ed3;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv1 .content{height:0;padding:0 24px 0 34px;background:#3f7ed3} .index_box5_2_bd .lv1 .content p{font-size:14px;line-height:25px;color:#fff} .index_box5_2_bd .lv1 .content p:first-child{padding-top:31px} .index_box5_2_bd .lv1 .outer{position:relative;margin-top:7px} .index_box5_2_bd .lv2{width:224px;display:inline-block;left:247px} .index_box5_2_bd .lv2 h3{font-size:40px;color:#2f64ac;line-height:39px;font-weight:700;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv2 .score{font-size:24px;line-height:30px;color:#2f64ac;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv2 .content{height:0;padding:0 24px 0 34px;background:#2f64ac;margin-top:17px;position:relative} .index_box5_2_bd .lv2 .content p{font-size:14px;line-height:25px;color:#fff} .index_box5_2_bd .lv2 .content p:first-child{padding-top:68px} .index_box5_2_bd .lv2 .outer{position:relative} .index_box5_2_bd .lv3{width:224px;display:inline-block;left:473px} .index_box5_2_bd .lv3 h3{font-size:40px;color:#2a5a9c;line-height:39px;font-weight:700;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv3 .score{font-size:24px;line-height:30px;color:#2a5a9c;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv3 .content{height:0;padding:0 24px 0 34px;background:#2a5a9c;margin-top:17px} .index_box5_2_bd .lv3 .content p{font-size:14px;line-height:25px;color:#fff} .index_box5_2_bd .lv3 .content p:first-child{padding-top:118px} .index_box5_2_bd .lv3 .outer{position:relative} .index_box5_2_bd .lv4{width:224px;display:inline-block;left:699px} .index_box5_2_bd .lv4 h3{font-size:40px;color:#214e8b;line-height:39px;font-weight:700;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv4 .score{font-size:24px;line-height:30px;color:#214e8b;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv4 .content{height:0;padding:0 24px 0 34px;background:#214e8b;margin-top:17px} .index_box5_2_bd .lv4 .content p{font-size:14px;line-height:25px;color:#fff} .index_box5_2_bd .lv4 .content p:first-child{padding-top:167px} .index_box5_2_bd .lv4 .outer{position:relative} .index_box5_2_bd .lv5{width:224px;display:inline-block;left:925px} .index_box5_2_bd .lv5 h3{font-size:40px;color:#2888b0;line-height:39px;font-weight:700;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv5 .score{font-size:24px;line-height:30px;color:#2888b0;position:relative;top:30px;z-index:2} .index_box5_2_bd .lv5 .content{height:0;padding:0 24px 0 34px;background:#2888b0;margin-top:17px} .index_box5_2_bd .lv5 .content p{font-size:14px;line-height:25px;color:#fff} .index_box5_2_bd .lv5 .content p:first-child{padding-top:216px} .index_box5_2_bd .lv5 .outer{position:relative} .index_box7{margin-bottom:50px;} .index_box7 .picScroll-left{overflow:hidden; position:relative;} .index_box7 .picScroll-left .bd{} .index_box7 .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .index_box7 .picScroll-left .bd ul li{ margin:0 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; } .index_box7 .picScroll-left .bd ul li .pic{ text-align:center;width:285px; } .index_box7 .picScroll-left .bd ul li .pic img{border:2px solid #ccc; width:281px; height:211px; display:block;} .index_box7 .picScroll-left .bd ul li .title{height:32px; line-height:32px; color:#fff; overflow:hidden;} .index_box7 .picScroll-left .bd ul li .title a{display:block;background-color:#ccc;color:#fff;} .index_box7 .picScroll-left .bd ul li:hover .pic a img{ border-color:#2888b0; } .index_box7 .picScroll-left .bd ul li:hover .title a{background-color:#2888b0;} .index_box7 .picScroll-left .hd{ overflow:hidden; } .index_box7 .picScroll-left .hd .prev,.index_box7 .picScroll-left .hd .next{position:absolute;left:0;top:95px; display:block; width:42px; height:42px;overflow:hidden;cursor:pointer; background:url("../images/left_but.png") no-repeat;} .index_box7 .picScroll-left .hd .next{left:auto;right:0;background:url("../images/rihgt_but.png") no-repeat; } .index_box8{background-color:#f8f8f8;padding-bottom:50px;} .index_box8 .box_tabnav .box_tabnav_wrap ul{overflow:hidden;text-align:center} .index_box8 .box_tabnav .box_tabnav_wrap ul li{margin:0 10px;display:inline-block;zoom:1} .index_box8 .box_tabnav .box_tabnav_wrap ul li a{display:block;height:32px;line-height:32px;font-size:13px;background-color:#e5e5e5;padding:0 15px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px} .index_box8 .box_tabnav .box_tabnav_wrap ul li a:hover{background-color:#2888b0;color:#fff} .index_box8 .box_tabnav .box_tabnav_wrap ul li.on a{background-color:#2888b0;color:#fff} .index_box8_hd{border-bottom:1px solid #2888b0;margin-bottom:20px;} .index_box8_hd h3{float:left;height:40px;line-height:40px;padding:0 20px;background:#2888b0;color:#fff;font-size:16px;} .index_box8_hd span{float:right;font-size:12px;color:#666;display: block; height: 40px; line-height: 40px;} .index_box8_hd span a:hover{text-decoration:underline;} .index_box8 .index_news {margin-left:-20px; overflow:hidden; padding-top:28px} .index_box8_left{width:470px;} .index_box8_left .index_box8_leftbd{width:470px;} .index_box8_left .index_box8_leftbd .img img{width:470px;height:353px;} .index_box8_left .index_box8_leftbd .textbd{background:#2888b0;padding:20px 10px;color:#fff;} .index_box8_left .index_box8_leftbd .textbd .date{width:100px;text-align:center;} .index_box8_left .index_box8_leftbd .textbd .date p.d{font-size:40px;line-height:50px;} .index_box8_left .index_box8_leftbd .textbd .date p.ym{font-size:16px;line-height:24px;} .index_box8_left .index_box8_leftbd .textbd_info{width:350px;} .index_box8_left .index_box8_leftbd .textbd_info h3.title{font-size:18px;font-weight:400;line-height:40px;height:40px;overflow:hidden;border-bottom:1px solid #a40c12;} .index_box8_left .index_box8_leftbd .textbd_info p.des{margin-top:5px;font-size:12px;line-height:22px;height:44px;overflow:hidden;} .index_box8_right{width:700px;} .index_box8_rightbd ul li{height:47px;line-height:47px;border-bottom:1px solid #ececec;} .index_box8_rightbd ul li a{display:block;} .index_box8_rightbd ul li h3{float:left;display:block;font-size:16px;font-weight:400;} .index_box8_rightbd ul li span{float:right;display:block;color:#666;} .index_box8_rightbd ul li a:hover h3{text-decoration:underline;} .index_box9{padding-bottom:50px;} .index_box9_wrap ul{margin-left:-10px;overflow:hidden;} .index_box9_wrap ul li{float:left;margin-left:10px;width:190px;margin-bottom:10px;} .index_box9_wrap ul li img{border:1px solid #f6f6f6;width:190px;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;} .index_box9_wrap ul li img:hover{border-color:#2888b0;} /* .index_box7_right .index_box7_frbd img{webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;} .index_box7_right .index_box7_frbd a:hover img{ border-color:#139665; -webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06); -transform:scale(1.06,1.06); } */ .footer_box1{background-color:#2888b0;color:#fff;} .footer_box1 ul{} .footer_box1 ul li{float:left;width:400px;padding:10px 0;} .footer_box1 ul li.b2{background-color:#087bc5;} .footer_box1 ul li .bd{padding-left:60px;} .footer_box1 ul li.b1 .bd{background: url(../images/index_f1.png) no-repeat 0 center;} .footer_box1 ul li.b2 .bd{background: url(../images/index_f2.png) no-repeat 10px center;} .footer_box1 ul li.b3 .bd{background: url(../images/index_f3.png) no-repeat 10px center;} .footer_box1 ul li h3{height:30px;line-height:30px;font-size:16px;font-weight:400;} .footer_box1 ul li p{line-height:24px;font-size:12px;} .footer_box3{background:#2D2D2D;padding:30px 0;color:#fff;} .footer_box3_menu{margin-left:50px;} .footer_box3_menubd dl{float:left;width:120px;color:#989898;} .footer_box3_menubd dl dt{height:38px;line-height:38px;color:#fff;} .footer_box3_menubd dl dt a{color:#fff;} .footer_box3_menubd dl dd{color:#989898;font-size:12px;} .footer_box3_menubd dl dd a{color:#989898;} .footer_box3_menubd dl dd a:hover{color:#fff;} .footer_box3_menubd dl.b1{width:200px;} .footer_box3_cont{width:230px;} .footer_box3_cont h3{font-size: 16px;color: #989898;line-height: 30px;font-weight:400;} .footer_box3_cont p{font-size: 26px;margin-top: 7px;padding-left: 35px;background: url(../images/greyPhone_f0815a6.png) no-repeat left center;color: #989898;line-height: 38px;} .footer_box3_b2{} .footer_box3_logobd{margin-top:40px;} .footer_box3_b2 .contactWay{float:right} .footer_box3_b2 .contactWay li{background:#232323;float:left;width:32px;height:32px;border-radius:16px;margin:5px;overflow:hidden} .footer_box3_b2 .contactWay li.footWei{overflow:visible;position:relative;background-color:#fff;} .footer_box3_b2 .contactWay li.footMusic{text-align:center;line-height:32px} .footer_box3_b2 .contactWay li.footMusic:hover{background:#7f7f7f;opacity:.3} .footer_box3_b2 .contactWay li:hover .dropdown{display:block;-webkit-animation:dropdownShow ease .4s;animation:dropdownShow ease .4s} .footer_box3_b2 .contactWay li .dropdown{position:absolute;padding:5px;border-radius:2px;top:-181px;left:-72px;display:none} .footer_box3_b2 .contactWay li .dropdown img{width:161px;height:161px} .footer_box3_b2 .contactWay li .dropdown:before,.footer_box3_b2 .contactWay li .dropdown:after{position:absolute;border-width:0 8px 8px;border-color:transparent transparent #e4e4e4;top:-8px;left:30px;z-index:1} .footer_box3_b2 .contactWay li .dropdown:after{z-index:2;border-bottom-color:#fff;top:-6px} .footer_box3_b2 .contactWay li .dropdown img{width:161px;height:161px;vertical-align:bottom} .footer_box3_b2 .contactWay li img{margin:0 auto 0 0} .footer_box3_b2 .contactWay li.footHome{font-size:12px;line-height:32px;color:#989898} .footer_box3_b2 .contactWay li.footHome span{display:inline-block;vertical-align:top} .footer_box3_b2 .contactWay li.footPosition{font-size:12px;line-height:32px;color:#989898} .footer_box3_b2 .contactWay li.footPosition span{display:inline-block;vertical-align:top} .footer_box3_contbd{margin-top:0;} .footer_box4{background:#2D2D2D;color: #989898;} .footer_box4_b1{padding: 20px 0;border-top: 1px dashed #464646;border-bottom: 1px dashed #464646;font-size: 12px;} .footer_box4_b1 ul li{float:left;} .footer_box4_b1 ul li a{color: #989898;margin-right: 10px;padding-right: 10px;border-right: 1px #434343 solid;font-size: 12px;} .footer_box4_b1 ul li a:hover{color: #fff;} .footer_box5{background:#2D2D2D;color: #989898;padding:30px 0;text-align:center;} .footer_box5 a{color: #989898;} .footer_box5 a:hover{text-decoration:underline;} .footer_box3_codeimgbd ul li{text-align:center;margin:0 5px;float:left;width:120px;padding:5px;background:#292828;} .footer_box3_codeimgbd ul li p img{width:110px;height:110px;} .footer_box3_codeimgbd ul li h3{height:30px;line-height:30px;color:#666;} .footer_box3_contciy{margin-top:10px;} .footer_box3_contciy ul li{line-height:24px;color: #989898;} .footer_box3_contciy ul li span{color:#989898;} .qqkefu{ position: fixed; bottom:20%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index: 20; right:0; width:53px } .qqkefu ul li{ height:47px; margin-bottom:1px; float:right; background:#2888b0; line-height:47px; font-size:14px; cursor:pointer; position:relative } .qqkefu ul li a{ color:#fff;display: block; } .qqkefu ul li.qq_cza{ overflow:hidden } .qqkefu ul li:hover{ background:#2888b0; } .qqkefu ul li.top2{ color:#1c1c1c; font-weight:800; text-align:center; background:#2888b0 url(../images/top_icon.png) no-repeat center; position:relative; width:53px; cursor:pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .qqkefu ul li.top2:hover { background-color: #2888b0; } .qqkefu ul li b{ width:53px; height:47px; display:block; overflow:hidden; float:left; } #zx,#sj{width: 53px;} .qqkefu ul li b.a{ background:url(../images/czx4.png) no-repeat center center; } .qqkefu ul li b.b{ background:url(../images/czx3.png) no-repeat center center; } .qqkefu ul li b.b.b-2{ background:url(../images/czx3-2.png) no-repeat center center; } .qqkefu ul li b.sj{ background:url(../images/sj.png) no-repeat center center; } .qqkefu ul li b.d { background:url(../images/bdsq.png) no-repeat center center; } .qqkefu ul li b.c{ background:url(../images/czx5.png) no-repeat center center; } .qqkefu ul li b.lxb{ background:url(../images/phone0.png) no-repeat center center; } .erweima{ height: 220px; position: absolute; top: -105px; left: -260px; float: right; cursor: default !important; display:none; } .erweima ul li{ color: #000; font-size: 12px; text-align: center; float: left; width: 120px; height:150px; border: 1px solid #CCC; margin:0 5px; background:none; } .erweima ul li h3{height:30px;line-height:30px;background:#fff;font-weight:400;} .erweima p img{ width: 120px; height: 120px; } .com_banner{height:400px;} .ys_box1 { padding:0 0 64px } .ys_box1 .index_box4_hd h3{color:#333;} .ys_box1 .selectionSteps { position:relative } .ys_box1 .selectionSteps .stepsDesc { position:absolute } .ys_box1 .selectionSteps .stepsDesc h3 { font-size:24px; color:#3f3e41; line-height: 40px; font-weight:700 } .ys_box1 .selectionSteps .stepsDesc h4 { font-size:20px; color:#666; line-height: 30px; font-weight:400; } .ys_box1 .selectionSteps .stepsDesc.first { top:10px; left:960px } .ys_box1 .selectionSteps .stepsDesc.second { top:80px; left:90px } .ys_box1 .selectionSteps .stepsDesc.third { top:163px; left:850px } .ys_box1 .selectionSteps .stepsDesc.fourth { top:248px; left:250px } .ys_box1 .selectionSteps .stepsDesc.fifth { top:305px; left:760px } .ys_box1 .selectionSteps .stepsNum { position:absolute; font-size:20px; color:#fff } .ys_box1 .selectionSteps .stepsNum.firstNum { top:12px; left:545px } .ys_box1 .selectionSteps .stepsNum.secondNum { top:87px; left:547px } .ys_box1 .selectionSteps .stepsNum.thirdNum { top:165px; left:550px } .ys_box1 .selectionSteps .stepsNum.fourthNum { top:242px; left:545px } .ys_box1 .selectionSteps .stepsNum.fifthNum { top:320px; left:542px } .ys_box1 .selectionSteps .stepsModule { margin:0 auto; width:622px; height:366px; background:url(../images/selectionSteps_6794dfa.png) no-repeat center center;} .ys_box2{padding-bottom:50px;border-top:1px solid #f3f3f3;} .ys_box2 .index_box4_hd h3{color:#333;} .ys_box2 .bd ul li { width:282px; margin:60px 24px 0 0; float:left; background:#fffffd; border-radius:10px } .ys_box2 .bd ul li img { width:282px; height:212px } .ys_box2 .bd ul li .teachCon { margin-top:-7px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:20px 20px 30px; height:150px } .ys_box2 .bd ul li .teachCon p.name { font-size:18px; color:#343434; text-align:center } .ys_box2 .bd ul li .teachCon p.goodAt { font-size:14px; color:#c80032; text-align:center } .ys_box2 .bd ul li .teachCon p.teachDetail { font-size:12px; color:#868686 } .ys_box2 .bd ul li .teachCon span.bottomLine { display:block; margin:10px auto; width:30px; height:1px; background:#ddd } .ys_box2 .ys_box2_wrap{position:relative;} .ys_box2 .ys_box2_wrap .tempWrap{width:1200px!important;} .ys_box2 .hd .prev,.ys_box2 .hd .next{position:absolute;left:0;top:50%; display:none; width:42px; height:42px;margin-top:-21px;overflow:hidden;cursor:pointer; background:url("../images/left_but.png") no-repeat;z-index:999;} .ys_box2 .hd .next{left:auto;right:0;background:url("../images/rihgt_but.png") no-repeat; } .ys_box3 { background:#f8f8f8; padding:50px 0 50px } .ys_box3 .index_box4_hd h3{color:#333;} .ys_box3 .vsInfo { *zoom:1 } .ys_box3 .vsInfo:before,.ys_box3 .vsInfo:after { display:table; content:""; line-height:0 } .ys_box3 .vsInfo:after { clear:both } .ys_box3 .vsInfo ul { width:465px; *zoom:1 } .ys_box3 .vsInfo ul:before,.ys_box3 .vsInfo ul:after { display:table; content:""; line-height:0 } .ys_box3 .vsInfo ul:after { clear:both } .ys_box3 .vsInfo ul li { float:left; position:relative; margin:10px 0 } .ys_box3 .vsInfo ul li img { width:465px; height:140px } .ys_box3 .vsInfo ul li span { position:absolute; top:50px; left:340px; color:#fff; font-size:16px } .ys_box3 .vsInfo ul.zmOnline { float:left; margin-left:30px } .ys_box3 .vsInfo ul.otherUnderLine { float:right; margin-right:30px } .ys_box3 .vsInfo .zmlogoVs { float:left; margin:185px auto auto 40px; width:98px; height:115px; display:block; background:url(../images/zhangmen_e9000a6.png) no-repeat center } .ys_box4{background: #f8f8f8;padding: 75px 0;} .ys_box4 ul { *zoom:1 } .ys_box4 ul:before,.ys_box4 ul:after { display:table; content:""; line-height:0 } .ys_box4 ul:after { clear:both } .ys_box4 ul li { float:left; margin:0; padding:58px 85px; } .ys_box4 ul li.b2{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;} .ys_box4 ul li p { text-align:center } .ys_box4 ul li p.dataNum { vertical-align:bottom; color:#2888b0; line-height:70px } .ys_box4 ul li p.dataNum b { font-weight:400 } .ys_box4 ul li p.dataNum b.number { font-size:50px; vertical-align:baseline } .ys_box4 ul li p.dataNum b.millon { font-size:30px; vertical-align:baseline } .ys_box4 ul li p.dataNum b.add { font-size:40px; vertical-align:sub } .ys_box4 ul li p.numInfo { color:#666; font-size:16px; line-height:36px } .com_local_wrap{padding:20px 0;} .com_local_wrap{ background:url(../images/column-bg.png) no-repeat top left;} .com_local_wrap .title h3{font-weight:400;font-size:26px;padding-left:10px;border-left:4px solid #2888b0;color:#2888b0;} .com_local_wrap .title h3 span{font-size:16px;color:#666;} .com_local_wrap .subnav ul{float:right;} .com_local_wrap .subnav ul li{width:120px;height:38px;line-height:38px;text-align:center;float:left;margin-left:10px;} .com_local_wrap .subnav ul li a{background-color:#edf2f5;color: #617787;display:block;border-radius: 20px 0 20px 0;-moz-border-radius: 20px 0 20px 0; -webkit-border-radius: 20px 0 20px 0; } .com_local_wrap .subnav ul li a:hover{background-color:#2888b0;color:#fff;} .com_local_wrap .subnav ul li.select a{background-color:#2888b0;color:#fff;} .com_local{height: 80px; line-height: 80px;color:#666;} .com_local p{background:url(../images/logo_03.png) no-repeat top left;padding-left:20px;} .com_local a{color:#666;} .com_local a:hover{color:#2888b0;} .com_body{padding-top:20px;} .com_body .com_body_wrap{} .com_body .com_left{width:890px;} .com_body .com_left_news dl{overflow:hidden;margin-bottom:20px;border-bottom: 1px solid #e3e3e3;padding-bottom:20px;} .com_body .com_left_news dl dt{width:260px;height:160px;float:left;} .com_body .com_left_news dl dt img{width:260px;height:160px;} .com_body .com_left_news dl dd{float:right;width:600px;} .com_body .com_left_news dl dd h3{font-size:18px;font-weight:700;line-height:34px;height:34px;overflow:hidden;color:#333;margin-bottom:10px;} .com_body .com_left_news dl dd p.des{height:48px;line-height:24px;font-size:12px;color:#666;} .com_body .com_left_news dl dd p.date{margin-top:20px;height:30px;line-height:30px;font-size:12px;color:#666; padding-left:20px;background:url(../images/clock_icon_5e45138.png) no-repeat center left;} .com_body .com_left_news dl dd p.date .more{display: block;border: 1px solid #ccc;width: 90px;text-align: center;height: 30px;line-height: 30px;float: right;border-radius: 2px;color: #989898;} .com_body .com_left_news dl a:hover p.date .more{background-color:#edf2f5;color:#666;} .com_right{width:280px;float:right;} .com_right .com_fr_box1 .hd h3{font-size: 18px;height: 18px;line-height: 1em;color: #666;margin: 20px 0 18px;font-weight:400;} .com_right .com_fr_box1 .hd h3 .line{float: left;width: 4px;height: 18px;background: #2888b0;border-radius: 2px;margin-right: 10px;} .com_right .com_fr_box1 .bd ul{overflow:hidden;} .com_right .com_fr_box1 .bd ul li {overflow:hidden;} .com_right .com_fr_box1 .bd ul li img {width:100px;height:64px;float:left;margin-top:6px;cursor:pointer} .com_right .com_fr_box1 .bd ul li .content {float:left;margin-left:11px} .com_right .com_fr_box1 .bd ul li h4 {margin-top:6px;line-height:20px;height:40px;font-size:14px;cursor:pointer;width:160px;font-weight:400;} .com_right .com_fr_box1 .bd ul li h4 a {color:#666} .com_right .com_fr_box1 .bd ul li h4:hover {text-decoration:underline} .com_right .com_fr_box1 .bd ul li span.time {margin-top:10px;line-height:12px;font-size:12px;color:#858585;display:inline-block} .com_right .com_fr_box2 .hd h3{font-size: 18px;height: 18px;line-height: 1em;color: #666;margin: 20px 0 18px;font-weight:400;} .com_right .com_fr_box2 .hd h3 .line{float: left;width: 4px;height: 18px;background: #2888b0;border-radius: 2px;margin-right: 10px;} .com_right .com_fr_box2 .bd ul li{float:left;border:1px solid #f6f6f6;width:92px;height:34px;line-height:34px;margin-left:-1px;margin-bottom:-1px;} .com_right .com_fr_box2 .bd ul li a{background-color:#fff;color: #617787;display:block;text-align:center;} .com_right .com_fr_box2 .bd ul li a:hover{background-color:#edf2f5;color:#666;} .com_body_lstd ul{margin-left:-10px;overflow:hidden;} .com_body_lstd ul li{float:left;margin-left:10px;width:232px;position:relative;margin-bottom:15px;} .com_body_lstd ul li p img{width:232px;} .com_body_lstd ul li h3{position:absolute;left:0;bottom:10px;height:34px;width:232px;line-height:34px;text-align:center;color:#fff;background: url("../images/tit_bg.png") center center repeat;} .com_body_lstd ul li a:hover h3{bottom:30%;} .com_banner{height:350px;background: transparent url("../images/banner.jpg") no-repeat scroll center center;} .com_subnav{margin-top:30px;} .com_subnav_wrap{background-color:#251812;} .com_subnav_wrap ul{} .com_subnav_wrap ul li{float:left;margin:12px 10px 12px 10px;width:151px;text-align:center;} .com_subnav_wrap ul li a{display:block;height:40px;line-height:40px;background-color:#666;color:#f3f3f3;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .com_subnav_wrap ul li a:hover{background:#2888b0;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .com_subnav_wrap ul li.selt a{background:#2888b0;} .com_banner{position: relative;height:400px;background: transparent url("../images/banner.jpg") no-repeat scroll center center;} .com_body {margin:20px 0;} .com_body_wrap{background:#fff;} .compro_list{padding:15px;overflow:hidden;} .compro_list ul{margin-left:-12px;} .compro_list ul li{float:left;width:283px;margin-left:12px;margin-bottom:12px;position:relative;} .compro_list ul li a{display:block;border:1px solid #ccc;overflow:hidden;} .compro_list ul li p{width:281px;overflow:hidden;text-align:center;background:#fff;} .compro_list ul li p img{width:80%;-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;} .compro_list ul li h3{position:absolute;width:100%;bottom:1px;left:0;font-weight:400; background: transparent url("../images/bank_pngbg.png") repeat scroll center center;color:#fff;height:40px;line-height:40px;text-align:center;} .compro_list ul li:hover{-moz-box-shadow:-1px 0px 6px #ccc; -webkit-box-shadow:-1px 0px 6px #ccc; box-shadow:-1px 0px 6px #ccc;} .compro_list ul li a:hover h3{background:#2888b0;color:#fff;} .compro_list ul li a:hover img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.05);transform: scale(1.05);} #articlebox{padding:15px;color:#2888b0;line-height:34px;} #articlebox a{color:#2888b0;} #articlebox a:hover{text-decoration:underline;} #articlebox img{max-width:100%;} .com_right_list{padding:15px; background: #fff;} .com_right_list .inf_lc li{padding:7px 20px 0 0;height:110px; overflow:hidden;margin:0 0 20px; background:#f6f6f6; position:relative;} .com_right_list .inf_lc li.bg { background:#edf6f4;} .com_right_list .inf_lc li h4{ padding:20px 5px 0 0;text-align:center; float:left;width:110px; overflow:hidden;} .com_right_list .inf_lc li h4 b{ font-weight:100; display:block; line-height:36px;height:36px; overflow:hidden; font-size:36px; font-family:Arial; text-transform:uppercase;} .com_right_list .inf_lc li h4 span{ font-weight:100; display:block; line-height:16px;height:16px; overflow:hidden; font-size:12px; font-family:Arial; text-transform:uppercase; color:#343434;} .com_right_list .inf_lc li p{padding:0 0 0 14px; line-height:26px;width:560px; overflow:hidden;font-size:14px; float:left; color:#666; } .com_right_list .inf_lc li p b{ display:block; font-weight:100; color:#E7260D;} .com_right_list .inf_lc li p b a,.inf_lc li p b a:hover{ color:#343434; font-weight:bold;} .com_right_list .inf_lc li p b a:hover{ color:#343434;} .com_right_list .inf_lc li .fr{margin:20px 0 0; width:70px; height:25px; line-height:25px; text-align:center; color:#ffffff; background-color:#2888b0; } .com_right_list .inf_lc li .fr:hover{ background:#E7260D;} .com_right_list .transition500 {transition: all 500ms ease-out 0s;} .com_right_list .inf_lc li .cq {background: #B6B6B6 none repeat scroll 0 0; opacity:0.1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); height: 100%; left: 0; position: absolute; top: 0; width: 0; z-index: 0;} .com_right_list .inf_lc li:hover .cq{ width:100%;} .pro_show{padding:15px;} .pro_show_img{width:500px;padding:10px;border:1px solid #ccc;background-color:#f9f9f9;position:relative;} .pro_show_img ul li{width:500px;height:500px;} .pro_show_img ul li img{width:500px;height:500px;} .pro_show_img .btnl, .pro_show_img .btnr { position:absolute; top:50%; margin-top:-20px;display:block; width:41px; height:41px; cursor:pointer; } .pro_show_img .btnl { background:url(../images/pro3_btnl.png) no-repeat; left:0; } .pro_show_img .btnr { background:url(../images/pro3_btnr.png) no-repeat; right:0px; } .pro_show_text{width:600px;} .pro_show_text .hd{border-bottom:1px solid #f0f0f0;} .pro_show_text .hd h3{font-size:22px;font-weight:700;line-height:32px;padding-bottom:20px;} .pro_show_text .des{margin:20px 0;line-height:24px;color:#999;border-bottom:1px solid #f0f0f0;padding-bottom:20px;} .pro_show_text .but .but_text{line-height:24px;color:#999;margin-bottom:10px;} .pro_show_text .but .but_button{} .pro_show_text .but .but_button ul li{-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;float:left;width:140px;height:40px;line-height:40px;margin-right:20px;text-align:center;background-color:#2888b0;color:#fff;border:2px solid #2888b0;} .pro_show_text .but .but_button ul li.b1{padding-left: 10px;position:relative;background: #2888b0 url("../images/weixin_ico.png") no-repeat scroll 10px center;} .pro_show_text .but .but_button ul li .but_button_codeimg{padding:10px;width:260px;display:none;position:absolute;left:0;bottom:50px;background-color:#f6f6f6;} .pro_show_text .but .but_button ul li.b1 p{width:120px;height:150px;float:left;margin:5px;} .pro_show_text .but .but_button ul li.b1 p span{width:120px;height:120px;line-height:30px;height:30px;overflow:hidden;text-align:center;font-size:12px;color:#666;} .pro_show_text .but .but_button ul li.b1 img{width:120px;height:120px; } .pro_show_text .but .but_button ul li.b1:hover .but_button_codeimg{display:block;} .pro_show_text .but .but_button ul li.b1{} .pro_show_text .but .but_button ul li.b2{padding-left: 10px;font-size:28px; width: 300px;background:#fff;color:#2888b0;background: #fff url("../images/phone_ico.png") no-repeat scroll 10px center;} .but_button_tip{height:30px;line-height:30px;font-size:12px;color:#999;} .but_button_tip span{font-weight:700;color:#2888b0;} .pro_show_text .biaoz{padding-top:40px;margin-top:40px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;overflow:hidden;padding-bottom:40px;} .pro_show_text .biaoz ul li{float:left;width:200px;height: 50px; line-height: 50px;color:#999;} .pro_show_text .biaoz ul li img{margin-right:10px;} .com_pro_showbody{padding:15px; border-top:20px solid #f3f3f3;} .pro_showbody_left{width:230px;} .pro_show_submenu{border:1px solid #dcdcdc;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .pro_show_submenu .hd{height:40px;line-height:40px;} .pro_show_submenu .hd h3{padding-left:20px;font-size:14px;font-weight:700;background-color:#2888b0;color:#fff;} .pro_show_submenu .bd{padding:0 10px;padding-top:10px;} .pro_show_submenu ul li{float:left;margin:0px 0px 10px 0px;width:210px;text-align:center;} .pro_show_submenu ul li a{display:block;height:40px;line-height:40px;background-color:#999;color:#f3f3f3;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .pro_show_submenu ul li a:hover{background:#2888b0;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .pro_show_submenu ul li.selt a{background:#2888b0;} .pro_show_tuijiancp{margin-top:10px;border:1px solid #dcdcdc;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .pro_show_tuijiancp .hd{height:40px;line-height:40px;} .pro_show_tuijiancp .hd h3{padding-left:20px;font-size:14px;font-weight:700;background-color:#2888b0;color:#fff;} .pro_show_tuijiancp .bd ul{padding:10px 10px 0 10px;} .pro_show_tuijiancp .bd ul li{overflow:hidden;text-align:center;margin-bottom:10px;} .pro_show_tuijiancp .bd ul li p img{width:100%;} .pro_show_tuijiancp .bd ul li h3{height:34px;line-height:34px;background-color:#999;color:#fff;} .pro_showbody_right{width:910px;} .pro_showbody_right .hd{height:40px;line-height:40px;} .pro_showbody_right .hd h3{float:left;padding:0 30px;background-color:#2888b0;color:#fff;} .pro_showbody_right .bd{border:1px solid #dcdcdc;padding:15px;color:#666;line-height:34px} .pro_showbody_right .bd a{color:#2888b0;} .pro_showbody_right .bd a:hover{text-decoration:underline;} .pro_showbody_right .bd img{max-width:100%;} .pro_showbody_right .bd .bd_sux ul{margin-left:-1px;overflow:hidden;border-left:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;} .pro_showbody_right .bd .bd_sux ul li{float:left;margin-bottom:-1px;margin-left:-1px;width:438px;line-height:40px;overflow:hidden;border:1px solid #f3f3f3;} .pro_showbody_right .bd .bd_sux ul li span{margin-left:20px;} .pro_showbody_right .bd table{text-align:center;} .com_body_contact{padding:15px;} .clean{zoom:1;} .clean:after, clean:before{display:table; content:'';} .clean:after{clear:both;} .over{overflow: hidden;} .alC{text-align: center;} .alL{text-align: left;} .alR{text-align: right;} .index_box8 .index_title2 h3 a{color:#fff;} .i-domain{background: url(../images/id4.jpg) no-repeat center; padding: 63px 0;} .i-domain .list{max-height: 560px;text-align: center;} .i-domain .list .close-box{width: 190px;padding:30px 0;min-height: 500px;cursor: pointer;-webkit-transition:width .5s,height .5s,opacity 1s;transition:width .5s,height .5s,opacity 1s;} .i-domain .list .close-box .main2{width: 160px;margin:0 auto;} .i-domain .list .close-box.close{width: 0;opacity: 0;} .i-domain .list .cb0{background: url(../images/id_bg3.png);} .i-domain .list .cb1{background: #78b232;} .i-domain .list .cb1-2{background: url(../images/id_bg2.png);} .i-domain .list .cb2{background: #004EA2;} .i-domain .list .close-box .img{} .i-domain .list .close-box .t{padding:20px 0;font-size: 22px;color: #fff;} .i-domain .list .close-box .t span{display: block;width: 32px;height: 3px;margin:20px auto 0;background: #fff;} .i-domain .list .close-box .bf{font-size: 12px;color: #fff;line-height: 220%;text-align: left} .i-domain .list .cb3{background:#2888b0;} .i-domain .list .open-box{width: 0;background: #f3f3f3;padding:20px 0;height: 520px;-webkit-transition:width .7s;transition:width .7s;text-align: left;} .i-domain .list .open-box .main2{width: 600px;margin:0 auto;} .i-domain .list .open-box.open{width: 630px;} .i-domain .list .open-box .t{margin-bottom: 15px;} .i-domain .list .open-box .t a{font-size: 22px;color: #333;} .i-domain .list .open-box .t a:hover{color: #2888b0;} .i-domain .list .open-box .img{width: 100%;text-align: center;} .i-domain .list .open-box .img img{width:100%;height:150px;} .i-domain .list .open-box .bf{margin:15px 0;font-size: 14px;color: #555;line-height: 200%;overflow-x: hidden; height: 260px;} .i-domain .list .open-box .m{} .i-domain .list .open-box .m a{font-size: 14px;color: #555;display: inline-block;padding:5px 15px;border-radius: 5px;border:1px solid #979797;text-align: center;} .i-domain .list .open-box .m a:hover{background: #2888b0;color: #fff;border:1px solid #2888b0;} /**/ .abo{ height: 1185px; background:url(../images/abo.jpg) no-repeat center 0 #f2f2f2; padding-top: 90px;} .abo h2{ text-align: center; height: 135px;} .abo h2 span{display: block; font-family: Impact; font-size: 48px; color:#e8e8e8; text-transform: uppercase; font-weight: normal;line-height:100%;} .abo h2 a{ display: block; font-size: 32px; color: #fff; font-weight: normal; padding-top:7px;} .abo .about_text{ font-size: 14px; color: #fff; line-height: 27px; height: 198px;overflow:hidden;} .abo p span{ display: block;} .abo h3{ font-size: 0; position: relative; margin-bottom: 40px;height: 450px;} .abo h3 img{ width: 1200px; height: 450px;} .abo h3 span{ display: inline-block;position: absolute; left:566px; top: -75px; z-index:9;} .abo h3 span a{ display: inline-block;background:url(../images/a_mor.png) no-repeat; width: 69px; height: 69px;} .alb{ height:274px; width:1200px; margin:0 auto;} .albt{ height:64px; overflow:hidden; position:relative; padding-left:308px;} .albt li{ float:left; color:#666; font:16px "Microsoft Yahei"; width: 118px; text-align: center; height: 33px; line-height: 33px; border: 1px solid #bfbfbf; margin:0 10px;} .albt li.on{ color:#fff; background: #2888b0; border: 1px solid #2888b0;} .alb2{ height:210px; position:relative;} .alb01{ overflow:hidden;} .alb01 ul li{overflow:hidden; width:281px; height:210px; float:left; margin-right:25px; position:relative;} .alb01 ul li img{width:281px; height:210px;-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;} .alb01 ul li span{ display:block; position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; line-height: 35px;background:url(../images/spn2a.png) repeat; text-align: center;} .alb01 ul li span a{ color: #fff; font-size: 14px;} .alb01 ul li a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .arr1 a{ display:block; width:45px; height:45px; background:url(../images/a_uu1.gif) no-repeat; overflow:hidden; position:absolute; top:83px; left:-50px;} .arr1 a:hover{background:url(../images/a_dd12.gif) no-repeat;} .arr2 a{ display:block; background:url(../images/a_uu2.gif) no-repeat; width:45px; height:45px; overflow:hidden; position:absolute; top:83px; right:-50px;} .arr2 a:hover{background:url(../images/a_dd1.gif) no-repeat;} .faq{ width: 399px; height: 500px; overflow: hidden; padding: 0 35px 71px 33px; background: #fff; border: 1px dotted #ddd;} .faq h3{ height: 50px; font-weight: normal; font-size: 18px; padding-top: 26px;} .faq h3 a{color: #2888b0; font-weight: bold;} .faq h3 i{ font-weight: normal; color: #b6b6b6; text-transform: uppercase; font-size: 12px; padding-left: 6px;} .faq h3 span{ line-height: 21px; font-size: 15px; font-size: 14px; text-transform: uppercase; float: right;} .faq h3 span a{ color: #666666; font-weight: normal;} .faq li{margin-bottom: 22px; } .faq li a{ display: block; padding-left: 35px; height: 21px; line-height: 21px;background:url(../images/n_q.png) no-repeat; font-size: 12px; font-weight: bold; color: #333; margin-bottom: 9px;} .faq li span{ display: block;background:url(../images/n_a.png) no-repeat; padding-left: 35px; line-height: 24px; font-size: 12px; color: #333; border-bottom: 1px dashed #ccc; height: 69px; overflow: hidden;} .faq li.nob span{ border-bottom:none;} .link{overflow:hidden; background: #171d2c;color:#b8bac0;font:14px "Microsoft Yahei"; line-height: 30px;padding: 5px 0;} .link p{ overflow:hidden; } .link p a{ display:inline-block; padding:0 5px; color:#b8bac0;} .footWrap{ height:217px; overflow:hidden; background:#171d2c; padding-top: 61px; border-bottom: 1px solid #101521;} .footWrap .footer{ width:1200px; margin:0 auto;} .f_pic{ width:190px;overflow:hidden;} .f_pic img{ display:block;width:190px; height:105px; padding-top:18px;} .fwz{padding:0 0 0 8px; overflow:hidden; color:#b0b3b9; font-size: 12px; line-height: 30px; float: left;} .fwz p{ overflow: hidden;} .fwz p em{ display:inline-block; padding-right: 50px; float: left; float: left; width: 215px;} .fwz p em i{ display:block; padding-left: 42px; height: 44px; border-bottom: 1px solid #101521;background:url(../images/l_ico1.gif) no-repeat; margin-bottom: 9px;} .fwz p em i a{ font-size: 16px; font-weight: bold;color:#b0b3b9;} .fwz p span{ display: block; } .fwz p span a{ display: inline-block; line-height: 30px;color:#b0b3b9; width:100px;} .fwz p .long{ width:260px;} .fwz p .long strong{ font-weight: normal; display: block;} .fwz p .long b{ font-weight: normal; padding-left: 10px;} .code{margin-top:53px; overflow:hidden;background:url(../images/f_rr.gif) no-repeat; width: 298px; height: 110px; margin-top: 34px;} .code p{ font:12px "Microsoft Yahei"; color:#fff; } .code p img{ display:inline-block ; width:94px; height:93px; padding: 9px 40px 0 0; float: left;} .code p.fl{ padding-left:8px;} i,em{font-style: normal} .fwz p .long strong a{ color:#b0b3b9;} .client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 71px; position: relative; } .client-2 li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 35px; background-position: -27px -51px; } .client-2 .my-kefu-left { float: left; width: 77px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size:18px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #2888b0; color: #fff; height: 56px; width: 247px; padding:9px 0 6px; float: left; } .client-2 .my-kefu-main { background: #2888b0; width: 97px; height: 56px; position: relative; padding:9px 0 6px; float: left; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; background: #fff; color:#333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; } .client-2 .my-kefu-weixin-pic p{color:#333;} .p16-left-nav-1 { height: 55px; background: #fff; margin-bottom: 20px; overflow: hidden; margin-top:20px; } .p16-left-nav-1 li { width: 149px; height: 55px; font-size: 16px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #eee; cursor: pointer; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; } .p16-left-nav-1 .noborder{border:0;} .p16-left-nav-1 li a{color: #a8a8a8;display:block;} .p16-left-nav-1 li:hover { background: #2888b0; border-color: #2888b0; } .p16-left-nav-1 li.select a{ background: #2888b0; color: #fff; } .p16-left-nav-1 li:hover a { color: #fff; } .p12-aboutinfo-1{display: inline-block;width: 100%;background: #fff;margin-bottom: 38px;} .p12-aboutinfo-1-tit{height: 114px;line-height: 114px;font-size: 30px;text-align: center; color:#4b4a4a;} .p12-aboutinfo-1-tit span{font-size: 22px;color: #aaa;} .p12-aboutinfo-1-nr{padding:0 20px 20px;} /*详情内容*/ .endit-content{ line-height:28px; background: #fff;} .endit-content p{margin:15px 0;} .endit-content img{max-width:100%;} .com_piclist{background:#fff;padding:20px;} .com_piclist_bd ul{margin-left:-12px;overflow:hidden;} .com_piclist_bd ul li{float:left;width:281px;background:#fff;margin-left:12px;margin-bottom:12px;} .com_piclist_bd ul li a{display:block;border:1px solid #ccc;padding:4px 4px 0 4px;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;} .com_piclist_bd ul li p.img img{width:271px;} .com_piclist_bd ul li h3.title{height:32px;line-height:32px;text-align:center;overflow:hidden;font-weight:400;} .com_piclist_bd ul li a:hover{background-color:#2888b0;border:1px solid #2888b0;} .com_piclist_bd ul li a:hover h3.title{color:#fff;} .debk img { float: right; margin-left: 30px; margin-top: 10px; } .debk h4 { font-size: 20px; line-height: 24px; margin-bottom: 25px; margin-top: 30px; color: #063a90 } .debk span { display: block; border-bottom: 2px solid #063a90; width: 100px; margin-top: 20px; } .debk p { text-indent: 2em; line-height: 30px } .qyln { background:url(../images/20190706123418_26405.jpg) no-repeat center; height: 500px } .qyln1 { width: 100%; background-color:rgba(0,137,225,0.5); margin-top: 200px; float: left; text-align: center } .qyln span { font-size: 12px; color: #fff } .qyln1 p { line-height: 40px; padding: 10px 20px; font-size: 20px; color: #fff; margin: 30px auto } .clear { clear: both } .zj_box1{background:#2888b0;color:#fff;padding-top:10px;} .zj_box2{background:#01a1ed;color:#fff;padding-top:10px;} .zj_box1 .zj_box_img{float:left;} .zj_box1 .zj_box_text{float:right;margin-right:10px;} .zj_box2 .zj_box_img{float:right;} .zj_box2 .zj_box_text{float:left;margin-left:10px;} .zj_body .zj_box_img{width:325px;height:440px;overflow:hidden; position: relative; } .zj_body .zj_box_img img{position: absolute;left:0;bottom:0;width:325px;height:440px;webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;} .zj_body .zj_box1:hover img{bottom:-10px;} .zj_body .zj_box2:hover img{bottom:-10px;} .zj_body .zj_box_text{width:850px;} .zj_body .zj_box_text .hd{text-align:center;height:50px;line-height:50px;margin:50px 0 30px 0;} .zj_body .zj_box_text .hd h3{font-weight:400;margin-right:10px;display:inline-block; *display:inline; zoom:1;font-size:36px;} .zj_body .zj_box_text .hd em{font-size:18px;display:inline-block; *display:inline; zoom:1;} .zj_body .zj_box_text .bd{font-size:16px;line-height:36px;} .com_youshi .sideMenu{ padding:0 30px 30px 30px} .com_youshi .sideMenu h3{ height:50px; line-height:50px; padding-left:10px; border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;font-size:20px;} .com_youshi .sideMenu h3 em{ float:right; display:block; width:40px; height:50px; background:url(../images/icoAdd.png) 16px 22px no-repeat; cursor:pointer; } .com_youshi .sideMenu h3.on{background:#2888b0;color:#fff;} .com_youshi .sideMenu h3.on em{ background-position:16px -46px; } .com_youshi .sideMenu ul{ padding:8px 25px; color:#666; display:none;font-size:16px;line-height:34px; } #articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;} #articeBottom span { float: left;} #articeBottom span a { font-size: 12px;} #articeBottom span a:hover {color: #0099FF;}