@charset "utf-8"; html{-webkit-font-smoothing:antialiased;overflow-x: hidden;} blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400} dl,ol,ul{list-style-type:none} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400} a{text-decoration:none} a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())} sup{vertical-align:text-top} sub{vertical-align:text-bottom} textarea{resize:none} img{vertical-align:middle} button,input[type=submit],input[type=text],input[type=button],select{/*-webkit-appearance:none*/;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())} body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff;/*font-family: '΢���ź�',Arial,Helvetica,sans-serif*/font-family: "΢���ź�","SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica";position: relative;} .fl{float:left} .fr{float:right} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0} #web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(img/browser.png) no-repeat center center; margin: 200px auto 0;} #web-ietip a{display: block; width: 65px; height: 80px; float: left;} .trans{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;} /*banner*/ .banner{position: relative;} .banner ul li{position: relative;} .banner ul li .pic{position: relative;z-index: 999;height: 950px;background-repeat: no-repeat;background-size: cover;background-position: center center;overflow: hidden;} .banner ul li .small-Pic{position: absolute;top: 0;width: 100%;height: 100%;z-index: 99} .banner ul li .small-Pic img{width: 100%;} .banner ul li .text{margin-top: 355px;margin-left: 330px;width: 630px;display: block;overflow: hidden;} .banner ul li .text h1{ font-size: 50px; color: #e9e9e9; /*font-family:Arial;*/ text-align: center; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; opacity: 0; } .banner ul li .text h1.animated{opacity: 1} .banner ul li .text h2{font-size: 60px;color: #e9e9e9;text-align: center;opacity: 0} .banner ul li .text h2.animated{opacity: 1} .paging{position: absolute;text-align: center;width: 100%;bottom:20px;} .paging span{display: inline-block;font-size: 16px;color: #ffffff;} .paging span h4{float: left;display: block;font-weight: bold;color: #007cbb} .paging span em{display: block;float: left;margin: 0 10px} .paging span h5{float: left;display: block;font-weight: bold;} /*ͷ��*/ .header{height: 48px;margin: 0 auto;left: 0;right: 0;padding:12px 0 12px 0;width: 100%;position: fixed;top: 0px;z-index:1000;} .header .logo{float: left;} .header .nav{float: right;} .header .nav dl{overflow: hidden;} .header .nav dl dd{width: 135px;text-align: center;font-size: 16px;color: #fff;float: left;padding: 12px 0 12px 0} .header .nav dl dd:hover{color: #fff} .header .nav dl dd a{color: #fff;display: inline-block;} .header .nav dl dd a:hover{color: #fff} .header .nav dl dd.on a{color: #fff} .header .nav dl dd a:after{content:'';display: block;width:0%;margin: 0 auto; height: 1px;background: #007cbb;margin-top: 8px;-webkit-transition: width .5s;-moz-transition: width .5s;transition: width .5s;} .header .nav dl dd a:hover:after{width: 100%;-webkit-transition: width .5s;-moz-transition: width .5s;transition: width .5s;} .header .nav dl dd.on a:after{display: block;content:''; width: 100%; margin: 0 auto; height: 1px;background: #007cbb;margin-top: 8px;} .sec{z-index: 999; overflow: hidden;display: none;text-align: center;position: fixed;left: 0;top: 72px;background: #fff;width: 100%} .sec .secLink{ border-top: 1px solid #e0e0e0;} .sec .secLink a{ display: inline-block;line-height: 60px;color: #666666;font-size: 14px;padding: 0 40px} .sec .secLink a:hover{color: #fff;background: #007cbb} .sec .secLink a:after{content: '';display: none;} .pec02{width: 100%;padding: 60px 0;background: #fff; border-top: 1px solid #e0e0e0;} .pec02 .scx{overflow: hidden; width: 23%;float: left;padding: 0 3%;border-right: 1px solid #dbdbdb;box-sizing: border-box;} .pec02 .scx h4{font-size: 16px;color: #666666;text-align: left;margin-bottom: 22px;} .pec02 .scx img{width: 100%;} .pec02 .scx .code{float: left;width: 38%;margin-top: 12px} .pec02 .scx .code:nth-child(2){float: right} .pec02 .scx .code p{font-size: 14px;color: #666666;display: block;text-align: center;margin-top: 10px} .pec02 .scx h2{font-size: 20px;color: #007cbb;font-weight: bold;text-align: left} .pec02 .scx:nth-child(4){border: none} .header.active{background: rgba(11,10,10,0.61);} .header.active .nav dl dd a{color: #333} .header.active .nav dl dd a:hover{color: #007cbb} .mNav{display: none;} .menu{display: none;} .w1200{width: 1200px;margin: 0 auto;overflow: hidden;} .w1440{width: 1440px;margin: 0 auto;overflow: hidden;} .header.fnxc{position: fixed;padding: 12px 0% 12px 0%;} .header.fnxc .nav dl dd:hover{color: #007cbb} .header.fnxc .nav dl dd a:hover{color: #007cbb} .header.fnxc .nav dl dd a{color: #fff} .header.fnxc .nav .sec{top: 93px;} .hidex{position: fixed;top:0px; width: 94%;background: #fff;left: 0;padding: 24px 3% 0px 3%;background: #fff;z-index: 99} .header.fnxc .nav .sec a:hover{color: #fff} .footer.fnxc{border-top: 5px solid #007cbb} /*item-1*/ .item-1{height: 943px;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;position: relative;} .item-1 .pic{position: absolute;right: 8.5%;top: 27.5%} .item-1 .pic1{position: absolute;right: 4.6%;top: 21.8%} .item-1 .text{margin-top: 260px;} .item-1 .text h3{font-size: 40px;color: #484848;} .item-1 .text p{font-size: 22px;color: #484848;line-height: 46px;margin:20px 0} .item-1 .text .viewall{font-size: 22px;color: #484848;} .item-1 .text .viewall:hover{color: #ee4324} .item-1 .text .txt{margin-top: 70px} .item-1 .text .txt a{ background:transparent; position: relative; margin-bottom: 20px; margin-right: 63px; font-size: 20px; color: #484848; width: 230px; padding-left: 35px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #b9b9b9; display: block; float: left; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; overflow: hidden; } .item-1 .text .txt a:nth-child(1){background: url(img/icon01c.png) 14px 6px no-repeat;} .item-1 .text .txt a:nth-child(2){background: url(img/icon02c.png) 14px 6px no-repeat;} .item-1 .text .txt a:nth-child(3){background: url(img/icon03c.png) 14px 6px no-repeat;} .item-1 .text .txt a:nth-child(4){background: url(img/icon04c.png) 14px 6px no-repeat;} .item-1 .text .txt a:nth-child(5){background: url(img/icon05c.png) 14px 6px no-repeat;} .item-1 .text .txt a:nth-child(6){background: url(img/icon06c.png) 14px 6px no-repeat;} .item-1 .text .txt a:nth-child(7){background: url(img/icon07c.png) 14px 6px no-repeat;} .item-1 .text .txt a:nth-child(8){background: url(img/icon08c.png) 230px 6px no-repeat;padding-right:35px ;padding-left: 0; } .item-1 .text .txt a:nth-child(1):hover{background: #007cbb url(img/icon01x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-1 .text .txt a:nth-child(2):hover{background: #007cbb url(img/icon02x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-1 .text .txt a:nth-child(3):hover{background: #007cbb url(img/icon03x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-1 .text .txt a:nth-child(4):hover{background: #007cbb url(img/icon04x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-1 .text .txt a:nth-child(5):hover{background: #007cbb url(img/icon05x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-1 .text .txt a:nth-child(6):hover{background: #007cbb url(img/icon06x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-1 .text .txt a:nth-child(7):hover{background: #007cbb url(img/icon07x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-1 .text .txt a:nth-child(8):hover{background: #007cbb url(img/icon08x.png) 230px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} /*item-2*/ .item-2{height: 949px;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;} .item-2 .text{margin-top: 260px;} .item-2 .text h3{font-size: 40px;color: #ffffff;} .item-2 .text p{font-size: 22px;color: #ffffff;line-height: 46px;margin:20px 0} .item-2 .text .viewall{font-size: 22px;color: #ffffff;} .item-2 .text .viewall:hover{color: #ee4324} .item-2 .text .txt{margin-top: 70px} .item-2 .text .txt a{ background:transparent; position: relative; margin-bottom: 20px; margin-right: 63px; font-size: 20px; color: #fff; width: 230px; padding-left: 35px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #b9b9b9; display: block; float: left; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .item-2 .text .txt a:nth-child(1){background: url(img/icon01x.png) 14px 6px no-repeat;} .item-2 .text .txt a:nth-child(2){background: url(img/icon02x.png) 14px 6px no-repeat;} .item-2 .text .txt a:nth-child(3){background: url(img/icon03x.png) 14px 6px no-repeat;} .item-2 .text .txt a:nth-child(4){background: url(img/icon04x.png) 14px 6px no-repeat;} .item-2 .text .txt a:nth-child(5){background: url(img/icon05x.png) 14px 6px no-repeat;} .item-2 .text .txt a:nth-child(6){background: url(img/icon06x.png) 14px 6px no-repeat;} .item-2 .text .txt a:nth-child(7){background: url(img/icon07x.png) 14px 6px no-repeat;} .item-2 .text .txt a:nth-child(8){background: url(img/icon08x.png) 220px 6px no-repeat;padding-right:35px ;padding-left: 0; } .item-2 .text .txt a:nth-child(1):hover{background: #007cbb url(img/icon01x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-2 .text .txt a:nth-child(2):hover{background: #007cbb url(img/icon02x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-2 .text .txt a:nth-child(3):hover{background: #007cbb url(img/icon03x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-2 .text .txt a:nth-child(4):hover{background: #007cbb url(img/icon04x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-2 .text .txt a:nth-child(5):hover{background: #007cbb url(img/icon05x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-2 .text .txt a:nth-child(6):hover{background: #007cbb url(img/icon06x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-2 .text .txt a:nth-child(7):hover{background: #007cbb url(img/icon07x.png) 14px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} .item-2 .text .txt a:nth-child(8):hover{background: #007cbb url(img/icon08x.png) 220px 6px no-repeat;color: #fff;border: 1px solid #007cbb;} /*item-3*/ .item-3{height: 950px;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;} .item-3 .txt{padding: 130px 0;} .item-3 .txt h2{font-size: 35px;color: #fff;text-align: center;} .item-3 .txt h5{font-size: 18px;color: #cccccc;text-align: center;margin: 30px 0} .item-3 .txt ul{overflow: hidden;margin-top: 125px} .item-3 .txt ul li{float: left;width: 220px;margin: 0 10px 15px 10px;} .item-3 .txt ul li a{display: block;width: 100%;height: 100%;color: #fff;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s} .item-3 .txt ul li .rael{margin: 0 auto 55px auto; width: 155px;height: 155px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 2px solid #fff} .item-3 .txt ul li .rael h1{text-align: center;line-height: 155px;font-size: 50px;font-family: impact} .item-3 .txt ul li p{font-size: 17px;text-align: center;line-height: 30px} .item-3 .txt ul li a:hover{color: #007cbb} .item-3 .txt ul li:hover .rael{border-color: #007cbb;} /*item-4*/ .item-4{width: 1440px;padding: 130px 0;margin: auto;} .item-4 h1{text-align: center;font-size: 35px;color: #333333} .item-4 h4{text-align: center;font-size: 29px;color: #333333;margin-top: 30px} .item-4 h1 em{color: #007cbb} .item-4 .picTxt{overflow: hidden;margin-top: 110px} .item-4 .picTxt .picleft{float: left;width: 49%;box-sizing: border-box;} .item-4 .picTxt .picleft .pic01{float: left;width: 48%;position: relative;} .item-4 .picTxt .picleft .pic01 h1{position: absolute;width: 100%;height: 100%; display: block; top:85%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .item-4 .picTxt .picleft .pic01 span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .item-4 .picTxt .picleft .pic01:hover span{background: rgba(0,124,187,0.6);height: 100%;z-index: 99} .item-4 .picTxt .picleft .pic01:hover h1{top: 45%} .item-4 .picTxt .picleft .pic01 img{width: 100%;} .item-4 .picTxt .picleft .pic02{float: right;width: 48%;} .item-4 .picTxt .picleft .pic02 .pic{margin-bottom: 6%;position: relative;} .item-4 .picTxt .picleft .pic02 .pic img{width: 100%} .item-4 .picTxt .picleft .pic02 .pic h1{position: absolute;width: 100%; display: block; top:75%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .item-4 .picTxt .picleft .pic02 .pic span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .item-4 .picTxt .picleft .pic02 .pic:hover span{background: rgba(0,124,187,0.6);height: 100%;z-index: 99} .item-4 .picTxt .picleft .pic02 .pic:hover h1{top: 45%} .item-4 .picTxt .picright{float: right;width: 49%;box-sizing: border-box;} .item-4 .picTxt .picright .pic01{float: right;width: 48%;position: relative;} .item-4 .picTxt .picright .pic01 img{width: 100%;} .item-4 .picTxt .picright .pic02{float: left;width: 48%;} .item-4 .picTxt .picright .pic02 .pic{margin-bottom: 6%;position: relative;} .item-4 .picTxt .picright .pic02 .pic img{width: 100%} .item-4 .picTxt .picright .pic01 h1{position: absolute;width: 100%;height: 100%; display: block; top:85%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .item-4 .picTxt .picright .pic01 span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .item-4 .picTxt .picright .pic01:hover span{background: rgba(0,124,187,0.6);height: 100%;z-index: 99} .item-4 .picTxt .picright .pic01:hover h1{top: 45%} .item-4 .picTxt .picright .pic02 .pic h1{position: absolute;width: 100%; display: block; top:75%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .item-4 .picTxt .picright .pic02 .pic span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .item-4 .picTxt .picright .pic02 .pic:hover span{background: rgba(0,124,187,0.6);height: 100%;z-index: 99} .item-4 .picTxt .picright .pic02 .pic:hover h1{top: 45%} /*item-5*/ .item-5{background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;} .item-5 .txt{padding: 55px 60px;width: 1440px;margin: 0 auto;box-sizing: border-box;} .item-5 .txt h1{font-size: 35px;color: #ffffff} .item-5 .txt h4{font-size: 18px;color: #cccccc;margin-top: 25px} .item-5 .txt .inlist{margin-top: 120px;} .item-5 .txt .inlist .lisx{overflow: hidden;outline: none} .item-5 .txt .inlist .lisx a{display: block;float: left;width: 18%;margin: 0 1%;box-sizing: border-box;border: 2px solid #5a5a5a;margin-bottom: 45px} .item-5 .txt .inlist .lisx a img{display: block;width: 100%;} .item-5 .txt .inlist .lisx a:hover{border-color: #c40000} .item-5 .viewall{ width: 240px; height: 42px; display: block; line-height: 42px; text-align: center; line-height: 42px; color: #fff; margin: 50px auto 0 auto; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background: #007cbb } .item-5 .viewall i{display: inline-block;font-size: 20px;vertical-align: middle;margin-left: 5px} /*item-6*/ .item-6{width: 1440px;margin: 70px auto;overflow: hidden;} .item-6 .new01{float: left;width: 44%;} .item-6 .innews .tag{overflow: hidden;} .item-6 .innews .tag h3{ float: left;color: #333333;font-size: 24px} .item-6 .innews .tag a{ display: block;float: right;line-height: 30px;color: #666666;font-size: 14px} .item-6 .innews .tag a i{font-size: 20px;margin-left: 5px;display: inline-block;vertical-align: middle;color: #aeaeae} .item-6 .innews .tag em{display:block;width: 70%;vertical-align: middle; height: 1px;background: #f0f0f0;float: left;margin-top: 14px;} .item-6 .innews .heat{overflow: hidden;padding: 25px 0;border-bottom: 1px solid #f0f0f0} .item-6 .innews .heat .pic{width: 27%;float: left;} .item-6 .innews .heat .pic img{width: 100%} .item-6 .innews .heat .text{width: 70%;float: right;} .item-6 .innews .heat .text h5{font-size: 16px;color: #333333;margin-bottom: 10px} .item-6 .innews .heat .text p{font-size: 14px;color: #666666;} .item-6 .innews ul li{overflow: hidden;margin-top: 16px} .item-6 .innews ul li a{display: block;} .item-6 .innews ul li a h6{font-size: 14px;color: #333333;float: left;width: 60% ;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .item-6 .innews ul li a i{display: block;color: #999999;font-size: 12px;float: right;overflow: hidden;width: 40%;text-align: right;} .item-6 .new02{float: right;width: 44%;} .item-6 .innews ul li a:hover h6{color: #8b8b8b} /*foorter*/ .footer{padding-top: 70px;background: #2b2b2b;} .footer .txt{overflow: hidden;padding-bottom: 40px;width: 1440px;margin: 0 auto} .footer .txt dl{width: 12%;float: left;margin: 0 1%} .footer .txt dl dt{font-size: 15px;color: #cccccc;margin-bottom: 20px} .footer .txt dl dd{margin-bottom: 16px} .footer .txt dl dd a{color: #999999;font-size: 15px;} .footer .txt dl dd a:hover{color: #fff} .footer .txt .code{float: right;width: 16%} .footer .txt .code span{display: block;overflow: hidden;} .footer .txt .code span i{font-size: 50px;color: #aeaeae;display: block;float: left;} .footer .txt .code span h5{font-size: 14px;color: #cccccc;float: right;margin-top: 18px} .footer .txt .code span h5 em{color: #fff} .footer .txt .code .pic{overflow: hidden;} .footer .txt .code .pic .picOde{float: left;width: 40%} .footer .txt .code .pic .picOde img{width: 100%} .footer .txt .code .pic .picOde:nth-child(2){float: right;} .footer .txt .code .pic .picOde p{text-align: center;font-size: 14px;color: #999999;margin-top: 15px} .footer .tdx{height: 85px;width: 1440px;margin: 0 auto;border-top: 1px solid #000;} .footer .tdx p{line-height: 85px;font-size: 14px;color: #666666;float: left;} .footer .tdx span{float: left;display: block;line-height: 85px;color: #999999;margin-left: 50px;overflow: hidden;} .footer .tdx span em{display: block;float: left;} .footer .tdx span a{font-size: 22px;color: #999999;display: block;margin: 24px 5px 0 5px;float: left;/*width: 30px;*//*height: 30px;*/background-size: cover;background-repeat: no-repeat;} .footer .tdx .lang{position: relative; margin-top: 24px; padding: 6px; width: 116px;height:23px;border: 1px solid #6b6b6b;float: right;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .footer .tdx .lang span{cursor: pointer; line-height: normal;margin-left: 0;overflow: hidden;text-align: center;} .footer .tdx .lang span h6{padding:0 16px;border-right: 1px solid #6b6b6b;display: inline-block;} .footer .tdx .lang span h6 img{display: inline-block;vertical-align: top;margin-top: 3px} .footer .tdx .lang span h4{font-size: 14px;color: #999999;display: inline-block;margin-left: 5px} .footer .tdx .lang ul{ display: none; position: absolute; overflow: hidden; width: 100%; background: #fff; border-radius: 2px; bottom:38px; left: 0; margin: 5px 0 0 0; padding: 0; z-index: 99; } .footer .tdx .lang ul li { display: block; text-align: left; padding:5px 0px; color: #999; cursor: pointer;text-align: center;overflow: hidden;} .footer .tdx .lang ul li:hover { background: #2b2b2b; color: #fff;} .footer .tdx .lang ul li:hover h4{color: #fff} .footer .tdx .lang ul li h6{padding:0 16px;border-right: 1px solid #6b6b6b;display: inline-block;} .footer .tdx .lang ul li h6 img{display: inline-block;vertical-align: top;margin-top: 3px} .footer .tdx .lang ul li h4{font-size: 14px;color: #999999;display: inline-block;margin-left: 5px;margin-right: 26px} .footer .tdx .lang.is-open ul{display: block;} .footer .tdx .logo{float: left;margin-top: 30px;margin-right: 15px;width:6%} .footer .tdx .logo img{width: 100%} /*��ҳbanner*/ .baner {position: relative;} .baner .pic{height: 573px;background-size: cover;background-repeat: no-repeat; background-position: center center;position: relative;z-index: 998} .baner .small-Pic{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;} .baner .small-Pic img{width: 100%;height: 100%;display: block;} /*clumb*/ .clumb{padding: 24px 0%;background: #f4f4f4;} .clumbBox{width: 1440px;margin: 0 auto;box-sizing: border-box;} .clumb a{display: inline-block;font-size: 14px;color: #585858} .clumb i{display: inline-block;margin: 0 15px;font-size: 12px;vertical-align: middle;} .clumb a:hover{color: #161616} /*news*/ .news{width:1440px;margin: 0 auto} .news .heat{width: 100%;padding: 60px 0;border-bottom: 1px dashed #e7e7e7} .news .heat .pic{width: 785px;float: left;} .news .heat .text{float: right;width: 620px;overflow: hidden;} .news .heat .text h1{margin: 20px auto} .news .heat .text h1 a{display: initial; width: inherit; height: inherit; line-height: inherit; font-size: inherit; color: inherit; border-bottom: none;} .news .heat .text h1 a:hover{color: #007cbb;} .news .heat .text span{display: block;overflow: hidden;font-size: 14px;color: #999999;margin: 16px 0;line-height: 25px} .news .heat .text span i{display: inline-block;font-size: 20px;color: #999999 ;vertical-align: top;margin-right: 15px} .news .heat .text .txt{height: 120px; font-size: 14px;color: #666666;line-height: 25px} .news .heat .text a{display: block;width: 125px;height: 30px;line-height: 30px;font-size: 14px;color: #333333;border-bottom: 2px solid #cccccc} .news .heat .text a i{font-size:30px;color: #cccccc;vertical-align: middle;margin-left: 15px} .news .heat .text a:hover{border-color: #007cbb} .news .heat .text a:hover i{color: #007cbb} .news .list{width:1440px;margin: 0 auto} .news .list li{padding: 45px 0;border-bottom: 1px dashed #e7e7e7;overflow: hidden;} .news .list li .date {width:4%;margin-right: 1%;text-align: center;float: left;margin-top: 30px} .news .list li a{display: block;width: 100%;} .news .list li .date h1{font-size: 24px;color: #333333} .news .list li .date h6{font-size: 21px;color: #d1d1d1;} .news .list li .pic{float: left;width: 20%} .news .list li .pic img{width: 100%} .news .list li .text{width: 72%;float: right;} .news .list li .text h2{font-size: 16px;color: #333333;margin: 10px auto} .news .list li .text p{font-size: 14px;color: #666666;line-height: 25px;} .news .list li:hover .text h2{color: #007cbb} /*page*/ .page{width: 100%;text-align: center;margin: 50px auto} .page a{margin-bottom: 10px; color: #fff;font-size: 15px; display: inline-block;padding: 5px 10px;background: #666666;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .page .paginator a{margin-bottom: 10px; color: #fff;font-size: 15px; display: inline-block;background: #666666;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin:2px;} .page .cpb{margin-bottom: 10px; color: #fff;font-size: 15px; display: inline-block;padding: 5px 10px;background: #666666;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background: #d90e0e; margin:2px;} .page a.on{background: #d90e0e} .page a:hover{background: #d90e0e} /*caselist*/ .caselist{width: 1440px;margin: 0 auto;padding: 70px 0;} .caseNav{overflow: hidden;background: #333333} .caseNav a{display: block;width: 20%;float: left;height: 60px;line-height: 60px;text-align: center;color: #fff} .caseNav a.on{background: #007cbb} .caseNav a:hover{background: #007cbb;color: #fff} /*contact*/ .contact{width: 1440px;margin: 50px auto;overflow: hidden;} .contact h1{font-size: 30px;color: #333333;margin-bottom: 15px;text-align: left;} .contact .textaz{font-size: 16px;line-height: 25px;margin-bottom: 15px} .contact form{background: #f4f4f4;padding: 75px 40px} .contact form .tagName .mb{float: left;width: 48%;overflow: hidden;} .contact form .tagName .mb:nth-child(2){float: right} .contact form .tagName .mb label{width: 15%;float: left;line-height: 55px;} .contact form .tagName .mb input{padding: 0 2%; width: 84%;float: right;border: 1px solid #cccccc; height: 55px;line-height: 55px;box-sizing: border-box;} .contact form .mx{width: 100%;overflow: hidden;margin-top: 40px;} .contact form .mx label{width: 7%;float: left;line-height: 55px;} .contact form .mx textarea{width: 92.4%;float: right;border: 1px solid #cccccc; height: 240px;box-sizing: border-box;padding: 10px;} .contact form .submit{font-family: '΢���ź�'; cursor: pointer; width: 316px;line-height: 56px;background: #007cbb;text-align: center;color: #fff;font-size: 20px;border: none;margin-top: 50px;margin-left: 8%} .contact h2 {font-size: 14px;color: #858585;} .contact h2 i{color: #858585;display: inline-block;font-size: 26px;vertical-align: middle;margin-right: 5px} .contact .text .map{width: 100%;margin: 30px auto;} .contact .text .map img{width: 100%} .contact .text span{display: inline-block;width: 32.33%;font-size: 14px;color: #666666;float: left;margin-top: 15px} .contact .text span:nth-child(3){text-align: left;} .contact .text span:nth-child(4){text-align: center;} .contact .text span:nth-child(5){text-align:right;} .contact .text span i{margin-right: 5px;display: inline-block;vertical-align: middle;font-size: 20px} /*join*/ .join{padding: 90px 0;width: 1440px;margin: 0 auto} .join h1{text-align: center;font-size: 30px;color: #000000} .join h1:after{content: '';display: block;width: 55px;height: 2px ;background: #dddddd;margin: 20px auto} .join p{font-size: 14px;color: #666666;text-align: center;line-height: 35px} .join p em{display: block; color: #999999} .join .fire{margin-top: 45px} .join .fire h2{width: 100%;height: 70px;line-height: 70px;text-align: center;font-size: 24px;color: #252525;background: #f7f7f7} .join .fire .tag{height: 55px;line-height: 55px;background: #2b2b2b;} .join .fire .tag span{box-sizing: border-box;display: block;border-right: 1px solid #fff;color: #fff;text-align: center;float: left;} .join .fire .tag span:nth-child(1){width: 34%;} .join .fire .tag span:nth-child(2){width: 22%} .join .fire .tag span:nth-child(3){width: 22%} .join .fire .tag span:nth-child(4){width: 22%;border-right: none} .join .fire dl{overflow: hidden;} .join .fire dd{overflow: hidden;} .join .fire dd span{box-sizing: border-box;display: block;color: #666666;text-align: center;float: left;padding: 14px 0} .join .fire dd span:nth-child(1){width: 34%;} .join .fire dd span:nth-child(2){width: 22%} .join .fire dd span:nth-child(3){width: 22%} .join .fire dd span:nth-child(4){width: 22%;border-right: none} .join .fire dd:nth-child(2n){background: #f8f8f8} .join .fire dd.on{background: #007cbb} .join .fire dd.on span{color: #fff; } .firefade{display: none; width: 100%;height: 100%;position:fixed;background: rgba(0,0,0,.5);top:0;z-index: 99} .showBox{display: none;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden; width: 1030px;position: fixed;z-index: 100;top: 50% ;left: 50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .showBox h1{position: relative; height: 80px;line-height: 80px;text-align: center;font-size: 24px;color: #ffffff;width: 100%;background: #007cbb} .showBox h1 i{position: absolute;right: 50px;top: 0%;color: #fff;font-size: 30px;cursor: pointer;} .showBox .text{padding: 25px;background: #fff} .showBox .text span{display: block;color: #585858;font-size: 14px} .showBox .text .txt{background: #f7f7f7;-webkit-border-radius: 10px;border-radius: 10px;padding: 30px;margin-top: 20px;height: 250px;overflow: hidden;} .showBox .text .txt p{font-size: 14px;color: #585858;margin-bottom: 10px} .showBox .text .sumbit{margin:25px auto 0 auto; display: block;color: #fff;text-align: center; width: 260px;height: 50px;line-height: 50px;background: #007cbb;-webkit-border-radius: 25px;border-radius: 25px;} .showBox .text .sumbit i{font-size: 22px;display: inline-block;vertical-align: middle;margin-right: 5px} /*download*/ .download{margin-top: 50px;overflow: hidden;} .download dl dd .text{float: left;} .download dl dd a{display: block;width: 100%;height: 100%} .download dl dd{padding: 25px;overflow:hidden;background: #f9f9f9;border-bottom: 1px solid #e2e2e2; cursor:pointer;} .download dl dd em{display: block;float: left;background: url(img/q.png) no-repeat;width: 22px;height: 22px;margin-right: 25px;text-align: center;line-height: 22px;font-size: 14px;color: #fff} .download dl dd h5{font-size: 14px;color: #333333;line-height: 22px;float: left;} .download dl dd i{display: block;float: left;color: #b5b5b5;font-size: 18px;margin-left: 5px} .download dl dd h6{float: right;color: #93939a;font-size: 14px;} .download dl dd h6 i{margin-right: 5px} .download dl dd:hover h5{color: #007cbb} /*answer*/ .answer{margin: 70px auto;width: 1440px;padding: 40px 32px;box-sizing: border-box;background: #f4f4f4;overflow: hidden;} .answer h3{font-size: 16px;color: #666666} .answer .mx{overflow: hidden;margin: 35px 0} .answer .mx h5{float: left;height: 40px;line-height: 40px} .answer .mx select{float: left;width: 135px;border: none;background: #fff;height: 40px;line-height: 40px;padding-left: 15px;margin-right: 20px} .answer .mx input{border: none; height: 40px;line-height: 40px;width: 300px;padding: 0 10px;background: #fff;display: block;float: left;} .answer .mx .submit{cursor: pointer; width: 78px;line-height: 38px;line-height: 38px;text-align: center;font-size: 30px;color: #fff;display: block;margin-left: 5px;background: #007cbb} .answer .mx .fx01{float: left;overflow: hidden;} .answer .list li {cursor:pointer;margin-bottom: 20px} .answer .list li span{background: #fff;padding:20px 15px;display: block;overflow: hidden; } .answer .list li span h6{float: left;width: 80%;} .answer .list li span i{display: block;float: right;width: 22px;height: 22px;text-align: center;line-height: 22px;background: #878787;color: #fff;} .answer .list li .text{display: none;} .answer .list li .text p{margin-top: 20px;background: #007cbb;padding:20px 15px;display: block;color: #fff} .answer .list li.on span i{background: #007cbb} /*case*/ .casex{width: 1440px;margin: 0 auto;overflow: hidden;} .casexlist{overflow: hidden;} .casexlist dl{overflow: hidden;padding-bottom: 20px} .casexlist dl dd{width: 31%;margin: 50px 1% 0 1%;float: left;} .casexlist dl dd .pic{width: 100%;} .casexlist dl dd .pic img{width: 100%} .casexlist dl dd span{display: block;padding: 12px 0;background: #f7f7f7;text-align: center;font-size: 16px;color: #666666;margin-bottom: 12px} .casexlist dl dd p{font-size: 14px;color: #666666;line-height: 25px;padding: 10px} .casexlist dl dd:hover {-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5);box-shadow: 0 0 20px rgba(98, 99, 99, .5);} .casexlist dl dd:hover span{background: #007cbb;color: #fff} .casex .picTxt{overflow: hidden;margin-top: 50px} .casex .picTxt .picleft{float: left;width: 49%;box-sizing: border-box;} .casex .picTxt .picleft .pic01{float: left;width: 48%;position: relative;} .casex .picTxt .picleft .pic01 h1{position: absolute;width: 100%;height: 100%; display: block; top:85%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .casex .picTxt .picleft .pic01 span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .casex .picTxt .picleft .pic01:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99} .casex .picTxt .picleft .pic01:hover h1{top: 45%} .casex .picTxt .picleft .pic01 img{width: 100%;} .casex .picTxt .picleft .pic02{float: right;width: 48%;} .casex .picTxt .picleft .pic02 .pic{margin-bottom: 6%;position: relative;} .casex .picTxt .picleft .pic02 .pic img{width: 100%} .casex .picTxt .picleft .pic02 .pic h1{position: absolute;width: 100%; display: block; top:75%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .casex .picTxt .picleft .pic02 .pic span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .casex .picTxt .picleft .pic02 .pic:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99} .casex .picTxt .picleft .pic02 .pic:hover h1{top: 45%} .casex .picTxt .picright{float: right;width: 49%;box-sizing: border-box;} .casex .picTxt .picright .pic01{float: right;width: 48%;position: relative;} .casex .picTxt .picright .pic01 img{width: 100%;} .casex .picTxt .picright .pic02{float: left;width: 48%;} .casex .picTxt .picright .pic02 .pic{margin-bottom: 6%;position: relative;} .casex .picTxt .picright .pic02 .pic img{width: 100%} .casex .picTxt .picright .pic01 h1{position: absolute;width: 100%;height: 100%; display: block; top:85%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .casex .picTxt .picright .pic01 span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .casex .picTxt .picright .pic01:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99} .casex .picTxt .picright .pic01:hover h1{top: 45%} .casex .picTxt .picright .pic02 .pic h1{position: absolute;width: 100%; display: block; top:75%;z-index: 99;color: #fff;font-size: 28px;text-align: center;} .casex .picTxt .picright .pic02 .pic span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;} .casex .picTxt .picright .pic02 .pic:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99} .casex .picTxt .picright .pic02 .pic:hover h1{top: 45%} /*aboutUs*/ .aboutUs{width: 1440px;background: #f7f7f7;padding:70px 50px;box-sizing: border-box;margin-top: 50px;margin: 0 auto 80px auto} .aboutUs .slider{position: relative;} .aboutUs .slider:after{z-index: 1; content: '';display:block;width: 100%;height: 1px;background: #e9e9e9;position: absolute;top: 45%;} .aboutUs .slider-nav {z-index: 2; padding: 0 0px;overflow: hidden;position: relative;} .aboutUs .slider-nav li{float: left;outline: none; position: relative; z-index: 55} .aboutUs .slider-nav li span{display: block; margin: 0 auto; cursor: pointer;z-index: 2; width: 68px;height: 68px;background: url(img/yearTs.png) no-repeat;line-height: 68px;text-align: center;font-size: 16px;color: #007cbb;font-weight: bold;} .aboutUs .slider-nav li.on span{z-index: 99; background: url(img/yearTx.png) no-repeat;height: 82px;color: #fff} .aboutUs .slider-for{margin-top: 75px} .aboutUs .slider-for li{overflow: hidden;outline: none} .aboutUs .slider-for li h1{font-size: 150px;color: #cccccc;font-weight: bold;width:100%} .aboutUs .slider-for li .text{width:100%} .aboutUs .slider-for li .text h5{font-size: 16px;color: #333333} .aboutUs .slider-for li .text .txt{overflow: hidden;margin-top: 20px;margin-bottom: 20px} .aboutUs .slider-for li .text .txt span{display: block;float: left;writing-mode:tb-rl;font-size: 12px;color: #999999;margin-right: 10px} .aboutUs .slider-for li .text .txt .pic{width: 47%;float: left;margin-right: 3%} .aboutUs .slider-for li .text .txt .pic:nth-child(3){margin-right: 0} .aboutUs .slider-for li .text .txt .pic img{width: 100%;} .aboutUs .slider-for li .text p{font-size: 16px;color: #666666;margin-bottom: 10px;margin-left: 20px} @media screen and (max-width:1820px){ /*news*/ .news,.news .list{width: 1440px;} .news .heat .text{width: 610px;} .news .list li .text{width: 57%;} /*aboutUs*/ /* .aboutUs .slider-for li h1{width: 20%;font-size: 115px} .aboutUs .slider-for li .text{width: 76%;margin-left: 4%} .aboutUs .slider-for li .text .txt span{margin-right: 1%} .aboutUs .slider-for li .text .txt .pic{margin-right: 3%}*/ } @media screen and (max-width:1440px){ /*banner*/ .banner ul li .pic{height: 670px;} .banner ul li .text{margin-top: 240px;margin-left: 100px;width: 630px} .banner ul li .text h1{font-size: 50px} .banner ul li .text h2{font-size: 40px} .banner ul li .text a{width: 190px;margin-top: 15px} /*header*/ .w1440{width: 1200px;} .header .nav .sec a{padding: 0 20px} .pec02{padding: 30px 0} /*item-1*/ .item-1{height: 670px} .item-1 .text{margin-top: 75px} .item-1 .pic{width: 30%;} .item-1 .pic img{width: 100%;} .item-1 .text .txt a{width: 300px;} .item-1 .text .txt a:nth-child(8){background-position: 280px 6px} .item-1 .text .txt a:hover:nth-child(8){background-position: 280px 6px} /*item-2*/ .item-2{height: 670px} .item-2 .text{margin-top: 75px} .item-2 .pic{width: 30%;} .item-2 .pic img{width: 100%;} .item-2 .text .txt a{width: 300px;} .item-2 .text .txt a:nth-child(8){background-position: 280px 6px} .item-2 .text .txt a:hover:nth-child(8){background-position: 280px 6px} /*item-3*/ .item-3{height: 670px} .item-3 .txt{padding: 64px 0;} /*.item-4*/ .item-4{padding: 70px 0;width: 1200px} .item-4 .picTxt{margin-top: 45px;} /*.item-5*/ .item-5 .txt{width:1200px;padding: 80px 0;} .item-5 .txt .inlist{ margin-top: 45px;} .item-5 .viewall{ margin: 10px auto 0 auto;} /*item-6*/ .item-6{width: 1200px} /*news*/ .news,.news .list{width: 1200px;} .news .heat{padding: 30px 0;} .news .heat .pic{width: 50%;} .news .heat .pic img{width: 100%;} .news .heat .text{width: 48%;} .news .heat .text h1{margin: 10px auto} .news .heat .text span{margin:5px auto} .news .heat .text .txt{height: auto;} .news .list li .date{width: 7%;margin-top: 10px;} .news .list li .pic{width: 33%;} .news .list li .pic img{width: 100%;} /*contact*/ .contact{width:1200px;} .contact h1{font-size: 24px;margin-bottom: 15px} .contact form{padding: 40px 30px} .contact form .tagName .mb{float: none;width: 100%;margin-bottom: 10px} .contact form .tagName .mb input{line-height: 35px;height: 35px;float: none;width: 100%;} .contact form .tagName .mb label{line-height: 35px;float: none;width: 100%;} .contact form .mx{margin-top: 10px} .contact form .mx label{float: none;width: 100%;} .contact form .mx textarea{width: 100%;float: none;} .contact form .submit{margin-left: 0;margin-top: 10px;line-height: 40px} /*aboutUs*/ .aboutUs{width: 1200px;} .aboutUs .slider-for li h1{font-size: 95px} /*caselist*/ .caselist{width: 1200px;} .casex {width: 1200px} /*answer*/ .clumbBox{width: 1200px} .answer{width: 1200px;} /*join*/ .join{width: 1200px} /*footer*/ .footer .txt{width: 1200px} .footer .tdx{width: 1200px;} .footer .txt .code span i{float: none;font-size: 35px} .footer .txt .code span h5{float: none;margin-top: 5px;margin-bottom: 5px} } @media screen and (max-width:1200px){ /*banner*/ .banner ul li .pic{height: 620px;} .banner ul li .text{margin-top: 274px;margin-left: 100px;width:420px} .banner ul li .text h1{font-size: 36px} .banner ul li .text h2{font-size: 30px} .banner ul li .text a{width: 170px;margin-top: 15px} .mNav{display: block;float: right;cursor: pointer;position: relative;z-index: 999;margin-right: 10px} .mNav span{display: block;-webkit-border-radius: 5px;height: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #fff;width: 40px;margin-top: 5px} .mNav.fnxc span{background: rgba(34,34,34,1);} .mNav.fnxc.open span{background: rgba(34,34,34,1);} .header.fnxc{position: fixed;} .clumbBox{width: 1200px;} /*ͷ��*/ .header{top: 12px;position: fixed;background: none} .header.mact{background: rgba(51,51,51,.8);} .header .nav{display: none;} .mNav.open span:nth-child(1){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform-origin:100% 0%; -moz-transform-origin:100% 0%; -ms-transform-origin:100% 0%; -o-transform-origin:100% 0%; transform-origin:100% 0%; transform: rotate(-45deg); } .hidex{position: absolute;} .mNav.open span:nth-child(2){ opacity: 0; } .mNav.open span:nth-child(3){ -webkit-transform: translate(3px,9px) rotate(45deg); -moz-transform: translate(3px,9px) rotate(45deg); -ms-transform: translate(3px,9px) rotate(45deg); -o-transform: translate(3px,9px) rotate(45deg); -webkit-transform-origin:100% 0%; -moz-transform-origin:100% 0%; -ms-transform-origin:100% 0%; -o-transform-origin:100% 0%; transform-origin:100% 0%; transform: translate(3px,9px) rotate(45deg); } #fide{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.5);top: 0;z-index: 99;display: none;} .menu{position: fixed;right:-80%;width: 80%;top:0px;height: 100%;background: rgba(34,34,34,1);z-index: 999;display: block;height: 100%} .menu dl{margin-top: 100px;position: relative;z-index: 998;} .menu dl dd { line-height: 40px;padding-left: 10px;border-bottom: 1px solid #101010;box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);} .menu dl dd a{color: #999;font-size: 16px} .menu dl dd a:hover{color: #fff} .menu dl dd a:last-child{border-bottom: none} .msec{display: none;} .msec a{display: block;margin-left: 50px;border-bottom: 1px solid #101010;} .mec02{width: 80%;margin-left: 10%;padding-bottom: 10px;margin-bottom: 5px;overflow: hidden;} .mec02 h3{color: #fff;font-size: 14px;} .mec02 .pic{width: 100%;} .mec02 .pic img{width: 100%;} .mec02 .code{float: left;width: 45%;} .mec02 .code span{display: block;width: 100%;/*color: #fff;*/ color: #999; font-size: 14px} .mec02 .code:nth-child(2){float: right;} .mec02 .code img{width: 100%;} .mec02 h3{font-size: 14px;/*color: #fff*/ color:#999;} .mec02 h1{font-size: 16px;color: #007cbb;font-weight: bold;} .menu form{display: block;} .menu form select{height: 40px;margin-top: 20px; width: 100%;background:rgba(255,255,255,.1); border-top: none;border-left: none; line-height: 40px;padding-left: 10px;border-bottom: 1px solid #101010;box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);} .menu form select option:hover{background:rgba(255,255,255,.1);} .w1200{width: 96%;} .w1440{width: 96%;} .header{width: 100%;} /*item-1*/ .item-1{height: auto} .item-1 .text{margin: 40px auto} .item-1 .text h3{font-size: 26px;} .item-1 .text p{font-size: 16px;line-height: 32px;margin: 7px 0;} .item-1 .text .viewall{margin-top: 20px;display: block;font-size: 16px} .item-1 .text .txt{margin-top: 30px} .item-1 .text .txt a{width: 31.3%;box-sizing: border-box;margin-right: 2%;height: 45px;line-height: 45px;font-size: 16px} .item-1 .text .txt a:nth-child(8){background-position: right center;} .item-1 .text .txt a:hover:nth-child(8){background-position: right center;} .item-1 .pic{width: 392px;} .item-1 .pic img{width: 100%;} /*item-2*/ .item-2{height: auto;} .item-2 .text{margin: 40px auto} .item-2 .text h3{font-size: 26px;} .item-2 .text p{font-size: 16px;line-height: 32px;margin: 7px 0;} .item-2 .text .viewall{margin-top: 20px;display: block;font-size: 16px} .item-2 .text .txt{margin-top: 30px} .item-2 .text .txt a{width: 31.3%;box-sizing: border-box;margin-right: 2%;height: 45px;line-height: 45px;font-size: 16px;} .item-2 .text .txt a:nth-child(8){background-position: right center;} .item-2 .text .txt a:hover:nth-child(8){background-position: right center;} /*item-3*/ .item-3{height: auto;} .item-3 .txt{padding: 40px 0} .item-3 .txt h2{font-size: 26px} .item-3 .txt h5{margin: 10px 0} .item-3 .txt ul{margin-top: 50px;text-align: center;} .item-3 .txt ul li{float: none;display: inline-block;vertical-align: top; } /*item-4*/ .item-4{width: 96%;padding: 40px 0} .item-4 h1{font-size: 26px} .item-4 h4{font-size: 18px;margin-top: 15px;} .item-4 .picTxt{margin-top: 40px} .item-4 .picTxt .picleft .pic01 h1{font-size: 18px} .item-4 .picTxt .picleft .pic02 .pic h1{font-size: 18px} .item-4 .picTxt .picright .pic02 .pic h1{font-size: 18px} .item-4 .picTxt .picright .pic01 h1{font-size:18px } /*item-5*/ .item-5{height: auto;} .item-5 .txt{width: 96%;padding: 40px 0} .item-5 .txt .inlist .lisx a{width: 23%;margin-bottom: 15px;} .item-5 .txt h1{font-size: 26px} .item-5 .txt .inlist{margin-top: 40px} /*item-6*/ .item-6{width: 96%;margin: 30px auto} .item-6 .innews .tag h3{font-size: 18px} .item-6 .innews .heat{padding: 15px 0} .item-6 .innews .tag em{display: none;} .item-6 .innews .heat .pic{float: none;width: 50%;margin-bottom: 10px} .item-6 .innews .heat .text{float: none;width: 100%} .item-6 .innews .heat .text h5{font-size: 16px} /*footer*/ .footer{padding-top: 30px;} .footer .txt dl{float: none;width: 1200px;overflow: hidden;} .footer .txt dl dd{padding: 3px 12px;float: left;margin: 0 5px 5px 5px} .footer .txt dl dd a{font-size: 14px} .footer .txt dl dt{margin: 10px auto} .footer .txt .code{width: 40%;float: none;margin-top: 20px} .footer .txt .code span i{float: left;width: 20%;} .footer .txt .code span h5{float: left;width: 80%;margin-top: 12px;margin-bottom: 0} .footer .txt .code .pic .picOde{width: 30%;} .footer .txt .code .pic .picOde:nth-child(2){float: left;margin-left: 20px} .footer .tdx .lang{display: none;} .footer .tdx span{width: 90%} .footer .tdx span a{margin: 0 5px 10px 5px} .footer .tdx p,.footer .tdx span{line-height: normal;margin: 10px 0;float: none;} .footer .tdx {height: auto;} .footer .tdx .logo{float: none;margin-top: 10px;display: block;} .footer .tdx .logo {width:20%} .footer .tdx .logo img{width: 100%} .footer .txt,.footer .tdx,.footer .txt dl{width: 96%;} /*��ҳbanner*/ .baner .pic{height: 400px;} /*clumb*/ .clumb{display: none;} /*news*/ .news{width: 96%;} .news .list{width: 100%} .news .heat .pic{float: none;width: 60%} .news .heat .text{float: none;width: 100%;} .news .list li{padding: 20px auto} .news .list li .date{width: 100%;margin-top: 0;text-align: left;margin-bottom: 10px} .news .list li .date h1{float: left;font-size: 18px} .news .list li .date h6{font-size: 16px;float: left;margin: 0 10px} .news .list li .pic{float: none;width: 50%;} .news .list li .text{float: none;width: 100%} /*caselist*/ .caselist{padding: 30px 0;width: 96%} .casex{width: 96%} .caseNav a{height: 40px;line-height: 40px;font-size: 16px} .caselist ul li {width: 100%} .caselist ul li .text span{font-size: 16px} .caselist ul li .text p{font-size: 14px} /*contact*/ .contact{width: 96%} .contact h1{font-size: 18px} .contact form .tagName .mb label,.contact form .mx label{font-size: 16px} .contact form .submit{font-size: 16px} .contact form .submit{width: 50%;line-height: 35px;font-size: 14px} .contact h2 i{font-size: 16px} .contact .text .map{margin: 10px auto} .contact .text span{display: block;float: none;width: 100%;margin-top: 10px} .contact .text span:nth-child(4){text-align: left;} .contact .text span:nth-child(5){text-align: left;} /*join*/ .join{padding: 30px 0;width: 90%} .join h1{font-size: 24px} .join h1:after{margin: 10px auto} .join .fire{margin-top: 20px} .join .fire h2{line-height: 50px;height: 50px;font-size: 18px} .join .fire .tag{line-height: 40px;height: 40px} .join .fire dd span{font-size: 14px} .showBox{width: 90%;} .showBox h1{height: 60px;line-height: 60px;font-size: 20px} .showBox .text .sumbit{height: 35px;line-height: 35px;width:50%} /*download*/ .download dl dd{padding: 15px 25px } .download dl dd .text{float: none;width: 100%;overflow: hidden;margin-bottom: 10px} .download dl dd h6{float: none;width: 100%;text-align: right;} .download dl dd h6 i{float: none;display: inline-block;} .download dl dd em{float: none;} .download dl dd h5{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width: 100%;float: none;} .download dl dd i{display: none;} /*answer*/ .answer{width: 96%;} .answer{margin: 30px auto;padding: 20px 22px;} .answer .mx{margin: 20px auto} .answer .mx h5,.answer .mx select,.answer .mx input,.answer .mx .submit{line-height: 30px;height: 30px;} .answer .mx .fx01{float: none;width: 100%;margin-bottom: 10px} .answer .list li span,.answer .list li dd{padding: 10px 15px;font-size: 14px} .answer .mx h5{float: none;width: 100%;font-size: 14px} .answer .mx select{float: none;width: 100%} .answer .mx input{width: 70%;box-sizing: border-box;} .answer .mx .submit {width: 27%;padding: 0} /*case*/ .casexlist dl dd{width: 48%} .casexlist dl dd span{padding: 5px 0;font-size: 14px} .casex .picTxt .picleft .pic01 h1{font-size: 18px} .casex .picTxt .picleft .pic02 .pic h1{font-size: 18px} .casex .picTxt .picright .pic02 .pic h1{font-size: 18px} .casex .picTxt .picright .pic01 h1{font-size:18px } /*aboutUs*/ .aboutUs{padding: 30px;width: 96%} .aboutUs .slider-for li .text h5{font-size: 14px;} .aboutUs .slider-for{margin-top: 30px} .aboutUs .slider-for li h1{font-size: 70px;float: none;width: 100%} .aboutUs .slider-for li .text{width: 100%;float: none;margin-left: 0} .aboutUs .slider-for li .text .txt .pic{width: 46%;} .aboutUs .slider-for li .text p{font-size: 14px} .aboutUs .slider-for li .text .txt .pic{float: left;margin-right: 0;width: 48%} .aboutUs .slider-for li .text .txt .pic:nth-child(3){float: right;} .aboutUs .slider-for li .text p{margin-left: 0} .aboutUs .slider-nav li span{background-size: cover;width: 50px;height: 50px;line-height: 50px;font-size: 14px;} .aboutUs .slider-nav li.on span{background-size: cover;height: 60px} } @media screen and (max-width:768px){ /*banner*/ .banner ul li .pic{height: 305px;} .banner ul li .text{margin-top: 110px;margin-left: 0px;width: 260px;} .banner ul li .text h1{font-size: 20px;margin-top: 10px} .banner ul li .text h2{font-size: 16px;margin-top: 10px} .banner ul li .text a{width: 115px;margin-top: 10px;height: 25px;line-height:25px;border: none;font-size: 14px;} .banner ul li .text a:hover{ background: -webkit-linear-gradient(#fe7033, #e52c1d); background: -moz-linear-gradient(#fe7033, #e52c1d); background: -o-linear-gradient(#fe7033, #e52c1d); background: linear-gradient(#fe7033, #e52c1d); font-size: 14px; } .banner ul li .text a i{display: none} .paging{bottom:5px;} .paging span{font-size: 14px} /*ͷ��*/ .header{height: auto;} .header .logo{width: 100px} .header .logo img{width: 100%} .mNav span{height: 4px;width: 35px} .mNav.open span:nth-child(3){ -webkit-transform: translate(2px,7px) rotate(45deg); -moz-transform: translate(2px,7px) rotate(45deg); -ms-transform: translate(2px,7px) rotate(45deg); -o-transform: translate(2px,7px) rotate(45deg); transform: translate(2px,7px) rotate(45deg); } /*item-1*/ .item-1 .text h3{font-size: 18px} .item-1 .text p{font-size: 14px;line-height: 25px;} .item-1 .text .txt a{width: 45%;font-size: 14px;margin-bottom: 15px;margin-right: 5%;} .item-1 .pic{display: none;} /*item-2*/ .item-2 .text h3{font-size: 18px} .item-2 .text p{font-size: 14px;line-height: 25px;} .item-2 .text .txt a{width: 45%;font-size: 14px;margin-bottom: 15px;margin-right: 5%;} /*item-3*/ .item-3 .txt{padding: 50px 0;} .item-3 .txt h2{font-size: 18px} .item-3 .txt h5{font-size: 14px;line-height: 25px} .item-3 .txt ul{margin-top: 30px;} .item-3 .txt ul li{width:160px;} .item-3 .txt ul li .rael{width: 100px;height: 100px;line-height: 100px;margin: 0 auto 30px auto;} .item-3 .txt ul li .rael h1{line-height: 100px;font-size: 20px;} .item-3 .txt ul li p{font-size: 14px;line-height: 20px} /*item-4*/ .item-4 .picTxt .picleft{width: 100%;float: none;overflow: hidden;} .item-4 .picTxt .picright{width: 100%;float: none;overflow: hidden;} .item-4 {padding: 30px 0} .item-4 h1{font-size: 18px} .item-4 h4{font-size: 14px;margin-top: 10px;} .item-4 .picTxt .picleft .pic01 h1{font-size: 16px;top: 90%;} .item-4 .picTxt .picleft .pic02 .pic h1{font-size: 16px; top: 80%;} .item-4 .picTxt .picright .pic02 .pic h1{font-size: 16px; top: 80%;} .item-4 .picTxt .picright .pic01 h1{font-size:16px; top: 90%; } /*item-5*/ .item-5 .txt{padding: 50px 0} .item-5 .txt .inlist .lisx a{width: 31.3%;margin-bottom: 15px;} .item-5 .txt h1{font-size: 18px} .item-5 .txt h4{font-size: 14px;margin-top: 10px;} .item-5 .viewall{width: 140px;height: 30px;line-height: 30px;font-size: 14px;margin-top: 30px} /*item-6*/ .item-6 .new01{width: 100%;float: none;} .item-6 .new02{width: 100%;float: none;margin-top:20px} .item-6 .innews .heat .pic{width: 40%} /*footer*/ .footer .txt .code{width: 80%} .footer .tdx{line-height: normal;height: auto;} .footer .tdx .logo {width:30%} /*��ҳbanner*/ .baner .pic{height: 220px;} /*news*/ .news .heat .pic{float: none;width:100%} .news .list li .date h1{font-size: 16px} .news .list li .pic{width:100%;} /*caselist*/ .caselist ul li{width: 100%;} .caseNav a{font-size: 14px;width: 33.33%;height: 35px;line-height: 35px} .caselist ul li .text{padding: 10px 0;} .caselist ul li .text span{font-size: 14px;} .caselist ul li .text p{margin-top: 5px} .caselist ul{margin-top: 25px} /*contact*/ .contact{margin: 30px auto} .contact h1{font-size: 18px} .contact .textaz{font-size: 14px} .contact form{padding: 5%} .contact form .submit{width: 100%} /*join*/ .join{} .join h1{font-size: 18px} .join p{line-height: 30px} .join .fire h2{line-height: 35px;height: 35px;font-size: 16px} .join .fire .tag{height: 35px;line-height: 35px;font-size: 14px} .join .fire dd span{font-size: 12px} .showBox h1{height: 40px;line-height:40px;font-size: 18px} .showBox .text .sumbit{height: 35px;line-height: 35px;width:50%} .showBox h1 {font-size: 16px} .showBox h1 i{font-size: 24px;right: 30px} .showBox .text .txt p{line-height: 20px} .showBox .text .sumbit{font-size: 16px;width: 80%} /*ansower*/ .answer h3{font-size: 14px;} .answer .list li span h6{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /*casex*/ .casex .picTxt .picleft{width: 100%;float: none;overflow: hidden;} .casex .picTxt .picright{width: 100%;float: none;overflow: hidden;} .casex .picTxt .picleft .pic01 h1{font-size: 14px;top: 90%;} .casex .picTxt .picleft .pic02 .pic h1{font-size: 14px; top: 80%;} .casex .picTxt .picright .pic02 .pic h1{font-size: 14px; top: 80%;} .casex .picTxt .picright .pic01 h1{font-size:14px; top: 90%; } /*aboutUs*/ .aboutUs .slider-for li h1{font-size: 30px} .aboutUs .slider-for li .text .txt span{ writing-mode: rl-tb;float: none;width: 100%;margin-bottom: 10px} .aboutUs .slider-for li .text .txt .pic{width: 100%;margin: 0 auto;float: none;margin-bottom: 20px} } @media screen and (max-width:390px){ /*item-1*/ .item-1{height: 730px;} .item-1 .text{margin-top: 30px;} .item-1 .text .txt a{width: 100%;font-size: 14px;margin-bottom: 15px;margin-right: 0%;float: none;} /*item-2*/ .item-2{height: 730px;} .item-2 .text{margin-top: 30px;} .item-2 .text .txt a{width: 100%;font-size: 14px;margin-bottom: 15px;margin-right: 0%;float: none;} /*item-3*/ .item-3 .txt ul li{width:110px;} .item-3 .txt ul li .rael{width: 80px;height: 80px;line-height: 80px;} .item-3 .txt ul li .rael h1{line-height: 80px;} /*item-5*/ .item-5 .txt .inlist .lisx a{width: 48%;margin-bottom: 15px;} /*item-6*/ .item-6 .innews .heat .pic{width: 50%} /*footer*/ .footer .txt .code{width:100%} /*caselist*/ .caselist ul li span{font-size: 14px} /*join*/ .showBox{width: 98%} .showBox .text{padding: 25px 5px} .showBox .text .txt{height: 100px} } @media screen and (max-width:320px){ /*banner*/ .banner ul li .pic{height: 260px;} } /*navpage*/ .navpage{height: 335px;background-size: cover;background-repeat: no-repeat;background-position: center center;overflow: hidden;} /*.navpage form{text-align: center;width: 650px;margin: 135px auto 0 auto;font-size: 0;} .navpage form input{vertical-align: middle; width: 80%;display: inline-block;font-size: 14px;line-height: 50px;line-height: 50px;border: none;background: #fff;padding: 0 10px;box-sizing: border-box;} .navpage form .submit{cursor: pointer; padding: 0;width:20%;background: #007cbb;line-height: 50px;font-size: 30px;color: #fff} */ .pagelist{width: 1440px;margin: 30px auto;overflow: hidden;} .pagelist h4{font-size: 18px;color: #333} .pagelist .mb{overflow: hidden;margin-top: 20px} .pagelist .mb select{width: 10%;height: 40px;line-height: 40px;float: left;} .pagelist .mb input { vertical-align: middle; width: 68%; display: inline-block; font-size: 14px; height: 40px; line-height: 40px; border: none; background: #fff; padding: 0 10px; box-sizing: border-box; float: left; background: #f0f0f0; margin-left: 2% } .pagelist .mb .submit{margin-left: 0; cursor: pointer; padding: 0;width:20%;background: #007cbb;line-height: 40px;font-size: 30px;color: #fff} .hotserach{overflow: hidden;margin-top: 10px;margin-left: 170px;} .hotserach span{display: block;float: left;font-size: 16px;color: #333;} .hotserach a{font-size: 14px;float: left;color: #666;display: block;margin: 3px 12px 0 12px} .hotserach a:hover{color: #333} /*.pagelist dl{width: 14%;float: left;} .pagelist dl dt{font-size: 16px;color: #333333;margin-bottom: 45px;} .pagelist dl dt:before{content: '';display: inline-block;width: 3px;height: 14px;background: #b2b2b2;margin-right: 5px} .pagelist dl dd{font-size: 14px;color: #333333;margin-bottom: 10px;font-weight: bold;} .pagelist dl dd a{color: #333} .pagelist dl dd a:hover{color: #007cbb} .pagelist dl dd ul{margin-top: 10px;display: none; font-weight: normal;} .pagelist dl dd ul li{padding: 3px 0;color: #666666;margin-left: 15px} */ @media screen and (max-width:1440px){ .pagelist{width: 1200px} } @media screen and (max-width:1200px){ .navpage{height: 240px} .navpage form{width:50%; margin: 115px auto 0 auto; } .navpage form input{height: 35px;line-height: 35px} .navpage form .submit{line-height: 35px} .pagelist{width: 96%} .pagelist dl{width: 25%;margin-bottom: 20px;text-align: center;} .hotserach{margin-left: 0} .pagelist .mb input{width: 58%} .pagelist .mb select{width: 20%;} } @media screen and (max-width:768px){ .navpage{height: 170px} .navpage form{width: 80%} .navpage form{margin: 70px auto 0 auto;} .pagelist h4{font-size:16px } .pagelist .mb select{width: 100%;float: none;} .pagelist .mb input{width: 100%;float: none;margin-left: 0;margin-top: 10px} .pagelist .mb .submit{width: 100%;} .hotserach a{margin-bottom: 10px} .footer .txt .code .pic{display:none;} } /*prolist*/ .navpro{border-top: 1px solid #e0e0e0; overflow: hidden;display: block;text-align: center;background: #fff;width: 100%;} .navpro ul li{float: left;width: 16.6%;padding-bottom: 20px;height: 320px;} .navpro ul li .pic{margin: 55px auto 0px auto;width: 100%;box-sizing: border-box;border-right: 1px solid #eeeeee;overflow: hidden;} .navpro ul li .pic img{width: 100%;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3} .navpro ul li .pic: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); } .navpro ul li span{display: block;text-align: center;line-height: 50px;color: #333} .header .nav dl dd .navpro ul li a:after{content: '';display: none} .navpro ul li a:hover:after{display: none;content: '';} .proBaner ul li .pic{overflow: hidden; position: relative;z-index: 999;width: 100%;height: 999px;background-size: cover;background-position: center center;} .proBaner ul li .small-Pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .proBaner ul li .text{margin-top:0px;margin-left: 130px;width: 750px;overflow: hidden;} .proBaner ul li .text h4{font-size: 45px;color: #007cbb;opacity: 0} .proBaner ul li .text h1{font-size: 88px;color: #fff;opacity: 0} .proBaner ul li .text h5{font-size: 18px;color: #fff;margin-top: 43px;opacity: 0} .proBaner ul li .text p{font-size: 14px;color: #fff;margin-top: 42px;line-height: 25px;opacity: 0} .proBaner ul li .text h4.animated{opacity: 1} .proBaner ul li .text h1.animated{opacity: 1} .proBaner ul li .text h5.animated{opacity: 1} .proBaner ul li .text p.animated{opacity: 1} .proBaner ul li img{width: 100%;} .proBaner img{width: 100%;} .prolist{width: 1440px;margin: 50px auto;} .proNav ul{overflow: hidden;text-align: center;background: #f4f4f4} .proNav ul li{float: left;width: 20%;padding: 25px 0;font-size: 16px;color: #666666} .proNav ul li a{color: #666} .proNav ul li.on a{color: #fff} .proNav ul li.on {background: #007cbb; color:aliceblue;} .prolist .list{margin-top: 50px;} .prolist .list h3{font-size: 30px;color: #333333;text-align: center;} .prolist .list h3:after{content: '';display: block;width: 602px;width: 60px;height: 2px;background: #989898;margin: 15px auto} .prolist .list ul {overflow: hidden;padding: 50px 0} .prolist .list ul li{float: left;width: 23%;margin: 0 1%} .prolist .list ul li .pic{width:100%;margin: 0 auto} .prolist .list ul li .pic img{width: 100%;} .prolist .list ul li .text{padding: 25px 0 ;width: 100%;margin: 0 auto;text-align: center;} .prolist .list ul li .text h2{font-size: 24px;color: #333333;} .prolist .list ul li .text p{font-size: 14px;color: #858585;line-height: 25px;margin:10px 0} .prolist .list ul li .text h4{color: #333333} .prolist .list ul li a{display: block;} .prolist .list ul li a:hover .pic{background: #f7f7f7} .prolist .list ul li a:hover .text{background: #007cbb} .prolist .list ul li a:hover .text h2{color: #fff} .prolist .list ul li a:hover .text p{color: #fff} .prolist .list ul li a:hover .text h4{color: #fff} .prolist .list ul li:hover {-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;} @media screen and (max-width:1440px){ .prolist{width: 1200px;} .navpro ul li{height: 270px} .proBaner ul li .pic{height: 700px} .proBaner ul li .text h1{font-size: 60px} .proBaner ul li .text h5{margin-top: 15px} .proBaner ul li .text p{margin-top: 30px;} } @media screen and (max-width:1200px){ .prolist{margin-top: 30px;width: 96%} .proNav ul li{padding: 10px 0;font-size: 14px} .prolist .list h3{font-size: 20px;} .prolist .list ul{padding: 25px 0} .prolist .list ul li{width: 31.33%} .prolist .list ul li .text h2{font-size: 18px} .prolist .list ul li .text p{margin: 5px 0} .proBaner ul li .pic{height: 400px} .proBaner ul li .text{width: 96%;margin-top: 9%;margin-left: 3%} .proBaner ul li .text h4{font-size: 20px} .proBaner ul li .text h1{font-size: 40px} .proBaner ul li .text h5{font-size: 16px} .proBaner ul li .text p{margin-top: 15px} } @media screen and (max-width:768px){ .prolist .list{margin-top: 30px} .prolist .list h3{font-size: 18px;} .prolist .list h3:after{margin: 5px auto;width: 30px} .prolist .list ul{padding: 20px 0} .prolist .list ul li{width: 48%} .prolist .list ul li .text h2{font-size: 16px} .prolist .list ul li .text p{margin: 3px 0} .prolist .list ul li .text h4{font-size: 14px} .proBaner ul li .pic{height: 250px} .proBaner ul li .text h4{font-size: 18px} .proBaner ul li .text h1{font-size: 18px;margin: 5px 0} .proBaner ul li .text h5{font-size: 14px} .proBaner ul li .text p{font-size: 12px;margin-top: 5px;} } /*proshow*/ .proPic img{width: 100%} .proPic .conTxex{background: #f6f6f6;padding: 60px 0;} .proPic .conTxex .wz{text-align: center;} .proPic .conTxex .w1200{width: 1200px;margin: 0 auto} .proPic .conTxex h1{font-size: 45px;color: #333333;text-align: center;margin-top: 20px} .proPic .conTxex p{font-size: 14px;color: #333333;line-height: 25px;text-align: center;line-height:30px;margin: 14px auto;} .proPic .conTxex .picx{margin: 0 auto;width: 100%} .botlist{overflow: hidden;margin-top: 60px} .botlist h3{font-size: 30px;color: #333333;text-align: center;} .botlist h3:after{content: '';display: block;width: 50px;margin:10px auto;background: #a7a7a7;height: 2px} .botlist ul{overflow: hidden;} .botlist ul li{float: left;width: 14.6%;margin: 15px 20px;outline: none;} .botlist ul li .pic{width: 100%;} .botlist ul li .pic img{width: 100%;} .botlist ul li .text{padding: 20px 0px;background: #fff;color: #333333} .botlist ul li .text span{display: block;font-size: 24px;text-align: center;} .botlist ul li .text h4{text-align: center;margin: 5px 0px;font-size: 14px;} .botlist ul li:hover .text{background: #007cbb;color: #fff} .botlist ul li:hover {-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;-moz-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;} .proTnav{height: 72px;line-height: 72px;width: 100%;padding: 0 0%;background: #f4f4f4;overflow: hidden;margin-top: 72px} .proTnav h4{float: left;font-size: 20px;color: #333333} .proTnav .link{float: right;} .proTnav a{display: block;float: right;font-size:16px;color: #ffffff;padding:0 60px;color: #333333 } .proTnav a:hover{background: #007cbb;color: #fff} .proTnav a.on{background: #007cbb;color: #fff} .proPic {overflow: hidden;} .proPic .pic{width: 50%;float: left;} .proPic .text{padding-top: 10%;text-align: center;float: left;width: 50%} .proPic .text h1{font-size: 45px;color: #333333;margin-bottom: 30px} .proPic .text p{line-height:25px;color: #333333;font-size: 14px} .proPic2{height: 900px;background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;} .proPic2 .text{width: 1440px;margin: 536px auto 0 auto} .proPic2 h3{font-size: 45px;color: #ffffff;text-align: right;} .proPic2 p{font-size: 14px;line-height: 25px;text-align: right;color: #fff;margin-top: 20px} .proPic3{height: 900px;background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;} .proPic3 .text{width: 1440px;margin:0px auto 0 auto} .proPic3 .text .wz{width: 50%;float: left;margin-top: 354px} .proPic3 .text .pic{width: 38%;float: right;margin-top: 30px} .proPic3 .text .pic img{width: 100%} .proPic3 h3{font-size: 45px;color: #0e0d0d;text-align: center;} .proPic3 p{font-size: 14px;line-height: 25px;text-align: center;color: #0e0d0d;margin-top: 20px} .totop{position: fixed;right: 0;bottom: 0;color: #007cbb;cursor: pointer;} .totop i{font-size: 50px;} .iconbg{ background: url(img/iconbg.jpg) no-repeat;padding: 102px 0; background-size: cover;background-position: center center;background-repeat: no-repeat;} .iconbg .txt{padding:0 2% ;overflow: hidden;} .iconbg .txt li{width:20%;float: left;box-sizing: border-box;border-right: 1px solid #434343;padding:10px 0;border-bottom: 1px solid #434343;} .iconbg .txt li .pic{text-align: center;} .iconbg .txt li .pic img{display: block;margin: 0 auto} .iconbg .txt li span{text-align: center;display: block;font-size: 16px;color: #999999;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .prode3 ul li{height: 900px;background-size: cover;background-position: center center;background-repeat: no-repeat;} .prode3 ul li .text{text-align: center;margin-top: 280px} .prode3 ul li .text h1{font-size: 45px;color: #ffffff;opacity: 0;} .prode3 ul li .text p{font-size: 14px;color: #ffffff;line-height: 30px;opacity: 0;} .mtm{width: 1440px;margin: 30px auto} .mtm a{display: block;width: 200px;margin: 0 auto;padding: 15px 0;background: #252525;text-align: center;color: #fff;border: 2px solid #252525} @media screen and (max-width:1440px){ .botlist{margin-top: 50px} .botlist ul li{width: 18%;} .botlist ul li .text span{padding:10px 0;font-size: 20px} .botlist ul li .text{padding: 10px 0} .proTnav{height: 50px;line-height: 50px} .proTnav h4{font-size: 16px;} .proTnav a{padding: 0 20px} .proPic .text{padding-top: 5%;} .proPic2 {height: 700px} .proPic2 .text{width: 1200px;margin: 338px auto 0 auto;} .proPic3{height: 700px;} .proPic3 .text{width: 1200px;margin: 0px auto 0 auto} .proPic3 .text .wz{margin-top: 220px} .prode3 ul li{height: 700px;} .prode3 ul li .text{margin-top: 205px;} .mtm{width: 1200px;} } @media screen and (min-width:1366px){ .iconbg .txt li:nth-child(5n){border-right: none} .mtm a:hover{color: #252525;background:none;} } @media screen and (max-width:1366px){ .botlist ul li{width: 23%;} .iconbg{padding: 50px 0} .iconbg .txt li{width: 25%;} .iconbg .txt li:nth-child(4n){border-right: none} } @media screen and (max-width:1200px){ .botlist{margin-top: 20px} .botlist h3{font-size: 25px} .botlist ul li{width: 31.33%;} .botlist ul li .text span{font-size: 18px} .proTnav{height: 40px;line-height: 40px;margin-top: 84px;} .proTnav h4{font-size: 14px;} .proTnav a{font-size: 14px;} .proPic .text{padding-top: 5%} .proPic .text h1{font-size: 25px;margin-bottom: 10px;} .totop i{font-size: 40px;} .iconbg .txt li{width: 33.33%;} .iconbg .txt li .pic{width: 20%;margin: 0 auto} .iconbg .txt li .pic img{width: 100%;} .iconbg .txt li span{font-size: 14px;} .iconbg .txt li:nth-child(4n){border-right: 1px solid #434343;} .iconbg .txt li:nth-child(3n){border-right: none} .proPic .conTxex .w1200{width: 96%;} .proPic .conTxex h1{font-size: 20px;margin-top: 0} .proPic .conTxex p{margin: 15px auto} .proPic2 {height: 500px} .proPic2 .text{width: 96%;margin: 238px auto 0 auto;} .proPic2 h3{font-size: 20px;} .proPic3{height: 500px} .proPic3 .text{width: 96%;margin: 0px auto 0 auto;} .proPic3 .text .wz{width: 50%;} .proPic3 h3{text-align: left;font-size: 20px;} .proPic3 p{text-align: left;} .prode3 ul li{height: 500px;} .prode3 ul li .text{margin-top: 105px;} .prode3 ul li .text h1{font-size: 20px} .mtm{width: 1024px;} .mtm a{padding: 10px 0;font-size: 14px} } @media screen and (max-width:1024px){ .proPic .pic{width: 100%;float: none;} .proPic .text{float: none;width: 92%;padding: 5% 4%} .proPic .text h1{font-size: 18px;} .proPic .conTxex{padding: 30px 0} .mtm{width: 100%;} } @media screen and (max-width:768px){ .botlist h3{font-size: 18px} .botlist ul li{width: 48%;} .botlist ul li span{font-size: 14px;padding: 15px 0} .proTnav{height: auto;line-height: normal;padding: 10px 2%;width: 96%;} .proTnav h4{float: none;width: 100%;margin-bottom: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;} .proTnav a{float: left;padding: 0 15px} .proTnav .link{float: none;} .iconbg .txt li{width: 50%;} .iconbg .txt li:nth-child(3n){border-right: 1px solid #434343;} .iconbg .txt li:nth-child(2n){border-right: none} .proPic .conTxex{padding: 30px 0} .proPic .conTxex h1{font-size: 18px} .proPic .conTxex .picx{width: inherit} .proPic2 {height: 250px} .proPic2 .text{margin: 108px auto 0 auto;} .proPic2 h3{font-size: 18px;} .proPic2 p{margin-top: 10px} .proPic3 {height: auto} .proPic3 .text{margin: 30px auto} .proPic3 .text .wz{width: 100%;float: none;margin-top: 0;text-align: center;} .proPic3 h3{font-size: 18px;text-align: center;} .proPic3 p{margin-top: 10px;text-align: center;} .proPic3 .text .pic{float: none;width: 60%;margin: 20px auto} .prode3 ul li{height: 250px;} .prode3 ul li .text{margin:40px auto 0 auto;width: 96%;} .prode3 ul li .text .wz{} .prode3 ul li .text h1{font-size: 18px} } /*2017-5-13*/ .show{width: 1440px;margin: 50px auto} .show .title{border-bottom: 1px dashed #d1d1d1;padding-bottom: 20px;} .show .title h4{font-size: 22px;color: #333;display: block; text-align: center;} .show .title h5{font-size: 18px;color: #666;display:block;text-align: center;padding: 10px 0 0 0;} .show .title span{display: block;text-align: center;font-size: 16px;color: #c6c6c6;margin-top: 10px} .showCon{margin-top: 30px;border-bottom: 1px solid #d1d1d1;} .showCon p{font-size: 16px !important;color: #333333;line-height: 30px;margin-bottom: 14px } .showCon img{margin-bottom: 10px} @media screen and (max-width:1440px){ .show{width: 1200px;} } @media screen and (max-width:1200px){ .show{width: 96%;} .showCon img{width: 100% !important;display: block;float: none;} } @media screen and (max-width:768px){ .show .title h4{font-size: 16px} .show .title h5,.show .title span{font-size: 14px;} .showCon p{font-size: 14px !important;} } /*����*/ .Animation{ opacity: 0;} .item-1 .text .txt a:nth-child(2n-1).Animation.on{-webkit-animation: fadeInDown .5s ease forwards;animation: fadeInDown .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-1 .text .txt a:nth-child(2n).Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-2 .text .txt a:nth-child(2n-1).Animation.on{-webkit-animation: fadeInDown .5s ease forwards;animation: fadeInDown .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-2 .text .txt a:nth-child(2n).Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-3 ul li:nth-child(2n-1).Animation.on{-webkit-animation: fadeInDown .5s ease forwards;animation: fadeInDown .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-3 ul li:nth-child(2n).Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-4 .picTxt .picleft .pic01.Animation.on{-webkit-animation: fadeInLeft .5s ease forwards;animation: fadeInLeft .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-4 .picTxt .picright .pic01.Animation.on{-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-4 .picTxt .picleft .pic02 .pic.Animation.on{-webkit-animation: fadeInDown .5s ease forwards;animation: fadeInDown .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-4 .picTxt .picleft .pic02 .pic:nth-child(2).Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-4 .picTxt .picright .pic02 .pic.Animation.on{-webkit-animation: fadeInDown .5s ease forwards;animation: fadeInDown .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} .item-4 .picTxt .picright .pic02 .pic:nth-child(2).Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;} /*test*/ .testLink{width: 100%;overflow: hidden;} .testLink h3{text-align: center;font-size:16px;height: 30px;line-height: 30px;} .testLink li{margin: 10px 0; font-size: 14px; width: 50%;float: left;border: 1px solid #000;box-sizing: border-box;text-align: center;line-height: 30px;line-height: 30px;} .testLink li a{color: #000;} /*2017/06/01*/ .pec02 .scx h4 .kf{color:#666666;} .msec a{} .mec02 h3 .kf{display:inline; margin-left:0px; font-size:14px;} .pec02 .scx .time{margin-top:12px;} /*2017-06-1*/ /*2017-7-26*/ .fixBox{width: 1440px;padding: 68px 0;margin: 0 auto} .chofix{overflow: hidden;padding-bottom: 60px;border-bottom: 1px solid #e5e5e5} .chofix .tile{display: block;float: left;font-size: 20px;color: #333333;width: 15%;height: 45px;line-height: 45px;} .chofix select{margin-right: 3%; -webkit-appearance:none;appearance:none;background:url(img/xindao.jpg) 94% 56% no-repeat; padding-left: 1%;font-size: 16px;color: #333333; border: 1px solid #cccccc; width: 25%;float: left; height: 45px;line-height: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .point {padding-bottom: 50px} .point ul {overflow: hidden;} .point ul li{width: 21%; float: left;margin: 80px 2% 0 2%} .point ul li .title{font-size: 16px;color: #007cbb;} .point ul li .title em{color: #333333;margin-right: 10px} .point ul li .txt{line-height: 25px;color: #333;font-size: 16px;margin-top: 20px} @media screen and (max-width:1440px){ .fixBox{width: 1200px;} } @media screen and (max-width:1200px){ .fixBox{width: 96%;margin: 0px auto;padding: 30px 0} .chofix .tile{width: 45%;} .chofix .select01{width: 48%;margin-right: 0;float: right;} .chofix .select02{width: 48%;margin-right: 0;float: left;margin-top: 15px} .chofix .select03{width: 48%;margin-right: 0;float: right;margin-top: 15px} .chofix{padding-bottom: 35px} .point ul li{margin: 50px 2% 0 2%;width: 29.33%} } @media screen and (max-width:768px){ .point ul li .txt{font-size: 14px;margin-top: 15px} .chofix .tile{font-size: 18px} .chofix select{font-size: 16px} .point ul li{width:46%;} } @media screen and (max-width:640px){ .chofix .tile{width: 100%;float: none;font-size: 16px;} .chofix .select01,.chofix .select02,.chofix .select03{width: 100%;float: none;height: 35px;line-height: 35px} .point ul li{float: none;width: 94%;} } /*2019-3-3*/ .jjfa_div1 { background: url(/uploads/allimg/190303/jjfa_bg_g1.png) no-repeat center bottom #ffffff; padding-top: 100px; } .jjfa_div1 .text { float: right; width: 37.5%; padding-top: 7.5%; } .jjfa_div1 .text h3 { color: #007cbb; font-size: 35px; font-weight: normal; } .jjfa_div1 .text .en { color: #888888; font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; } .jjfa_div1 .text .t { margin-top: 16px; color: #666666; font-size: 15px; line-height: 24px; } .jjfa_div1 .img { float: left; width: 59%; line-height: 0; margin-bottom: -3.5%; } .jjfa_div2 { background: url(/uploads/allimg/190303/jjfa_bg_g2.png) no-repeat center top; padding-top: 138px; } .jjfa_div2 .text { float: left; width: 40%; padding-top: 6%; } .jjfa_div2 .text h3 { color: #fff; font-size: 35px; font-weight: normal; } .jjfa_div2 .text .en { color: #fff; font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; } .jjfa_div2 .text .t { margin-top: 16px; color: #fff; font-size: 15px; line-height: 24px; } .jjfa_div2 .img { float: right; width: 57.41666%; line-height: 0; } .jjfa_div5 { padding: 70px 0; } .jjfa_div5 .text { float: right; width: 37.5%; } .jjfa_div5 .text h3 { color: #007cbb; font-size: 35px; font-weight: normal; } .jjfa_div5 .text .en { color: #888888; font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; } .jjfa_div5 .text .t { margin-top: 16px; color: #666666; font-size: 15px; line-height: 24px; } .jjfa_div5 .img { float: left; width: 50%; line-height: 0; margin-left: 6.4%; } .jjfa_div6 { background: #f5f5f5; padding-bottom: 105px; } .jjfa_div6 .text { float: left; width: 47%; padding-top: 10%; } .jjfa_div6 .text h3 { color: #007cbb; font-size: 35px; font-weight: normal; } .jjfa_div6 .text .en { color: #888888; font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; } .jjfa_div6 .text .t { margin-top: 16px; color: #666666; font-size: 15px; line-height: 24px; } .jjfa_div6 .img { float: right; width: 42%; line-height: 0; margin-top: -7.2%; } .jjfa_div7 { padding: 70px 0; } .jjfa_div7 .text_box { position: relative; } .jjfa_div7 .text_box .img { position: absolute; left: 0; top: 0; width: 46%; font-size: 0; margin-top: -11%; } .jjfa_div7 .text_box .text { width: 97%; background: #f5f5f5; border: 1px solid #dcdcdc; float: right; padding: 5% 5% 10% 47%; } .jjfa_div7 .text_box .text h3 { color: #007cbb; font-size: 35px; font-weight: normal; } .jjfa_div7 .text_box .text .en { color: #888888; font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; } .jjfa_div7 .text_box .text .t { margin-top: 16px; color: #666666; font-size: 15px; line-height: 24px; } .jjfa_div8 { background: url(/uploads/allimg/190303/jjfa_bg_g3.png) no-repeat center top; background-size: cover; background-size: 100% 100%; padding: 76px 0 90px; } .jjfa_div8 .text_box { max-width: 740px; width: 100%; margin: 0 auto; text-align: center; } .jjfa_div8 .text_box .text h3 { color: #fff; font-size: 35px; font-weight: normal; } .jjfa_div8 .text_box .text .en { color: #fff; font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; } .jjfa_div8 .text_box .text .t { margin-top: 16px; color: #fff; font-size: 15px; line-height: 24px; } .jjfa_div8 .text_box .img { max-width: 269px; font-size: 0; margin: 50px auto 0; } @media (max-width: 991px) { .jjfa_div1 .text h3, .jjfa_div2 .text h3, .jjfa_div5 .text h3, .jjfa_div6 .text h3 { font-size: 24px; } .jjfa_div1 .text .t, .jjfa_div2 .text .t, .jjfa_div5 .text .t, .jjfa_div6 .text .t { font-size: 14px; } .jjfa_div7 .text_box .text h3, .jjfa_div8 .text_box .text h3 { font-size: 24px; } .jjfa_div7 .text_box .text .t, .jjfa_div8 .text_box .text .t { font-size: 14px; } .jjfa_div1 { padding-top: 6%; } .jjfa_div1 .text { padding-top: 7%; } .jjfa_div2 { padding-top: 6%; } .jjfa_div2 .text { padding-top: 5%; } .jjfa_div5 { padding: 6% 0; } .jjfa_div5 .text { width: 49%; padding-top: 5%; } .jjfa_div6 { padding-bottom: 8%; } .jjfa_div6 .text { width: 49%; padding-top: 8%; } .jjfa_div7 { padding: 6% 0; } .jjfa_div7 .text_box .text { padding-right: 3%; } .jjfa_div7 .text_box .img { left: 15px; } .jjfa_div8 { padding: 6% 0; } .jjfa_div8 .text_box .img { margin-top: 6%; } } @media (max-width: 768px) { .jjfa_div1 .text, .jjfa_div2 .text, .jjfa_div5 .text, .jjfa_div6 .text { width: 100%; float: none; padding-top: 0; } .jjfa_div1 .img, .jjfa_div2 .img, .jjfa_div5 .img, .jjfa_div6 .img { margin-top: 4%; width: 100%; float: none; text-align: center; margin-bottom: 0; } .jjfa_div1 { padding-bottom: 6%; } .jjfa_div2 { background-size: cover; background-size: 100% 100%; } .jjfa_div5 .img { margin-left: 0; } .jjfa_div6 { padding: 6% 0 7%; } .jjfa_div6 .img { margin-left: 0; } .jjfa_div7 { padding: 6% 0 7%; } .jjfa_div7 .text_box .text { padding: 0; float: left; width: 100%; background: none; border: none; } .jjfa_div7 .text_box .img { float: left; position: relative; left: 0; margin-top: 4%; width: 100%; text-align: center; } .jjfa_div8 .text_box { text-align: left; } } @media (max-width: 640px) { .jjfa_div1 .text h3, .jjfa_div2 .text h3, .jjfa_div5 .text h3, .jjfa_div6 .text h3 { font-size: 18px; } .jjfa_div7 .text_box .text h3, .jjfa_div8 .text_box .text h3 { font-size: 18px; } }