body,html{-webkit-overflow-scrolling:touch;overflow-scrolling:touch} blockquote,body,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td img,th,ul{margin:0;padding:0} a,abbr,acronym,address,big,blockquote,body,caption,cite,code,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,img,ins,kbd,label,legend,li,ol,p,pre,q,s,samp,small,span,strike,strong,time,ul{margin:0;padding:0;border:0;outline:0;vertical-align:baseline} body{font-family:"微软雅黑";font-size:14px;text-align:left;margin:0 auto;line-height:24px;background:#fff;color:#2a3757;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow-x:hidden} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} .transition{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none} a:active,a:hover,a:link,a:visited{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent} button{border-radius:0;-webkit-border-radius:0;outline:0} input{border-radius:0;outline:0} input:-ms-clear{display:none} input,textarea{border:0} textarea{resize:none;outline:0;font-family:"微软雅黑"} img{border:0;vertical-align:middle} li,ul{list-style:none} a{cursor:pointer} a:link,a:visited{color:#333;text-decoration:none} a:active,a:hover{color:#2d9aff;text-decoration:none} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0} .container{clear:both;width:1000px;margin:0 auto;padding:0 0} img{MAX-WIDTH:100%!important;HEIGHT:auto!important;_width:expression(this.width > 100% ? "100%" :this.width)!important} .canshu_table{background:#3855a3!important;background:-webkit-linear-gradient(top,#355bbb,#3855a3)!important;background:-o-linear-gradient(top,#355bbb,#3855a3)!important;background:-moz-linear-gradient(top,#355bbb,#3855a3)!important;background:linear-gradient(top,#355bbb,#3855a3)!important;color:#fff;border:1px solid #88a2e4} .mgtb{margin-top:84px;margin-bottom:84px} .pdtb{padding-top:84px;padding-bottom:84px} .swiper-container{width:100%;position:relative;overflow:hidden} .swiper-container .swiper-wrapper{width:100%;position:relative;overflow:hidden} .swiper-container .swiper-slide{width:100%;float:left;position:relative;overflow:hidden} .same-tit{font-size:30px;font-weight:700;color:#2a3757;line-height:1;text-align:center} .same-tit:after,.same-tit:before{content:"";width:200px;height:1px;background:#d4d4d4;display:inline-block;vertical-align:middle} .same-tit:before{margin-right:21px} .same-tit:after{margin-left:21px} .same-text{font-size:16px;color:#6a6a6a;line-height:2;text-align:center;margin-top:33px} .toper{overflow:hidden} .toper .tel{font-size:24px;color:#f7660a;line-height:57px;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(left,#ff6204,#dc721b);float:right;margin-right:55px} .toper .tel:before{content:"";width:19px;height:19px;background:url(../images/header-tel.png) center no-repeat;background-size:100%;display:inline-block;vertical-align:middle;margin-right:12px;margin-top:-4px} .header{height:72px;background:#3d508c} .header .container{padding-right:35px} .header .logo{width:240px;height:80px;line-height:80px;margin-top:-8px;background:#f6f6f6;padding:0 3%;text-align:center;float:left} .header .nav{float:right;overflow:hidden} .header .nav li{float:left;margin-left:30px;transition:all linear .3s;position:relative} .header .nav li:before{content:"";height:1px;background:#fe6305;position:absolute;left:50%;right:50%;bottom:0;transition:all linear .3s} .header .nav li:first-child{margin-left:0} .header .nav li a{font-size:14px;color:#fffefe;padding:0 6px;line-height:72px;display:block} .header .nav li:hover{background:#31437a} .header .nav li:hover:before{left:0;right:0} .banner{position:relative} .banner img{width:100%} .banner li{width:100%;position:absolute;top:0;left:0;overflow:hidden} .banner cite{position:absolute;bottom:20px;left:50%;z-index:999;text-align:center;display:block;margin-left:-36px;width:108px;height:15px} .banner cite span{float:left;display:inline;margin:0 5px;width:10px;height:10px;border-radius:50%;background-color:#f5f5f5;text-indent:-999em;cursor:pointer;transition:all .3s ease-in;-webkit-transition:all .3s ease-in} .banner cite span:hover{background:#f0f0f0} .banner cite span.cur{background:#ffe000;cursor:default;width:35px;border-radius:10px;transition:all .3s ease-in;-webkit-transition:all .3s ease-in} .footer{background:#252b3b;color:#fff;padding:30px 0;font-size:14px;line-height:30px;text-align:center} .footer a{color:#fff} .home1 .cpbox{margin-top:30px;margin-left:-1.2%} .home1 .cpbox li{width:23.8%;background:#eceef1;float:left;margin-left:1.2%;margin-top:42px;position:relative;transition:all linear .3s} .home1 .cpbox li img{width:100%} .home1 .cpbox li p a{color:#353535;text-align:center;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 4%;display:block;transition:all linear .3s} .home1 .cpbox li:hover{box-shadow:0 3px 7px 0 rgba(42,106,212,.18)} .home1 .cpbox li:hover p a{color:#fd6305} .home1 .cpbox li:nth-child(1):before,.home1 .cpbox li:nth-child(2):before,.home1 .cpbox li:nth-child(3):before{content:"";width:51px;height:70px;background:url(../images/rot-tb.png) center no-repeat;background-size:100%;position:absolute;right:10px;top:-18px} .home2{max-width:1920px;margin-left:auto;margin-right:auto} .home2 .albox{background:url(../images/hometwo-bg2.jpg) repeat;overflow:hidden;margin-top:58px} .home2 .albox dd{width:59.22%;display:table-cell;vertical-align:top} .home2 .albox dt{width:40.78%;display:table-cell;vertical-align:top;position:relative;z-index:1} .home2 .albox dt:before{content:"";border:3px solid rgba(255,255,255,.7);position:absolute;left:11px;right:11px;top:11px;bottom:11px;z-index:-1} .home2 .albox dt .box{width:100%;overflow:hidden;padding:28px} .home2 .albox dt h3 a{font-size:20px;color:#2e2e2e;display:block} .home2 .albox dt h3 a:hover{color:#ff6204} .home2 .albox dt .cs{margin-top:15px} .home2 .albox dt .cs p{font-size:14px;color:#5a5959;line-height:24px;padding-left:98px;margin-top:8px;position:relative} .home2 .albox dt .cs p span{padding-left:18px;position:absolute;left:0;top:0} .home2 .albox dt .cs p span:before{content:"";width:6px;height:6px;background:#ffb201;background:linear-gradient(0deg,#dcbc72,#ffb201);border-radius:50%;position:absolute;left:0;top:11px} .home2 .albox dt .cs p strong{font-size:18px;color:#2d2d2d} .home2 .albox dt .look-more{height:36px;background:#ff6204;background:linear-gradient(90deg,#fd8320,#ff6204);border-radius:18px;padding-left:18px;padding-right:48px;margin-top:35px;font-size:16px;color:#e8e8e8;line-height:36px;display:block;float:right;position:relative;transition:all linear .3s;display:none} .home2 .albox dt .look-more:after,.home2 .albox dt .look-more:before{content:"";width:36px;height:36px;background:#fff;border-radius:50%;position:absolute;right:-1px;top:0;transition:all linear .3s} .home2 .albox dt .look-more:after{background:url(../images/hometwo-tb01.png) center no-repeat} .home2 .albox dt .look-more:hover{padding-right:18px} .home2 .albox dt .look-more:hover :after,.home2 .albox dt .look-more:hover:before{right:-10px;display:none\9;opacity:0} .home2 .zxbox{height:184px;background:url(../images/hometwo-bg.jpg) center no-repeat;background-size:cover} .home2 .zxbox dd{float:left;padding-top:45px} .home2 .zxbox dd .p1{font-size:25px;color:#fff;font-weight:700;line-height:1} .home2 .zxbox dd .p2{width:350px;height:37px;border:1px solid #fff;font-size:16px;color:#fff;line-height:35px;text-align:center;margin:30px auto 0} .home2 .zxbox dt{width:30%;float:right;font-size:18px;color:#fff;padding:62px 0 62px 85px;line-height:1;position:relative;z-index:1} .home2 .zxbox dt:before{content:"";width:66px;height:66px;background:url(../images/hometwo-tb02.png) center no-repeat;background-size:59%;border-radius:50%;box-shadow:0 3px 7px #de5300;position:absolute;left:0;top:50%;margin-top:-40px} .home2 .zxbox dt:after{content:"";width:180px;height:203px;background:url(../images/rwzs02.png) center top no-repeat;background-size:100%;position:absolute;left:-58%;bottom:0} .home2 .zxbox dt strong{font-size:25px;display:block;margin-top:17px} .home2 .zxbox dt strong i{font-style:normal;display:inline-block} .home2 .zxbox dt strong i:nth-child(1),.home2 .zxbox dt strong i:nth-child(7){animation:effect01 1.5s ease-in-out infinite} .home2 .zxbox dt strong i:nth-child(2),.home2 .zxbox dt strong i:nth-child(8){animation:effect01 1.5s .7s ease-in-out infinite} .home2 .zxbox dt strong i:nth-child(3),.home2 .zxbox dt strong i:nth-child(9){animation:effect01 1.5s 1.4s ease-in-out infinite} .home2 .zxbox dt strong i:nth-child(10),.home2 .zxbox dt strong i:nth-child(4){animation:effect01 1.5s 2.1s ease-in-out infinite} .home2 .zxbox dt strong i:nth-child(11),.home2 .zxbox dt strong i:nth-child(5){animation:effect01 1.5s 2.8s ease-in-out infinite} .home2 .zxbox dt strong i:nth-child(12),.home2 .zxbox dt strong i:nth-child(6){animation:effect01 1.5s 3.5s ease-in-out infinite} .home2 .allist{background:#e9ebee;overflow:hidden} .home2 .allist li{width:20%;display:table-cell;vertical-align:middle;position:relative} .home2 .allist li img{width:100%} .home2 .allist li p{background:#000;background:rgba(0,0,0,.5);position:absolute;left:0;right:0;bottom:-20px;display:none\9;opacity:0;transition:all linear .3s} .home2 .allist li p a{font-size:14px;color:#fff;text-align:center;line-height:1.6;padding:8px 4%;display:block} .home2 .allist li:hover p{bottom:0;display:block\9;opacity:1} .home2 .allist .look-more a{height:100%;font-size:20px;color:#525353;text-align:center;display:block;transition:all linear .3s} .home2 .allist .look-more a:before{content:"";width:100%;height:34px;background:url(../images/hometwo-tb03.png) center no-repeat;background-size:34px;display:block;margin-bottom:20px} .home2 .allist .look-more a:hover{color:#f6660a;font-weight:700} .home3 .newsbox{padding:0 40px;margin-top:55px;margin-bottom:70px} .home3 .newsbox .fl{width:31.32%;border:1px solid #e4e4e4;float:left} .home3 .newsbox .swiper-slide dd{text-align:center} .home3 .newsbox .swiper-slide dt{padding:20px 20px 38px} .home3 .newsbox .swiper-slide h3 a{font-size:18px;color:#181818;line-height:1.6;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;transition:all linear .3s} .home3 .newsbox .swiper-slide p{height:46px;font-size:14px;color:#828181;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:13px} .home3 .newsbox .swiper-slide:hover h3 a{color:#f6660a;font-weight:700} .home3 .newsbox .swiper-pagination{overflow:hidden;position:absolute;right:24px;bottom:12px} .home3 .newsbox .swiper-pagination .swiper-pagination-bullet{width:7px;height:7px;background:#999;border-radius:50%;float:left;margin:0 2px;font-size:0;cursor:pointer} .home3 .newsbox .swiper-pagination .swiper-pagination-bullet-active{background:#3d508c} .home3 .newsbox .fr{width:67%;float:right} .home3 .newsbox .fr dl{border:1px solid #e4e4e4;padding:15px 4% 15px 144px;position:relative;margin-top:15px} .home3 .newsbox .fr dl:before{content:"";background:#f6660a;position:absolute;left:0;right:100%;top:0;bottom:0;z-index:-1;transition:all linear .3s} .home3 .newsbox .fr dl:first-child{margin-top:0} .home3 .newsbox .fr dl dd{width:115px;font-size:14px;color:#a2a2a2;text-align:center;padding:26px 0;position:absolute;left:0;top:0;bottom:0;transition:all linear .3s} .home3 .newsbox .fr dl dd:before{content:"";width:1px;background:#e4e4e4;position:absolute;right:0;top:22%;bottom:22%} .home3 .newsbox .fr dl dd span{font-size:30px;color:#666;font-weight:700;margin-bottom:12px;display:block;transition:all linear .3s} .home3 .newsbox .fr dl dt h3 a{font-size:18px;color:#181818;line-height:1;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all linear .3s} .home3 .newsbox .fr dl dt p{height:46px;font-size:14px;color:#828181;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:14px;transition:all linear .3s} .home3 .newsbox .fr dl:hover:before{right:0} .home3 .newsbox .fr dl:hover dd{color:#fff} .home3 .newsbox .fr dl:hover dd span{color:#fff} .home3 .newsbox .fr dl:hover dt h3 a{color:#fff} .home3 .newsbox .fr dl:hover dt p{color:#fff} .home3 .look-more{width:181px;height:36px;background:#efefef;display:block;font-size:16px;color:#181818;text-align:center;line-height:36px;margin:0 auto;transition:all linear .3s} .home3 .look-more:hover{background:#f6660a;color:#fff} .home4 .same-tit span{color:#f6660a} .home4 .swiper-tab{height:594px;background:url(../images/home-fwbg.jpg) center no-repeat;background-size:cover;margin-top:60px;overflow:hidden} .home4 .swiper-tab .container{position:relative} .home4 .swiper-tab .swiper-fl{width:400px;background:#030715;background:rgba(3,7,21,.85)} .home4 .swiper-tab .swiper-item{padding:30px 20px 30px 100px;position:relative;z-index:1} .home4 .swiper-tab .swiper-item:before{content:"";background:#ff6204;background-image:linear-gradient(90deg,#ff6204,#dc721b);position:absolute;left:0;right:0;top:50%;bottom:50%;z-index:-1;opacity:.85;transition:all linear .3s} .home4 .swiper-tab .swiper-item i{width:45px;height:45px;background:#575a66;border-radius:50%;font-size:32px;font-family:Impact;color:#fffdfc;color:rgba(255,253,252,.38);line-height:45px;font-style:normal;text-align:center;display:block;position:absolute;left:24px;top:50%;margin-top:-18px;transition:all linear .3s} .home4 .swiper-tab .swiper-item i:before{content:"";width:58px;height:58px;background:#2b2f3e;border-radius:50%;position:absolute;left:-2px;bottom:-2px;z-index:-1;transition:all linear .3s} .home4 .swiper-tab .swiper-item strong{font-size:18px;color:#fff} .home4 .swiper-tab .swiper-item p{font-size:14px;color:#fff;line-height:1.86;margin-top:8px} .home4 .swiper-tab .swiper-item-active:before{top:0;bottom:0} .home4 .swiper-tab .swiper-item-active .swiper-box:before{top:0;bottom:0} .home4 .swiper-tab .swiper-item-active i{background:#f5670a;color:#fff;box-shadow:0 3px 7px 0 rgba(161,69,12,.35)} .home4 .swiper-tab .swiper-item-active i:before{background:#fff} .home4 .swiper-tab .swiper-fr{width:480px;position:absolute;right:4%;top:0;bottom:0} .home4 .swiper-tab .swiper-fr .swiper-slide{padding-top:68px;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;display:none\9;transition:all linear .4s} .home4 .swiper-tab .swiper-fr .swiper-slide .p1{font-size:27px;color:#fffdfc} .home4 .swiper-tab .swiper-fr .swiper-slide .p2{font-size:14px;color:#b8bec8;line-height:2.2;margin-top:27px} .home4 .swiper-tab .swiper-fr .swiper-slide .p2 span{font-size:16px;color:#fffdfc;line-height:2;display:block;margin-bottom:10px} .home4 .swiper-tab .swiper-fr .swiper-slide .p3{margin-top:40px;overflow:hidden} .home4 .swiper-tab .swiper-fr .swiper-slide .p3 .smbtn{width:145px;height:46px;font-size:20px;text-align:center;line-height:44px;border:1px solid #fff;display:block;float:left;transition:all linear .3s} .home4 .swiper-tab .swiper-fr .swiper-slide .p3 .smbtn1{color:#fff;margin-right:55px} .home4 .swiper-tab .swiper-fr .swiper-slide .p3 .smbtn1:hover{background:#fff;color:#222;font-weight:700} .home4 .swiper-tab .swiper-fr .swiper-slide .p3 .smbtn2{background:#fff;color:#222;font-weight:700} .home4 .swiper-tab .swiper-fr .swiper-slide .p3 .smbtn2:hover{background:0 0;color:#fff;font-weight:400} .home4 .swiper-tab .swiper-fr .swiper-slide-active{opacity:1;display:block\9} .home5{height:600px;background:url(../images/home-fwlcbg.jpg) center no-repeat;background-size:cover;padding:66px 0} .home5 .p1{font-size:40px;font-weight:700;color:#fff;line-height:1;display:inline-block} .home5 .p2{font-size:26px;color:#fff;display:inline-block;margin-left:36px} .home5 .fwlc{width:100%;margin-left:-30px;margin-top:77px;margin-bottom:90px} .home5 .fwlc li{width:16.667%;text-align:center;float:left;position:relative;z-index:1} .home5 .fwlc li:before{content:"";width:120px;height:1px;border-top:1px dashed #fff;opacity:.4;position:absolute;left:-55px;top:50px;z-index:-1;transition:all linear .3s} .home5 .fwlc li span{width:99px;height:99px;background:url(../images/home-fwlczs2.png) center no-repeat;line-height:99px;display:block;margin:0 auto;position:relative} .home5 .fwlc li span:before{content:"";background:url(../images/home-fwlczs.png) right bottom no-repeat;position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px} .home5 .fwlc li p{font-size:14px;color:#fffefe;margin-top:22px} .home5 .fwlc li:first-child:after,.home5 .fwlc li:first-child:before{display:none} .home5 .fwlc li:hover span:before{animation:myAnimation 5s linear infinite;-webkit-animation:myAnimation 5s linear infinite} .home5 .msgbox .tit{font-size:18px;color:#fff;margin-bottom:18px} .home5 .msgbox form{overflow:hidden} .home5 .msgbox form .same{height:46px;background:#fff;border-radius:5px;font-size:14px;line-height:46px;padding:0 14px;margin-right:23px;display:block;float:left} .home5 .msgbox form .lytel{width:239px} .home5 .msgbox form .lytxt{width:580px} .home5 .msgbox form .submit{width:120px;height:46px;background:#ff6204;background:linear-gradient(90deg,#ff6204,#dc721b);border-radius:5px;display:block;float:left;font-size:18px;color:#fff;cursor:pointer;transition:all linear .3s} .home5 .msgbox form .submit:hover{border-radius:30px} .home6 .jqtd{margin-top:60px} .home6 .jqtd li{width:22.07%;float:left;margin-left:3.9%} .home6 .jqtd li .pic{width:157px;margin:0 auto;position:relative} .home6 .jqtd li .pic:before{content:"";border:1px dashed #fe6305;border-radius:50%;position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px} .home6 .jqtd li .text{height:152px;padding:82px 8% 20px;font-size:14px;background:#dde1ef;border-radius:0 0 20px 20px;margin-top:-62px;color:#191919;line-height:1.8} .home6 .jqtd li:first-child{margin-left:0} .home6 .jqtd li:first-child .text{padding-top:100px} .newscenter{margin-top:-62px} .newscenter .container{background:#f1f3f8;padding:50px} .newscenter .listone{margin-left:-4.16%;margin-bottom:126px} .newscenter .listone li{width:29.17%;float:left;margin-left:4.16%;position:relative} .newscenter .listone li img{border-radius:10px} .newscenter .listone li .txtbox{background:#f1f7ff;border-radius:8px;padding:12px 22px;line-height:1.6;box-shadow:0 3px 7px rgba(31,69,165,.17);position:absolute;left:64px;right:-24px;bottom:-52px;transition:all linear .3s} .newscenter .listone li .txtbox h3 a{font-size:16px;color:#373636;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;transition:all linear .3s} .newscenter .listone li .txtbox .time{background:url(../images/newstime-tb.png) left center no-repeat;padding-left:24px;font-size:14px;color:#a2a2a2;display:block;margin-top:5px;transition:all linear .3s} .newscenter .listone li:hover .txtbox{background:#3d508c} .newscenter .listone li:hover .txtbox h3 a{color:#fff} .newscenter .listtwo{margin-left:-5%;margin-top:15px;margin-bottom:100px} .newscenter .listtwo li{width:45%;line-height:1;padding:20px 0 20px 92px;border-bottom:1px dotted #b5b9c4;float:left;margin-left:5%;margin-top:25px;position:relative} .newscenter .listtwo li h3 a{font-size:16px;color:#181818;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block} .newscenter .listtwo li .text{font-size:16px;color:#828181;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:16px} .newscenter .listtwo li .time{font-size:14px;color:#a2a2a2;text-align:center;padding-right:18px;position:absolute;left:0;top:50%;margin-top:-25px} .newscenter .listtwo li .time:before{content:"";width:2px;height:30px;background:#d0d7ea;position:absolute;right:-1px;top:50%;margin-top:-15px} .newscenter .listtwo li .time span{font-size:24px;font-weight:700;color:#666;display:block;margin-bottom:12px} .newscenter .listtwo li:hover h3 a{color:#fe6305} .newscenter .newstit{font-size:25px;color:#191919;font-weight:700;line-height:1;border-bottom:1px solid #c4c4c4;border-bottom:1px solid rgba(196,196,196,.28);padding-bottom:20px} .newscenter .newstit a{color:#191919;display:table} .newscenter .newstit a:hover{color:#fe6305} .newscenter .listthree{margin-top:30px} .newscenter .listthree li{margin-top:10px;position:relative} .newscenter .listthree li .title a{width:80%;font-size:16px;color:#181818;font-weight:400;line-height:1.8;padding:12px 0;display:block} .newscenter .listthree li .text{max-height:75px;font-size:14px;color:#828181;line-height:2.1875;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;border-top:1px dashed #bec2cc;padding:7px 0;padding-right:20%} .newscenter .listthree li .time{font-size:14px;color:#181818;line-height:56px;position:absolute;right:55px;top:0} .newscenter .listthree li:hover .title a{color:#fe6305} @-webkit-keyframes myAnimation{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @keyframes effect01{ 0%{-webkit-transform:translateY(0);transform:translateY(0)} 50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } @-webkit-keyframes effect01{ 0%{-webkit-transform:translateY(0);transform:translateY(0)} 50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)} 100%{-webkit-transform:translateY(0);transform:translateY(0)} } .insideban{height:410px;background:#303d6a;position:relative;padding-bottom:1px} .insideban .insidebanpic{width:100%;text-align:right;max-width:1920px;margin:0 auto} .insideban .insidebanpic img{width:56.09375%;max-width:1077px} .insidebancpzt{background:url(../images/insidebancpzt-bg.jpg) center no-repeat;background-size:cover} .insidebanalzt{background:url(../images/insidebanalzt-bg.jpg) center no-repeat;background-size:cover} .proone{position:absolute;left:50%;margin-left:-500px;top:55px;bottom:0} .proone .proonetop{float:left;width:38.6667%;max-width:580px;overflow:hidden;height:100%} .proone .proonetop h1{color:#fff;font-size:30px;position:relative;line-height:1;display:inline-block;margin-bottom:50px} .proone .proonetop h1:after{position:absolute;left:0;bottom:-30px;width:110px;height:5px;background:#f0690e;content:''} .proone .proonetop p{font-size:14px;color:#ebe7e7;line-height:24px} .proone .beardnav{position:absolute;left:0;bottom:20px;font-size:14px;color:#c9c7c7} .proone .beardnav a{color:#c9c7c7} .proone .beardnav a:hover{color:#fff} .smcpbtm .beardnav{bottom:65px} .proonebom{position:absolute;left:50%;margin-left:-500px;bottom:-45px;background:#fff;box-shadow:0 3px 5px rgba(188,204,251,.44);z-index:2} .proonebom li{float:left;width:25%;text-align:center;padding:20px 0} .proonebom li p{line-height:38px;display:inline-block;font-size:16px;color:#262525} .proonebom li p i{float:left;margin-right:20px;transition:background-position-x .5s;background-image:url(../images/proonebomicon.png);background-repeat:no-repeat;background-size:90px 150px;width:45px;height:38px} .proonebom li:first-child p i{background-position:-45px 0} .proonebom li:first-child+li p i{background-position:-45px -38px} .proonebom li:first-child+li+li p i{background-position:-45px -76px} .proonebom li:first-child+li+li+li p i{background-position:-45px -114px} .proonebom li:first-child p:hover i,.proonebom li:first-child+li p:hover i,.proonebom li:first-child+li+li p:hover i,.proonebom li:first-child+li+li+li p:hover i{background-position-x:0;transition:background-position-x .5s} .protit{background:url(../images/protitbg.png) no-repeat left top;background-size:264px;font-size:20px;font-weight:700;color:#000;line-height:1;padding-top:20px;margin-bottom:10px} .protitbom{clear:both;display:block;color:#666565;font-size:14px} .protwo{background-color:#ebf2fd;background-image:linear-gradient(180deg,#fff,#edf2ff);background-position:left center;background-size:100% 100%;background-repeat:no-repeat;margin-top:76px;position:relative} .protwo:after{content:'';position:absolute;z-index:1;left:0;bottom:0;background:url(../images/protwobg.png) no-repeat center bottom;background-size:contain;left:0;right:0;bottom:0;top:0} .protwo [class^=protwoitem]{position:relative;z-index:2} .protwo .protwoitem01{padding-top:26px} .ie8 .protwo .protwoitem01{padding-top:86px} .protwo .protwoitem01 .protwobox p{color:#686666;font-size:14px;line-height:26px} .protwo .protwoitem01 .protwobox .protwopic{margin:0 -9px;padding-top:20px;padding-bottom:15px} .projectpic01{margin:0 -9px;padding-top:20px;padding-bottom:15px} .projectpic01{margin:0 -8.4667%} .protwoitem02 li{float:left;border-radius:10px;padding:15px 10px;width:20.8%;margin-right:5.6%;background:#fff;height:201px;box-shadow:0 4px 5px rgba(136,164,236,.52)} .protwoitem02 li:first-child+li+li+li{margin-right:0} .protwoitem02 li .protwolitit{font-size:16px;margin-bottom:25px;color:#6a6a6b;line-height:1;text-align:center;position:relative} .protwoitem02 li .protwolitit:after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:15.3846%;height:3px;background:#5d7bca;bottom:-15px} .protwoitem02 li .protwolitxt{font-size:14px;color:#7e7e7f;line-height:26px} .prothree{padding-top:36px} .prothree.prothreeitem{padding-top:36px;padding-bottom:25px} .prothree .prothreetop{overflow:hidden;padding-top:15px;margin-left:-4.1334%} .prothree .prothreetop li{float:left;width:45.8666%;position:relative;margin-left:4.1334%} .prothree .prothreetop li .prothreetoppic{float:left;width:61.6457%;border-radius:10px 0 0 10px;overflow:hidden} .prothree .prothreetop li .prothreetoppic img{width:100%;transition:transform .5s} .prothree .prothreetop li .prothreetopbox{position:absolute;top:7px;bottom:7px;right:0;border-radius:0 10px 10px 0;width:38.3543%;background:url(../images/prothreebg.png) repeat left top #334880;padding:20px 10px} .prothree .prothreetop li .prothreetopbox .prothreetoptit{clear:both;position:relative;display:block;font-size:16px;color:#e8eeff;margin-bottom:20px} .prothree .prothreetop li .prothreetopbox .prothreetoptit:after{content:'';position:absolute;left:0;width:15.3846%;height:3px;background:#4572e6;bottom:-8px} .prothree .prothreetop li .prothreetopbox p{font-size:16px;color:#fff} .prothree .prothreetop li .prothreetopbox p span{color:#95a8db;font-size:14px} .prothree .prothreetop li .prothreetopbox .prothreetopa{clear:both;display:inline-block;color:#fffefe;background:#2e9aff;box-shadow:0 2px 0 #3483cc;border-radius:5px;padding:2px 15px 0;margin-top:15px;line-height:24px} .prothree .prothreebom{padding-top:15px} .prothree .prothreebom a{float:left;line-height:24px;margin-right:20px;font-size:14px;border-radius:8px;border:1px dotted #587bda;padding:0 8px;color:#666565;margin-bottom:10px} .prothree .prothreetop li:hover .prothreetoppic img{transform:scale(1.05)} .prothree .prothreetop li:hover .prothreetopbox{background-color:#2d9aff} .prothree .prothreetop li:hover .prothreetopbox .prothreetopa{border:1px solid #9dcfff;box-shadow:0 3px 0 #358cdd} .prothree .prothreetop li:hover .prothreetopbox .prothreetoptit{color:#fff} .prothree .prothreetop li:hover .prothreetopbox p span{color:#c4e3ff} .prothree .prothreebom a:hover{border-color:#2d9aff;background:#2d9aff;color:#fff} .profour{background-color:#fcfdff;background-image:linear-gradient(-90deg,#fff,#e8edfc);background-position:left center;background-size:100% 100%;background-repeat:no-repeat;position:relative;padding:31px 0 60px 0} .profour .profourbox{padding-top:30px} .profour .profourbox p{clear:both;display:inline-block;text-align:center;font-size:16px;padding:5px 20px;color:#365bb9;border:1px dashed #3270e9;border-radius:30px;margin-right:10px;cursor:pointer} .profour .profourbox p.on,.profour .profourbox p:hover{color:#fff;background:#365bb9;border-color:#365bb9} #proinsidecsitem{padding-top:20px} #proinsidecsitem table{width:100%;border-collapse:collapse;border:0;background:#fff} #proinsidecsitem table .td-head,#proinsidecsitem table tr.tr-head td{background:#355bbb;background:-webkit-linear-gradient(top,#355bbb,#3c4f84);background:-o-linear-gradient(top,#f7f7f7,#ececec);background:-moz-linear-gradient(top,#f7f7f7,#ececec);background:linear-gradient(top,#f7f7f7,#ececec);color:#fff;border:1px solid #88a2e4} #proinsidecsitem table tr:nth-child(odd){background:#f8f8f8} #proinsidecsitem table td{border:1px solid #ededed;text-align:center;padding:10px 0;color:#333} #proinsidecsitem table tbody tr:hover{background:#eaeefc;color:#395194} .profive{padding-top:35px} .profive h3{font-size:18px;line-height:1;margin-bottom:15px} .profive ul{padding-bottom:25px} .profive ul li{position:relative;padding-left:38px} .profive ul li i{width:25px;height:18px;font-style:normal;text-align:center;line-height:20px;display:block;padding-right:9px;position:absolute;left:0;top:8px;background:url(../images/proicon01.jpg) no-repeat left top;background-size:25px;font-size:14px;color:#fff} .profive .profivebox p,.profive ul li{font-size:14px;line-height:24px;padding-top:5px;padding-bottom:5px} .profivebox{padding-bottom:25px;padding-top:1px} .profivebox span{clear:both;display:block;background:url(../images/proicon02.jpg) no-repeat left center;padding-left:25px;background-size:18px;font-size:16px;color:#2d4489;margin:15px 0 10px 0} .prosixtop{padding-bottom:30px} .prosixtopbox{clear:both} .prosixtopbox p{float:left} .prosixtopbox p span{float:left;line-height:24px;margin-right:15px;font-size:14px;border-radius:8px;border:1px dotted #587bda;padding:0 20px;color:#666565;cursor:pointer} .prosixtopbox p span.active,.prosixtopbox p span:hover{border-color:#2d9aff;background:#2d9aff;color:#fff} .prosixtopbox a{float:right;background:url(../images/proicon03.png) no-repeat right center;padding-right:30px;line-height:26px;background-size:24px;font-size:14px} .prosixbom{max-width:1920px;clear:both;position:relative;margin:0 auto} .prosixbom:before{content:'';position:absolute;left:0;top:0;bottom:0;width:29.1146%;background:url(../images/prosixbg.jpg) no-repeat right top #415484} .prosixbom .container{position:relative;z-index:2} .prosixbomfl{float:left;width:20%;padding:40px 0} .prosixbomfl .prosixbomflp01{color:#f4efef;font-size:20px;line-height:1;position:relative;display:inline-block} .prosixbomfl .prosixbomflp01:after{content:'';position:absolute;left:0;bottom:-23px;height:3px;background:#2554cb;width:60%} .prosixbomfl .prosixbomflp02{clear:both;display:block;font-size:14px;line-height:24px;color:#bdcffd;padding-top:30px} .prosixbomfl .prosixbomflp03{clear:both;display:block;text-align:left;padding-top:20px} .prosixbomfl .prosixbomflp03 a{font-size:16px;color:#fffefe;padding:3px 12px;display:inline-block;margin-right:5px} .prosixbomfl .prosixbomflp03 a:nth-child(1){background:#2e9aff;box-shadow:2px 2px 0 #3483cc;border-radius:5px} .prosixbomfl .prosixbomflp03 a:hover{background:0 0;border:1px solid #fff;box-shadow:none;border-radius:5px} .prosixbomfr{float:right;width:78%;padding:30px 0} .prosixbomfr li{float:left;width:31.52%;margin-left:1.8131%} .prosixbomfr li .prosixbompic{clear:both;display:block;overflow:hidden} .prosixbomfr li .prosixbompic img{clear:both;width:100%} .prosixbomfr li .prosixbombox{clear:both;background:#fff;position:relative;padding:15px;border-bottom:6px solid #415484} .prosixbomfr li:hover{box-shadow:0 0 10px rgba(0,0,0,.11)} .prosixbomfr li:hover .prosixbombox{background:#f7fbff} .prosixbomfr li .prosixbombox:after{content:'';position:absolute;right:10px;top:0;background:url(../images/proicon05.png) no-repeat center top;background-size:26px;width:26px;height:72px} .prosixbomfr li .prosixbombox a{clear:both;display:block;font-size:16px;color:#4c4b4b;padding-bottom:5px} .prosixbomfr li .prosixbombox a:hover{color:#ff2d2d} .prosixbomfr li .prosixbombox p{font-size:14px;color:#88898b;padding-left:22px;margin-bottom:3px} .prosixbomfr li .prosixbombox p:nth-child(2){background:url(../images/proicon06.png) no-repeat left 5px} .prosixbomfr li .prosixbombox p:nth-child(3){background:url(../images/proicon07.png) no-repeat left 4px} .prosever{clear:both;padding-top:25px;padding-bottom:25px;margin-bottom:-30px;background:#e6eaf3} .prosever .container{background:url(../images/prosevericon02.png) repeat left top #fff;padding:40px 0;position:relative} .prosever .container:after{content:'';position:absolute;right:0;bottom:0;background:url(../images/prosevericon01.png) no-repeat right bottom;height:100%;width:100%;background-size:180px} .prosever .prosevertop{border-bottom:1px solid #f6f7f7;padding:0 20px 15px 20px;font-size:18px;font-weight:700;position:relative;z-index:2} .prosever .prosevertop span{float:right;font-size:16px} .prosever .prosevertop span a{float:left;color:#262626;margin-right:20px} .prosever .prosevertop span a.active,.prosever .prosevertop span a:hover{color:#3a5293} .prosever .proseverbom{clear:both;padding:25px 20px 0 20px;position:relative;z-index:2} .prosever .proseverbom .proseverbomfl{float:left;width:50%;border-right:1px solid #f6f7f7;padding-right:30px} .prosever .proseverbom .proseverbomfl .proseverbompic{clear:both;display:block;border-radius:5px;overflow:hidden} .prosever .proseverbom .proseverbomfl .proseverbompic img{width:100%} .prosever .proseverbom .proseverbomfl .proseverbomli{clear:both;border-bottom:1px solid #f8f8f8;position:relative;padding:10px 126px 10px 0} .prosever .proseverbom .proseverbomfl .proseverbomli:last-child{border-bottom:0} .prosever .proseverbom .proseverbomfl .proseverbomli:after{content:'';position:absolute;right:100px;top:10px;bottom:10px;width:1px;background:#f8f8f8} .prosever .proseverbom .proseverbomfl .proseverbomli a{clear:both;display:block;font-size:16px;color:#4c4b4b;line-height:30px;margin-bottom:5px} .prosever .proseverbom .proseverbomfl .proseverbomli a:hover{font-weight:700;color:#3a5293} .prosever .proseverbom .proseverbomfl .proseverbomli p{font-size:14px;line-height:24px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:48px;color:#656565} .prosever .proseverbom .proseverbomfl .proseverbomli span{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:14px;color:#7c7c7c} .prosever .proseverbom .proseverbomfr{float:left;padding-left:30px;width:50%} .prosever .proseverbom .proseverbomfr li{background:url(../images/icon01.png) no-repeat left center;padding-left:20px;position:relative;padding-right:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;font-size:14px} .prosever .proseverbom .proseverbomfr li a{color:#656565} .prosever .proseverbom .proseverbomfr li a:hover{color:#2d9aff} .prosever .proseverbom .proseverbomfr li span{float:right;color:#7c7c7c;position:absolute;right:0;top:0;font-size:14px} .proeight{margin-top:30px;background:url(../images/proeightbg.jpg) center no-repeat;background-size:cover;position:relative;z-index:1} .proeight .container{padding-top:90px;padding-bottom:50px;position:relative} .proeight:after{content:'';position:absolute;right:20px;top:-124px;background:url(../images/proeighticon06.png) no-repeat center top;width:150px;background-size:150px;height:124px} .proeight:before{content:'';position:absolute;right:55px;top:0;background:no-repeat center top;width:81px;background-size:81px;height:128px;display:none} .proeight .proeightfl{width:63%;padding-left:40px;padding-bottom:48px;position:relative} .proeight .proeightfl:before{content:"";width:1px;background:#293652;position:absolute;left:0;top:-55px;bottom:60px} .proeight .proeightfl:after{content:"";height:1px;background:#293652;position:absolute;left:55px;right:-55px;bottom:0} .proeight .proeightfl .proeightbox:before{content:"";width:17px;height:17px;background:#f4483a;border-radius:50%;position:absolute;left:0;bottom:0} .proeight .proeightfl .proeighttit{color:#fff;font-size:14px;line-height:1;margin-bottom:32px} .proeight .proeightfl .proeighttit p{font-size:16px} .proeight .proeightfl .proeighttit span{clear:both;display:inline-block;line-height:1;font-weight:700;font-size:25px;margin-bottom:15px;margin-right:1.3%} .proeight .proeightfl .proeighttit strong{font-size:22px;color:#f96508;display:inline-block} .proeight .proeightfl .proeighticon{padding:15px 0} .proeight .proeightfl .proeighticon span{float:left;line-height:24px;background:url(../images/proeighticon02.png) no-repeat left center;color:#fff;background-size:10px;font-size:14px;padding:0 15px} .proeight .proeightfl .proeightbox p{position:relative} .proeight .proeightfl .proeightbox p i{position:absolute;left:14px;top:50%;margin-top:-10px;width:20px;height:20px;z-index:4;display:block} .proeight .proeightfl .proeightbox p:first-child i{background:url(../images/proeighticon03.png) no-repeat center center;background-size:20px} .proeight .proeightfl .proeightbox p:first-child+p i{background:url(../images/proeighticon04.png) no-repeat center center;background-size:20px} .proeight .proeightfl .proeightbox p:first-child+p+p i{top:10px;transform:none;background:url(../images/proeighticon05.png) no-repeat center center;background-size:20px} .proeight .proeightfl .proeightbox p span{position:absolute;left:15px;top:50%;height:24px;line-height:24px;margin-top:-12px;font-size:14px;color:#706f6f} .proeight .proeightfl .proeightbox p span font{color:red;display:inline-block;line-height:1;vertical-align:middle;font-weight:700;padding-left:5px} .proeight .proeightfl .proeightbox p.proeightboxfl span{right:10px} .proeight .proeightfl .proeightbox .proeightboxfl{float:left;width:47.72455%;margin-bottom:15px;background:#fff;border-radius:10px} .proeight .proeightfl .proeightbox .proeightboxfl:first-child{margin-right:4.5509%} .proeight .proeightfl .proeightbox .proeightboxfl input{width:100%;padding:10px;line-height:24px;color:#000;position:relative;z-index:3;background:0 0;border-radius:12px;font-size:14px;height:44px} .proeight .proeightfl .proeightbox .proeightboxfl input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;color:#666} .proeight .proeightfl .proeightbox .proeightboxfl input:-webkit-input-placeholder{color:#666} .proeight .proeightfl .proeightbox .proeightboxone{clear:both;display:block;background:#fff;border-radius:12px} .proeight .proeightfl .proeightbox .proeightboxone span{line-height:30px;top:22px;transform:none;padding-right:30px;margin-top:0} .proeight .proeightfl .proeightbox .proeightboxone span em{font-style:normal;font-size:14px} .proeight .proeightfl .proeightbox .proeightboxone textarea{width:100%;padding:22px 15px;line-height:24px;height:150px;color:#666;position:relative;z-index:3;background:0 0;font-size:14px} .proeight .proeightfl .proeightbox .proeightboxone i{margin-top:0} .proeight .proeightfl .proeightbox .proeightboxbtn{clear:both;text-align:center;display:block;padding-top:14px} .proeightboxbtn .prodlbtn{color:#fff;font-size:16px;font-weight:700;border-radius:5px;background:url(../images/pshowicon05.png) no-repeat center;background-size:100% 100%;padding:5px 20px;cursor:pointer;border-radius:5px;transition:all linear .3s;color:#fff} .proeightboxbtn .prodlbtn:hover{background:url(../images/pshowicon06.png) center no-repeat;background-size:100% 100%} .err{color:#ff461f;background:url(../images/cancel.png) no-repeat right center;left:auto!important;padding-right:25px} .proeightfr{position:absolute;right:4.5333%;width:24.2%;bottom:-20px;background:#b4c4ee;background:-webkit-linear-gradient(#b4c4ee,#415484);background:-o-linear-gradient(#b4c4ee,#415484);background:-moz-linear-gradient(#b4c4ee,#415484);background:linear-gradient(#b4c4ee,#415484);border-radius:10px;padding:25px} .proeightfr .proeightfrtit{clear:both;display:block;text-align:center;font-size:20px;color:#285ad9;font-weight:700} .proeightfr .proeightfrtxt{font-size:14px;line-height:24px;color:#fff;padding:25px 0} .proeightfr .proeightfrtel{font-size:16px;line-height:1;color:#fff} .proeightfr .proeightfrtel span{clear:both;display:block;font-weight:700;font-size:18px;padding-top:5px} .projectitem{position:relative;z-index:2} .projectitem p{width:910px;background:#fff;box-shadow:0 5px 5px rgba(42,98,215,.22);display:block;padding:20px 5.2%;position:relative;margin-left:7.6%} .projectitem p:after,.projectitem p:before{content:'';position:absolute;top:5px;background:url(../images/proicon08.png) no-repeat center top;width:20px;height:20px;background-size:20px} .projectitem p:after{left:15px} .projectitem p:before{right:15px;transform:scale(-1,1)} .projectitem p .swtbtn{background:#f76609;border-radius:9px;font-size:20px;color:#fff;font-weight:700;line-height:1;white-space:nowrap;padding:6px 15px 8px;margin-left:1%;margin-top:5px;display:inline-block;position:relative;transition:all ease .3s} .projectitem p .swtbtn:before{content:"";border:1px dotted #fff;border-radius:9px;position:absolute;left:2px;right:2px;top:2px;bottom:2px;opacity:.68} .projectitem p .swtbtn:hover{background:#2d9aff} .projectonebg{background-color:#ebf2fd;background-image:linear-gradient(180deg,#fff,#c8d9f5)} .projectonebg:after{background:url(../images/projectonebg.png) no-repeat center bottom;background-size:100%} .projectone{background-color:#fcfdff;background-image:linear-gradient(180deg,#fff,#edf2ff);background-position:left center;background-size:100% 100%;background-repeat:no-repeat;padding-top:80px;padding-bottom:30px;border-radius:0 0 15px 15px;position:relative;overflow:hidden} .projectone:before{content:'';position:absolute;right:-63px;top:160px;background:url(../images/projectonepic01.png) no-repeat center top;width:26.0417%;background-size:100%;height:368px;max-width:500px} .projectone .projectonetop{padding-top:15px} .projectone .projectonetop span{float:left;line-height:24px;margin-right:20px;font-size:14px;border-radius:8px;border:1px dotted #587bda;padding:0 8px;color:#666565;margin-bottom:10px;cursor:pointer} .projectone .projectonetop span.active,.projectone .projectonetop span:hover{border-color:#2d9aff;background:#2d9aff;color:#fff} .projectonetoptwo{border-bottom:2px solid #d5dffc;padding-bottom:10px;margin-bottom:30px;padding-top:30px;position:relative} .projectonetoptwo i{float:left;font-style:normal;display:inline-block;background:url(../images/projectonetoptwoicon.jpg) no-repeat left center;background-size:25px;padding-left:35px;color:#383838;font-size:18px} .projectonetoptwo span{color:#666;font-size:30px;position:absolute;right:0;bottom:-8px;line-height:1} .projectonebom .projectonebomitem{display:none} .projectonebom .projectonebom_Ability{position:relative;padding-bottom:3%} .projectonebom .projectonebom_Ability:before{position:absolute;right:0;width:73.5417%;background:url(../images/hometwoboxbg.jpg) no-repeat left center;bottom:0;top:29px;content:'';background-size:cover} .projectonebom_Ability i{position:absolute;font-style:normal;font-size:12px;color:#828283;left:52.4677%;top:0;display:block;line-height:29px;letter-spacing:7px} .projectonebom_Ability .projectonebom_Ability_pic{float:left;width:49.6%;border-radius:10px;overflow:hidden;position:relative;z-index:3} .projectonebom_Ability .projectonebom_Ability_pic img{width:100%} .projectonebom_Ability_item{float:right;width:30.333%;margin-right:10.4%;padding-top:5%;position:relative;z-index:3} .projectonebom_Ability_item .projectonebom_Ability_tit{clear:both;display:block;font-weight:700;color:#fff;font-size:20px;padding-bottom:15px;line-height:26px} .projectonebom_Ability_item p{font-size:14px;color:#e6e6e7;display:flex;position:relative;padding-left:15px;margin-top:8px} .projectonebom_Ability_item p strong{font-size:16px} .projectonebom_Ability_item p:before{content:'';position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:#415db9;background:-webkit-linear-gradient(#899ee5,#415db9);background:-o-linear-gradient(#899ee5,#415db9);background:-moz-linear-gradient(#899ee5,#415db9);background:linear-gradient(#899ee5,#415db9)} .projectonebom_Ability_item p span{float:left} .projectonebom_Ability_item p span:nth-child(1){white-space:nowrap} .projectonebom_Ability_item p span.projectonebom_Ability_itemsp02{display:inline-block;flex:1;width:0%} .projectonebom_Ability_item p a{color:#e6e6e7} .projectonebom_Ability_item p a:hover{color:#fff} .projectonebom_Ability_item .projectonebom_Ability_tit:hover,.projectonebom_Ability_item p a:hover{color:#bbceff} .projectonebom_Ability_item .homemore{height:36px;background:#ff6204;background:linear-gradient(90deg,#fd8320,#ff6204);border-radius:18px;padding-left:18px;padding-right:48px;margin-top:35px;font-size:16px;color:#e8e8e8;line-height:36px;display:block;float:right;position:relative;transition:all linear .3s;color:#fff} .projectonebom_Ability_item .homemore:after,.projectonebom_Ability_item .homemore:before{content:"";width:36px;height:36px;background:#fff;border-radius:50%;position:absolute;right:-1px;top:0;transition:all linear .3s} .projectonebom_Ability_item .homemore:after{background:url(../images/hometwo-tb01.png) center no-repeat} .projectonebom_Ability_item .homemore:hover{padding-right:18px} .projectonebom_Ability_item .homemore:hover :after,.projectonebom_Ability_item .homemore:hover:before{right:-10px;opacity:0} .projectonebom_process{padding-top:25px;padding-bottom:20px} .projectonebom_process p{padding:5px 0;font-size:14px;line-height:24px;color:#686666} .projectonebom_process p.projectonebom_process_tit{clear:both;display:block;background:url(../images/proicon02.jpg) no-repeat left center;padding-left:25px;background-size:18px;font-size:16px;color:#2d4489;margin:0 0 10px 0} .projectonebom_process_table{padding-top:10px} .projectonebom_process_table .projectonebom_process_tabletit{clear:both;line-height:30px;display:block;text-align:center;padding:5px 0;color:#113691;font-size:16px;background:#d5dffb} .projectonebom_process_table table{border-collapse:collapse;border:0;background:0 0!important} .projectonebom_process_table table tr,.projectonebom_process_table table tr td{background:0 0!important} .projectonebom_process_table table td{border:1px solid #d5dffb;color:#878686!important;padding:7px 0} .projectonebom_case .projectonebom_case_tit{clear:both;display:block;background:url(../images/proicon02.jpg) no-repeat left center;padding-left:25px;background-size:18px;font-size:16px;color:#2d4489;margin:0 0 10px 0} .projectonebom_caseul{overflow:hidden;padding-top:15px;margin-left:-4.1334%} .projectonebom_caseul li{float:left;width:45.8666%;position:relative;margin-left:4.1334%} .projectonebom_caseul li .projectonebom_caseul_pic{float:left;width:61.6457%;border-radius:10px 0 0 10px;overflow:hidden} .projectonebom_caseul li .projectonebom_caseul_pic img{width:100%;transition:transform .5s} .projectonebom_caseul li .projectonebom_caseul_box{position:absolute;top:7px;bottom:7px;right:0;border-radius:0 10px 10px 0;width:38.3543%;background:url(../images/prothreebg.png) repeat left top #334880;padding:20px 10px} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_tit{clear:both;position:relative;display:block;font-size:16px;color:#e8eeff;margin-bottom:20px} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_tit:after{content:'';position:absolute;left:0;width:15.3846%;height:3px;background:#4572e6;bottom:-8px} .projectonebom_caseul li .projectonebom_caseul_box p{font-size:16px;color:#fff} .projectonebom_caseul li .projectonebom_caseul_box p span{color:#95a8db;font-size:14px} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_a{clear:both;display:inline-block;color:#fffefe;background:#2e9aff;box-shadow:0 2px 0 #3483cc;border-radius:5px;padding:2px 15px 0;margin-top:15px;line-height:24px} .projectonebom_caseul li:hover .projectonebom_caseul_pic img{transform:scale(1.05)} .projectonebom_caseul li:hover .projectonebom_caseul_box{background-color:#2d9aff} .projectonebom_caseul li:hover .projectonebom_caseul_box .projectonebom_caseul_a{border:1px solid #9dcfff;box-shadow:0 3px 0 #358cdd} .projectonebom_caseul li:hover .projectonebom_caseul_box .projectonebom_caseul_tit{color:#fff} .projectonebom_caseul li:hover .projectonebom_caseul_box p span{color:#c4e3ff} .projectwo{padding-top:50px} .projectwo .projectwotop p{line-height:1;color:#686666;font-size:14px} .projectwobom{background:#3c4b76;margin-top:129px} .projectwobom .container{position:relative} .projectwobom .container .projectwobomfl{position:absolute;left:0;bottom:0;width:44.4667%;max-width:667px} .projectwobomfl .projectwoicon01{position:absolute;right:10px;top:-18%;width:20.3898%;max-width:136px;z-index:1} .projectwobomfl .projectwobomflpic{position:relative;z-index:3;box-shadow:0 -3px 5px rgba(183,201,251,.68)} .projectwobomfl .projectwofltxt{clear:both;display:block;text-align:left;color:#fff;line-height:24px;font-size:14px;padding:15px 0} .projectwobomfl .projectwofltxt span{font-size:16px} .projectwobomfl .projectwofltit{position:absolute;right:-100%;top:8%;color:#3c4b76;font-size:18px;font-weight:700;z-index:4;width:100%;padding-left:12%} .projectwobomfl .projectwofltit:after{content:'';position:absolute;left:0;width:10%;height:4px;background:#3c4b76;top:50%;transform:translateY(-50%)} .projectwobom .container .projectwobomfr{margin-left:49.6667%;color:#fff;padding:20px 0} .projectwobomfr p{clear:both;display:block;padding:7px 0 7px 23px;position:relative} .projectwobomfr p span{font-size:16px} .projectwobomfr p a{color:#fff} .projectwobomfr p:after{width:11px;height:11px;content:'';background:#3b69ee;position:absolute;left:0;top:13px} .projecthree{padding-top:50px} .projecthree .projecthreetop p{line-height:1;color:#686666;font-size:14px} .projecthreefl{float:left;width:36.2667%} .projecthreefr{float:right;width:60.6667%} .projecthree .projecthreebom{padding-top:25px} .projecthree .projecthreeitem{clear:both;display:block;box-shadow:0 0 30px rgba(73,114,232,.1);position:relative;padding:15px 25px;border-radius:5px} .projecthree .projecthreeitem.projecthreeitem03{padding:30px} .projecthree .projecthreeitem i{position:absolute;right:14px;top:20px;width:115px} .projecthree .projecthreeitem strong{clear:both;display:block;font-size:16px;color:#000;border-left:4px solid #6f92f6;padding-left:10px;line-height:20px} .projecthree .projecthreeitem p{clear:both;display:block;font-size:14px;color:#767676;line-height:24px} .projecthree .projecthreeitem .projecthreebox{overflow:hidden;padding-top:15px} .projecthree .projecthreeitem.projecthreeitem01{margin-bottom:25px} .projecthree .projecthreeitem.projecthreeitem01 .projecthreebox{height:231px} .projecthree .projecthreeitem.projecthreeitem02 .projecthreebox{height:87px} .projecthree .projecthreeitem.projecthreeitem03 .projecthreebox{height:362px} .projectfour{padding-top:50px} .projectfour .projectfourtop p{line-height:1;color:#686666;font-size:14px} .projectfour ul{margin-left:-11.7333%;padding-top:20px} .projectfour ul li{float:left;margin-left:10.7333%;width:38.2667%;background:url(../images/projectfouricon01.png) no-repeat left center;padding-left:20px;position:relative;padding-right:84px;padding-top:15px;padding-bottom:10px;line-height:24px} .projectfour ul li:first-child,.projectfour ul li:first-child+li{padding:15px 20px 15px 20px;margin-bottom:10px} .projectfour ul li:first-child a,.projectfour ul li:first-child+li a{color:#fff;clear:both;display:block;font-size:16px;padding-bottom:5px} .projectfour ul li p{color:#bcbcbc;font-size:14px} .projectfour ul li:first-child span,.projectfour ul li:first-child+li span{position:static;clear:both;display:block;text-align:right;padding-top:5px;color:#b3b3b3;transform:none} .projectfour ul li:first-child+li:after,.projectfour ul li:first-child:after{display:none} .projectfour ul li:first-child{background:url(../images/projectfourpic01.jpg) no-repeat left top #363e51;background-size:100%} .projectfour ul li:first-child+li{background:url(../images/projectfourpic02.jpg) no-repeat left top #2d3245;background-size:100%} .projectfour ul li a{clear:both;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px} .projectfour ul li span{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:14px;color:#b8b8b8} .projectfour ul li:after{content:'';position:absolute;right:0;bottom:0;left:20px;height:0;border:0;border-bottom:1px dotted #ccc} .projectfive{background:url(../images/projectfivebg.jpg) no-repeat center top;background-size:cover;padding:25px 0;margin-top:20px} .projectfive .container{background:url(../images/projectfivebg01.jpg) repeat left top #fff;border-radius:15px;padding:25px 25px 35px 25px} .projectfive .projectfivetxt{font-size:14px;line-height:24px;margin-top:-5px} .projectfive ul{clear:both;display:block;text-align:center;padding-top:25px;padding-bottom:40px} .projectfive ul li{display:inline-block;padding:0 2.1276%} .projectfive ul li .projectfivetit{font-size:14px;padding:15px 0 10px 0} .projectfivebtn{clear:both;display:block;text-align:center} .projectfivebtn a{display:inline-block;margin:0 2.6596%;font-size:14px;border-radius:25px;background:#f0690e;color:#fff;line-height:24px;padding:0 2.8369%} .projectfivebtn a:hover{background:#3d508c} .insideban.aboutban{width:100%;background:url(../images/insideban02.jpg) left center no-repeat;background-size:cover;margin-bottom:0;overflow:hidden} .insideban.contactban{background:url(../images/insideban-lxbg.jpg) center no-repeat;background-size:cover} .insideban.aboutban .insidebanpic img,.insideban.contactban .insidebanpic img{width:56.09375%;max-width:1077px} .aboutone{position:relative;padding-top:100px} .aboutone .container{position:relative;z-index:3} .aboutone .aboutoneicon{position:absolute;top:0;right:0;bottom:0;width:34.8958%;background:#b1c7ff;background:-webkit-linear-gradient(#b1c7ff,#2b3858);background:-o-linear-gradient(#b1c7ff,#2b3858);background:-moz-linear-gradient(#b1c7ff,#2b3858);background:linear-gradient(#b1c7ff,#2b3858)} .aboutone .aboutoneicon:after{content:'';position:absolute;top:0;bottom:0;background:url(../images/aboutonebg01.png) no-repeat left center;width:32.2388%;background-size:100% 100%} .aboutone .aboutoneicon:before{content:'';position:absolute;top:0;bottom:0;left:0;background:url(../images/aboutonebg.png) no-repeat left bottom;background-size:contain;right:0} .aboutone .aboutonefl{float:left;width:37.6667%} .aboutone .aboutonefl .protit{margin-top:25px;margin-bottom:11px;font-size:24px;background:0 0;padding-top:0} .aboutone .aboutonefl p{font-size:14px;line-height:26px;color:#7c7b7b} .aboutone .aboutpic{float:right;width:51%;position:relative} .aboutone .aboutpic .spbtn{width:247px;background:#fff;padding-top:24px;font-size:22px;color:#202020;text-align:center;position:absolute;left:0;bottom:-10px;cursor:pointer} .aboutone .aboutpic .spbtn i{width:52px;height:52px;border:1px solid #3d508c;border-radius:50%;display:inline-block;vertical-align:middle;margin-left:28px;position:relative} .aboutone .aboutpic .spbtn i:before{content:"";border-left:20px solid #3d508c;border-top:12px solid transparent;border-bottom:12px solid transparent;position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px} .aboutone .video-box{overflow:hidden;background:rgba(0,0,0,.8);position:fixed;left:0;right:0;top:0;bottom:100%;z-index:99999;opacity:0;transition:all ease .5s} .aboutone .video-box p{width:960px;margin:10% auto 0;position:relative} .aboutone .video-box p video{width:100%;border-radius:10px;overflow:hidden} .aboutone .video-box p .hide{width:30px;height:30px;font-size:50px;line-height:20px;text-align:center;color:#fff;font-weight:100;font-style:normal;display:block;position:absolute;top:10px;right:10px;cursor:pointer} .aboutone .video-box.show{bottom:0;opacity:1} .abouttwo{background:url(../images/abouttwo-bg.jpg) center top no-repeat;background-size:100%;padding-top:50px;padding-bottom:50px} .abouttwo .protit{position:relative;margin-bottom:32px;font-size:24px;background:0 0;padding-top:0} .abouttwoswiper .swiper-slide{float:left;width:31%;margin-left:3.5%} .abouttwoswiper .swiper-slide:first-child{margin-left:0} .abouttwoswiper .swiper-slide .abouttwopic{border:1px solid #4e68a9;padding:7px;display:block} .abouttwoswiper .swiper-slide .abouttwopic img{width:100%;display:block} .abouttwoswiper .swiper-slide .abouttwotit{clear:both;display:block;color:#424242;text-align:center;line-height:24px;font-size:16px;padding-top:23px} .abouttwoswiper .swiper-slide:hover .abouttwotit{color:#fd6305} .aboutthree{max-width:1920px;clear:both;display:block;padding-bottom:80px;margin:0 auto} .aboutthree .container{position:relative;z-index:3;padding-top:20px} .aboutthree .aboutthreepic{float:left;width:46%;margin-top:40px} .aboutthree .aboutthreepic img{position:relative;z-index:2} .aboutthree .aboutthreefr{float:left;width:42.6%;padding-left:2.9%} .aboutthree .aboutthreefr .protit{margin-bottom:25px;margin-top:26px;font-size:24px;background:0 0;padding-top:0} .aboutthree .aboutthreefr p{font-size:14px;line-height:26px;color:#575757} .aboutthree ul{padding:20px 15px 15px 20px;clear:both;display:block;font-size:0;text-align:center;margin-top:20px;position:relative} .aboutthree ul:after,.aboutthree ul:before{content:"";border:1px solid #3d508c;position:absolute;left:0;right:0;top:0;bottom:0} .aboutthree ul:before{left:7px;right:-7px;top:7px;bottom:-7px;opacity:.57} .aboutthree ul li{width:25%;padding:0 1%;text-align:center;display:inline-block;vertical-align:top} .aboutthree ul li:first-child{margin-left:0} .aboutthree ul li strong{font-size:24px;line-height:1;display:inline-block} .aboutthree ul li span{clear:both;display:block;text-align:center;font-size:14px;line-height:1.5;color:#4e4d4d} .aboutfour{clear:both;display:block;position:relative;padding-top:30px;padding-bottom:50px;background:url(../images/aboutfour-bg.jpg) center no-repeat;background-size:cover;overflow:hidden} .aboutfourbg01{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;z-index:1;text-align:center;top:0} .aboutfourbg01 img{vertical-align:middle;height:100%!important;max-width:none!important} .aboutfour .container{position:relative;z-index:3} .aboutfour .container .aboutfourpic{float:left;width:46.8667%;position:relative} .aboutfour .container .aboutfourpic:before{content:"";width:146px;height:154px;background:url(../images/aboutfour-zs.png) center no-repeat;background-size:100%;position:absolute;left:-30px;top:-40px} .aboutfour .container .aboutfouritem{position:absolute;right:0;width:58.3333%;bottom:11.257%;top:9.3808%;padding:0 3.3333%;background:#fff;box-shadow:0 4px 10px rgba(142,171,246,.46)} .aboutfour .container .aboutfouritem h3{font-size:24px;line-height:30px;padding-top:25px;position:relative;margin-bottom:30px} .aboutfour .container .aboutfouritem h3:after{content:'';position:absolute;left:0;bottom:-15px;height:4px;background:#2c65f1;width:13%} .aboutfour .container .aboutfouritem p{font-size:14px;line-height:24px;color:#7c7b7b} .contact{position:relative;overflow:hidden} .contact .contacticon05,.contact .contacticon06{position:absolute;top:0} .contact .contacticon05{width:77.2395%;left:0;max-width:1483px} .contact .contacticon06{width:42.34375%;right:-21%;max-width:813px} .contact .container{position:relative;z-index:3} .contactonetop{clear:both;display:block;width:80%;margin:0 auto;text-align:center;padding-top:30px} .contactonetop h3{clear:both;display:block;font-size:24px;color:#2a3757;padding-bottom:10px} .contactonetop p{clear:both;display:block;font-size:14px;line-height:24px;color:#a1a0a0} .contactone{padding-bottom:10px} .contactone ul{padding-top:35px;padding-bottom:35px} .contactone ul li{float:left;width:15.7333%;margin-left:4.6667%;padding-bottom:30px;background-size:cover!important;padding-top:20px;box-shadow:5px -5px 0 #cad8fa;position:relative;overflow:hidden} .contactone ul li:first-child+li,.contactone ul li:first-child+li+li+li,.contactone ul li:first-child+li+li+li+li+li{margin-top:50px} .contactone ul li:first-child{margin-left:1%} .contactone ul .li1{background:url(../images/contacticon06-bg01.jpg) no-repeat} .contactone ul .li2{background:url(../images/contacticon06-bg02.jpg) no-repeat} .contactone ul .li3{background:url(../images/contacticon06-bg03.jpg) no-repeat} .contactone ul .li4{background:url(../images/contacticon06-bg02.jpg) no-repeat} .contactone ul .li5{background:url(../images/contacticon06-bg03.jpg) no-repeat} .contactone ul li .contactonetit{clear:both;display:block;color:#c6cafc;line-height:1;font-weight:700;text-align:center;font-size:18px;margin-bottom:90px;position:relative} .contactone ul li .contactonetit:after{width:12px;height:76px;background:url(../images/contacticon01.png) no-repeat center top;content:'';position:absolute;left:50%;margin-left:-6px;top:30px;background-size:12px} .contactone ul li .contactonetxt{clear:both;display:block;color:#e2e1e1;line-height:1;text-align:center;font-size:14px} .contactone ul li .contactonenum{clear:both;display:inline-block;position:absolute;left:0;right:0;text-align:center;color:rgba(145,169,218,.1);font-size:40px;font-weight:700;bottom:-12%;line-height:1;overflow:hidden} .proeight.contacttwo:after{display:none} .contacttwofr{width:30%;height:447px;background:url(../images/contacttwofrbg.png) no-repeat center top;background-size:100%;border-radius:10px;padding:25px;position:absolute;right:3%;bottom:50px} .contacttwofr ul{position:absolute;left:25px;right:25px;bottom:16px} .contacttwofr li{font-size:14px;color:#fff;margin-top:6px} .contacttwofr li:before{content:"";width:17px;height:1px;background:#fff;background:rgba(255,255,255,.5);display:inline-block;vertical-align:middle;margin-right:6px} .contacttwofr .contacticon03{margin-left:78px} .contacttwofr .contacticon04{margin-left:160px} .contacttwofr .swtbtn{width:70px;height:70px;background:#f4483a;border-radius:8px;padding:10px 4%;box-shadow:0 3px 7px rgba(198,49,37,.35);display:block;font-size:20px;color:#fff;font-weight:700;text-align:center;line-height:24px;position:absolute;right:-20px;bottom:50px;cursor:pointer;transition:all linear .3s} .contacttwofr .swtbtn:hover{background:#4894fc;box-shadow:none} .pshowone{background:url(../images/pshowone-bg.jpg) no-repeat center bottom;background-size:cover;padding-bottom:1px;margin-bottom:45px} .pshowone .beardnav{clear:both;display:block;padding-top:25px;padding-bottom:20px;font-size:14px;color:#c9c7c7} .pshowone .beardnav a{color:#c9c7c7} .pshowone .beardnav a:hover{color:#fff} .pshowonebox{margin-bottom:-45px;position:relative;z-index:1} .pshowonebox:before{content:"";width:182px;height:182px;background:url(../images/pshowone-zs.png) center no-repeat;background-size:100%;position:absolute;right:0;top:0;z-index:-1} .pshowonebox .pshowoneitem01{clear:both;display:block;padding:4%;background:url(../images/aboutfouricon01.png) repeat left top #fff;border-radius:0 120px 0 0} .pshowonebox .pshowoneitem01 .pshowonefl{float:left;width:47.831%} .pshowoneflpic{clear:both;display:block;position:relative;box-shadow:9px 9px 36px rgba(217,230,254,.75)} .pshowoneflpic img{position:relative;z-index:2} .pshowoneflpic:after{content:'';background:#e1ebfd;top:-3.966%;left:-2.9825%;width:86.8421%;height:96.8838%;position:absolute} .pshowoneflbom{clear:both;text-align:center;padding-top:20px} .pshowoneflbom span{font-size:12px;background:url(../images/pshowicon01.png) no-repeat left center;background-size:20px;padding-left:24px;color:#848383} .pshowoneflbom span:nth-child(1){float:left} .pshowoneflbom span:nth-child(3){float:right} .pshowonebox .pshowoneitem01 .pshowonefr{float:right;width:48%} .pshowonefr h1{clear:both;display:block;color:#484848;font-size:24px;line-height:1.6;margin-bottom:10px} .pshowonefr .pshowonefrbox{overflow:hidden} .pshowonefr .pshowonefrbox p{max-width:50%;color:#484848;font-size:14px;line-height:24px;margin-bottom:10px;display:inline-block} .pshowonefr .pshowonefrbox p+p{float:right} .pshowonefr .pshowonefrbox p+p+p{max-width:100%;width:100%;margin-left:0;display:block} .pshowonefr .pshowonefrbox p i{font-style:normal;color:#3d508c;font-size:17px;font-weight:700} .pshowonefr .pshowonefrbom{padding-top:20px;overflow:hidden} .pshowonefr .pshowonefrbom a{float:left;font-size:16px;background:url(../images/pshowicon05.png) no-repeat center top;background-size:100%;color:#fff;width:150px;height:40px;text-align:center;line-height:36px;transition:all linear .3s} .pshowonefr .pshowonefrbom a:hover{background-image:url(../images/pshowicon06.png)} .pshowonefr .pshowonefrbom span{float:right;background:url(../images/pshowicon02.png) no-repeat left center;background-size:30px;padding-left:40px;font-weight:700;font-size:18px;line-height:12px;color:#f96508} .pshowonefr .pshowonefrbom span i{clear:both;display:block;font-style:normal;font-weight:400;font-size:16px;color:#484848;margin-bottom:15px} .pshowonebox .proshowoneitem02{clear:both;display:block;position:relative;background:#f1f6ff;background:-webkit-linear-gradient(#fff,#e3edff);background:-o-linear-gradient(#fff,#e3edff);background:-moz-linear-gradient(#fff,#e3edff);background:linear-gradient(#fff,#e3edff);border-top:1px solid #dde9fe;padding:8px 0;height:46px} .pshowonebox .proshowoneitem02:after,.pshowonebox .proshowoneitem02:before{content:'';width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;z-index:1;top:50%;transform:translateY(-50%)} .pshowonebox .proshowoneitem02:after{left:-12px} .pshowonebox .proshowoneitem02:before{right:-12px} .pshowonebox .proshowoneitem02 a{color:#5b5a5a;position:relative;z-index:2;font-size:16px;float:left;width:20%;text-align:center;line-height:30px} .pshowonebox .proshowoneitem02 a:hover{color:#95b7f5} .fixed01{display:none;position:fixed;left:-150px;bottom:20%;width:115px;z-index:333} .fixed01 a{clear:both;display:block} .pshowtwo{padding-top:30px} .pshowtwo .pshowtwofr{float:right;width:23.3333%} .pshowtwo .pshowtwofr .pshowtwofritem{clear:both;display:block;margin-bottom:25px} .pshowtwofritem .pshowtwofrtit{clear:both;background:#e5eeff;display:block;position:relative;box-shadow:-3px -3px 3px #b7c9ed inset,4px 4px 3px #f7faffbd inset;margin:0 15px;text-align:center;color:#454242;font-size:24px;line-height:58px;font-weight:700} .pshowtwofritem .pshowtwofrtit:after,.pshowtwofritem .pshowtwofrtit:before{content:'';width:25px;height:20px;position:absolute;background:url(../images/pshowicon08.png) no-repeat center center;background-size:25px} .pshowtwofritem .pshowtwofrtit:after{bottom:0;right:12px;transform:scale(-1)} .pshowtwofritem .pshowtwofrtit:before{top:0;left:12px} .pshowtwofritem .sidecase{background:#fff;box-shadow:0 0 5px rgba(176,199,251,.37);margin-top:-6px;padding:15px} .pshowtwofritem .sidecase li{padding-bottom:15px} .pshowtwofritem .sidecase li:last-child{padding-bottom:0} .pshowtwofritem .sidecase .sidecasepic{clear:both;display:block;border-radius:3px;overflow:hidden;margin:0 10px} .pshowtwofritem .sidecase .sidecasetit{clear:both;display:block;text-align:center;font-size:14px;line-height:24px;color:#3d3b3b;position:relative;overflow:hidden} .pshowtwofritem .sidecase .sidecasetit a{color:#3d3b3b;padding-top:12px;display:block} .pshowtwofritem .sidecase .sidecasetit span{clear:both;display:block;font-size:.65px;color:#999} .pshowtwofritem .sidecase .sidecasetit:hover a{color:#4894fc} .sidenew{background:#fff;box-shadow:0 0 5px rgba(176,199,251,.37);margin-top:-6px;padding:15px} .sidenew ul{clear:both;border-radius:0 15px 0 0;border:1px solid #f3f7ff;border-bottom:0;box-shadow:0 -1px 1px rgba(189,211,253,.73)} .sidenew ul li{border-top-right-radius:15px;box-shadow:0 -1px 1px rgba(189,211,253,.73);padding:10px 6% 0 0} .sidenew ul li .sidenewpic{float:left;width:30.2547%;border-top-right-radius:15px;overflow:hidden} .sidenew ul li .sidenewtit{float:right;width:60%;font-size:12px;line-height:18px;height:36px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .pshowtwo .pshowtwofl{float:left;width:66.6667%} .pshowtwo .pshowtwofl.newsnopro{float: none;padding-right: 5.1333%;width: auto;} .pshowtwofl h2{font-weight:400;font-size:26px;background:url(../images/pshowicon07.png) no-repeat left 7px;background-size:30px;padding-left:36px;line-height:30px;margin-bottom:20px;color:#313131;font-weight:700} .pshowtwofl h3{font-weight:400;font-size:21px;font-weight:700;background:url(../images/pshowicon07.png) no-repeat left 7px;background-size:30px;padding-left:36px;line-height:30px;margin-bottom:20px;color:#313131} .pshowtwofl h4{font-size:14px;margin-bottom:20px;color:#313131} .pshowtwofl p{font-size:14px;margin-bottom:20px;color:#7c7c7c;line-height:24px;text-indent:2em} .pshowtwofl img{max-width:800px!important;margin:0 auto;display:block} .pshowtwofl video{width:600px;margin:0 auto;display:block} .pshowtwofl .ptable{margin-bottom:20px} .pshowtwofl ul{margin-bottom:20px} .pshowtwofl ul li{font-size:14px;color:#7c7c7c;line-height:24px;background:url(../images/uldot01.png) no-repeat left 7px;background-size:8px;padding:0 0 6px 15px} .pshowtwofl table{margin-bottom:30px;margin-top:0!important} .prelnew{clear:both;padding-top:20px} .prelnew h3{font-weight:400;font-size:24px;background:url(../images/pshowicon07.png) no-repeat left 7px;background-size:30px;padding-left:36px;line-height:30px;margin-bottom:20px;color:#313131;font-weight:700} .prelnew ul{clear:both;display:block;background:#e8eefa;border-top:7px solid #4894fc;border-radius:3px;padding:25px 10px 50px 10px} .prelnew ul li{float:left;position:relative;width:50%;background:url(../images/pshowicon09.png) no-repeat 15px 16px;line-height:24px;margin-top:5px;padding:10px 110px 10px 35px} .prelnew ul li:after{content:'';position:absolute;left:35px;right:15px;bottom:0;height:0;border-bottom:1px dotted #4893fc} .prelnew ul li:first+li,.prelnew ul li:first+li+li+li,.prelnew ul li:first+li+li+li+li+li{margin-right:0} .prelnew ul li a{color:#353434;font-size:14px;clear:both;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .prelnew ul li a:hover{color:#b42530} .prelnew ul li span{color:#9b9b9b;font-size:14px;float:right;position:absolute;right:15px;top:50%;margin-top:-12px} .newban{background:url(../images/newban.jpg) no-repeat center top #303c5a;background-size:cover} .newban .container{padding-top:55px;padding-bottom:85px} .newban .beardnav{clear:both;display:block;padding-top:30px;color:#eceaea} .newban .beardnav a{color:#eceaea} .newban .newbanfl{width:26.6667%;position:relative} .newban .newbanfl .newbanfltit{color:#fff;font-weight:700;font-size:30px;line-height:1;margin-bottom:50px;position:relative} .newban .newbanfl .newbanfltit:before{position:absolute;left:0;bottom:-30px;width:110px;height:5px;background:#f0690e;content:''} .newban .newbanfl .newbanfltit span{clear:both;display:block;font-weight:400;line-height:1;color:#c2ccf2;font-size:14px;padding:10px 0 3px 0} .newban .newbanfl .newbanfltxt{color:#c2ccf2;position:relative;font-size:59px;line-height:1;margin-top:15px} .newban .newbanfl .newbanfltxt span{position:absolute;left:53px;top:50%;transform:translateY(-50%);line-height:1;letter-spacing:1px;padding:3px 0;background:#2f3d59;font-size:14px} .newban .newbanfr{width:43.6667%;font-size:14px;color:#e9edfa;line-height:24px;margin-right:23.8%} .newbox{clear:both;background:#f5f7fd;margin-top:-64px;position:relative;z-index:2;padding:0 60px 50px 50px} .newbox .newboxtop{clear:both;display:block;text-align:left;padding:15px 0 15px 25px;background:url(../images/newicon01.png) no-repeat left center} .newbox .newboxtop a{float:left;color:#94aae4;font-size:14px;line-height:18px;padding-right:20px;border-right:1px solid #bdc6dd;margin-right:20px} .newbox .newboxtop a:last-child{margin-right:0;padding-right:0;border-right:0} .newbox .newboxtop a.active,.newbox .newboxtop a:hover{color:red;font-weight:700} .newboxbom{clear:both;display:block;padding-top:15px} .newboxbom li{clear:both;display:block;margin-bottom:20px;position:relative;background:#fff;margin-left:58px;transition:.3s ease;z-index:1} .newboxbom li:before{content:'';position:absolute;left:0;width:0%;bottom:0;height:3px;background:0 0;z-index:2} .newboxbom li .newdot{position:absolute;left:-70px;background:url(../images/newicon02.png) no-repeat center center;width:50px;height:50px;background-size:50px;top:50%;transform:translateY(-50%);z-index:2} .newboxbom li .newline{position:absolute;left:-50px;top:50%;transform:translateY(-50%);height:2px;background:#aecaf6;width:0;z-index:1} .newboxbom li .newline02{position:absolute;left:-46px;top:50%;height:158px;background:#e7e8ee;width:2px;z-index:1} .newboxbom li:last-child .newline02{height:0} .newboxbom li .newtime{width:13.8889%;text-align:center;line-height:1;border-left:3px solid #a3adf2;color:#96979e;font-size:14px;box-shadow:3px 0 7px rgba(214,219,246,.53);position:absolute;left:0;top:0;bottom:0;padding-top:18px;z-index:3} .newboxbom li .newtime strong{clear:both;display:block;color:#fa9901;padding-bottom:5px;font-size:16px} .newboxbom li .newtxt{float:left;width:93.5185%;padding-left:15.5864%;line-height:1;padding-top:15px;padding-bottom:15px} .newboxbom li .newtxt a{clear:both;display:block;text-align:left;font-size:16px;color:#434242;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px} .newboxbom li .newtxt span{clear:both;display:block;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#9a9a9a;font-size:14px} .newboxbom li .newarrow{position:absolute;width:6.4815%;right:0;top:0;bottom:0;background:#f5f7fd;overflow:hidden;transition:.3s ease;z-index:1} .newboxbom li .newarrow i{position:absolute;top:50%;left:-100%;display:block;width:61.4186%;height:2px;background-color:#fff;-ms-transform:translateY(-50%);transform:translateY(-50%);transition:.3s ease} .newboxbom li .newarrow i:before{position:absolute;bottom:0;display:block;width:18px;height:1px;background-color:#fff;content:"";transition:.3s ease;opacity:1;-ms-transform:skew(-70deg,34deg);transform:skew(-70deg,34deg);right:-3px;-ms-transform-origin:right top;transform-origin:right top} .newboxbom li:hover{background:#203298} .newboxbom li:hover:before{background:#fa9901;width:100%} .newboxbom li:hover .newtime{border-left-color:#1c287e;background:#1c287e;box-shadow:3px 0 7px #21349d} .newboxbom li:hover .newarrow{background:#293aa6} .newboxbom li:hover .newarrow i{left:16%} .newboxbom li:hover .newtxt a{color:#fff} .newboxbom li:hover .newtxt span{color:#a8b2e8} .newboxbom li:hover .newline{width:50px} .caseban{background:url(../images/caseban.jpg) no-repeat center top;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;padding-bottom:80px} .caseban .container{padding-top:100px} .caseban .casebanbox{clear:both;display:block;width:57.2%;position:relative} .caseban .casebanbox .casebanboxtit{color:#eceaea;font-weight:700;font-size:30px;line-height:1;position:relative;margin-bottom:50px} .caseban .casebanbox .casebanboxtit:before{position:absolute;left:0;bottom:-30px;width:110px;height:5px;background:#f0690e;content:''} .caseban .casebanbox .casebanboxtxt{color:#eceaea;font-weight:400;line-height:24px;font-size:14px} .caseban .beardnav{clear:both;display:block;padding-top:25px;color:#eceaea} .caseban .beardnav a{color:#eceaea} .casebox{margin-top:-61px;background:#f5f7fd;padding-bottom:30px} .casebox .caseboxtop{clear:both;line-height:24px;display:block;background:url(../images/caseicon01.png) no-repeat left top #fff;padding:40px 72px 1px;padding:20px 42px 1px;border-radius:0 0 22px 0;box-shadow:0 5px 5px rgba(190,212,249,.35)} .casebox .caseboxtop .zxbox{padding-left:65px;margin-bottom:10px;overflow:hidden;position:relative} .casebox .caseboxtop span{font-size:16px;font-weight:700;color:#202020;line-height:40px;position:absolute;left:0;top:0} .casebox .caseboxtop ul{float:left} .casebox .caseboxtop ul li{float:left;font-size:14px;line-height:1.5;margin-right:20px;margin-bottom:10px} .casebox .caseboxtop ul li a{padding:8px 24px;border-radius:50px;background:#f0f0f4;color:#777;cursor:pointer;display:block} .casebox .caseboxtop ul li.current a,.casebox .caseboxtop ul li:hover a{background:#f90;color:#fff} .casebox .caselist{clear:both;margin-left:-40px;padding-left:40px;padding-top:5px} .casebox .caselist li{float:left;margin-left:40px;width:280px;margin-top:20px} .casebox .caselist li .caselistpic{clear:both;display:block;border-radius:5px;overflow:hidden;margin:0 10px} .casebox .caselist li p{background:url(../images/caseicon05.png) repeat left top #fff;padding:30px 20px 15px 20px;font-size:14px;clip-path:polygon(0 20px,100% 0,100% 100%,-100% 100%);-webkit-clip-path:polygon(0 20px,100% 0,100% 100%,-100% 100%);margin-top:-35px;position:relative} .casebox .caselist li p:after{content:'';transition:.3s;position:absolute;right:-40px;bottom:-40px;width:80px;height:80px;border-radius:50%;background:#8698ef;background:-webkit-linear-gradient(-45deg,#cddefc,#2974f5);background:-moz-linear-gradient(-45deg,#cddefc,#2974f5);background:-ms-linear-gradient(-45deg,#cddefc,#2974f5);background:-o-linear-gradient(-45deg,#cddefc,#2974f5);z-index:3} .casebox .caselist li p:before{content:'+';position:absolute;position:absolute;right:5px;bottom:5px;color:#ccddfb;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(left,#fdfeff,#ccddfb);z-index:4;font-size:30px;line-height:1;font-weight:700} .casebox .caselist li p a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .casebox .caselist li:hover p a{color:#525151;position:relative;z-index:5} .casebox .caselist li:hover p:after{width:100%;height:100%;right:0;bottom:0;border-radius:0} .casebox .caselist li:hover p a{color:#fff} .casebox .caselist .nodata{width:100%;font-size:27px;text-align:center;padding:5% 0} .caseshowone{background:url(../images/proban.jpg) no-repeat center bottom #233659;background-size:cover;padding-bottom:1px;margin-bottom:27px} .caseshowone .beardnav{clear:both;display:block;padding-top:25px;padding-bottom:20px;font-size:14px;color:#c9c7c7} .caseshowone .beardnav a{color:#c9c7c7} .caseshowone .beardnav a:hover{color:#fff} .caseshowonebox{margin-bottom:-27px;background:url(../images/proicon09.png) no-repeat right top;background-size:43px} .caseshowonebox .caseshowoneitem01{clear:both;display:block;padding:4.6667% 2% 0 4.3333%;background:url(../images/aboutfouricon01.png) repeat left top #fff;box-shadow:3px 3px 5px rgba(204,221,253,.75);border-radius:0 50px 0 0} .caseshowonebox .caseshowoneitem01 .caseshowonefl{float:left;width:43.7411%;position:relative;box-shadow:9px 9px 36px rgba(217,230,254,.75)} .caseshowonebox .caseshowoneitem01 .caseshowonefl img{position:relative;z-index:2;width:100%} .caseshowonebox .caseshowoneitem01 .caseshowonefl:after{content:'';background:#e1ebfd;top:-3.966%;left:-2.9825%;width:80.3252%;height:76.3393%;position:absolute} .caseshowonebox .caseshowoneitem01 .caseshowonefr{float:right;width:53.4995%;padding-top:5px} .caseshowonefr h1{clear:both;display:block;color:#484848;font-weight:400;font-size:24px;line-height:1.6;margin-bottom:10px} .caseshowonefr .caseshowonefrbox{clear:both;display:block;width:73.3333%} .caseshowonefr .caseshowonefrbox p{color:#484848;font-size:14px;line-height:24px;float:left;text-align:center;position:relative} .caseshowonefr .caseshowonefrbox p:nth-child(1){padding-right:50px} .caseshowonefr .caseshowonefrbox p:nth-child(1):after,.caseshowonefr .caseshowonefrbox p:nth-child(2):after{content:'';border-bottom:1px dotted #dedede;left:0;right:0;top:31px;height:0;position:absolute} .caseshowonefr .caseshowonefrbox p:nth-child(1) span,.caseshowonefr .caseshowonefrbox p:nth-child(2) span{clear:both;text-align:center;font-size:14px;margin-bottom:20px;position:relative} .caseshowonefr .caseshowonefrbox p+p+p{float:none;clear:both;display:block;text-align:left;overflow:hidden;padding-top:20px} .caseshowonefr .caseshowonefrbox p i{font-size:14px;font-style:normal;line-height:24px;color:#3d508c;font-weight:700} .caseform{float:left;width:60.8%} .caseform .caseformtit{margin-left:8px;clear:both;display:inline-block;background:#cadafb;background:-webkit-linear-gradient(left,#d8e3f9,#d8e3f900);background:-moz-linear-gradient(left,#d8e3f9,#d8e3f900);background:-ms-linear-gradient(left,#d8e3f9,#d8e3f900);background:-o-linear-gradient(left,#d8e3f9,#d8e3f900);padding:5px 15px;border-radius:5px;font-size:14px} .caseform .caseformbox{clear:both;display:block;background:#fff;border-radius:10px;box-shadow:3px 0 0 #c6d6fa,-3px 0 0 #c6d6fa;padding-bottom:15px} .caseform .caseformbox dd{float:left;padding-top:15px;width:40.8461%;margin-left:6%} .caseform .caseformbox dd label{float:left;font-size:14px;color:#454242} .caseform .caseformbox dd input{float:left;background:#d9e4f8;border-radius:3px;line-height:24px;width:62%;padding:0 5px;color:#454242} .caseform .caseformbox dt{clear:both;display:block;text-align:center;padding-top:15px} .caseform .caseformbox dt .casebtn{clear:both;background:#f96508;background:-webkit-linear-gradient(top,#f7b992,#f96508);background:-moz-linear-gradient(top,#cadafb,#6d9bf4);background:-ms-linear-gradient(top,#cadafb,#6d9bf4);background:-o-linear-gradient(top,#cadafb,#6d9bf4);color:#fff;padding:6px 25px;border-radius:5px;box-shadow:3px 3px 0 #f7b992;cursor:pointer;transition:all linear .3s} .caseform .caseformbox dt .casebtn:hover{background:-webkit-linear-gradient(top,#cadafb,#6d9bf4);box-shadow:3px 3px 0 #b1c9f9} .caseshowonefr .caseshowonefrbom{padding-top:30px} .caseshowonefr .caseshowonefrbom span{float:right;background:url(../images/pshowicon02.png) no-repeat left center;background-size:30px;padding-left:40px;font-weight:700;font-size:18px;line-height:20px;margin-top:80px;color:#f96508} .caseshowonefr .caseshowonefrbom span i{clear:both;display:block;font-style:normal;font-weight:400;font-size:16px;padding-bottom:5px;color:#737374} .newban01{clear:both;background:url(../images/newban02.jpg) no-repeat center top #293451;background-size:cover;padding-bottom:30px} .newban01 .container{padding-top:20px} .newban01 .beardnav{font-size:14px;color:#c9c7c7} .newban01 .beardnav a{color:#c9c7c7} .newban01 .beardnav a:hover{color:#fff} .newban01 h1{font-size:24px;color:#fff;line-height:30px;margin-top:30px;margin-bottom:15px} .newban01 .newtime{font-size:14px;color:#b0afaf;padding-bottom:20px;background:url(../images/newicon03.png) left top no-repeat;padding-left:25px;line-height:1} .newshow{background:#f9fafe;background-size:360px;position:relative;margin-top:-30px;padding-top:137px} .newshowtop{height:118px;background-color:#eeeff3;background-image:linear-gradient(to right,#eeeff3,#f9fafe);padding:20px 2% 20px 173px;position:absolute;left:0;right:0;top:0} .newshowtop:before{content:"";width:86px;height:86px;background:url(../images/newspage-zs.png) center no-repeat;background-size:100%;position:absolute;left:38px;top:50%;margin-top:-43px} .newshowtop .newshowtoptxt{font-size:15px;color:#959494;line-height:1.8} .newshowtop .newshowtopbox{overflow:hidden;margin-top:16px} .newshowtop .newshowtopbox span{font-size:14px;color:#959494;display:block;line-height:34px;float:left} .newshowtop .newshowtopbox span strong{font-size:17px;color:#f96508;display:inline-block;vertical-align:bottom} .newshowtop .newshowtopbox a{width:118px;height:34px;background:#f96508;font-size:16px;color:#fff;text-align:center;font-weight:700;line-height:34px;display:block;float:left;margin-left:60px;transition:all linear .3s} .newshowtop .newshowtopbox a:hover{background:#3d508c} .newshow.pshowtwo .pshowtwofl{padding-left:5.1333%} .newpage{border-top:3px solid #aabaf8;box-shadow:0 5px 8px rgba(206,218,249,.39);border-radius:0 0 20px 20px;padding:20px} .newpage p{clear:both;display:block;padding-left:30px;padding-top:5px;padding-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .newpage p.newpageprve{background:url(../images/arrow03.png) no-repeat left center} .newpage p.newpagenext{background:url(../images/arrow02.png) no-repeat left center} .newpage p a{color:#635c5c} .newpage p a:hover{color:#4893fc} .pager{clear:both;display:block;text-align:center;padding:30px 0} .pager ul{display:inline-block} .pager ul li{display:inline-block;border:1px solid #ccc;margin-left:-1px;vertical-align:top} .pager ul li a,.pager ul li span{line-height:24px;padding:5px 15px;font-size:14px;clear:both;display:block;color:#333} .pager ul li:first-child{border-radius:5px 0 0 5px;font-size:20px} .pager ul li:last-child{border-radius:0 5px 5px 0;font-size:20px} .pager ul li.disabled{background:#f6f6f6;color:#777} .pager ul li.active{position:relative;z-index:5} .pager ul li.active span{background:#4386f4;color:#fff;border-color:#4386f4} .pager ul li a:hover{background:#cce0ff} .rl-fl{position:fixed;right:0;top:20%;z-index:9999} .rl-fl .btn{width:90px;height:81px;background:#3d508c;font-size:14px;color:#fff;color:rgba(255,255,255,.8);text-align:center;border-top:1px solid #fff;padding:11px 0;display:block;cursor:pointer;transition:all linear .3s} .rl-fl .btn:before{content:"";width:100%;height:32px;display:block;margin-bottom:5px;opacity:.8;transition:all linear .3s} .rl-fl .one{border:none;position:relative} .rl-fl .one:before{background:url(../images/fl-tb01.png) center no-repeat} .rl-fl .one span{width:0;background:#f8a910;font-size:20px;color:#fff;font-weight:700;line-height:81px;overflow:hidden;white-space:nowrap;position:absolute;right:87px;top:0;bottom:0;transition:all linear .3s} .rl-fl .one span:before{content:"";border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;top:50%;right:0;margin-top:-10px} .rl-fl .two:before{background:url(../images/fl-tb02.png) center no-repeat} .rl-fl .three:before{background:url(../images/fl-tb03.png) center no-repeat} .rl-fl .four:before{background:url(../images/fl-tb04.png) center no-repeat} .rl-fl .btn:hover{background:#f8a910;color:#fff;font-weight:700} .rl-fl .btn:before{opacity:1} .rl-fl .one:hover span{width:200px} .pshowtwofl a{color:#ff0e00} .pshowtwofl a:hover,.pshowtwofl a:hover span{text-decoration:underline} .bqonline{background:#f76609;border-radius:9px;font-size:16px;color:#fff!important;font-weight:700;line-height:1;white-space:nowrap;text-indent:0;padding:6px 15px 8px;margin:0 1%;display:inline-block;position:relative;transition:all ease .3s;cursor:pointer} .bqonline:before{content:"";border:1px dotted #fff;border-radius:9px;position:absolute;left:2px;right:2px;top:2px;bottom:2px;opacity:.68} .bqonline:hover{background:#2d9aff} @media screen and (min-width:1280px){ .container,.cpbody .container{width:78.125%;max-width:1500px} .header_home{top:20px} .container,.proeight .container{width:1120px} .header .logo{width:240px;height:90px;line-height:90px;margin-top:-18px} .header .nav li a{font-size:16px;padding:0 10px} .same-tit{font-size:35px} .same-tit:after,.same-tit:before{width:285px} .home1 .cpbox li p a{font-size:16px;line-height:50px} .home2 .albox dt .box{padding:40px} .home2 .albox dt h3 a{font-size:23px} .home2 .albox dt .cs{margin-top:25px} .home2 .albox dt .cs p{font-size:16px;margin-top:10px} .home2 .albox dt .cs p strong{font-size:22px} .home2 .albox dt .look-more{display:block} .home2 .zxbox{height:189px} .home2 .zxbox dt{padding-left:96px} .home2 .zxbox dt:before{width:80px;height:80px} .home2 .zxbox dd .p1{font-size:30px} .home2 .zxbox dd .p2{width:450px;font-size:18px} .home2 .zxbox dt strong{font-size:30px} .home2 .zxbox dt:after{width:200px;height:225px} .home2 .allist li p a{font-size:16px} .home3 .newsbox{padding:0 20px} .home3 .newsbox .fr dl dd{padding:34px 0} .home3 .newsbox .fr dl{padding:22px 4% 22px 144px} .home3 .newsbox .fr dl dt h3 a{font-size:18px} .home4 .swiper-tab{height:636px} .home4 .swiper-tab .swiper-fl{width:460px} .home4 .swiper-tab .swiper-item{padding:37px 40px 37px 140px} .home4 .swiper-tab .swiper-item i{left:40px} .home4 .swiper-tab .swiper-fr{width:500px} .home4 .swiper-tab .swiper-fr .swiper-slide .p3{margin-top:70px} .home6 .jqtd li .text{padding:82px 10% 20px} .home5 .p1{font-size:50px} .home5 .fwlc li:before{width:100px} .home5 .msgbox form .lytxt{width:653px} .home5 .fwlc li p{font-size:16px;margin-top:35px} .home5 .fwlc{margin-top:60px;margin-bottom:70px} .newscenter .newstit{font-size:30px} .prosever{padding-top:35px;padding-bottom:35px;margin-bottom:-40px} .prosever .container:after{background-size:200px} .prosever .prosevertop{padding-right:30px;padding-left:30px;font-size:20px;padding-bottom:20px} .prosever .prosevertop span a{margin-right:28px} .prosever .proseverbom{padding-right:30px;padding-top:30px;padding-left:30px} .prosever .proseverbom .proseverbomfl{padding-right:40px} .prosever .proseverbom .proseverbomfl .proseverbomli{padding-top:15px;padding-bottom:15px} .prosever .proseverbom .proseverbomfl .proseverbomli:after{top:15px;bottom:15px} .prosever .proseverbom .proseverbomfr{padding-left:40px} .prosixbom .container{width:100%;max-width:1920px} .prosixbom{padding-left:4.6875%;padding-right:4.1667%} .prosixbomfl{width:16.40625%;padding-top:74px} .prosixbomfr{width:83%} .prosixbomfr li .prosixbombox{border-bottom-width:7px} .prosixbomfr li .prosixbombox:after{width:28px;background-size:28px} .prosixbomfl .prosixbomflp01{font-size:24px} .prosixbomfl .prosixbomflp01:after{bottom:-25px} .prosixbomfl .prosixbomflp02{line-height:30px;padding-top:35px} .prosixbomfl .prosixbomflp03{padding-top:25px} .prosixbomfr{padding-top:45px;padding-bottom:45px} .prosixbomfr li .prosixbombox{padding:10px 30px 0;height:161px} .prosixbomfr li .prosixbombox a{font-size:18px;line-height:26px;padding-bottom:10px} .prosixbomfr li .prosixbombox p{font-size:16px;line-height:24px;margin-bottom:6px} .prosixbomfr li .prosixbombox p:nth-child(2){background-position-y:5px} .prosixbomfr li .prosixbombox p:nth-child(3){background-position-y:4px} .prosixtop{padding-bottom:38px} .prosixtopbox p span{padding:0 25px} .projectitem p{width:1030px;padding-top:25px;padding-bottom:25px} .projectone .projectonetop{padding-top:20px} .projectone:before{right:-13px} .projectonebom_process p.projectonebom_process_tit{font-size:18px;background-size:20px;padding-left:31px} .projectonebom_case .projectonebom_case_tit{font-size:18px;background-size:20px;padding-left:31px} .projectonebom_caseul li .projectonebom_caseul_box{padding:20px 13px 0} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_a{padding:3px 20px 1px} .projectwo{padding-top:60px} .projectwobom{margin-top:129px} .projectwobomfl .projectwofltit{font-size:22px;top:11%} .projecthree{padding-top:60px} .projecthree .projecthreebom{padding-top:25px} .projecthree .projecthreeitem i{width:125px} .projecthree .projecthreeitem.projecthreeitem03{padding:40px 40px 30px 40px} .projectfour{padding-top:60px} .projectfour ul{padding-top:25px} .projectfour ul li:first-child,.projectfour ul li:first-child+li{padding-top:20px;padding-left:25px;padding-right:25px} .projectfive{margin-top:30px} .projectfive .container{padding:28px 28px 40px 28px} .projectfive ul{padding-top:30px;padding-bottom:50px} .projectfivebtn a{font-size:16px;line-height:30px} .aboutone .aboutonefl .protit{font-size:30px;margin-top:35px;margin-bottom:15px} .homefourbombox .homefourbomfltit{line-height:28px} .homefourbombox i{padding:8px 0} .homefourtop{padding-top:40px;padding-bottom:35px} .homefourbox{padding-bottom:35px} .homefourbombox p{height:128px;line-height:26px} .homefourbom .homefourbomitem ul li{margin-bottom:10px} .proone{top:60px;margin-left:-39.0625%} .proone .proonetop h1{font-size:37px;margin-bottom:55px} .proonebom{bottom:-55px;margin-left:-39.0625%} .proonebom li{padding-top:20px;padding-bottom:25px} .proonebom li p{font-size:18px;line-height:42px} .proonebom li p i{width:50px;height:42px;background-size:100px 167px} .proonebom li:first-child p i{background-position:-50px 0} .proonebom li:first-child+li p i{background-position:-50px -42px} .proonebom li:first-child+li+li p i{background-position:-50px -84px} .proonebom li:first-child+li+li+li p i{background-position:-50px -126px} .proonebom li p:hover i{background-position-x:0;transition:background-position-x .5s} .protit{font-size:22px;margin-bottom:17px;background-size:290px;padding-top:25px} .protitbom{margin-top:-10px} .protwo .protwoitem01{padding-top:46px} .ie8 .protwo .protwoitem01{padding-top:96px} .protwo .protwoitem01 .protwobox .protwopic{padding-top:25px;padding-bottom:35px} .projectpic01{padding-top:25px;padding-bottom:35px} .protwoitem02 li{padding:20px 15px;height:240px} .protwoitem02 li .protwolitit{margin-bottom:25px} .protwoitem02 li .protwolitit:after{bottom:-14px} .prothree{padding-top:46px} .prothree.prothreeitem{padding-top:46px;padding-bottom:30px} .prothree .prothreebom{padding-top:20px} .prothree .prothreetop li .prothreetopbox{padding:20px 13px 0} .prothree .prothreetop li .prothreetopbox .prothreetopa{padding:3px 20px 1px} .profive h3{font-size:20px} .profive .profivebox p,.profive ul li,.profive ul li.profive .profivebox p{line-height:28px} .proeight{margin-top:40px} .proeight:after{width:194px;background-size:194px;height:159px;top:-159px} .proeight:before{right:56px;width:120px;background-size:120px;height:188px} .proeight .proeightfl{width:66%} .proeight .proeightfl .proeightbox .proeightboxfl input{font-size:16px} .proeight .proeightfl .proeighttit{font-size:15px;margin-bottom:37px} .proeight .proeightfl .proeighttit span{font-size:30px;margin-bottom:18px} .proeight .proeightfl .proeighticon{padding-top:20px;padding-bottom:20px} .proeight .proeightfl .proeighticon span{font-size:16px;padding:0 20px;background-size:12px} .proeight .proeightfl .proeightbox .proeightboxone textarea{height:180px;font-size:16px} .proeight .proeightfl .proeightbox p span{font-size:16px} .proeight .proeightfl .proeightbox p i{width:22px;height:22px;margin-top:-11px} .proeight .proeightfl .proeightbox p:first-child i,.proeight .proeightfl .proeightbox p:first-child+p i,.proeight .proeightfl .proeightbox p:first-child+p+p i{background-size:22px} .proeightboxbtn .prodlbtn{font-size:18px;padding:6px 35px;border-radius:7px} .proeightfr{padding:30px;bottom:-25px} .proeightfr .proeightfrtit{font-size:22px} .proeightfr .proeightfrtxt{padding:30px 0} .proeightfr .proeightfrtel span{padding-top:8px} .abouttwo{padding-top:60px;padding-bottom:60px} .abouttwo .protit{font-size:30px;margin-bottom:37px} .aboutthree .container{padding-top:40px} .aboutthree .aboutthreefr .protit{font-size:30px;margin-top:36px;margin-bottom:35px} .aboutthree .aboutthreepic{margin-top:0} .aboutthree ul{padding:25px 20px 20px 25px;margin-top:40px} .aboutthree ul li strong{font-size:30px} .aboutfour{padding-top:50px;padding-bottom:70px} .aboutfour .container .aboutfouritem h3{font-size:28px;line-height:35px;padding-top:35px} .aboutfourbg01{width:82.2917%;left:13.8021%;transform:none;max-width:1580px} .aboutfourbg01 img{vertical-align:middle;height:auto!important;max-width:100%!important} .contactonetop{padding-top:45px} .contactone ul{padding-top:50px} .contactonetop h3{font-size:28px;line-height:30px} .contactone ul li{padding-bottom:40px} .contactone ul li:first+li,.contactone ul li:first+li+li+li,.contactone ul li:first+li+li+li+li+li{margin-top:60px} .contactone ul li .contactonetit{margin-bottom:100px} .contactone ul li .contactonetit:after{background-size:14px;width:14px;height:84px;margin-left:-7px} .contacttwofr{padding:30px;right:0;bottom:100px} .contacttwofr li{line-height:26px;font-size:16px} .pshowone{margin-bottom:57px} .pshowonebox{margin-bottom:-57px} .pshowoneflbom span{background-size:22px} .pshowonefr h1{font-size:26px} .pshowonefr .pshowonefrbox p i{font-size:18px} .pshowonefr .pshowonefrbom a{width:170px;height:46px;font-size:18px;line-height:41px} .pshowonefr .pshowonefrbom span{background-size:34px;padding-left:44px;font-size:20px;line-height:18px} .pshowonefr .pshowonefrbom span i{font-size:18px} .pshowonebox .proshowoneitem02{padding:14px 0;height:58px} .pshowonebox .proshowoneitem02 a{font-size:17px} .fixed01{left:2.7%;top:150px} .fixed01 a{color:#7c7c7c;position:relative;font-size:14px;padding:5px 0} .fixed01 a:before{content:"";width:0;height:1px;background:#5d97fa;position:absolute;right:127px;top:16px;transition:all linear .3s} .fixed01 a:after{content:'';position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:6px;height:6px;border:1px solid #5d97fa;border-radius:50%;transition:all linear .3s} .fixed01 a:hover:before{width:45px} .fixed01 a:hover:after{background:#5d97fa} .fixed01 a:hover{color:#5d97fa;font-weight:700} .pshowtwo{padding-top:40px} .pshowtwo .pshowtwofr .pshowtwofritem{margin-bottom:30px} .pshowtwofritem .pshowtwofrtit:after,.pshowtwofritem .pshowtwofrtit:before{width:28px;height:22px;background-size:28px} .sidenew ul li .sidenewtit{font-size:14px;height:40px;line-height:20px} .pshowtwofl h2{font-size:28px;background-size:32px;padding-left:40px} .pshowtwofl h3{font-size:24px;background-size:32px;padding-left:40px} .pshowtwofl h4{font-size:15px} .pshowtwofl p{font-size:15px;line-height:26px;margin-bottom:25px} blockquote{font-size:15px;line-height:26px;margin-bottom:25px;margin-top:-15px} .pshowtwofl .ptable{margin-bottom:25px} .pshowtwofl ul{margin-bottom:25px} .pshowtwofl ul li{font-size:15px;line-height:26px;background-position:left 9px} .prelnew{padding-top:25px} .prelnew h3{font-size:26px;margin-bottom:24px;background-size:32px;padding-left:40px} .newban .container{padding-top:60px} .newban .newbanfl .newbanfltit{font-size:37px;margin-bottom:55px} .newban .newbanfl .newbanfltit span{font-size:16px} .newban .newbanfl .newbanfltxt{font-size:64px;margin-top:20px} .newban .newbanfl .newbanfltxt span{font-size:15px;letter-spacing:0;left:68px} .newban .beardnav{padding-top:40px} .newbox .newboxtop{padding-top:20px;padding-bottom:20px} .newboxbom{padding-top:20px} .newboxbom li{margin-bottom:25px;margin-left:65px} .newboxbom li .newdot{width:65px;height:65px;background-size:65px;left:-78px} .newboxbom li .newline02{left:-46px} .newboxbom li .newtime{padding-top:22px} .newboxbom li .newtime strong{font-size:18px} .newboxbom li .newtxt{padding-top:20px;padding-bottom:20px} .newboxbom li .newtxt a{font-size:18px;margin-bottom:12px} .caseban .container{padding-top:120px} .caseban .casebanbox .casebanboxtit{font-size:37px;margin-bottom:55px} .caseban .casebanbox .casebanboxtxt{font-size:16px;line-height:35px} .caseban .beardnav{padding-top:30px} .casebox{padding-bottom:35px} .casebox .caseboxtop{padding:20px 52px 1px} .casebox .caselist{margin-left:-4.3333%;padding-left:2.7333%} .casebox .caselist li{margin-left:4.3333%;width:28.1%;margin-top:25px} .casebox .caselist li p{clip-path:polygon(0 20px,100% 0,100% 100%,-100% 100%);-webkit-clip-path:polygon(0 20px,100% 0,100% 100%,-100% 100%)} .caseshowonebox{background-size:61px} .caseshowonebox .caseshowoneitem01{border-top-right-radius:70px} .caseshowonebox .caseshowoneitem01 .caseshowonefr{padding-top:10px} .caseshowonefr h1{font-size:26px} .caseshowonefr .caseshowonefrbox p:nth-child(1){padding-right:55px} .caseshowonefr .caseshowonefrbox p i{font-size:16px;line-height:27px} .caseshowonefr .caseshowonefrbom{padding-top:40px} .newban01{padding-bottom:35px} .newban01 .container{padding-top:20px} .newban01 h1{font-size:28px;line-height:30px;margin-top:40px} .newban01 .newtime{padding-bottom:30px} .newshow{margin-top:-40px;padding-top:150px} .newshowtop .newshowtopbox span strong{font-size:18px} .newpage{padding-left:40px;padding-right:40px} } @media screen and (min-width:1366px){ .homeone{padding-bottom:60px;padding-top:20} .homeone .homeonefl{height:410px} .homeone .homeonefl a.homeonefltit{font-size:20px;line-height:26px} .homeone .homeonefl p{font-size:15px;padding-left:75px} .homeone .homeonefl p span{margin-left:-75px} .homeoneclrc{bottom:-90px;top:-97px} .homeoneclrc .homeonefritem01{left:31%;top:10%} .homeoneclrc .homeonefritem02{left:4%;top:35%} .homeoneclrc .homeonefritem03{left:9%;top:61%} .homeoneclrc .homeonefritem04{left:49%;top:81%} .homefourbombox p{font-size:14px} .homefourbom .homefourbomitem ul li{margin-bottom:10px;font-size:14px} } @media screen and (min-width:1440px){ .bqonline{font-size:18px} .header .topphoto strong{padding-top:13px;font-size:22px} .container,.proeight .container{width:1280px} .header .logo{width:270px;height:105px;line-height:105px;margin-top:-33px} .header .nav li a{padding:0 20px} .same-tit{font-size:40px} .same-text{font-size:18px} .home1 .cpbox li p a{font-size:18px} .home2 .albox dt h3 a{font-size:26px} .home2 .albox dt .cs{margin-top:45px} .home2 .albox dt .cs p{margin-top:20px} .home2 .zxbox dd .p1{font-size:35px} .home2 .zxbox{height:199px} .home2 .zxbox dt:after{height:225px;bottom:-10px} .home2 .allist li p a{font-size:18px} .home3 .newsbox{padding:0 95px} .home4 .swiper-tab .swiper-fr{width:666px} .home5 .container{padding-left:70px} .home5 .fwlc{width:1300px;margin-top:77px;margin-bottom:90px;margin-left:-50px} .home5 .fwlc li:before{width:120px} .home5 .p1{font-size:55px} .home5 .fwlc li p{font-size:18px} .home6 .jqtd li .text{height:163px;font-size:16px;padding:82px 33px 25px} .newscenter .newstit{font-size:35px} .newscenter .listthree li{margin-top:20px} .newscenter .listone li .txtbox h3 a,.newscenter .listthree li .title a,.newscenter .listtwo li h3 a{font-size:18px} .newscenter .listthree li .text{max-height:85px;font-size:16px} .newscenter .listone li .txtbox .time{font-size:16px;margin-top:10px} .prosever{padding-top:55px;padding-bottom:55px;margin-bottom:-50px} .prosever .container:after{background-size:220px} .prosever .prosevertop{padding-right:40px;padding-left:40px;border-bottom-width:2px;font-size:22px;padding-bottom:25px} .prosever .prosevertop span{font-size:18px} .prosever .proseverbom{padding-right:40px;padding-top:40px;padding-left:40px} .prosever .proseverbom .proseverbomfl{padding-right:50px;border-right-width:2px} .prosever .proseverbom .proseverbomfr{padding-left:50px} .prosever .proseverbom .proseverbomfl .proseverbomli{border-bottom-width:2px} .prosever .proseverbom .proseverbomfl .proseverbomli:after{width:2px} .prosixbomfl{padding-top:108px} .prosixbomfl .prosixbomflp01{font-size:28px} .prosixbomfl .prosixbomflp01:after{bottom:-30px} .prosixbomfl .prosixbomflp02{font-size:16px;line-height:35px;padding-top:40px} .prosixbomfl .prosixbomflp03{padding-top:30px} .prosixbomfl .prosixbomflp03 a{font-size:18px} .prosixbomfr{padding-top:60px;padding-bottom:60px} .prosixbomfr li .prosixbombox{border-bottom-width:8px} .prosixbomfr li .prosixbombox:after{width:30px;background-size:30px} .prosixbomfr li .prosixbombox{padding:15px 45px 0;height:170px} .prosixbomfr li .prosixbombox a{font-size:20px;line-height:28px} .prosixbomfr li .prosixbombox p{font-size:18px;line-height:26px;margin-bottom:6px} .prosixbomfr li .prosixbombox p:nth-child(2){background-position-y:6px} .prosixbomfr li .prosixbombox p:nth-child(3){background-position-y:7px} .prosixtop{padding-bottom:45px} .prosixtopbox a{font-size:16px} .prosixtopbox p span{font-size:16px;margin-right:25px;padding:2px 30px} .projectitem p{width:1050px;padding-top:28px;padding-bottom:28px;font-size:16px} .projectone:before{top:224px} .projectone .projectonetop{padding-top:25px} .projectone .projectonetop span{font-size:16px;margin-right:25px;padding:2px 10px;margin-bottom:15px} .projectone{padding-top:100px;padding-bottom:40px;border-radius:0 0 20px 20px} .projectonebom_Ability_item .projectonebom_Ability_tit{font-size:22px;line-height:28px} .projectonebom_Ability_item p{margin-top:12px;padding-bottom:15px} .projectonebom_Ability_item p strong{font-size:18px} .projectonebom_process{padding-top:32px;padding-bottom:25px} .projectonebom_process p{font-size:16px;line-height:30px} .projectonebom_process p.projectonebom_process_tit{font-size:20px;background-size:22px;padding:10px 0} .projectonebom_process_table .projectonebom_process_tabletit{font-size:18px} .projectonebom_case .projectonebom_case_tit{font-size:20px;background-size:22px} .projectonebom_caseul li .projectonebom_caseul_box{padding:25px 14px 0} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_tit{font-size:18px;margin-bottom:34px} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_tit:after{bottom:-15px} .projectwo{padding-top:70px} .projectwobom{margin-top:135px} .projectwo .projectwotop p{font-size:16px;margin-top:-12px} .projectwobomfl .projectwofltit{font-size:26px;top:11%} .projectwobomfr p{font-size:16px;padding-top:8px;padding-bottom:8px} .projectwobomfr p span{font-size:18px} .projectwobomfr p:after{top:16px} .projectwobomfl .projectwofltxt{font-size:16px;padding:15px 0} .projectwobomfl .projectwofltxt span{font-size:18px} .projecthree{padding-top:70px} .projecthree .projecthreebom{padding-top:30px} .projecthree .projecthreeitem{padding:20px 30px} .projecthree .projecthreeitem.projecthreeitem03{padding:50px 50px 30px 50px} .projecthree .projecthreetop p{font-size:16px;margin-top:-12px} .projecthree .projecthreeitem strong{font-size:18px} .projecthree .projecthreeitem p{font-size:16px;line-height:26px} .projecthree .projecthreeitem i{width:135px} .projectfour{padding-top:70px} .projectfour .projectfourtop p{font-size:16px;margin-top:-12px} .projectfour ul{padding-top:28px} .projectfour ul li{padding-top:18px;padding-bottom:15px} .projectfour ul li a{font-size:16px} .projectfour ul li span{font-size:16px} .projectfour ul li:first-child a,.projectfour ul li:first-child+li a{font-size:18px;padding-bottom:10px} .projectfour ul li p{font-size:16px;line-height:26px} .projectfour ul li:first-child,.projectfour ul li:first-child+li{padding-top:24px;padding-left:35px;padding-right:35px} .projectfive{padding:25px 0;margin-top:35px} .projectfive .container{padding:30px 30px 50px 30px} .projectfive .projectfivetxt{font-size:16px;line-height:28px;margin-top:-10px} .projectfive ul{padding-top:35px;padding-bottom:70px} .projectfive ul li .projectfivetit{font-size:16px;padding:25px 0 15px 0} .aboutone .aboutonefl .protit{font-size:35px;margin-top:45px;margin-bottom:22px} .aboutone .aboutonefl p{font-size:16px;line-height:28px} .homefour{padding-top:30px} .homefourtop{padding-top:50px;padding-bottom:46px} .homefourbox{padding-bottom:46px} .homefourbom .homefourbomitem ul li{margin-bottom:11px} .homefivebom{padding-top:106px} .proone{top:65px} .proone .proonetop h1{margin-bottom:60px;font-size:44px} .proone .proonetop p{font-size:16px;line-height:35px} .proonebom li p{font-size:20px} .protit{font-size:26px;margin-bottom:25px;background-size:340px;padding-top:30px} .protitbom{font-size:16px;margin-top:-15px} .protwo .protwoitem01{padding-top:66px} .ie8 .protwo .protwoitem01{padding-top:106px} .protwo .protwoitem01 .protwobox p{font-size:16px;line-height:30px} .protwo .protwoitem01 .protwobox .protwopic{padding-top:30px;padding-bottom:55px} .projectpic01{padding-top:30px;padding-bottom:45px} .protwoitem02 li{padding:30px 20px;height:250px} .protwoitem02 li .protwolitit{margin-bottom:30px} .protwoitem02 li .protwolitxt{line-height:28px} .protwoitem02 li .protwolitit:after{bottom:-18px} .prothree{padding-top:66px} .prothree.prothreeitem{padding-top:50px;padding-bottom:35px} .prothree .prothreebom{padding-top:25px} .prothree .prothreebom a{font-size:16px;margin-right:25px;padding:2px 10px;margin-bottom:15px} .prothree .prothreetop li .prothreetopbox{padding:25px 14px 0} .prothree .prothreetop li .prothreetopbox .prothreetoptit{font-size:18px;margin-bottom:34px} .prothree .prothreetop li .prothreetopbox .prothreetoptit:after{bottom:-15px} .prothreetopitem .prothreetopbox p{font-size:18px;padding-bottom:3px} .prothreetopitem .prothreetopbox p span{font-size:16px} .prothreetopitem .prothreetopbox .prothreetopa{padding:3px 18px 1px} .profour .profourbox p{font-size:18px} .profive{padding-top:40px} .profive h3{font-size:23px;margin-bottom:23px} .profive .profivebox p,.profive ul li{font-size:16px;line-height:30px} .profive ul,.profivebox{padding-bottom:40px} .profive ul li i{width:29px;height:20px;background-size:29px 20px} .profivebox span{font-size:18px;background-size:24px;padding-left:38px} .proeight{margin-top:50px} .proeight:after{width:239px;background-size:239px;height:197px;top:-197px} .proeight:before{right:73px;width:140px;background-size:140px;height:222px} .proeight .proeightfl .proeighttit{font-size:16px;line-height:30px;margin-bottom:42px} .proeight .proeightfl .proeighttit span{font-size:35px;margin-bottom:21px} .proeight .proeightfl .proeighticon{padding-top:30px;padding-bottom:30px} .proeight .proeightfl .proeighticon span{font-size:18px;padding:0 25px;background-size:15px} .proeight .proeightfl .proeightbox .proeightboxfl{margin-bottom:30px} .proeight .proeightfl .proeightbox .proeightboxfl input{padding:15px 10px;font-size:17px;height:54px} .proeight .proeightfl .proeightbox .proeightboxone textarea{height:210px;font-size:18px} .proeight .proeightfl .proeightbox .proeightboxone span em{font-size:17px} .proeight .proeightfl .proeightbox p span{font-size:17px} .proeight .proeightfl .proeightbox p i{width:24px;height:24px;margin-top:-12px} .proeight .proeightfl .proeightbox p:first-child i,.proeight .proeightfl .proeightbox p:first-child+p i,.proeight .proeightfl .proeightbox p:first-child+p+p i{background-size:24px} .proeight .proeightfl .proeightbox .proeightboxbtn{padding-top:27px} .proeightboxbtn .prodlbtn{font-size:20px;padding:8px 35px;border-radius:9px} .proeightfr{padding:35px;bottom:-60px} .proeightfr .proeightfrtit{font-size:24px} .proeightfr .proeightfrtxt{font-size:16px;line-height:26px} .proeightfr .proeightfrtxt{padding:40px 0} .abouttwo{padding-top:70px;padding-bottom:70px} .abouttwo .protit{font-size:35px;margin-bottom:42px} .abouttwoswiper .swiper-slide .abouttwotit{font-size:19px;padding-top:28px} .aboutthree .container{padding-top:60px} .aboutthree .aboutthreefr .protit{font-size:35px;margin-top:46px;margin-bottom:40px} .aboutthree .aboutthreefr p{font-size:16px;line-height:28px} .aboutthree ul li strong{font-size:35px} .aboutthree ul li span{font-size:15px} .aboutfour{padding-top:70px;padding-bottom:90px} .aboutfour .container .aboutfouritem h3{font-size:30px;line-height:35px;padding-top:45px;margin-bottom:40px} .aboutfour .container .aboutfouritem h3:after{bottom:-20px;width:14.5%} .aboutfour .container .aboutfouritem p{font-size:16px;line-height:28px} .contactone{padding-bottom:15px} .contactonetop{padding-top:55px} .contactonetop h3{font-size:30px;line-height:35px} .contactonetop p{line-height:26px;font-size:16px} .contactone ul{padding-top:60px} .contactone ul li{padding-top:25px;padding-bottom:50px} .contactone ul li:first-child+li,.contactone ul li:first-child+li+li+li,.contactone ul li:first-child+li+li+li+li+li{margin-top:80px} .contactone ul li .contactonetit{font-size:20px;margin-bottom:112px} .contactone ul li .contactonenum{font-size:60px} .contactone ul li .contactonetit:after{background-size:16px;width:16px;height:95px;top:35px;margin-left:-8px} .contacttwofr{height:550px} .contacttwofr li{font-size:17px;margin-top:8px} .contacttwofr li.contacticon04 span{font-size:20px} .contacttwofr .swtbtn{width:89px;height:89px;font-size:25px;line-height:30px;padding:14px 4%;right:-40px;bottom:36px} .pshowone{margin-bottom:77px} .pshowonebox{margin-bottom:-77px} .pshowonebox .pshowoneitem01{padding:4.6667% 5%;border-radius:0 190px 0 0} .pshowoneflbom{padding-top:30px} .pshowoneflbom span{font-size:14px;padding-left:28px} .pshowonefr h1{font-size:28px;margin-bottom:12px} .pshowonefr .pshowonefrbox p{font-size:16px;line-height:28px;margin-bottom:12px} .pshowonefr .pshowonefrbox p i{font-size:19px} .pshowonefr .pshowonefrbom a{width:190px;height:51px;font-size:20px;line-height:47px} .pshowonefr .pshowonefrbom span{background-size:36px;padding-left:46px;font-size:22px;line-height:20px} .pshowonefr .pshowonefrbom span i{font-size:19px} .pshowonebox .proshowoneitem02{padding:18px 0;height:66px} .pshowonebox .proshowoneitem02 a{font-size:19px} .pshowtwo{padding-top:50px} .pshowtwo .pshowtwofr .pshowtwofritem{margin-bottom:35px} .pshowtwofritem .pshowtwofrtit:after,.pshowtwofritem .pshowtwofrtit:before{width:30px;height:23px;background-size:30px} .pshowtwofritem .sidecase,.sidenew{padding:18px} .pshowtwofritem .sidecase li{padding-bottom:18px} .pshowtwofritem .sidecase .sidecasetit{font-size:16px} .sidenew ul{border-top-right-radius:20px} .sidenew ul li{border-top-right-radius:20px;padding-top:12px} .sidenew ul li .sidenewtit{height:44px;line-height:22px} .pshowtwofl h2{font-size:30px;line-height:35px;background-size:40px;padding-left:50px} .pshowtwofl h3{font-size:28px;line-height:35px;background-size:40px;padding-left:50px} .pshowtwofl h4{font-size:16px} .pshowtwofl p{font-size:16px;line-height:28px;margin-bottom:30px} blockquote{font-size:16px;line-height:28px;margin-bottom:30px} .pshowtwofl video{width:800px} .pshowtwofl .ptable{margin-bottom:30px} .pshowtwofl ul{margin-bottom:30px} .pshowtwofl ul li{font-size:16px;line-height:28px;background-position:left 11px;padding:0 0 8px 20px} .prelnew{padding-top:30px} .prelnew h3{font-size:28px;line-height:35px;margin-bottom:26px;background-size:40px;padding-left:50px} .prelnew ul{padding-left:28px;padding-right:28px;padding-top:30px;padding-bottom:60px} .prelnew ul li a{font-size:16px} .prelnew ul li{margin-top:10px;padding:15px 98px 15px 40px;background-position:17px 22px} .prelnew ul li:after{left:40px;right:15px} .newban .container{padding-top:65px} .newban .newbanfr{font-size:15px;line-height:30px} .newban .beardnav{padding-top:50px} .newbox .newboxtop{padding-top:25px;padding-bottom:25px} .newbox .newboxtop a{font-size:16px} .newboxbom{padding-top:25px} .newboxbom li{margin-bottom:33px;margin-left:70px} .newboxbom li .newdot{width:65px;height:65px;background-size:65px;left:-83px} .newboxbom li .newline02{left:-51px} .newboxbom li .newtime{padding-top:32px} .newboxbom li .newtime strong{padding-bottom:7px} .newboxbom li .newtxt{padding-top:25px;padding-bottom:25px} .newboxbom li .newtxt a{font-size:20px;margin-bottom:16px} .newboxbom li .newtxt span{font-size:16px} .caseban .container{padding-top:145px} .caseban .beardnav{padding-top:35px} .caseban .casebanbox .casebanboxtit{margin-bottom:60px;font-size:44px} .casebox{padding-bottom:45px} .casebox .caseboxtop span{font-size:17px} .casebox .caseboxtop .zxbox{padding-left:70px} .casebox .caseboxtop ul li{font-size:15px;margin-bottom:20px} .casebox .caselist{padding-top:10px} .casebox .caselist li{margin-top:30px} .casebox .caselist li p{font-size:16px;clip-path:polygon(0 20px,100% 0,100% 100%,-100% 100%);-webkit-clip-path:polygon(0 20px,100% 0,100% 100%,-100% 100%)} .casebox .caselist li p:after{width:90px;height:90px;right:-45px;bottom:-45px} .caseshowonebox{background-size:90px} .caseshowonebox .caseshowoneitem01{border-top-right-radius:100px} .caseshowonefr h1{font-size:28px;margin-bottom:12px} .caseshowonefr .caseshowonefrbox p{font-size:16px} .caseshowonefr .caseshowonefrbox p:nth-child(1){padding-right:60px} .caseshowonefr .caseshowonefrbox p:nth-child(1) span,.caseshowonefr .caseshowonefrbox p:nth-child(2) span{font-size:16px} .caseshowonefr .caseshowonefrbox p i{line-height:30px} .caseshowonefr .caseshowonefrbox p+p+p{padding-top:25px} .caseform .caseformtit{font-size:16px} .caseform .caseformbox dd label{font-size:16px;line-height:26px} .caseform .caseformbox dd input{font-size:16px;line-height:26px} .caseform .caseformbox dt .casebtn{font-size:18px} .caseshowonefr .caseshowonefrbom{padding-top:45px} .caseshowonebox .caseshowoneitem01 .caseshowonefr{padding-top:20px} .newban01{padding-bottom:40px} .newban01 .container{padding-top:20px} .newban01 h1{font-size:30px;line-height:40px;margin-top:50px;margin-bottom:20px} .newban01 .newtime{padding-bottom:45px} .newshow{margin-top:-50px;background-size:400px;padding-top:160px} .newshowtop .newshowtopbox span{font-size:15px} .newshowtop .newshowtopbox span strong{font-size:19px} .newpage{padding-left:50px;padding-right:50px} .newpage p{font-size:16px} .insideban{height:460px} } @media screen and (min-width:1500px){ .header_home{top:30px} .header .nav li a{font-size:18px} .header .topphoto{font-size:18px;line-height:1;background-size:43px;padding-left:60px} .header .topphoto strong{padding-top:8px} .homeone{padding-bottom:100px;padding-top:50px} .homeone .homeonefl{padding-right:90px;padding-bottom:90px;height:560px} .homeone .homeonefl:before{bottom:50px} .homeone .homeonefl a.homeonefltit{font-size:24px;line-height:30px;margin-top:38px} .homeone .homeonefl a.homeonefltit:after{top:-26px} .homeone .homeonefl p{font-size:16px;line-height:30px;padding-left:80px} .homeone .homeonefl p span{margin-left:-80px} .homeonepicitem:after{width:280px;height:280px} .homeoneclrc{bottom:-140px;top:-120px} .homeoneclrc .homeonefritem01{left:34%;top:7%} .homeoneclrc .homeonefritem02{left:4%;top:30%} .homeoneclrc .homeonefritem03{left:5%;top:58%} .homeoneclrc .homeonefritem04{left:44%;top:80%} .homeonepicitem span{font-size:24px;bottom:-120px} .hometwo{padding-top:45px} .hometwoboxitem .hometwoboxtit{font-size:24px;line-height:30px} .hometwoboxitem p{font-size:16px;line-height:26px;margin-top:12px} .hometwoboxitem p strong{font-size:20px} .homemore{margin-top:15px} .homethree{background-size:17px;padding-top:40px;padding-bottom:85px} .homethreetit h3{font-size:18px} .homethreetit span a{font-size:14px;background-size:17px;padding-right:30px} .homethreetit span:after{right:135px} .homethree ul{padding-top:47px} .homethree ul li a{background-size:17px} .homethree ul li a.homethreetxt{font-size:16px;padding:26px 20px 16px 0;background-size:17px} .prosever{padding-top:65px;padding-bottom:65px;margin-bottom:-60px} .prosever .container:after{background-size:240px} .prosever .prosevertop{padding-left:55px;padding-right:50px;font-size:24px;padding-bottom:30px} .prosever .prosevertop span a{margin-right:38px} .prosever .proseverbom{padding-left:55px;padding-top:50px;padding-right:50px} .prosever .proseverbom .proseverbomfl{padding-right:60px} .prosever .proseverbom .proseverbomfr{padding-left:60px} .prosever .proseverbom .proseverbomfl .proseverbomli a{font-size:18px;margin-bottom:10px} .prosever .proseverbom .proseverbomfl .proseverbomli p{font-size:16px;line-height:26px;height:52px} .prosever .proseverbom .proseverbomfl .proseverbomli{padding-top:20px;padding-bottom:20px} .prosever .proseverbom .proseverbomfl .proseverbomli:after{top:20px;bottom:20px} .prosever .proseverbom .proseverbomfr li{font-size:16px;margin-bottom:12px} .prosixbomfl{padding-top:142px} .prosixbomfl .prosixbomflp01{font-size:32px} .prosixbomfl .prosixbomflp01:after{bottom:-35px} .prosixbomfl .prosixbomflp02{line-height:40px;padding-top:45px} .prosixbomfl .prosixbomflp03{padding-top:35px} .prosixbomfl .prosixbomflp03 a{padding:5px 16px} .prosixbomfr{padding-top:75px;padding-bottom:75px} .prosixbomfr li .prosixbombox{padding:20px 60px 0;height:195px;border-bottom-width:10px} .prosixbomfr li .prosixbombox a{font-size:22px;line-height:30px;padding-bottom:10px} .prosixbomfr li .prosixbombox p{font-size:18px;line-height:30px;margin-bottom:6px} .prosixbomfr li .prosixbombox p:nth-child(2){background-position-y:6px} .prosixbomfr li .prosixbombox p:nth-child(3){background-position-y:7px} .prosixtop{padding-bottom:55px} .prosixtopbox a{font-size:18px;background-size:33px;padding-right:40px} .prosixtopbox p span{font-size:18px;margin-right:30px;padding:2px 40px} .projectitem p{padding-top:20px;padding-bottom:20px} .projectone:before{top:282px} .projectone .projectonetop{padding-top:30px} .projectone .projectonetop span{font-size:18px;margin-right:30px;padding:4px 13px;margin-bottom:18px} .projectonetoptwo i{background-size:32px;padding-left:45px;color:#383838;font-size:26px;line-height:40px} .projectonetoptwo span{font-size:41px;bottom:-18px} .projectone{padding-top:130px;padding-bottom:60px;border-radius:0 0 25px 25px} .projectonebom_Ability_item .projectonebom_Ability_tit{font-size:24px;line-height:30px} .projectonebom_Ability_item p{font-size:16px;line-height:26px;margin-top:12px} .projectonebom_Ability_item p strong{font-size:20px} .projectonebom_process{padding-top:42px;padding-bottom:32px} .projectonebom_process p.projectonebom_process_tit{font-size:22px;margin-bottom:15px} .projectonebom_case .projectonebom_case_tit{font-size:22px;margin-bottom:15px} .projectonebom_caseul li .projectonebom_caseul_box{padding:30px 20px 0} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_tit{font-size:20px;margin-bottom:35px} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_a{padding:3px 22px 1px;margin-top:17px} .projectwobom{margin-top:165px} .projectwo{padding-top:80px} .projectwobomfr p span{font-size:20px} .projecthree{padding-top:80px} .projecthree .projecthreebom{padding-top:40px} .projecthreebomfr p span{font-size:20px} .projectfour{padding-top:80px} .projectfourbomfr p span{font-size:20px} .projectfour ul{padding-top:30px} .projectfour ul li:first-child,.projectfour ul li:first-child+li{padding-top:28px;padding-left:40px;padding-right:40px} .projectfive{padding:30px 0;margin-top:40px} .projectfive .container{padding:35px 35px 55px 35px} .projectfive .projectfivetxt{line-height:30px;margin-top:-15px} .projectfive ul{padding-top:40px;padding-bottom:80px} .projectfivebtn a{font-size:18px;line-height:35px} .aboutone .aboutonefl .protit{font-size:40px;margin-top:55px;margin-bottom:22px} .aboutone .aboutonefl p{line-height:30px} .homefour{padding-top:40px} .homefourtop{padding-top:60px;padding-bottom:56px} .homefourbox{padding-bottom:56px} .homefourbombox p{font-size:16px;line-height:28px;height:139px} .homefourtop li a{font-size:18px} .homefourbombox i{font-size:14px;padding:12px 0} .homefourbombox .homefourbomfltit{font-size:18px;line-height:35px} .homefourbom .homefourbomitem ul li{font-size:16px;margin-bottom:15px;padding-right:95px} .homefivebom{padding-top:126px} .homefivebom dl dt{font-size:18px} .homefivebom dl dd i{font-size:20px} .homefivebom dl dd p{font-size:16px} .proone{top:70px;font-size:50px;margin-left:-750px} .proonebom{margin-left:-750px} .proonebom li{padding-top:25px;padding-bottom:30px} .proonebom li p{font-size:22px;line-height:46px} .proonebom li p i{width:55px;height:46px;background-size:110px 183px} .proonebom li:first-child p i{background-position:-55px 0} .proonebom li:first-child+li p i{background-position:-55px -46px} .proonebom li:first-child+li+li p i{background-position:-55px -92px} .proonebom li:first-child+li+li+li p i{background-position:-55px -138px} .proonebom li p:hover i{background-position-x:0;transition:background-position-x .5s} .protit{font-size:30px;margin-bottom:32px;background-size:370px} .protitbom{margin-top:-20px} .protwo .protwoitem01{padding-top:86px} .ie8 .protwo .protwoitem01{padding-top:126px} .protwo .protwoitem01 .protwobox p{line-height:34px} .protwo .protwoitem01 .protwobox .protwopic{padding-top:40px;padding-bottom:75px} .projectpic01{padding-top:40px;padding-bottom:55px} .protwoitem02 li{padding:40px 25px;height:315px} .protwoitem02 li .protwolitit{font-size:18px;margin-bottom:35px} .protwoitem02 li .protwolitxt{font-size:16px;line-height:30px} .protwoitem02 li .protwolitit:after{bottom:-19px} .prothree{padding-top:86px} .prothree.prothreeitem{padding-top:60px;padding-bottom:40px} .prothree .prothreebom{padding-top:30px} .prothree .prothreebom a{font-size:18px;margin-right:30px;padding:4px 13px;margin-bottom:18px} .prothree .prothreetop li .prothreetopbox{padding:30px 20px 0} .prothree .prothreetop li .prothreetopbox .prothreetoptit{font-size:20px;margin-bottom:35px} .prothree .prothreetop li .prothreetopbox .prothreetopa{padding:3px 22px 1px;margin-top:17px} .profive{padding-top:45px} .profive h3{font-size:26px} .profive .profivebox p,.profive ul li{line-height:34px} .profivebox span{font-size:20px} .profive ul li i{top:11px} .proeight{margin-top:60px} .proeight:after{width:250px;background-size:250px;height:206px;top:-206px} .proeight:before{right:74px;width:160px;background-size:160px;height:253px} .proeight .proeightfl .proeighttit{font-size:17px;margin-bottom:47px} .proeight .proeightfl .proeighttit span{font-size:40px;margin-bottom:24px} .proeight .proeightfl .proeighticon{padding-top:40px;padding-bottom:40px} .proeight .proeightfl .proeighticon span{font-size:20px;padding:0 30px;background-size:17px} .proeight .proeightfl .proeightbox .proeightboxone textarea{height:245px} .proeightboxbtn .prodlbtn{font-size:22px;padding:9px 45px;border-radius:12px} .proeightfr{padding:45px;bottom:-30px} .proeightfr .proeightfrtit{font-size:26px} .proeightfr .proeightfrtxt{padding:50px 0} .proeightfr .proeightfrtel span{padding-top:12px} .abouttwo{padding-top:75px;padding-bottom:75px} .abouttwo .protit{font-size:40px;margin-bottom:47px} .aboutthree{padding-bottom:120px} .aboutthree .container{padding-top:65px} .aboutthree .aboutthreefr .protit{font-size:40px;margin-top:56px;margin-bottom:45px} .aboutthree .aboutthreefr p{line-height:30px} .aboutthree ul{margin-top:72px} .aboutthree ul li strong{font-size:40px} .aboutfour{padding-top:90px;padding-bottom:110px} .aboutfour .container .aboutfouritem h3{font-size:35px;line-height:40px;padding-top:50px;margin-bottom:45px} .aboutfour .container .aboutfouritem h3:after{bottom:-25px;width:15.5%} .aboutfour .container .aboutfouritem p{line-height:30px} .contactone{padding-bottom:20px} .contactonetop{padding-top:60px} .contactonetop h3{font-size:35px;line-height:40px;padding-bottom:13px} .contactonetop p{line-height:28px} .contactone ul{padding-top:65px} .contactone ul li:first-child+li,.contactone ul li:first-child+li+li+li,.contactone ul li:first-child+li+li+li+li+li{margin-top:90px} .contactone ul li{padding-top:30px;padding-bottom:60px} .contactone ul li .contactonetit{font-size:22px;margin-bottom:122px} .contactone ul li .contactonenum{font-size:80px} .contactone ul li .contactonetit:after{background-size:17px;width:17px;height:99px;margin-left:-9px} .contacttwofr{padding:25px 25px;right:0;bottom:115px} .contacttwofr li{font-size:18px;margin-top:10px} .contacttwofr li.contacttwofrtit{padding-left:10px;padding-right:10px;margin-bottom:20px} .contacttwofr li.contacticon04 span{font-size:22px} .contacttwofr li.contacticon02,.contacttwofr li.contacticon03,.contacttwofr li.contacticon04{background-position:left 5px} .pshowone{margin-bottom:87px} .pshowonebox{margin-bottom:-87px} .pshowoneflbom{padding-top:50px} .pshowoneflbom span{font-size:15px} .pshowonefr h1{font-size:30px;margin-bottom:15px} .pshowonefr .pshowonefrbox p{line-height:30px;margin-bottom:15px} .pshowonefr .pshowonefrbox p i{font-size:21px} .pshowonefr .pshowonefrbom{padding-top:20px} .pshowonebox .proshowoneitem02{padding:20px 0;height:70px} .pshowonebox .proshowoneitem02 a{font-size:20px} .pshowtwo{padding-top:55px} .pshowtwo .pshowtwofr .pshowtwofritem{margin-bottom:40px} .pshowtwofritem .sidecase,.sidenew{padding:20px} .pshowtwofritem .sidecase li{padding-bottom:20px} .sidenew ul{border-top-right-radius:22px} .sidenew ul li{border-top-right-radius:22px;padding-top:14px} .pshowtwofl h2{font-size:34px;line-height:35px} .pshowtwofl h3{font-size:27px;line-height:35px} .pshowtwofl h4{font-size:17px} .pshowtwofl p{font-size:17px;line-height:30px} blockquote{margin-top:-20px} .pshowtwofl ul li{font-size:17px;line-height:30px} .prelnew{padding-top:35px} .prelnew h3{font-size:30px;line-height:35px;margin-bottom:28px} .prelnew ul{padding-left:30px;padding-right:30px;padding-top:35px;padding-bottom:70px} .newban .container{padding-top:70px} .newban .newbanfl .newbanfltit{font-size:44px;margin-bottom:60px} .newban .newbanfl .newbanfltit span{font-size:18px;padding:16px 0 8px 0} .newban .newbanfl .newbanfltxt{font-size:71px;margin-top:25px} .newban .newbanfl .newbanfltxt span{font-size:16px} .newban .beardnav{padding-top:60px} .newbox .newboxtop{padding-top:30px;padding-bottom:30px} .newboxbom{padding-top:30px} .newboxbom li{margin-bottom:35px;margin-left:80px} .newboxbom li .newdot{width:70px;height:70px;background-size:70px;left:-95px} .newboxbom li .newline02{left:-59px} .newboxbom li .newtime{padding-top:34px} .newboxbom li .newtime strong{padding-bottom:8px;font-size:20px} .newboxbom li .newtxt{padding-top:28px;padding-bottom:28px} .newboxbom li .newtxt a{font-size:21px;margin-bottom:18px} .newboxbom li .newarrow i{height:4px} .newboxbom li .newarrow i:before{-ms-transform:skew(-80deg,34deg);transform:skew(-80deg,34deg);right:-6px} .caseban .container{padding-top:160px} .caseban .beardnav{padding-top:40px} .casebox{padding-bottom:50px} .casebox .caseboxtop{padding:30px 62px 1px} .casebox .caseboxtop ul li{margin-right:25px} .casebox .caselist li{margin-top:35px} .casebox .caselist li p{font-size:18px;clip-path:polygon(0 34px,100% 0,100% 100%,-100% 100%);-webkit-clip-path:polygon(0 34px,100% 0,100% 100%,-100% 100%);padding-top:50px;padding-bottom:20px} .caseshowonebox .caseshowoneitem01{border-top-right-radius:120px} .caseshowonebox{background-size:110px} .caseshowonefr h1{font-size:30px;margin-bottom:15px} .caseshowonefr .caseshowonefrbox p:nth-child(1){padding-right:64px} .caseshowonefr .caseshowonefrbox p i{font-size:18px;line-height:33px} .caseshowonefr .caseshowonefrbom span{font-size:20px;background-size:36px;padding-left:46px} .caseshowonefr .caseshowonefrbom{padding-top:50px} .caseshowonefr .caseshowonefrbox p+p+p{padding-top:30px} .caseshowonebox .caseshowoneitem01 .caseshowonefr{padding-top:20px} .newban01{padding-bottom:45px} .newban01 .container{padding-top:20px} .newban01 h1{font-size:35px;line-height:45px;margin-top:60px} .newban01 .newtime{padding-bottom:50px} .newshow{margin-top:-55px;background-size:450px;padding-top:170px} .newpage{padding-left:57px;padding-right:57px} } @media screen and (min-width:1520px){ .hometit{padding-bottom:45px} .hometit h2{font-size:36px} .hometit p{padding-top:20px} } @media screen and (max-width:1600px){ .pshowtwofl img{width:100%} } @media screen and (min-width:1600px){ .container,.proeight .container{width:1500px} .header .logo{width:320px} .header .nav li a{font-size:18px} .same-tit{font-size:45px} .home2 .albox dt .box{width:480px;padding:74px 0 74px 55px} .home2 .zxbox dd{margin-left:-86px} .home2 .zxbox dd .p1{font-size:40px} .home2 .zxbox dt{padding-right:32px} .home3 .newsbox{padding:0 145px} .home3 .newsbox .fr dl{margin-top:29px} .home4 .swiper-tab .container{padding-left:78px} .home4 .swiper-tab .swiper-fr{width:740px;right:6%} .home5 .p1{font-size:60px} .home6 .jqtd li .text{height:172px;font-size:18px} .newscenter .container{padding:70px 110px} .newscenter .newstit{font-size:40px} .newscenter .listtwo{margin-left:-11.84%} .newscenter .listtwo li{width:38.16%;margin-left:11.84%} .proeight .proeightfl{width:880px} .contacttwofr{width:379px;right:120px} } @media screen and (min-width:1800px){ .header_home{top:40px} .header .topphoto{font-size:20px;line-height:1;background-size:48px;padding-left:65px} .header .topphoto strong{padding-top:13px;font-size:24px} .homeone{padding-bottom:145px;padding-top:70px} .homeone .homeonefl a.homeonefltit{font-size:26px} .homeone .homeonefl p{line-height:38px} .homeone .homeonefl:before{right:120px} .homeonepicitem:after{width:350px;height:350px} .homeoneclrc{top:-140px;bottom:-177px} .homeoneclrc .homeonefritem{width:106px;height:106px} .homeoneclrc .homeonefritem01{left:24%;top:10%} .homeoneclrc .homeonefritem02{left:1%;top:32%} .homeoneclrc .homeonefritem03{left:1%;top:56%} .homeoneclrc .homeonefritem04{left:25%;top:78%} .homeonepicitem span{font-size:30px;bottom:-100px} .hometit{padding-bottom:70px} .hometit h2{font-size:40px} .hometit p{padding-top:26px} .hometwo{padding-top:70px} .hometwoboxitem .hometwoboxtit{font-size:26px;padding-bottom:30px} .hometwo .hometwobox .container .hometwoboxitem{padding-top:7%} .hometwoboxitem p:nth-last-of-type(1){padding-bottom:20px} .hometwoboxitem p{line-height:30px} .hometwoboxitem p strong{font-size:22px} .homemore{margin-top:30px;height:35px;line-height:35px} .homemore em{width:35px;height:35px;font-size:16px} .homethree{background-size:19px;padding-top:50px;padding-bottom:108px} .homethreetit h3{font-size:20px} .homethreetit span a{font-size:16px;background-size:19px;padding-right:38px} .homethreetit span:after{right:150px} .homethree ul{padding-top:56px} .homethree ul li a{background-size:19px} .homethree ul li a.homethreetxt{font-size:18px;background-size:19px} .prosever{padding-top:85px;padding-bottom:90px;margin-bottom:-70px} .prosever .container:after{background-size:270px} .prosever .prosevertop{padding-left:66px;padding-right:60px;border-bottom-width:3px;font-size:26px;padding-bottom:35px} .prosever .prosevertop span{font-size:20px} .prosever .prosevertop span a{margin-right:48px} .prosever .proseverbom{padding-left:66px;padding-top:60px;padding-right:60px} .prosever .proseverbom .proseverbomfl{padding-right:70px;border-right-width:3px} .prosever .proseverbom .proseverbomfr{padding-left:70px} .prosever .proseverbom .proseverbomfl .proseverbomli a{font-size:20px} .prosever .proseverbom .proseverbomfl .proseverbomli p{line-height:30px;height:60px} .prosever .proseverbom .proseverbomfl .proseverbomli{padding-top:25px;padding-bottom:25px;border-bottom-width:3px} .prosever .proseverbom .proseverbomfl .proseverbomli:after{top:25px;bottom:25px;width:3px} .prosever .proseverbom .proseverbomfr li{margin-bottom:20px} .prosixbomfl{padding-top:175px} .prosixbomfl .prosixbomflp01{font-size:37px} .prosixbomfl .prosixbomflp01:after{bottom:-50px} .prosixbomfl .prosixbomflp02{font-size:18px;line-height:45px;padding-top:69px} .prosixbomfl .prosixbomflp03{padding-top:40px} .prosixbomfl .prosixbomflp03 a{font-size:20px;padding:7px 27px} .prosixbomfr{padding-top:88px;padding-bottom:88px} .prosixbomfr li .prosixbombox{border-bottom-width:11px} .prosixbomfr li .prosixbombox:after{width:32px;background-size:32px} .prosixbomfr li .prosixbombox{padding:20px 73px 0;height:200px} .prosixbomfr li .prosixbombox a{font-size:24px;line-height:30px;padding-bottom:20px} .prosixbomfr li .prosixbombox p{font-size:18px;line-height:30px;margin-bottom:6px} .prosixbomfr li .prosixbombox p:nth-child(2){background-position-y:6px} .prosixbomfr li .prosixbombox p:nth-child(3){background-position-y:7px} .prosixtop{padding-bottom:60px} .prosixtopbox p span{margin-right:35px;padding:2px 50px} .projectitem p{width:1144px;padding-top:30px;padding-bottom:30px;font-size:18px} .projectone:before{top:310px} .projectone .projectonetop{padding-top:35px} .projectone .projectonetop span{margin-right:43px;padding:5px 15px;margin-bottom:23px} .projectone{padding-top:151px;padding-bottom:80px;border-radius:0 0 35px 35px} .projectonebom_Ability_item .projectonebom_Ability_tit{font-size:26px;padding-bottom:30px} .projectonebom .projectonebom_Ability_item{padding-top:7%} .projectonebom_Ability_item p:nth-last-of-type(1){padding-bottom:20px} .projectonebom_Ability_item p{line-height:30px} .projectonebom_Ability_item p strong{font-size:22px} .projectonebom_process{padding-top:52px;padding-bottom:42px} .projectonebom_process p{font-size:18px;line-height:38px} .projectonebom_process_table .projectonebom_process_tabletit{font-size:20px;padding:15px 0} .projectonebom_process p.projectonebom_process_tit{font-size:26px;margin-bottom:15px;background-size:24px;padding-left:43px} .projectonebom_case .projectonebom_case_tit{font-size:26px;margin-bottom:15px;background-size:24px;padding-left:43px} .projectonebom_caseul li .projectonebom_caseul_box{padding:40px 40px 0} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_tit{font-size:22px;margin-bottom:47px} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_tit:after{bottom:-20px} .projectonebom_caseul li .projectonebom_caseul_box p{font-size:20px;padding-bottom:8px} .projectonebom_caseul li .projectonebom_caseul_box .projectonebom_caseul_a{padding:3px 28px 1px 28px;margin-top:21px} .projectwo{padding-top:90px} .projectwobom{margin-top:200px} .projectwo .projectwotop p{margin-top:-17px;font-size:18px} .projectwobomfl .projectwofltit{font-size:30px} .projectwobom .container .projectwobomfr{padding-top:34px;padding-bottom:34px} .projectwobomfr p{font-size:18px;padding-top:12px;padding-bottom:12px} .projectwobomfr p span{font-size:22px} .projectwobomfl .projectwofltxt{padding:18px 0} .projectwobomfl .projectwofltxt span{font-size:20px} .projecthree{padding-top:90px} .projecthree .projecthreebom{padding-top:48px} .projecthree .projecthreeitem{padding:25px 40px} .projecthree .projecthreeitem.projecthreeitem03{padding:70px 70px 30px 70px} .projecthree .projecthreeitem i{width:145px} .projecthree .projecthreetop p{margin-top:-17px;font-size:18px} .projecthree .projecthreeitem strong{font-size:20px} .projecthree .projecthreeitem p{line-height:30px} .projectfour{padding-top:90px} .projectfour .projectfourtop p{margin-top:-17px;font-size:18px} .projectfour ul{padding-top:38px} .projectfour ul li{padding-top:20px;padding-bottom:15px} .projectfour ul li a{font-size:18px} .projectfour ul li:first-child a,.projectfour ul li:first-child+li a{font-size:20px;padding-bottom:15px} .projectfour ul li p{line-height:30px} .projectfour ul li:first-child,.projectfour ul li:first-child+li{padding-top:30px;padding-left:60px;padding-right:60px} .projectfive{padding:48px 0;margin-top:51px} .projectfive .container{padding:45px 45px 71px 45px} .projectfive .projectfivetxt{font-size:18px;line-height:38px;margin-top:-24px} .projectfive ul{padding-top:50px;padding-bottom:90px} .projectfive ul li .projectfivetit{font-size:18px;padding:35px 0 20px 0} .projectfivebtn a{font-size:20px;line-height:41px} .aboutone .aboutonefl .protit{font-size:45px;margin-top:66px;margin-bottom:40px} .aboutone .aboutonefl p{font-size:18px;line-height:34px} .homefour{padding-top:54px} .homefourtop{padding-top:80px;padding-bottom:78px} .homefourbox{padding-bottom:75px} .homefourbombox .homefourbomfltit{font-size:20px;line-height:38px} .homefourtop li a{font-size:20px;padding:8px 20px} .homefourbombox p{line-height:32px;height:156px} .homefourbom .homefourbomitem ul li{margin-bottom:18px} .homefivebom{padding-top:140px} .proone{top:75px} .proone .proonetop h1{margin-bottom:64px;font-size:54px} .proonebom{bottom:-74px} .proonebom li{padding-top:30px;padding-bottom:38px} .proonebom li p{font-size:24px;line-height:50px} .proonebom li p i{width:60px;height:50px;background-size:120px 200px} .proonebom li:first-child p i{background-position:-60px 0} .proonebom li:first-child+li p i{background-position:-60px -50px} .proonebom li:first-child+li+li p i{background-position:-60px -100px} .proonebom li:first-child+li+li+li p i{background-position:-60px -150px} .proonebom li p:hover i{background-position-x:0;transition:background-position-x .5s} .protit{font-size:34px;margin-bottom:39px;background-size:401px} .protitbom{font-size:18px;margin-top:-25px} .protwo .protwoitem01{width:1480px;padding-top:106px} .ie8 .protwo .protwoitem01{padding-top:136px} .protwo .protwoitem01 .protwobox p{font-size:18px;line-height:38px} .protwo .protwoitem01 .protwobox .protwopic{padding-top:47px;padding-bottom:95px} .projectpic01{padding-top:47px} .protwoitem02 li{padding:50px 30px;height:330px} .protwoitem02 li .protwolitit{font-size:20px;margin-bottom:40px} .protwoitem02 li .protwolitxt{line-height:34px} .protwoitem02 li .protwolitit:after{bottom:-23px} .prothree{padding-top:106px} .prothree.prothreeitem{padding-top:66px;padding-bottom:48px} .prothree .prothreebom{padding-top:35px} .prothree .prothreebom a{margin-right:43px;padding:5px 15px;margin-bottom:23px} .prothree .prothreetop li .prothreetopbox{padding:40px 40px 0} .prothree .prothreetop li .prothreetopbox .prothreetoptit{font-size:22px;margin-bottom:47px} .prothree .prothreetop li .prothreetopbox .prothreetoptit:after{bottom:-20px} .prothree .prothreetop li .prothreetopbox p{font-size:20px;padding-bottom:8px} .prothree .prothreetop li .prothreetopbox .prothreetopa{padding:3px 28px 1px 28px;margin-top:21px} .profour .profourbox p{font-size:20px;padding:10px 30px} .profive{padding-top:50px} .profive h3{font-size:32px} .profive .profivebox p,.profive ul li{font-size:18px;line-height:38px} .profivebox span{font-size:22px;margin-top:30px;margin-bottom:15px} .profive ul li i{top:13px} .profive ul,.profivebox{padding-bottom:57px} .proeight{margin-top:70px} .proeight:after{width:325px;background-size:325px;height:268px;top:-268px} .proeight:before{right:97px;width:182px;background-size:182px;height:284px} .proeight .proeightfl .proeighttit{font-size:18px;margin-bottom:52px} .proeight .proeightfl .proeighttit span{font-size:45px;margin-bottom:27px} .proeight .proeightfl .proeighticon{padding-top:50px;padding-bottom:50px} .proeight .proeightfl .proeighticon span{font-size:22px;padding:0 35px;background-size:21px} .proeight .proeightfl .proeightbox .proeightboxfl{margin-bottom:35px} .proeight .proeightfl .proeightbox .proeightboxfl input{padding:0 15px;font-size:18px;height:64px} .proeight .proeightfl .proeightbox .proeightboxone span em{font-size:18px} .proeight .proeightfl .proeightbox .proeightboxone textarea{height:267px;font-size:20px;line-height:30px} .proeight .proeightfl .proeightbox p span{font-size:18px} .proeight .proeightfl .proeightbox p i{width:26px;height:26px;margin-top:-13px} .proeight .proeightfl .proeightbox p:first-child i,.proeight .proeightfl .proeightbox p:first-child+p i,.proeight .proeightfl .proeightbox p:first-child+p+p i{background-size:26px} .proeightboxbtn .prodlbtn{font-size:26px;padding:9px 60px 16px;border-radius:12px} .proeightfr{padding:55px} .proeightfr .proeightfrtit{font-size:30px} .proeightfr .proeightfrtxt{font-size:18px;line-height:30px;padding:70px 0} .proeightfr .proeightfrtel{font-size:22px} .proeightfr .proeightfrtel span{font-size:24px;padding-top:17px} .abouttwo{padding-top:86px;padding-bottom:86px} .abouttwo .protit{font-size:45px;margin-bottom:52px} .abouttwoswiper .swiper-slide .abouttwotit{font-size:22px;padding-top:33px} .aboutthree .container{padding-top:80px} .aboutthree .aboutthreefr .protit{font-size:45px;margin-top:66px;margin-bottom:50px} .aboutthree .aboutthreefr p{font-size:18px;line-height:34px} .aboutthree .aboutthreefr{width:810px} .aboutthree ul{margin-left:-7px;margin-right:-70px;margin-top:72px} .aboutthree ul li{width:auto;margin-left:60px;padding:0} .aboutthree ul li strong{font-size:40px} .aboutthree ul li span{font-size:16px;margin-top:22px} .aboutfour{padding-top:110px;padding-bottom:130px} .aboutfour .container .aboutfouritem h3{font-size:45px;line-height:50px;padding-top:60px;margin-bottom:60px} .aboutfour .container .aboutfouritem p{font-size:18px;line-height:34px} .aboutfour .container .aboutfouritem h3:after{width:16.5%;bottom:-33px} .contactone{padding-bottom:25px} .contactonetop{width:66.6667%;padding-top:70px} .contactonetop h3{font-size:40px;line-height:45px;padding-bottom:15px} .contactonetop p{line-height:30px} .contactone ul{padding-top:75px} .contactone ul li:first-child+li,.contactone ul li:first-child+li+li+li,.contactone ul li:first-child+li+li+li+li+li{margin-top:114px} .contactone ul li{padding-top:40px;padding-bottom:70px} .contactone ul li .contactonetit{font-size:24px;margin-bottom:130px} .contactone ul li .contactonenum{font-size:100px} .contactone ul li .contactonetit:after{background-size:19px;width:19px;height:111px;margin-left:-10px} .contactone ul li .contactonetxt{font-size:16px} .contacttwofr{padding:34px 30px} .contacttwofr li{font-size:20px;margin-top:12px} .contacttwofr li.contacttwofrtit{padding-left:15px;padding-right:15px;margin-bottom:25px} .contacttwofr li.contacticon04 span{font-size:26px} .contacttwofr li.contacticon02,.contacttwofr li.contacticon03,.contacttwofr li.contacticon04{background-position:left 7px} .pshowone{margin-bottom:107px} .pshowonebox{margin-bottom:-107px} .pshowoneflbom{padding-top:60px} .pshowoneflbom span{font-size:16px;padding-left:25px;background-size:18px} .pshowonebox .pshowoneitem01 .pshowonefr{padding-top:0} .pshowonefr h1{font-size:40px;margin-bottom:33px} .pshowonefr .pshowonefrbox p{font-size:18px;line-height:35px;margin-bottom:17px} .pshowonefr .pshowonefrbox p i{font-size:24px} .pshowonefr .pshowonefrbom{padding-top:25px} .pshowonefr .pshowonefrbom a{width:224px;height:60px;font-size:24px;line-height:55px} .pshowonefr .pshowonefrbom span{background-size:40px;padding-left:52px;font-size:28px} .pshowonefr .pshowonefrbom span i{font-size:20px} .pshowonebox .proshowoneitem02{padding:25px 0;height:80px} .pshowonebox .proshowoneitem02 a{font-size:22px} .pshowtwo{padding-top:75px} .pshowtwo .pshowtwofr .pshowtwofritem{margin-bottom:52px} .pshowtwofritem .pshowtwofrtit:after,.pshowtwofritem .pshowtwofrtit:before{width:32px;height:25px;background-size:32px} .pshowtwofritem .sidecase,.sidenew{padding:26px} .pshowtwofritem .sidecase li{padding-bottom:25px} .pshowtwofritem .sidecase .sidecasetit{font-size:18px;line-height:28px} .sidenew ul{border-top-right-radius:27px} .sidenew ul li{border-top-right-radius:27px;padding-top:16px} .sidenew ul li .sidenewtit{font-size:16px;height:50px;line-height:25px} .pshowtwofl h2{font-size:30px;line-height:40px} .pshowtwofl h3{font-size:30px;line-height:40px} .pshowtwofl h4{font-size:18px} .pshowtwofl p{font-size:18px;line-height:34px} .pshowtwofl ul li{font-size:18px;line-height:34px;background-position:left 12px;padding:0 0 8px 20px;background-size:10px} .prelnew{padding-top:40px} .prelnew h3{font-size:30px;line-height:40px;margin-bottom:30px} .prelnew ul{padding-left:38px;padding-right:38px;padding-top:40px;padding-bottom:78px} .prelnew ul li a{font-size:18px} .prelnew ul li span{font-size:16px} .newban .container{padding-top:75px} .newban .newbanfl .newbanfltit{font-size:54px;margin-bottom:64px} .newban .newbanfl .newbanfltit span{font-size:20px} .newban .newbanfl .newbanfltxt{font-size:80px;letter-spacing:4px;margin-top:30px} .newban .newbanfl .newbanfltxt span{left:112px} .newban .newbanfr{font-size:16px;line-height:35px} .newban .beardnav{padding-top:70px} .newbox .newboxtop{padding-top:36px;padding-bottom:36px} .newbox .newboxtop a{font-size:18px} .newboxbom{padding-top:36px} .newboxbom li{margin-bottom:40px;margin-left:98px} .newboxbom li .newdot{width:87px;height:87px;background-size:87px;left:-116px} .newboxbom li .newline02{left:-72px} .newboxbom li .newtime{padding-top:37px} .newboxbom li .newtime strong{padding-bottom:12px;font-size:22px} .newboxbom li .newtxt{padding-top:32px;padding-bottom:32px} .newboxbom li .newtxt a{font-size:22px;margin-bottom:24px} .caseban .container{padding-top:80px} .caseban .casebanbox .casebanboxtit{font-size:54px;margin-bottom:64px} .caseban .beardnav{padding-top:49px} .casebox{padding-bottom:60px} .casebox .caseboxtop{padding:40px 72px 1px} .casebox .caseboxtop span{font-size:18px} .casebox .caseboxtop .zxbox{padding-left:75px} .casebox .caseboxtop ul li{font-size:16px;margin-right:30px;margin-bottom:30px} .casebox .caselist{padding-top:15px} .casebox .caselist li{margin-top:45px} .casebox .caselist li p{font-size:20px} .casebox .caselist li p:after{width:100px;height:100px;right:-50px;bottom:-50px} .caseshowonebox .caseshowoneitem01{border-top-right-radius:170px;padding-bottom:50px} .caseshowonebox{background-size:154px} .caseshowonefr h1{font-size:40px;margin-bottom:17px} .caseshowonefr .caseshowonefrbox p:nth-child(1){padding-right:74px} .caseshowonefr .caseshowonefrbox p:nth-child(1) span,.caseshowonefr .caseshowonefrbox p:nth-child(2) span{font-size:18px} .caseshowonefr .caseshowonefrbox p i{font-size:21px;line-height:36px} .caseshowonefr .caseshowonefrbox p i:after,.caseshowonefr .caseshowonefrbox p i:before{height:36px} .caseshowonefr .caseshowonefrbox p i:after{border-radius:0 18px 18px 0} .caseshowonefr .caseshowonefrbox p i:before{border-radius:18px 0 0 18px} .caseform .caseformtit{font-size:18px} .caseform .caseformbox dd{padding-top:20px} .caseform .caseformbox dt{padding-top:20px} .caseform .caseformbox dt .casebtn{font-size:20px} .caseshowonefr .caseshowonefrbom span{font-size:22px;background-size:40px;padding-left:52px} .caseshowonefr .caseshowonefrbom span i{font-size:18px;padding-bottom:13px} .newban01{padding-bottom:50px} .newban01 .container{padding-top:20px} .newban01 h1{font-size:45px;line-height:50px;margin-top:75px;margin-bottom:25px} .newban01 .newtime{padding-bottom:65px} .newshow{margin-top:-75px;background-size:514px;padding-top:195px} .newshowtop{height:123px} .newshowtop .newshowtopbox span{font-size:16px} .newshowtop .newshowtopbox span strong{font-size:20px} .newshowtop .newshowtoptxt{font-size:16px} .newpage{padding:25px 77px} .newpage p{font-size:18px} } @media screen and (min-width:1920px){ .homeonebox:after{width:calc(50% - 700px)} .homethreetit span{width:calc(50% + 542px)} .homethreetit span:after{right:170px} .hometwo .hometwobox:after{width:calc(50% + 542px)} } @media screen and (min-width:1921px){ .homeoneclrc{right:auto;left:calc(50% + 600px)} .prosixbom:before{width:calc(50% - 500px)} .projectone:before{right:calc(50% - 971px)} .fixed01{left:calc(50% - 850px)} .aboutthree:after{width:calc(50% + 380px)} .aboutthree:before{width:calc(50% - 380px)} .aboutfourbg01{left:calc(50% - 700px);max-width:1580px} .contact .contacticon06{right:auto;left:calc(50% + 500px)} } .ie8 .header_scroll.header .topphoto{background:0 0} .ie8 .proeight:after,.ie8 .proeight:before,.ie8 .projectonebg:after,.ie8 .protwo:after{display:none!important} .ie8 .homeone .homeonefl:before{display:none!important;background:0 0!important} .ie8 .homeoneclrc:after,.ie8 .homeonepicitem:after{display:none!important;border:0 solid rgba(45,60,100,.16)!important} .ie8 .projectone:before{width:500px;height:368px} .ie8 .projectonebom_Ability_item p{display:block} .ie8 .homemore{clear:both;display:block} .ie8 .projectonebom_Ability_item P SPAN{float:none} .ie8 .insideban{margin-bottom:0;z-index:5} .ie8 .proonebom li p i{width:60px;height:50px} .ie8 .proonebom li:first-child p i{background-position:-60px 0} .ie8 .proonebom li:first-child+li p i{background-position:-60px -50px} .ie8 .proonebom li:first-child+li+li p i{background-position:-60px -100px} .ie8 .proonebom li:first-child+li+li+li p i{background-position:-60px -150px} .ie8 .proonebom li:first-child p:hover i,.ie8 .proonebom li:first-child+li p:hover i,.ie8 .proonebom li:first-child+li+li p:hover i,.ie8 .proonebom li:first-child+li+li+li p:hover i{background-position-x:0;transition:background-position-x .5s} .ie8 .proeight .proeightfl .proeighttit span{padding-left:0;background:0 0} .ie8 .proeight .proeightfl .proeighticon span{padding-left:35px} .ie8 .hometwoboxitem p,.ie9 .hometwoboxitem p{display:block} .ie8 .hometwoboxitem P SPAN,.ie9 .hometwoboxitem P SPAN{float:none} .ie8 .hometwoboxitem P SPAN.hometwoboxitemsp02,.ie9 .hometwoboxitem P SPAN.hometwoboxitemsp02{display:inline;width:auto} .ie8 .homefivebom dl dd p{display:block;padding:20px 15px} .ie8 .homeoneclrc .homeonefritem{position:static} .ie8 .homeone .homeonefr .homeonenext{top:-20px;right:10px;left:auto} .ie8 .homeone .homeonefr .homeonepev{top:-20px;left:10px;right:auto} .ie8 .homeone .homeonefr .homeonetxt{border-left:0 solid #e2e5eb} .ie8 .homeoneclrc .active.homeonefritem:before{border:0 solid #2560ea} .ie8 .homeoneclrc .homeonefritem{display:block;height:auto;padding:20px 0;margin-top:15px} .ie8 .homeoneclrc{top:0;bottom:0} .ie8 .pshowoneflbom span{padding-left:35px;padding-right:15px} .ie8 .protit{background:0 0!important} .newbomtime{clear:both;display:block;margin-left:5.1333%;background:url(../images/newicon03.png) left center no-repeat;margin:20px 0 20px 5.1333%;padding-left:25px;font-size:14px;color:#b0afaf;line-height:24px} .popup-bg{background:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;transition:all linear .3s;opacity:0;display:none\9} .popup-bg-active{opacity:1;display:block} .msg-popup{width:1020px;height:480px;background:#fff;padding:0 98px 0 18px;position:absolute;left:50%;top:50%;margin-left:-510px;margin-top:-240px;overflow:hidden} .msg-popup .fl{float:left;line-height:1;text-align:center;padding-top:45px} .msg-popup .fl .sty1{background:#f9c21d;border-radius:30px;padding:0 35px;font-size:18px;line-height:37px;color:#fff;display:table;margin:0 auto} .msg-popup .fl .sty2{font-size:24px;color:#282828;margin-top:38px;margin-bottom:46px} .msg-popup .fl .sty2 span{font-size:40px;color:#ffcd37;padding:0 15px} .msg-popup .fl .sty3{height:111px;background:url(../images/msg-popup03.png) center top no-repeat;background-size:364px;padding-top:29px;font-size:22px;color:#383737} .msg-popup .fl .sty4{margin-top:15px;overflow:hidden} .msg-popup .fl .sty4 li{width:120px;float:left;background:url(../images/msg-popup04.png) center top no-repeat} .msg-popup .fl .sty4 li span{font-size:20px;color:#383737;font-weight:700;display:block;padding-top:23px;padding-bottom:20px} .msg-popup .fl .sty4 li p{font-size:12px;color:#383737;line-height:1.6} .msg-popup .fr{width:373px;float:right;padding-top:34px} .msg-popup .fr .sty1{background:url(../images/msg-popup02.png) center right no-repeat;text-align:right;padding-top:42px;position:relative} .msg-popup .fr .sty1::before{content:"";width:70px;height:48px;background:url(../images/msg-popup01.png) center no-repeat;background-size:100%;position:absolute;left:-15px;bottom:0} .msg-popup .fr .sty2{margin-top:35px;padding-left:54px} .msg-popup .fr .sty2 .sminput{line-height:41px;position:relative} .msg-popup .fr .sty2 .sminput span{font-size:18px;color:#383737;position:absolute;left:-54px;top:0} .msg-popup .fr .sty2 .sminput input,.msg-popup .fr .sty2 .sminput textarea{width:100%;height:41px;border:1px solid #cdcdcd;border-radius:3px;font-size:14px;padding-left:12px;padding-right:12px;display:block} .msg-popup .fr .sty2 .sminput input:-webkit-autofill{-webkit-text-fill-color:#333;-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important} .msg-popup .fr .sty2 .input-tel{margin-top:16px;margin-bottom:16px} .msg-popup .fr .sty2 .input-txt textarea{height:55px;line-height:1.5;padding-top:5px} .msg-popup .fr .sty2 .note{font-size:14px;color:#f31111;margin-top:8px;margin-bottom:15px} .msg-popup .fr .sty2 .submit{width:100%;height:53px;background:#f9c21d;border-radius:5px;font-size:24px;color:#161616;cursor:pointer;transition:all linear .3s} .msg-popup .fr .sty2 .submit:hover{background:#f31111;color:#fff} .msg-popup .fr .sty3{padding-left:54px;font-size:14px;color:#4e4e4e;line-height:25px;margin-top:18px} .msg-popup .fr .sty3 span{width:41px;height:25px;background:#fc3;text-align:center;display:inline-block;vertical-align:middle;margin-left:4px;margin-right:4px} .msg-popup .close{font-size:60px;font-style:normal;font-weight:100;color:#5f5a50;display:block;position:absolute;right:10px;top:15px;cursor:pointer;transition:all linear .3s} .msg-popup .close:hover{color:#f9c21d}