@charset "utf-8";*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,audio,blockquot,body,dd,div,dl,dt,figcaption,figure,filedset,form,h1,h2,h3,h4,h5,h6,header,html,input,li,nav,ol,p,section,ul,video{margin:0;padding:0}
em,h1,h2,h3,h4,h5,h6{font-size:1em;font-style:normal;font-weight:400}
li,ol,ul{list-style:none}
fieldset,img{max-width:100%;height:auto;border:0 none;vertical-align:middle}
table{width: 100%;max-width: 100%;border-collapse:separate;}
table td,table th{text-align:center;padding:10px;line-height:20px;word-break:break-all}
button,input,select,textarea{font:12px/20px Arial;outline:0;resize:none;border:none}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;outline:0;cursor:pointer}
:focus{outline:0}
a{color:#00132b;text-decoration:none;outline:0;cursor:pointer}
a:link,a:visited{text-decoration:none}
a:active{text-decoration:none}
.clearfix:after{clear:both;content:'';display:block;height:0;line-height:0;visibility:hidden}
.clearfix{zoom:1}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
body{font:14px/20px "Microsoft YaHei",Arial;color:#333;line-height:1}
.w{max-width:1300px;margin:0 auto}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.header{width:100%;height:87px;padding:0 4%;border-bottom:1px solid rgba(208,208,208,.1);font-size:0;text-align:center;line-height:87px;position:absolute;left:0;top:0;z-index:9999}
.header .logo{width:197px;float:left;line-height:87px}
.header .nav{display:inline-block}
.header .nav li{float:left}
.header .nav li a{font-size:18px;color:#fff;padding:0 32px;display:block;position:relative}
.header .nav li a:before{content:"";height:20px;border:0 solid #00adef;border-top:none;border-radius:20px;display:block;position:absolute;left:50%;right:50%;bottom:22px;transition:.5s}
.header .nav .active a:before,.header .nav li:hover a:before{left:0;right:0;border:2px solid #00adef;border-top:none}
.header .tel{background:url(../images/phone.png) left center no-repeat;background-size:22px;padding-left:30px;font-size:18px;color:#fd7c6b;line-height:87px;float:right}
.header .tel strong{font-size:24px;line-height:1}
.banner{width:100%;background:#abb0b6;position:relative;z-index: 3;box-shadow:0 10px 79px rgba(86,88,90,.72);}
.banner video{width:100%;margin-top:-130px;position:relative}
.banner .swiper-container{width:100%;height:120px;position:absolute;left:0;top:168px;z-index:2}
.banner .swiper-container .btn{width:27px;height:45px;display:block;position:absolute;top:0;z-index:10;cursor:pointer}
.banner .swiper-container .swiper-button-next{background:url(../images/ban-lr.png) right no-repeat;right:0}
.banner .swiper-container .swiper-button-prev{background:url(../images/ban-lr.png) left no-repeat;left:0}
.banner .swiper-slide ul{height:120px;position:relative}
.banner .swiper-slide li{width:245px;padding-left:50px;position:absolute;left:49.5%;top:0}
.banner .swiper-slide li:first-child{left:16.4%}
.banner .swiper-slide li:before{content:"";width:27px;height:27px;background:url(../images/ban-zs.png) left no-repeat;display:block;position:absolute;left:0;top:8px}
.banner .swiper-slide li h3 a{height:60px;font-size:16px;color:#fff;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.banner .swiper-slide li p{height:48px;font-size:12px;color:#c0bebc;line-height:24px;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.banner .swiper-slide li span{font-size:16px;color:#fff;font-weight:700;position:absolute;left:-54px;top:6px}
.banner .swiper-slide .more{width:245px;padding-left:50px;font-size:16px;color:#fff;line-height:30px;position:absolute;right:4.5%;top:0}
.banner .swiper-slide .more:before{content:"";width:27px;height:27px;background:url(../images/ban-zs.png) right no-repeat;display:block;position:absolute;left:0;top:8px}
.banner .swiper-slide .more:hover,.banner .swiper-slide li:hover h3 a{color:#00adef}
.banner .text{font-size:30px;color:#fff;line-height:60px;font-weight:700;position:absolute;left:34.5%;bottom:220px;z-index:2}
.banner .text:before{content:"";width:409px;height:419px;background:url(../images/40year.png) no-repeat;background-size:100%;display:block;position:absolute;left:-450px;top:0}
.titles{padding:0 0 68px 48px;position:relative;z-index:1}
.tit-zs{position:absolute;left:0;top:15px;z-index:-1}
.tit-zs i{width:24px;height:24px;background:#00adef;font-size:16px;color:#fff;font-style:normal;font-weight:700;text-align:center;line-height:22px;border-radius:50%;display:block}
.tit-zs i:after,.tit-zs i:before,.tit-zs:before{content:"";border:1px solid #c4cbd7;border-radius:50%;position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px}
.tit-zs i:after{left:-66px;right:-66px;top:-66px;bottom:-66px}
.tit-zs:before{border:1px solid #d8dfe9;left:-135px;right:-135px;top:-135px;bottom:-135px}
.home .titles h2{font-size:50px;color:#21252d;font-weight:700}
.home .titles p{font-size:16px;color:#494d56;line-height:30px;margin-top:32px}
.home1{background:#e3e9f3;padding:140px 0 65px;position: relative;z-index: 2;}
.home1 .w{position:relative}
.home1 dl{position:relative;z-index:1}
.home1 dl:before{content:"+";width:34px;height:34px;border:1px solid #00adef;font-size:20px;color:#00adef;text-align:center;line-height:30px;display:block;position:absolute;transition:all .5s ease}
.home1 dl:hover:before{background:#00adef;color:#fff}
.home1 dl dd a{display:block;position:relative}
.home1 dl dd a:before{content:"";background:rgba(0,0,0,0);position:absolute;left:0;right:0;bottom:0;top:0;transition:all .5s ease}
.home1 dl:hover dd a:before{background:rgba(1,29,45,.6)}
.home1 dl dt{background:#fff;padding:20px;position:relative}
.home1 dl dt:before{content:"";background:#00adef;display:block;position:absolute;left:0;top:0}
.home1 dl dt h3{margin:15px 0 20px}
.home1 dl dt h3 a{font-size:26px;color:#21252d;font-weight:700;display:block}
.home1 dl dt .ys{font-size:0;margin:-11px 0 0 -8px}
.home1 dl dt .ys span{font-size:14px;color:#00adef;border:1px solid #00adef;border-radius:50px;padding:3px 10px;margin:11px 0 0 8px;display:inline-block}
.home1 dl dt .text{font-size:16px;color:#888b8f;line-height:24px;margin-top:20px}
.home1 .cp1{width:40.154%}
.home1 .cp1:before{right:-49px;bottom:0}
.home1 .cp1 dt{width:190px;position:absolute;right:-53px;bottom:49px}
.home1 .cp1 dt:before{width:4px;height:116px}
.home1 .cp2{width:50%;position:absolute;right:0;top:0}
.home1 .cp2:before{right:0;bottom:-54px}
.home1 .cp2 dt{width:438px;position:absolute;right:50px;bottom:-54px}
.home1 .cp2 dt:before{width:4px;height:55px}
.home1 .cp2 dt h3{display:inline-block;vertical-align:middle;margin:0}
.home1 .cp2 dt .ys{display:inline-block;vertical-align:middle;margin-left:5px}
.home1 .cp3{width:41.693%;position:absolute;right:68px;bottom:0}
.home1 .cp3:before{right:-51px;bottom:0}
.home1 .cp3 dt{width:203px;position:absolute;right:-68px;bottom:49px}
.home1 .cp3 dt:before{width:4px;height:85px}
.home2{padding:54px 0;overflow:hidden;position:relative;z-index:10}
.home2 ul li{width:23%;margin-left:2.66%;float:left;border:1px solid #d7dee9;text-align:center;padding:25px 0 75px;position:relative}
.home2 ul li:first-child{margin-left:0}
.home2 ul li p{width:225px;background:#fff;border-radius:0 30px 0 0;box-shadow:0 8px 16px rgba(86,88,90,.31);position:absolute;left:-1px;bottom:-1px;transition:all .2s ease}
.home2 ul li p a{font-size:22px;color:#21252d;font-weight:700;line-height:53px;display:block;transition:all .2s ease}
.home2 ul li .more{width:75px;background:#00adef;font-size:16px;color:#fff;text-align:center;line-height:34px;position:absolute;right:-1px;bottom:-1px;transition:all .2s ease}
.home2 ul li:hover p{background:#00adef}
.home2 ul li:hover p a{color:#fff}
.home2 ul li:hover .more{background:#fff;color:#00adef}
.home3{padding:90px 0 0;margin-top:-22%;position:relative}
.home3 .titles{z-index:2}
.home3 .swiper-container{width:100%}
.home3 .swiper-pic img{width:100%;}
.home3 .swiper-text{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5}
.home3 .swiper-text .swiper-slide{padding-top:26.5%}
.home3 .swiper-text .swiper-slide .tit-zs:before{opacity:.4}
.home3 .swiper-text .swiper-slide ul{position:absolute;left:0;right:0;top:12%;bottom:0}
.home3 .swiper-slide li{position:absolute;cursor:pointer;z-index:2}
.home3 .swiper-slide li span{width:40px;height:40px;display:block;border-radius:50%;margin:auto;box-shadow:0 3px 10px #002c67;position:relative}
.home3 .swiper-slide li span:before{content:"";background:#eef5fe;border-radius:50%;position:absolute;left:-9px;right:-9px;top:-9px;bottom:-9px;z-index:-1;opacity:.8}
.home3 .swiper-slide li span:after{content:"";border:1px solid #bbebfd;border-radius:50%;position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;transition:all .5s ease}
.home3 .swiper-slide li span i{width:100%;height:100%;background-color:#00adef;background-image:linear-gradient(#d8f4ff,#00adef);border-radius:50%;display:block;font-size:28px;font-style:normal;text-align:center;line-height:36px;color:#fff;box-shadow:0 1px 0 #0471a5}
.home3 .swiper-slide li .cp-txt{width:377px;height:0;background:url(../images/home-albg.png) center no-repeat;background-size:100% 105%;font-size:16px;color:#888b8f;line-height:30px;overflow:hidden;position:absolute;right:-83px;bottom:22px;opacity:0;transition:all .5s ease;z-index:2}
.home3 .swiper-slide li .cp-txt h3{background-color:#00adef;background-image:linear-gradient(#d8f4ff,#00adef);border-radius:8px 8px 0 0;font-size:20px;font-weight:700;text-align:center;line-height:45px;margin:0 2.6% 0 2.4%;box-shadow:0 3px 10px rgba(0,44,103,.39)}
.home3 .swiper-slide li .cp-txt h3 a{color:#fff;display:block}
.home3 .swiper-slide li .cp-txt p{height:90px;padding:0 6.5%;margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home3 .al1 .l1{left:23%;top:49%;z-index:2}
.home3 .al1 .l2{left:26.5%;top:62.5%}
.home3 .al1 .l3{right:14.5%;top:50%}
.home3 .al2 .l1{left:15%;bottom:36%}
.home3 .al2 .l2{left:30%;top:59%}
.home3 .al2 .l3{right:35%;top:43%}
.home3 .al2 .l4{right:18%;top:41%}
.home3 .swiper-slide li:hover .cp-txt{height:190px;opacity:1}
.home3 .swiper-slide li:hover span:after{opacity:0}
.home3 .alzs{width:455px;height:83px;background:#ff7a5f;border-radius:100px;font-size:30px;text-align:center;color:#fff;line-height:83px;display:block;text-shadow:0 0 8px #e93d1a;margin:-16px auto 0;position:relative;z-index:5;box-shadow:0 30px 50px -20px rgba(233,61,26,.5)}
.home3 .alzs img{margin-left:25px}
.home4{background:url(../images/home-newsbg.jpg) center 10% no-repeat;overflow:hidden;margin:110px 0 70px}
.home4 .same{width:47%}
.home4 .same h2{margin:0 0 35px 0}
.home4 .same h2 a{background:url(../images/rot-newszs.png) left center no-repeat;padding-left:48px;font-size:40px;color:#1c1d20;font-weight:700;display:block}
.home4 .same ul{padding-left:13px}
.home4 .same ul li{width:100%;overflow:hidden;font-size:16px;line-height:24px;position:relative;padding-left:24px}
.home4 .same ul li:before{content:'';width:8px;height:8px;border:1px solid #00adef;border-radius:50%;display:block;position:absolute;left:0;top:50%;margin-top:-4px}
.home4 .same ul li a{width:80%;height:100%;color:#494d56;display:block;padding:13px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .5s ease}
.home4 .same ul li span{color:#a0a2a7;padding:12px 0;position:absolute;right:0;top:0}
.home4 .same ul li:hover a{color:#00adef;padding-left:15px}
.home5{width:100%;background:url(../images/home-rwbg.jpg) center no-repeat;background-size: cover;padding:120px 0 80px;}
.home5 .w{position:relative}
.home5 .titles .tit-zs{top:58px}
.home5 .tit-zs:before{opacity:.05}
.home5 .tit-zs i:before{opacity:.2}
.home5 .tit-zs i:after{opacity:.1}
.home5 .titles h2{color:#fff;line-height:84px}
.home5 .titles p{width:710px;color:#fff;line-height:36px;margin:40px 0}
.home5 .msg{width:346px;background: #575a5d;background: url(../images/home-rwbg2.png) center top no-repeat;border-radius:6px;padding-bottom:38px;margin:0 0 0 320px;position:relative;}
.home5 .msg:before{content:"";width: 352px;height: 435px;background:url(../images/home-rwzs.png) no-repeat;display:block;position:absolute;left:-285px;top: -5px;}
.home5 .msg .text{background-size:100%;padding:30px 0 70px;border-radius:6px;font-size:16px;color:#494d56;text-align:center;}
.home5 .msg .text strong{display:block;font-size:26px;color:#1c1d20;margin-bottom:20px}
.home5 .msg form{padding:0 45px}
.home5 .msg form .same{background:#fff;border-radius:10px;margin:0 0 15px 0;padding-left:44px;position:relative}
.home5 .msg form .same:before{content:"";width:17px;height:18px;display:block;position:absolute;left:15px;top:50%;margin-top:-9px}
.home5 .msg form .tel:before{background:url(../images/home-rwzs2.png) left top no-repeat}
.home5 .msg form .txt:before{background:url(../images/home-rwzs2.png) left bottom no-repeat}
.home5 .msg form .same input,.home5 .msg form .same textarea{width:100%;height:42px;background:0 0;border:none;font-size:16px;color:#9699a0}
.home5 .msg form .txt{padding:14px 14px 14px 44px}
.home5 .msg form .txt:before{top:14px;margin:0}
.home5 .msg form .txt textarea{height:34px;resize:none}
.home5 .msg form .submit{border-radius:50px;margin-top:30px;overflow:hidden;}
.home5 .msg form .submit button{width:257px;height:56px;background-color: #fe6546;background-image: linear-gradient(#ff947e,#fe6546);border:none;font-size:20px;color:#fff;font-weight:700;cursor:pointer;}
.home5 .text2{width:300px;font-size:16px;color:#fff;line-height:36px;position:absolute;right:0;bottom:155px}
.home5 .text2:before{content:"";width:29px;height:27px;background:url(../images/home-rwzs2.png) right top no-repeat;display:block;position:absolute;left:-32px;top:-25px}
.home5 .text2 p{margin: 0 0 15px;}
.footer{width:100%;background:#040c13;font-size:16px;color:#fff;line-height:34px}
.footer a{color:#fff;display:inline-block}
.footer .copyright{text-align:center;padding:30px 0}
.footer .copyright a{margin:0 10px}
.footer .link{padding:30px 0;border-top:1px solid #fff;opacity:.2}
.footer .link a{margin:0 5px}
.location{font-size:16px;color:#fff;text-align:left;padding:0 65px;opacity:.5;position:relative;z-index:10}
.location li{display:inline-block}
.location li a{color:#fff;display:block}
.about-ban{width:100%;height:919px;background:url(../images/about-ban.png) center bottom no-repeat;background-size: cover;padding:100px 0;position:relative;}
.about-ban .titles{width:800px;padding:0 0 0 95px;margin-top:170px}
.about-ban .titles .tit-zs{top:66px}
.about-ban .titles .tit-zs i:after,.about-ban .titles .tit-zs:before{opacity:.1}
.about-ban .titles .tit-zs i:before{opacity:.6}
.about-ban .slogan{font-size:20px;color:#097ebf}
.about-ban h2{font-size:50px;color:#fff;font-weight:700;line-height:88px;margin:15px 0 65px}
.about-ban p{font-size:16px;color:#fff;line-height:30px}
.about h2{font-size:40px;color:#21252d;font-weight:700}
.about p{font-size:16px;line-height:30px}
.about1{width:100%;background:url(../images/about-bg.jpg) center top no-repeat;background-size: cover;margin-top:-105px;text-align:center;padding:130px 0 76px;}
.about1 .text{padding:0 16%}
.about1 .text p{color:#fff;margin:25px 0}
.about1 h2{margin:200px 0 55px}
.about1 ul{width:102%;margin-left:-1.2%}
.about1 ul li{width:25%;height:663px;float:left;background:url(../images/about-rwbg.png) center top no-repeat;background-size:100%;padding:65px 2.2% 109px;position:relative}
.about1 ul li strong{display:block;font-size:26px;color:#21252d;margin:40px 0 18px}
.about1 ul li span{font-size:22px;color:#21252d;display:block;margin:18px 0 22px}
.about1 ul li p{color:#66686c;padding:0 4%}
.about1 ul li i{width:28px;height:28px;background:#fff;border-radius:50%;font-size:14px;color:#66686c;text-align:center;line-height:28px;font-style:normal;position:absolute;left:0;bottom:50px;box-shadow:0 3px 10px rgba(157,163,167,.9)}
.about2{padding:100px 0;overflow:hidden}
.about2 .w{position:relative}
.about2 h2{line-height:72px;position:absolute;left:0;top:3.5%}
.about2 h2 strong{display:block;padding-left:40px}
.about2 p{width:31%;color:#66686c;position:absolute}
.about2 .p1{left:0;top:22.6%}
.about2 .p2{left:5.8%;bottom:0}
.about2 .p3{width:25.4%;right:0;bottom:9%}
.about2 img{max-width:102%}
.about2 .slogan{font-size:45px;color:#e2e2e3;display:block;position:absolute;right:-350px;top:320px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
.about2 .slogan:before{content:"";width:187px;height:1px;background:#d7d7d7;display:inline-block;vertical-align:super;margin-right:25px}
.about3{width:100%;background:url(../images/about-bg02.jpg) center top no-repeat;background-size: 100%;padding:100px 0;text-align:center;}
.about3 h2{color:#fff}
.about3 p{color:#fff;padding:50px 30% 120px}
.about3 img{padding:0 6%}
.about4{background:url(../images/about-bg03.jpg) center top no-repeat;background-size: cover;text-align:center;padding:100px 5%;}
.about4 img{margin:100px 0 0}
.cpzs-ban{width:100%;background: url(../images/cpzs-rotbg.jpg) center no-repeat;background-size: cover;padding:100px 0 0;}
.cpzs-ban .swiper-product{width:100%;height:100%;overflow:hidden;position:relative}
.cpzs-ban .swiper-product .swiper-wrapper{width:100%;height:100%;overflow:hidden;position:relative}
.cpzs-ban .swiper-product .swiper-slide{width:1300px;height:100%;overflow:hidden;float:left;text-align:center;padding:80px 0 80px;position:relative}
.cpzs-ban .swiper-product .swiper-slide h3{width:100%;position:absolute;right:0;top:30px}
.cpzs-ban .swiper-product .swiper-slide h3 a{width:1300px;font-size:50px;color:#fff;font-weight:700;text-align:right;letter-spacing:5px;display:block;margin:0 auto;padding:0 178px}
.cpzs-ban .swiper-product .swiper-slide .text{width:100%;position:absolute;right:0;top:140px}
.cpzs-ban .swiper-product .swiper-slide .text p{width:1300px;margin:0 auto 10px;padding:0 118px;text-align:right}
.cpzs-ban .swiper-product .swiper-slide .text p span{width:295px;height:43px;background:url(../images/cpzs-rotzs.png) center right no-repeat;font-size:18px;color:#00adef;line-height:40px;text-align:left;padding:0 25px;display:inline-block}
.cpzs-ban .swiper-product .swiper-slide .text p:first-child span{margin-right:35px}
.cpzs-ban .swiper-product .swiper-slide .text p span:before{content:"+";width:18px;height:18px;background:#00adef;border-radius:50%;font-size:15px;color:#fff;text-align:center;line-height:15px;font-weight:700;display:inline-block;vertical-align:middle;margin-right:22px}
.cpzs-ban .swiper-product .swiper-slide .more{width:220px;height:220px;background:#fff;border-radius:50%;position:absolute;right:-32px;bottom:6%}
.cpzs-ban .swiper-product .swiper-slide .more:before{content:"+";width:44px;height:44px;background:#00adef;border-radius:50%;font-size:45px;color:#035575;text-align:center;line-height:40px;font-weight:100;position:absolute;left:50%;top:50%;margin:-22px 0 0 -22px}
.cpzs-ban .swiper-product .swiper-slide .more a{width:100%;height:100%;font-size:14px;color:#6e7376;line-height:18px;padding:0 46%;display:block;position:absolute;left:0;top:-40px}
.cpzs-ban .swiper-product .swiper-slide .more a:before{content:"";width:1px;height:115px;background:#6e7376;display:block;position:absolute;left:50%;top:-133px}
.cpzs-ban .swiper-product .swiper-slide .more a:hover{color:#00adef}
.cpzs-ban .swiper-product .swiper-slide .more a:hover:before{background:#00adef}
.cpzs-ban .swiper-product .swiper-hd{width:1300px;height:110px;position:absolute;left:50%;bottom:32px;margin-left:-650px;z-index:5;cursor:pointer}
.cpzs-ban .swiper-product .swiper-hd .swiper-item{width:225px;position:absolute;top:0}
.cpzs-ban .swiper-product .swiper-hd .swiper-item i{width:102px;height:102px;background-color:#fff;background-image:linear-gradient(to right,#edf8fd ,#0282b8);border-radius:50%;display:block;opacity:.15;position:absolute;left:20%;top:0;transition:all .5s ease}
.cpzs-ban .swiper-product .swiper-hd .swiper-item i:before{content:"";border:1px dashed #fff;border-radius:50%;display:block;position:absolute;left:-14px;right:-14px;top:-14px;bottom:-14px;opacity:0;transition:all .5s ease}
.cpzs-ban .swiper-product .swiper-hd .swiper-item i:after{content:"";border-top:14px solid #0282b8;border-right:8px solid transparent;border-left:8px solid transparent;display:block;position:absolute;left:50%;top:-38px;margin-left:-8px;opacity:0;transition:all .5s ease}
.cpzs-ban .swiper-product .swiper-hd .swiper-item-active i,.cpzs-ban .swiper-product .swiper-hd .swiper-item:hover i{background-image:linear-gradient(to right,#fff ,#fff);opacity:1}
.cpzs-ban .swiper-product .swiper-hd .swiper-item-active i:after,.cpzs-ban .swiper-product .swiper-hd .swiper-item-active i:before,.cpzs-ban .swiper-product .swiper-hd .swiper-item:hover i:after,.cpzs-ban .swiper-product .swiper-hd .swiper-item:hover i:before{opacity:1}
.cpzs-ban .swiper-product .swiper-hd .swiper-item span{position:relative;z-index:1}
.cpzs-ban .swiper-product .swiper-hd .cp1{right:0}
.cpzs-ban .swiper-product .swiper-hd .cp2{right:17%}
.cpzs-ban .swiper-product .swiper-hd .cp3{left:225px;left:17%}
.cpzs-ban .swiper-product .swiper-hd .cp4{left:0}
.cpzs-list{width:100%;background:#eef4f6}
.cpzs-list .title{width:100%;height:111px;border-bottom:1px solid #cdd2d4}
.cpzs-list .title ul{height:100%;position:relative}
.cpzs-list .title li{width:20%;float:left;border-right:1px solid #cdd2d4;position:relative}
.cpzs-list .title li:first-child{border-left:1px solid #cdd2d4}
.cpzs-list .title li:after,.cpzs-list .title li:before,.cpzs-list .title ul:after,.cpzs-list .title ul:before{content:"";width:5px;height:5px;background:#cdd2d4;border-radius:50%;display:block;position:absolute;right:-3px;top:-2px}
.cpzs-list .title ul:after,.cpzs-list .title ul:before{left:-2px;right:auto}
.cpzs-list .title li:after,.cpzs-list .title ul:after{top:auto;bottom:-2px}
.cpzs-list .title li a{font-size:28px;color:#494d56;font-weight:700;line-height:111px;text-align:center;display:block;overflow:hidden;position:relative;z-index:1}
.cpzs-list .title li a:before{content:"";width:209px;height:115px;background:url(../images/cpzs-flbg01.png) no-repeat;background-size:100%;display:block;position:absolute;right:-75px;bottom:-10px;z-index:-1}
.cpzs-list .title li+li a:before{background:url(../images/cpzs-flbg02.png) no-repeat;bottom:-20px}
.cpzs-list .title li+li+li a:before{background:url(../images/cpzs-flbg03.png) no-repeat;bottom:-8px}
.cpzs-list .title li+li+li+li a:before{background:url(../images/cpzs-flbg04.png) no-repeat;bottom:-18px}
.cpzs-list .title li+li+li+li+li a:before{background:url(../images/cpzs-flbg05.png) no-repeat;bottom:-5px}
.cpzs-list .title .active a,.cpzs-list .title li:hover a{background:#0282b8;color:#fff}
.cpzs-list .list{padding:20px 0 60px}
.cpzs-list .list ul{margin-left:-2%}
.cpzs-list .list li{width:23%;background:#fff;float:left;margin:96px 0 0 2%;border-radius:10px;padding:0 17px 9px;box-shadow:0 3px 27px rgba(2,130,184,.23);position:relative}
.cpzs-list .list li:before{content:"";border:1px dashed #eaecee;border-radius:10px;position:absolute;left:8px;right:8px;top:8px;bottom:8px}
.cpzs-list .list li img{margin-top:-50px;border-radius:10px;position:relative;box-shadow:0 3px 10px rgba(205,209,210,.84)}
.cpzs-list .list li p a{font-size:17px;color:#494d56;text-align:center;line-height:48px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cpzs-list .list li:hover:before{border:1px dashed #0095df}
.cpzs-list .list li:hover p a{color:#0095df}
.cppage1{padding:7.4% 0 60px;position:relative}
.cppage1:before{content:"";width:500px;height:500px;background:#eef4f6;border-radius:50%;display:block;position:absolute;right:40px;bottom:0}
.cppage1 .location{position:absolute;left: auto;right:0;bottom:30px;z-index:2;}
.cppage1 .left{width:1745px;position:relative;z-index:1}
.cppage1 .left .one{width:330px;margin-bottom:60px;position:relative}
.cppage1 .left .one:before{content:"";width:169px;height:243px;background:url(../images/cppage-rw.png) no-repeat;background-size:100%;display:block;position:absolute;right:-188px;bottom:-60px}
.cppage1 .left .one li{font-size:18px;color:#028fc7;text-align:right;margin:26px 0}
.cppage1 .left .one li:after{content:"";width:9px;height:9px;border:1px solid #04aeef;border-radius:50%;display:inline-block;vertical-align:middle;margin-left:12px}
.cppage1 .left .two{width:650px;background-color:#0290c8;background-image:linear-gradient(#0290c8,#00507e);padding:100px;border-radius:0 0 120px 0}
.cppage1 .left .two h1{font-size:50px;color:#fff;font-weight:700;margin-bottom:55px}
.cppage1 .left .two p{width:304px;font-size:24px;color:#fff;line-height:38px;text-align:center;font-weight:700;padding:8px 0;margin:40px 0 40px 100px;background:#016ea0;border-radius:8px;position:relative}
.cppage1 .left .two p strong{font-size:20px;color:#016192;font-weight:400;line-height:50px;background:#fff;border-left:5px solid #00adef;border-radius:5px;padding:0 10px 0 15px;position:absolute;left:-100px;top:20px}
.cppage1 .left .two p strong:before{content:"";width:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:18px solid #fff;position:absolute;right:-15px;top:0}
.cppage1 .left .two p+p+p{width:100%;font-size:18px;text-align:left;font-weight:400;margin:20px 0 0;background:0 0}
.cppage1 .left .two p+p+p+p{margin-top:10px}
.cppage1 .left .two p+p+p strong{font-size:18px;color:#fff;line-height:38px;background:0 0;border-left:none;padding:0;position:static}
.cppage1 .left .two p+p+p strong:before{display:none}
.cppage1 .left .three{font-size:0;position:absolute;right:0;top: 650px;}
.cppage1 .left .three .tel{width:485px;height:63px;background:#eef4f6;border:1px solid #00adef;border-radius:10px;font-size:20px;color:#21252d;line-height:60px;text-align:right;padding:0 38px;margin:0 104px 0 94px;display:inline-block;vertical-align:middle;position:relative}
.cppage1 .left .three .tel:after,.cppage1 .left .three .tel:before{content:"";width:74px;height:18px;background:url(../images/cppage-telzs.png) left no-repeat;display:block;position:absolute;left:-48px;top:50%;margin-top:-9px}
.cppage1 .left .three .tel:after{background:url(../images/cppage-telzs.png) right no-repeat;left:auto;right:-48px}
.cppage1 .left .three .tel span{font-size:28px;color:#fc6c4e;display:inline-block;vertical-align:bottom}
.cppage1 .left .three .tel span:before{content:"";width:85px;height:85px;background:url(../images/qr-tel.jpg) no-repeat;background-size:100%;display:block;border-radius:6px;position:absolute;left:35px;top:50%;margin-top:-43px;box-shadow:0 0 9px rgba(2,130,184,.55)}
.cppage1 .left .three .btn{width:408px;height:86px;background-color:#fc6546;background-image:linear-gradient(#ffa795,#fc6546);border-radius:50px 0 50px 50px;display:inline-block;font-size:30px;color:#fff;text-shadow:0 0 8px #e93d1a;text-align:center;line-height:85px;vertical-align:middle;box-shadow:0 40px 40px -34px #fc6546}
.cppage1 .left .three .btn img{margin-left:15px}
.cppage1 .right{width:77.1%;border-radius:120px 0 0;overflow:hidden;position:absolute;right:0;top:0}
.cppage1 .right:before{content:"";background-image:linear-gradient(#011023,transparent);display:block;position:absolute;left:0;right:0;top:0;bottom:0;opacity:.6}
.cppage1 .right img{width:100%}
.cppage2{position:relative}
.cppage2:before{content:"";background:#0282b8;position:absolute;left:50%;right:0;top:0;bottom:0}
.cppage2 ul{width:100%;height:77px;background:#0282b8;border-radius:32px}
.cppage2 ul li{width:25%;float:left;position:relative}
.cppage2 ul li:before{content:"";width:1px;background-color:#d3e9f3;background-image:linear-gradient(#0282b8,#d3e9f3,#0282b8);position:absolute;left:0;top:15%;bottom:15%}
.cppage2 ul li:first-child:before{display:none}
.cppage2 ul li a{font-size:18px;line-height:76px;text-align:center;color:#fff;display:block}
.cppage2 ul li a:hover{font-weight:700}
.cppage3{overflow:hidden;padding:30px 0}
.cppage3 .w{position:relative}
.cppage3 .w:before{content:"";width:96px;height:320px;background:url(../images/cppage-zs.jpg) no-repeat;background-size:100%;display:block;position:absolute;right:-15px;top:-30px;z-index:-1}
.cppage3 .fl{width:70%}
.content h2,.content h3{font-size:30px;color:#21252d;line-height:40px;font-weight:700;margin:40px 0 24px;background: url(../images/content-tit.png) left 10px no-repeat;padding-left:50px;}
.content h4{font-size:22px;line-height:30px;font-weight:700}
.content p{font-size:16px;line-height:36px;color:#66686c;margin:24px 0;}
.content p img{height:auto!important}
.content p b,.content p strong{font-size:17px;color: #444444;}
.content p em,.content p em strong,.content p em b{font-size:20px;}
.content p video{max-width: 800px;width:100%;display: block;margin: 0 auto;}
.content p a{color:#007eff}
.cppage3 .fr{width:24%;background:url(../images/cppage-bg.jpg) repeat;padding:34px 0 20px 0;border-radius:30px 0 0 0;margin:75px 0 0;box-shadow:0 0 40px #d4dbde}
.cppage3 .fr h4{background: #e6eef1;font-size:24px;color: #0182b8;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px;}
.cppage3 .fr h4:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right: 8px solid #7fb4c5;position:absolute;left:0;bottom:-8px;}
.cppage3 .fr ul{padding:19px 20px 0}
.cppage3 .fr li{border:1px solid #0282b8;border-radius:30px 0 0 0;margin-top:17px;overflow:hidden}
.cppage3 .fr li p a{font-size:16px;color:#494d56;text-align:center;line-height:30px;padding:10px 0;display:block}
.cppage3 .fr li:hover p a{color:#0282b8}
.message{width:100%;height:610px;background:url(../images/msg-bg.png) left center no-repeat}
.message .w{padding:68px 0;overflow:hidden;position:relative}
.message .w:before{content:"";width:518px;height:554px;background:url(../images/msg-rw.png) no-repeat;background-size:100%;display:block;position:absolute;right:6.6%;bottom:0}
.message .left{width:655px;float:left}
.message .left h4{font-size:36px;color:#fff;font-weight:700;display:inline-block;vertical-align:middle;position:relative}
.message .left h4:after{content:"";width:1px;background-color:#d3e9f3;background-image:linear-gradient(#0282b8,#d3e9f3,#0282b8);position:absolute;right:-16px;top:15%;bottom:0}
.message .left .slogan{font-size:16px;color:#fff;display:inline-block;vertical-align:sub;margin-left:35px}
.message .left .text{width:550px;font-size:16px;color:#fff;line-height:36px;margin:40px 0 25px}
.message .left form{height:262px;font-size:0;padding:15px 60px 0 30px;position:relative;z-index:1}
.message .left form:before{content:"";width:100%;border-top:262px solid #fff;border-right:70px solid transparent;border-left:0 solid transparent;position:absolute;left:0;top:0;z-index:-1}
.message .left form .same{width:47.35%;height:60px;display:inline-block;border-bottom:1px solid #e6e6e6;position:relative}
.message .left form .same span{font-size:18px;color:#494d56;line-height:60px;position:absolute;left:0;top:0}
.message .left form .same input,.message .left form .same textarea{width:100%;height:100%;background:0 0;border:none;text-indent:95px;font-size:14px;font-family:"Microsoft YaHei"}
.message .left form .icon-name{margin-right:5.3%}
.message .left form .icon-txt{width:100%;height:125px;margin-top:10px}
.message .left form .icon-txt textarea{line-height:30px;padding:16px 0 10px;resize:none}
.message .left form .submit{width:162px;height:63px;background:#ff7a5f;font-size:24px;color:#fff;text-shadow:0 0 8px #e24627;border:none;border-radius:50px 0 50px 50px;position:absolute;right:95px;bottom:-30px;box-shadow:0 25px 40px rgba(255,122,95,.5);transition:all .5s ease}
.message .left form .submit:hover{border-radius:50px 50px 50px 0}
.message .left .tel{font-size:18px;color:#fff;margin:20px 0 0 80px}
.message .left .tel:after,.message .left .tel:before{content:"";width:6px;height:6px;border:1px solid #fff;border-radius:50%;display:inline-block;vertical-align:middle}
.message .left .tel:before{margin-right:20px}
.message .left .tel:after{margin-left:20px}
.message .right{float:left;margin:40px 0 0 22px;position:relative}
.message .right:before{content:"";width:6px;height:360px;background-image:linear-gradient(#f87a61 50%,transparent);display:block;position:absolute;left:-19px;top:26px;transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg)}
.message .right p{height:49px;font-size:24px;color:#f87a61;line-height:49px;font-weight:700;margin:10px 0;position:relative}
.message .right p:before{content:"";width:30px;height:4px;background-image:linear-gradient(to right,#f87a61 ,transparent);display:inline-block;vertical-align:middle}
.message .right p:after{content:"";width:12px;height:12px;background:#f87a61;border-radius:50%;display:block;position:absolute;left:-8px;top:45%}
.message .right .p1{line-height:0;margin-left:28px}
.message .right .p1:before{width:38px;height:6px;background:#f87a61;margin-right:-12px}
.message .right .p1:after{display:none}
.message .right .p1 a{width:128px;height:49px;background:url(../images/msg-zs.png) no-repeat;background-size:100%;color:#f87a61;text-align:center;line-height:42px;display:inline-block}
.message .right .p2{margin-left:15px}
.message .right .p4{margin-left:-16px}
.cppage5{background:#ecf3f5;padding:0 0 1px 0}
.cppage5 .title,.cppage5 ul{width:960px;overflow:hidden}
.cppage5 .title .tit-l{font-size:26px;color:#494d56;text-align:center;border:1px solid #ccc;border-radius:0 0 40px 40px;display:block;padding:35px 25px;float:left}
.cppage5 .title .tit-m{width:96px;height:40px;background:url(../images/more-jt.png) 58px center no-repeat;font-size:16px;color:#494d56;line-height:38px;border:1px dashed #bcbec1;border-radius:50px;padding-left:20px;float:right;margin-top:40px;transition:all .5s ease}
.cppage5 .title .tit-m:hover{padding-left:0;color:#00adef;text-align:center;border:1px dashed #00adef;background-position:100px}
.cppage5 ul{margin:22px 0 40px -2%}
.cppage5 ul li{width:45%;float:left;margin-left:5%}
.cppage5 ul li a{font-size:16px;color:#66696e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;position:relative;padding:12px 0 12px 18px;transition:all .5s ease}
.cppage5 ul li a:before{content:'';width:5px;height:5px;display:block;background:#494d56;position:absolute;left:0;top:50%;margin-top:-2px;transition:all .5s ease}
.cppage5 ul li:hover a{color:#00adef;padding-left:25px}
.cppage5 ul li:hover a:before{background:#00adef}
.news{padding:85px 0}
.news .title{text-align:center}
.news .title h3 a{font-size:50px;color:#21252d;font-weight:700}
.news .title h3 a:hover{color:#00adef}
.news .title p{font-size:16px;color:#66686c;line-height:30px;margin-top:40px}
.news1{width:100%;background:url(../images/news-banbg.jpg) center top no-repeat;background-size: cover;padding:100px 0 70px;}
.news1 .w{position:relative}
.news1 .tit-zs{left:51.7%;top:auto;bottom:358px;z-index:2}
.news1 .tit-zs i:after,.news1 .tit-zs:before{opacity:.1}
.news1 .tit-zs i:before{opacity:.5}
.news1 .title{width:26%;text-align:left;position:absolute;right:0;top:98px;z-index:5}
.news1 .title h3 a,.news1 .title p{color:#fff}
.news1 .swiper-container{width:100%;margin-top:30px}
.news1 .swiper-container .btn{width:111px;height:40px;position:absolute;left:16px;bottom:70px;z-index:2;cursor:pointer}
.news1 .swiper-container .swiper-pagination{width:100%;height:100%;font-size:16px;color:#fff;text-align:center;line-height:40px;position:static}
.news1 .swiper-container .swiper-button-next{width:40px;height:100%;background:url(../images/news-jt.png) -24px center no-repeat;position:absolute;left:auto;right:0;top:0;bottom:0}
.news1 .swiper-container .swiper-button-prev{width:40px;height:100%;background:url(../images/news-jt.png) 6px center no-repeat;position:absolute;left:0;right:auto;top:0;bottom:0}
.news1 .swiper-container .swiper-button-next:hover{background:url(../images/news-jt.png) -85px center no-repeat}
.news1 .swiper-container .swiper-button-prev:hover{background:url(../images/news-jt.png) -55px center no-repeat}
.news1 .swiper-slide{padding:0 0 50px}
.news1 .swiper-slide .pic{width:69.693%}
.news1 .swiper-slide .pic a{display:block;position:relative;}
.news1 .swiper-slide .pic a:before{content:"";background-image:linear-gradient(transparent 50%, rgba(0, 25, 39, 0.7));position:absolute;left:0;right:0;top:0;bottom:0;}
.news1 .swiper-slide .txt{width:47.3%;height:296px;background:#fff;padding:4.5%;position:absolute;right:0;bottom:0}
.news1 .swiper-slide .txt h4 a{font-size:24px;color:#21252d;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5px 0;display:block}
.news1 .swiper-slide .txt p{height:120px;font-size:16px;color:#66686c;line-height:30px;margin-top:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.news1 .swiper-container .Label{overflow:hidden;position:absolute;left:132px;bottom:0}
.news1 .swiper-container .Label span{width:93px;height:25px;background:url(../images/news-bqzs.png) no-repeat;background-size:100%;font-size:14px;color:#005381;text-align:center;line-height:23px;display:block;margin:0 16px;float:left}
.news1 .swiper-slide .txt h4:hover a{color:#00a4e3}
.news-text{overflow:hidden;margin-left:-9.8%;margin-top:20px}
.news-text li{width:41%;float:left;padding-left:24px;margin:10px 0 10px 9%;position:relative}
.news-text li:before{content:"";width:8px;height:8px;border:1px solid #00a4e3;border-radius:50%;position:absolute;left:0;top:30px}
.news-text li h4 a{font-size:18px;color:#fff;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:24px 0;display:block}
.news-text p{width:80%;font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;opacity:.4}
.news-text span{font-size:14px;color:#fff;opacity:.4;position:absolute;right:0;bottom:0}
.news-text li h4:hover a{color:#00a4e3}
.news2{width:100%;background:#f1f2f3}
.news2 .ul{overflow:hidden;margin-left:-2.7%;margin-top:20px}
.news2 .ul dl{width:47.3%;margin-left:2.7%;margin-top:40px;float:left;font-size:0}
.news2 .ul dd{width:42.757%;display:inline-block;vertical-align:middle}
.news2 .ul dt{width:57.243%;background:#fff;display:inline-block;vertical-align:middle;padding:54px 6% 65px;position:relative}
.news2 .ul dt:before{content:"";width:5px;height:53px;background:#00adef;display:block;position:absolute;right:0;top:0;transition:all .5s ease}
.news2 .ul dt:after{content:"";width:2px;height:21px;background:#00adef;display:block;position:absolute;left:11%;bottom:24px}
.news2 .ul dt h4 a{height:80px;font-size:24px;color:#21252d;font-weight:700;line-height:40px;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .5s ease}
.news2 .ul dt p{height:120px;font-size:16px;color:#66686c;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-top:30px}
.news2 .ul dl:hover dt:before{height:100%}
.news2 .ul dl:hover dt h4 a{color:#00adef}
.news3 .ul{overflow:hidden;margin-left:-6%;margin-top:40px}
.news3 .ul dl{width:44%;height:200px;margin-left:6%;margin-top:32px;border:1px solid #f7f7f8;float:left}
.news3 .ul dd{width:85.5%;float:left;padding:7.5% 5%}
.news3 .ul dd h4 a{font-size:22px;color:#21252d;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.news3 .ul dd p{height:60px;font-size:16px;color:#66686c;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:25px}
.news3 .ul dt{width:85px;height:100%;float:right;background:#f7f7f8;font-size:16px;color:#0282b8;text-align:center;padding:42px 0;position:relative}
.news3 .ul dt:before{content:"";width:101.5%;height:8px;background:#00adef;display:block;position:absolute;right:-1px;top:-1px}
.news3 .ul dt strong{background:url(../images/news-time2.png) center top no-repeat;font-size:30px;padding:50px 0 15px;display:block}
.news3 .ul dl:hover{border:1px solid #0282b8}
.news3 .ul dl:hover dd h4 a,.news3 .ul dl:hover dd p{color:#0282b8}
.news3 .ul dl:hover dt{background:#0282b8;color:#fff}
.news3 .ul dl:hover dt strong{background:url(../images/news-time.png) center top no-repeat}
.newslist-ban{width:100%;background:url(../images/newslist-ban.jpg) center top no-repeat;background-size: cover;padding:100px 0 92px;color:#fff;text-align:center;position:relative;z-index:1;}
.newslist-ban h2{font-size:55px;font-weight:700;margin:50px 0 42px}
.newslist-ban p{font-size:16px;opacity:.4}
.newslist-ban p span{padding:0 13px}
.newslist{padding:55px 0}
.newslist .w{position:relative}
.newslist .tit-zs{left:3px;top:-67px;z-index:2}
.newslist .tit-zs i:after,.newslist .tit-zs i:before,.newslist .tit-zs:before{opacity:.5}
.newslist .tit-zs:before{opacity:.03}
.newslist .tit-zs i:after{opacity:.1}
.newslist .fl{width:67.693%;margin-left:11px;position:relative}
.newslist .fl:before{content:"";width:1px;background:#e4e6ea;display:block;position:absolute;left:4px;top:-7%;bottom:0}
.newslist .fl li{padding:8px 0 8px 47px;position:relative;z-index:3}
.newslist .fl li:before{content:"";width:40px;height:1px;background:#e4e6ea;display:block;position:absolute;left:0;top:52px}
.newslist .fl li:after{content:"";width:9px;height:9px;background:#e4e6ea;border-radius:50%;display:block;position:absolute;left:0;top:48px}
.newslist .fl li .date{font-size:16px;color:#21252d}
.newslist .fl li h3 a{font-size:22px;color:#66686c;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:18px 0 28px;display:block;transition:all ease .5s}
.newslist .fl li p{height:60px;font-size:16px;color:#66686c;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newslist .fl li .more{font-size:14px;color:transparent;text-align:right;padding:22px 0;display:block;transition:all ease .5s}
.newslist .fl li .more:after{content:"";width:32px;height:9px;background:url(../images/news-more.png) center right no-repeat;display:inline-block;margin-left:9px;opacity:.5;transition:all ease .5s}
.newslist .fl li:hover h3 a{color:#21252d}
.newslist .fl li:hover .more{color:#98999b}
.newslist .fl li:hover .more:after{width:44px;opacity:1}
.newslist .fr{width:23%;background:url(../images/cppage-bg.jpg) repeat;padding:0 11px;border-radius:45px 0 0 0;overflow:hidden;box-shadow:0 0 9px rgba(146,148,153,.17)}
.newslist .fr li{margin:35px 0}
.newslist .fr li h3 a{font-size:24px;color:#66686c;text-align:right;display:block;margin-right:-11px}
.newslist .fr li h3 a:after{content:"";width:6px;height:37px;background:#18b4ef;border-radius:20px 0 0 20px;display:inline-block;vertical-align:middle;margin-left:17px}
.newslist .fr li p{background:#fff;border:1px solid #dedede;border-radius:10px;overflow:hidden;padding:10px 1.88%;margin-top:18px}
.newslist .fr li p a{width:46.23%;font-size:14px;color:#66686c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px 0;margin:0 1.88%;display:block;float:left}
.newslist .fr li p a:before{content:"";width:4px;height:4px;background:#98999b;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:10px}
.newslist .fr li p a:hover{color:#18b4ef}
.cpnews-list{padding:60px 0}
.cpnews-list h3{background:url(../images/rot-newszs.png) left center no-repeat;padding-left:48px;margin:0 0 35px 0;font-size:40px;color:#1c1d20;font-weight:700;display:block}
.cpnews-list h3 a{color:#00adef}
.cpnews-list .list{padding-left:13px;margin-left:-5%;overflow:hidden}
.cpnews-list .list li{width:45%;overflow:hidden;font-size:16px;line-height:24px;position:relative;padding-left:24px;margin-left:5%;float:left}
.cpnews-list .list li:before{content:'';width:8px;height:8px;border:1px solid #c2c9d4;border-radius:50%;display:block;position:absolute;left:0;top:50%;margin-top:-4px}
.cpnews-list .list li a{width:80%;height:100%;color:#494d56;display:block;padding:13px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .5s ease}
.cpnews-list .list li span{color:#a0a2a7;padding:12px 0;position:absolute;right:0;top:0}
.cpnews-list .list li:hover a{color:#e93d1a;padding-left:15px}
.newspage1{width:100%;background:url(../images/newspage-ban.jpg) center top no-repeat;background-size: cover;padding:100px 0 76px;}
.newspage1 .w{padding-left:60px;position:relative}
.newspage1 .tit-zs{left: 5px;top:20px;z-index:1;}
.newspage1 .tit-zs i:after,.newspage1 .tit-zs i:before,.newspage1 .tit-zs:before{opacity:.5}
.newspage1 .tit-zs:before{opacity:.03}
.newspage1 .tit-zs i:after{opacity:.1}
.newspage1 h1{width:70%;font-size:40px;color:#fff;line-height:60px;font-weight:700;margin:70px 0 35px}
.newspage1 .date{font-size:14px;color:#fff;opacity:.4}
.newspage2 .fl{width:64%}
.newspage2 .fl .noa{width:100%;background:url(../images/news-xzbg.png) center no-repeat;background-size:100%;margin:30px 0;padding:22px 7%}
.newspage2 .fl .noa p{display:block;font-size:16px;color:#66686c;line-height:54px}
.newspage2 .fl .noa p a{width:80%;color:#66686c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:bottom}
.newspage2 .fl .noa p:hover a{color:#1898cc}
.newspage2 .fr{width:23.54%}
.newspage2 .fr .news-zx{background:url(../images/news-zxbg.png) center top no-repeat;background-size:100%;padding:132px 10% 40px;margin:-255px 0 40px}
.newspage2 .fr .news-zx .tel{background:url(../images/news-tel.png) left center no-repeat;font-size:16px;color:#fff;line-height:22px;padding-left:65px;position:relative}
.newspage2 .fr .news-zx .tel:after{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,#fff,transparent);display:block;position:absolute;left:0;bottom:-18px;opacity:.6}
.newspage2 .fr .news-zx .tel span{font-size:18px;display:block;margin-top:12px}
.newspage2 .fr .news-zx .tel span strong{font-size:24px;color:#f87a61}
.newspage2 .fr .news-zx .text{font-size:18px;color:#fff;line-height:42px;margin:25px 0 20px}
.newspage2 .fr .news-zx .text span{display:block}
.newspage2 .fr .news-zx .text a{font-size:24px;font-weight:700;color:#fff}
.newspage2 .fr .news-zx .text strong{font-size:20px;color:#f87a61;border-bottom:1px solid #f87a61}
.newspage2 .fr .news-zx .btn{width:161px;height:46px;background-color:#fc6b4e;background-image:linear-gradient(#fe9b87,#fc6b4e);border-radius:5px;display:block;font-size:22px;color:#fff;font-weight:700;text-align:center;line-height:44px;text-shadow:0 0 6px rgba(249,82,48,.88);margin:0 auto}
.newspage2 .fr .news-zx .btn:after{content:"";width:32px;height:36px;background:url(../images/news-dj.gif) center no-repeat;background-size:100%;display:inline-block;vertical-align:middle;margin-left:8px}
.newspage2 .fr .tit{text-align:center}
.newspage2 .fr .tit i{width:60px;height:1px;background:#d4d5d7;display:inline-block;position:relative}
.newspage2 .fr .tit i:before{content:'';width:8px;height:8px;background:#d4d5d7;border-radius:50%;display:block;position:absolute;top:50%;margin-top:-4px}
.newspage2 .fr .tit .l:before{right:-4px}
.newspage2 .fr .tit .r:before{left:-4px}
.newspage2 .fr h4{font-size:24px;color:#66686c;text-align:center;font-weight:700;padding:0 22px;display:inline-block;vertical-align:middle}
.newspage2 .fr .news-cp ul{padding:19px 17px 0}
.newspage2 .fr .news-cp li{border:1px solid #d4d5d7;border-radius:30px 0 0 0;margin-top:17px;overflow:hidden}
.newspage2 .fr .news-cp li p a{font-size:16px;color:#494d56;text-align:center;line-height:30px;padding:10px 0;display:block}
.newspage2 .fr .news-cp li:hover{border:1px solid #0095df}
.newspage2 .fr .news-cp li:hover p a{color:#0095df}
.newspage2 .fr .news-xg{margin-top:50px}
.newspage2 .fr .news-xg ul{padding:25px 17px}
.newspage2 .fr .news-xg li a{font-size:14px;color:#66696e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;padding:12px 0;transition:all .5s ease}
.newspage2 .fr .news-xg li a:before{content:"";width:5px;height:5px;background:#66696e;display:inline-block;margin-right:4%;transition:all .5s ease}
.newspage2 .fr .news-xg li:hover a{color:#00adef;padding-left:25px}
.newspage2 .fr .news-xg li:hover a:before{background:#00adef}
.video-ban{width:100%;background:url(../images/video-ban.jpg) right top no-repeat;background-size: cover;padding:100px 0 145px;}
.video-ban h2{font-size:50px;color:#fff;font-weight:700;margin:90px 0 40px}
.video-ban .text{width:615px;font-size:16px;color:#fff;line-height:30px;opacity:.5}
.video-list .list{margin:90px 0}
.video-list .list h3{background:url(../images/video-tit.png) left top no-repeat;font-size:50px;color:#21252d;font-weight:700;padding:0 0 20px 88px}
.video-list .list ul{margin-left:-2%}
.video-list .list li{width:23%;background:#fff;float:left;margin:96px 0 0 2%;border-radius:10px;padding:0 17px 9px;box-shadow:0 3px 27px rgba(2,130,184,.23);position:relative}
.video-list .list li:before{content:"";border:1px dashed #eaecee;border-radius:10px;position:absolute;left:8px;right:8px;top:8px;bottom:8px}
.video-list .list li .pic{margin-top:-50px;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 3px 10px rgba(205,209,210,.84)}
.video-list .list li .pic p:after,.video-list .list li .pic p:before,.video-list .list li .pic:after,.video-list .list li .pic:before{content:"";width:14px;height:14px;display:block;position:absolute;z-index:1;transform:scale(0);transition:all ease .5s}
.video-list .list li .pic:before{border-left:4px solid #fff;border-top:4px solid #fff;left:15px;top:15px}
.video-list .list li .pic:after{border-right:4px solid #fff;border-top:4px solid #fff;right:15px;top:15px}
.video-list .list li .pic p:before{border-left:4px solid #fff;border-bottom:4px solid #fff;left:15px;bottom:15px}
.video-list .list li .pic p:after{border-right:4px solid #fff;border-bottom:4px solid #fff;right:15px;bottom:15px}
.video-list .list li .pic p a:before{content:"";background:#03161f;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;transition:all ease .5s}
.video-list .list li .pic .look{width:146px;height:39px;border:1px solid #00acee;border-radius:50px;font-size:16px;color:#fff;text-align:center;line-height:36px;display:block;position:absolute;left:50%;top:50%;margin:-20px 0 0 -73px;transform:scale(0);transition:all ease .5s}
.video-list .list li .pic .look:before{content:"";border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;display:inline-block;margin-right:6px}
.video-list .list li p a{font-size:17px;color:#494d56;text-align:center;line-height:48px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.video-list .list li:hover:before{border:1px dashed #0095df}
.video-list .list li:hover p a{color:#0095df}
.video-list .list li:hover .pic p a:before{opacity:.5}
.video-list .list li:hover .pic .look,.video-list .list li:hover .pic p:after,.video-list .list li:hover .pic p:before,.video-list .list li:hover .pic:after,.video-list .list li:hover .pic:before{transform:scale(1)}
.videopage{width:100%;background:url(../images/videopage-ban.jpg) center top no-repeat;padding:100px 0 0}
.videopage .module1{background:url(../images/cppage-bg.jpg) repeat;padding:40px 30px 40px 60px;border:1px solid #d4d5d7;border-radius:20px;margin:70px 0;position:relative}
.videopage .module1 .fl{width:65.5%}
.videopage .module1 .fl h1{font-size:40px;color:#21252d;font-weight:700;line-height:50px}
.videopage .module1 .fl p{border-radius:10px;overflow:hidden;margin:40px 0 23px;font-size: 20px;color: #000;text-align: center;line-height: 10;}
.videopage .module1 .fl video{width:100%;display: block;}
.videopage .module1 .fl ul{overflow:hidden;margin-left:-60px;padding:0 15px}
.videopage .module1 .fl li{font-size:16px;color:#66686c;margin-left:60px;float:left}
.videopage .module1 .fr{width:30.3%;padding-top:35px}
.videopage .module1 .fr .rot{background:#fff;border-radius:10px;padding:5px 0;overflow:hidden;box-shadow:0 0 16px rgba(27,84,133,.28) inset}
.videopage .module1 .fr .rot h3{font-size:26px;color:#21252d;text-align:center;padding:22px 0;border-bottom:1px dashed #00adef;position:relative}
.videopage .module1 .fr .rot h3:after,.videopage .module1 .fr .rot h3:before{content:"";width:29px;height:29px;background:#00a6e8;border-radius:50%;display:block;position:absolute;bottom:-15px}
.videopage .module1 .fr .rot h3:before{left:-20px}
.videopage .module1 .fr .rot h3:after{right:-20px}
.videopage .module1 .fr .rot .ul{padding:20px 8%}
.videopage .module1 .fr .rot dl{margin:16px 0;font-size:0}
.videopage .module1 .fr .rot dd{width:30%;display:inline-block;vertical-align:middle;border-radius:5px;overflow:hidden}
.videopage .module1 .fr .rot dd a{display:block;position:relative}
.videopage .module1 .fr .rot dd a:before{content:"";background:url(../images/video-tb.png) center no-repeat rgba(0,0,0,.5);position:absolute;left:0;right:0;top:0;bottom:0}
.videopage .module1 .fr .rot dt{width:70%;padding-left:6%;display:inline-block;vertical-align:middle}
.videopage .module1 .fr .rot dt h4 a{font-size:18px;color:#66686c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}
.videopage .module1 .fr .rot dt p{font-size:14px;color:#9ea0a5;margin-top:10px}
.videopage .module1 .fr .rot dt p span{margin-left:5px}
.videopage .module1 .fr .swt-btn{width:89.6%;height:82px;background-color:#fc6546;background-image:linear-gradient(#ffa795,#fc6546);border:1px solid #fc5c3c;border-radius:10px;padding:6px 70px 6px 20px;margin-top:15px;position:relative}
.videopage .module1 .fr .swt-btn p{font-size:20px;color:#fff;line-height:34px;text-shadow:3px 0 6px #e83612}
.videopage .module1 .fr .swt-btn span{display:block;position:absolute;right:-13%;bottom:18px}
.videopage .module1 .fr .swt-btn span:before{content:"";background-color: #dcdcdc;background-image:linear-gradient(#dcdcdc,#fff);border-radius:50%;position:absolute;left:-19px;right:-19px;top:-19px;bottom:-19px;box-shadow:0 2px 3px rgba(217,90,64,.26);}
.videopage .module1 .fr .swt-btn span:after{content:"";background:url(../images/video-btnzs.png) center no-repeat;position:absolute;left:-19px;right:-19px;top:-19px;bottom:-19px;-webkit-animation:rotateMove 1.5s infinite linear;animation:rotateMove 1.5s infinite linear}
.videopage .module1 .fr .swt-btn a{width:80px;height:80px;background:#fff;border:1px solid #fc6e51;border-radius:50%;display:block;font-size:24px;color:#fd5838;text-align:center;line-height:30px;font-weight:700;padding:10.7%;box-shadow:0 2px 21px rgba(232,54,18,.5);position:relative;z-index:1}
.videopage .module1 .fr .swt-btn span:hover:after{-webkit-animation:rotateMove 0s infinite linear;animation:rotateMove 0s infinite linear}
@keyframes rotateMove{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
}
@-webkit-keyframes rotateMove{from{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
}
.videopage .module1 .fl:after,.videopage .module1 .fl:before,.videopage .module1 .fr:after,.videopage .module1 .fr:before{content:"";background:#00adef;position:absolute}
.videopage .module1 .fl:after,.videopage .module1 .fl:before{height:4px;left:28%;right:28%}
.videopage .module1 .fl:before{top:-3px}
.videopage .module1 .fl:after{bottom:-3px}
.videopage .module1 .fr:after,.videopage .module1 .fr:before{width:4px;top:28%;bottom:28%}
.videopage .module1 .fr:before{left:-3px}
.videopage .module1 .fr:after{right:-3px}
.videopage .module1 .fl h1:after,.videopage .module1 .fl h1:before,.videopage .module1 .fl p:after,.videopage .module1 .fl p:before{content:"";width:54px;height:54px;position:absolute}
.videopage .module1 .fl h1:before{border-left:4px solid #00adef;border-top:4px solid #00adef;border-radius:20px 0 0 0;left:-3px;top:-3px}
.videopage .module1 .fl h1:after{border-right:4px solid #00adef;border-top:4px solid #00adef;border-radius:0 20px 0 0;right:-3px;top:-3px}
.videopage .module1 .fl p:before{border-left:4px solid #00adef;border-bottom:4px solid #00adef;border-radius:0 0 0 20px;left:-3px;bottom:-3px}
.videopage .module1 .fl p:after{border-right:4px solid #00adef;border-bottom:4px solid #00adef;border-radius:0 0 20px 0;right:-3px;bottom:-3px}
.videopage .module3{margin:65px 0}
.videopage .module3 h3{background:url(../images/content-tit.png) left center no-repeat;font-size:30px;color:#21252d;font-weight:700;padding-left:58px}
.videopage .module3 ul{margin-left:-2%}
.videopage .module3 li{width:23%;background:#fff;float:left;margin:96px 0 0 2%;border-radius:10px;padding:0 17px 9px;box-shadow:0 3px 27px rgba(2,130,184,.23);position:relative}
.videopage .module3 li:before{content:"";border:1px dashed #eaecee;border-radius:10px;position:absolute;left:8px;right:8px;top:8px;bottom:8px}
.videopage .module3 li img{margin-top:-50px;border-radius:10px;position:relative;box-shadow:0 3px 10px rgba(205,209,210,.84)}
.videopage .module3 li p a{font-size:17px;color:#494d56;text-align:center;line-height:48px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.videopage .module3 li:hover:before{border:1px dashed #0095df}
.videopage .module3 li:hover p a{color:#0095df}
.asks-ban{width:100%;background:url(../images/asks-ban.jpg) center top no-repeat;background-size: cover;padding:100px 0 92px;overflow:hidden;}
.asks-ban .w{position:relative}
.asks-ban .w:before{content:"";width:463px;height:512px;background:url(../images/asks-zs2.png) no-repeat;background-size:100%;display:block;position:absolute;right:4%;bottom:-115px}
.asks-ban dl{font-size:0;margin:25px 0 48px}
.asks-ban dd{font-size:55px;color:#fff;font-weight:700;position:relative;display:inline-block;padding-left:63px}
.asks-ban .tit-zs{left:3px;z-index:1}
.asks-ban .tit-zs i:after,.asks-ban .tit-zs i:before,.asks-ban .tit-zs:before{opacity:.5}
.asks-ban .tit-zs:before{opacity:.03}
.asks-ban .tit-zs i:after{opacity:.1}
.asks-ban dt{width:602px;height:128px;background:url(../images/asks-zs3.png) no-repeat;background-size:100%;padding:46px 100px 0 30px;margin-left:125px;font-size:18px;color:#fff;color:rgba(255,255,255,.6);line-height:36px;display:inline-block}
.asks-ban form{width:784px;padding-left:67px;position:relative}
.asks-ban form p{margin:23px 0;font-size:0}
.asks-ban form .same{width:34.7%;height:48px;background:#fff;border-radius:10px;font-size:18px;padding:0 20px;vertical-align:middle;box-shadow:0 0 10px rgba(27,84,133,.68) inset}
.asks-ban form .text{width:100%;height:88px;padding:15px 20px}
.asks-ban form input{margin-right:1.66%}
.asks-ban form .submit{width:27.28%;display:inline-block;padding:0;position:relative;box-shadow:0 20px 50px rgba(255,122,95,.5)}
.asks-ban form .submit:after{content:"";background:#ec4523;border-radius:10px;position:absolute;left:8px;right:8px;top:0;bottom:-5px}
.asks-ban form .submit button{width:100%;background:#ff7a5f;border-radius:10px;font-size:26px;color:#fff;line-height:48px;text-shadow:0 0 8px #e24627;box-shadow:0 5px 0 -8px #e24627;position:relative;z-index:1;cursor:pointer}
.askslist{padding:70px 0}
.askslist h2{font-size:50px;color:#21252d;text-align:center;font-weight:700}
.askslist .text{font-size:16px;color:#66686c;text-align:center;margin:33px 0 44px}
.askslist .list{margin-left:-5.2%}
.askslist .list li{width:44.8%;background:url(../images/asks-zs.png) left 22px no-repeat;float:left;margin:13px 0 13px 5.2%;padding-left:77px;position:relative}
.askslist .list li .date{font-size:14px;color:#66686c;position:absolute;left:77px;bottom:15px}
.askslist .list li h3 a{font-size:22px;color:#66686c;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:18px 0 28px;display:block;transition:all ease .5s}
.askslist .list li p{height:60px;font-size:16px;color:#66686c;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.askslist .list li .more{font-size:14px;color:transparent;text-align:right;padding:15px 0;display:block;transition:all ease .5s}
.askslist .list li .more:after{content:"";width:32px;height:9px;background:url(../images/news-more.png) center right no-repeat;display:inline-block;margin-left:9px;opacity:.5;transition:all ease .5s}
.askslist .list li:hover h3 a{color:#21252d}
.askslist .list li:hover .more{color:#98999b}
.askslist .list li:hover .more:after{width:44px;opacity:1}
.askspage1{width:100%;background:url(../images/newspage-ban.jpg) center top no-repeat;background-size: cover;padding:100px 0 76px;}
.askspage1 .w{position:relative}
.askspage1 h1{width:64%;background:url(../images/asks-zs.png) left center no-repeat;font-size:30px;color:#fff;line-height:45px;font-weight:700;padding:25px 0 25px 75px;margin:65px 0 0}
.askspage1 .text{width:62%;background:url(../images/asks-bk.png) left center no-repeat;background-size:100% 100%;font-size:16px;color:#fff;line-height:30px;padding:17px 8% 17px 17px;position:relative}
.askspage1 .text:before{content:'';width:76px;height:76px;background:url(../images/asks-tx.png) no-repeat;background-size:100%;border-radius:50%;display:block;position:absolute;right:0;top:50%;margin-top:-38px;box-shadow:0 3px 10px rgba(0,173,239,.69)}
.askspage1 .state{background:#fff;border-radius:10px;font-size:14px;color:#7a7c80;line-height:36px;box-shadow:0 3px 9px rgba(146,148,153,.39);position:absolute;left:47.5%;bottom:-94px}
.askspage1 .state span{padding:0 12px}
.askspage1 .state .sp1{background:url(../images/asks-dh.png) 16px center no-repeat;padding:0 12px 0 44px}
.askspage2 .answer{background:url(../images/asks-best.png) -12px bottom no-repeat;font-size:24px;color:#fc6c4e;font-weight:700;padding:50px 0 27px 92px}
.contact{width:100%;background:url(../images/contact-ban.jpg) 80% top no-repeat;background-size: cover;padding:100px 0;overflow:hidden;position:relative;}
.contact h2{font-size:50px;color:#fff;font-weight:700;margin:100px 0 95px}
.contact .text{padding:60px 0 60px 70px;position:relative}
.contact .text .l-zs{width:40px;height:100%;background:#0a254e;display:block;border-radius:50px;position:absolute;left:0;top:0}
.contact .text .l-zs:before{content:"";background:#2b72d3;border-radius:50px;position:absolute;left:0;right:0;top:0;bottom:68%}
.contact .text .l-zs:after{content:"";width:40px;height:40px;background:url(../images/news-jt.png) right 11px center no-repeat #fff;border-radius:50%;display:block;position:absolute;left:0;bottom:68%}
.contact .text p{font-size:16px;color:#fff}
.contact .text .address span{font-size:26px;display:block;margin-bottom:28px}
.contact .text .tel{padding:5px 0 5px 88px;margin:60px 0;position:relative}
.contact .text .tel:before{content:"";width:70px;height:70px;background:url(../images/qr-tel.jpg) left center no-repeat;background-size:70px;display:block;border-radius:5px;position:absolute;left:0;top:50%;margin-top:-35px;box-shadow:0 0 9px rgba(2,130,184,.55)}
.contact .text .tel span{font-size:20px;display:block;margin-top:18px}
.contact .text .tel span strong{font-size:26px;color:#fd8269}
.contact .text .btn{width:205px;height:65px;background-color:#fc6546;background-image:linear-gradient(#ffa795,#fc6546);border-radius:50px;display:block;font-size:26px;font-weight:700;line-height:64px;text-align:center;color:#fff;text-shadow:0 0 8px #e24627;box-shadow:0 30px 30px rgba(252,101,70,.3)}
.contact-msg{width:450px;height:100%;background:url(../images/contact-bg.jpg) center no-repeat;padding:135px 0 135px 4%;position:absolute;right:0;top:0}
.contact-msg .slogan{font-size:18px;color:#ffc71c;line-height:42px;background:url(../images/contact-tb.png) right 40px no-repeat;display:inline-block;margin-left:60px;position:relative}
.contact-msg .slogan:before{content:"";width:47px;height:42px;background:url(../images/contact-tb.png) left center no-repeat;position:absolute;left:-60px;top:50%;margin-top:-21px}
.contact-msg .slogan:after{content:"";width:16px;height:16px;background:url(../images/contact-tb.png) right bottom no-repeat;display:block;position:absolute;right:-12px;top:0}
.contact-msg h3{font-size:40px;color:#fff;margin:50px 0 55px}
.contact-msg form{width:200px;margin-left:10px}
.contact-msg form .same{margin-top:22px}
.contact-msg form .same input,.contact-msg form .same textarea{width:100%;height:60px;background:0 0;border:none;border-bottom:1px solid #394563;font-size:18px;color: #fff;}
.contact-msg form .same textarea{height:170px;resize:none;padding:20px 0}
.contact-msg form .same input::-webkit-input-placeholder,.contact-msg form .same textarea::-webkit-input-placeholder{color: rgba(255,255,255,0.8);}
.contact-msg form .same input::-moz-placeholder,.contact-msg form .same textarea::-moz-placeholder{color: rgba(255,255,255,0.8);}
.contact-msg form .same input:-moz-placeholder,.contact-msg form .same textarea:-moz-placeholder{color: rgba(255,255,255,0.8);}
.contact-msg form .same input:-ms-input-placeholder,.contact-msg form .same textarea:-ms-input-placeholder{color: rgba(255,255,255,0.8);}
.contact-msg form .submit{margin-top:42px;display:inline-block;position:relative}
.contact-msg form .submit:before{content:"";width:54px;height:38px;background:url(../images/submit-zs.png) center no-repeat;background-size:100%;display:block;position:absolute;right:-28px;top:50%;margin-top:-19px}
.contact-msg form .submit:after{content:"";width:100%;height:0;position:absolute;left:50%;top:0;margin-left:-50%;box-shadow:0 50px 60px 5px #40c2f3}
.contact-msg form .submit input{width:145px;height:64px;background:0 0;border:1px solid #00adef;border-radius:50px;font-size:30px;text-align:center;line-height:62px;color:#fff;text-shadow:0 0 8px #40c2f3;display:block}
.pager{clear:both;padding:20px 0;text-align:center;display:block;border-radius:4px;line-height:18px;position:relative}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination li{float:left;margin-left:-1px;border:1px solid #ddd}
.pagination li:nth-child(1){border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination li:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}
.pagination li a{color:#666}
.pagination li a,.pagination li span{padding:5px 13px;display:block;cursor:pointer}
.pagination li:hover{background:#18b4ef;border-color:#18b4ef;color:#fff}
.pagination li.disable,.pagination li.disable:hover,.pagination li.disabled,.pagination li.disabled:hover{text-decoration:none;background:#f5f5f5;color:#999;border-color:#ddd}
.pagination li.active{border-color: #18b4ef;background: #18b4ef;}
.pagination li.active .current,.pagination li.active a,.pagination li:hover a{color:#fff}
.pagination .pageup{background:#18b4ef;color:#fff}
.allpageindex{width:860px;background:#18b4ef;border-radius:20px;padding:2px;position:absolute;left:50%;bottom:110px;margin-left:-430px;z-index:5;display:none}
.allpageindex:after,.allpageindex:before{content:"";width:22px;height:22px;background:#18b4ef;display:block;position:absolute;left:50%;bottom:-10px;transform:rotate(45deg) translate(-50%);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);z-index:-1}
.allpageindex:after{background:#fbfbfb;bottom:-8px}
.allpageindex ul{width:100%;height:254px;background:#fbfbfb;border-radius:18px;font-size:0;text-align:left;padding:15px;overflow-y:auto}
.allpageindex ul::-webkit-scrollbar{display:none}
.allpageindex ul li{display:inline-block;width:45px;height:45px;border:2px solid #c8c8c8;border-radius:50%;margin:15px}
.allpageindex ul li a{font-size:18px;color:#c8c8c8;text-align:center;line-height:41px;display:block}
.allpageindex ul .on,.allpageindex ul li:hover{background:#18b4ef;border:2px solid #18b4ef}
.allpageindex ul .on a,.allpageindex ul li:hover a{color:#fff;line-height:41px}
.allpageindex .pageup{width:30px;height:30px;background:#18b4ef;display:block;position:absolute;right:0;top:0;font-size:24px;color:#fff;text-align:center;line-height:25px;border-radius:0 20px 0 10px;cursor:pointer}
.right-fd{position:fixed;bottom:10%;right:5px;text-align:center;z-index:9999;display:none}
.right-fd ul{width:85px;background:#fff;margin-top:-10px;-webkit-box-shadow:0 10px 100px rgba(3,3,3,.2);-moz-box-shadow:0 10px 100px rgba(3,3,3,.2);box-shadow:0 10px 100px rgba(3,3,3,.2);position:relative;z-index:10}
.right-fd ul #slidebar{width:3px;height:60px;background:red;display:block;position:absolute;top:0;right:-3px;transition:all .5s}
.right-fd li{position:relative}
.right-fd .l3 p{width:0;background:#252e3c;position:absolute;top:0;right:0;text-align:left;z-index:10;transition-property:width;transition-duration:.8s}
.right-fd .l3 p span{font-size:18px;color:#fff;line-height:1.5;display:block;padding:16px 28%;white-space:nowrap;overflow:hidden;opacity:0;transition-duration:1s;transition-delay:.2s}
.right-fd .l3 p span strong{font-size:20px;color:red;display:block}
.right-fd .l3 p img{width:120px;position:absolute;top:15px;left:-65px;opacity:0;transition-duration:1s;transition-delay:.2s}
.right-fd .l3:hover p{width:266px}
.right-fd .l3:hover p span{opacity:1}
.right-fd .l3:hover p img{opacity:1}
.right-fd li a{font-size:14px;color:#252e3c;line-height:1;font-weight:700;text-align:center;display:block;padding:60px 0 15px 0;border-top:1px solid #ccc}
.right-fd .l1 a{background:url(../images/right-tb01.png) center 15px no-repeat;border-top:1px solid #fff}
.right-fd .l2 a{background:url(../images/right-tb03.gif) center 15px no-repeat}
.right-fd .l3 a{background:url(../images/right-tb02.png) center 15px no-repeat}
.right-fd .l4 a{background:url(../images/right-tb04.png) center 15px no-repeat}
.right-fd li a:hover{color:red}
.right-fd .l1 a:hover{background:url(../images/right-tb1.png) center 15px no-repeat}
.right-fd .l2 a:hover{background:url(../images/right-tb3.png) center 15px no-repeat}
.right-fd .l3 a:hover{background:url(../images/right-tb2.png) center 15px no-repeat}
.right-fd .l4 a:hover{background:url(../images/right-tb4.png) center 15px no-repeat}
.scroll-top{width:85px;display:block;background:url(../images/right-top.png) center 15px no-repeat #fff;padding:35px 0 10px 0;margin-top:20px;-webkit-box-shadow:0 10px 100px rgba(3,3,3,.2);-moz-box-shadow:0 10px 100px rgba(219,121,121,.2);box-shadow:0 10px 100px rgba(3,3,3,.2)}
.scroll-top:hover{background:url(../images/right-tops.png) center 15px no-repeat #fff;color:red}
@-webkit-keyframes bounce-down{25%{-webkit-transform:translateY(-10px)}
    100%,50%{-webkit-transform:translateY(0)}
    75%{-webkit-transform:translateY(10px)}
}
@keyframes bounce-down{25%{transform:translateY(-10px)}
    100%,50%{transform:translateY(0)}
    75%{transform:translateY(10px)}
}
.btn-hover{overflow:hidden;position:relative;transition:all .8s ease}
.btn-hover:before{content:"";display:block;position:absolute;left:-100%;top:0;width:30%;height:100%;background-image:-webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);transition:all 1s ease;opacity:.5;z-index: 2;}
.btn-hover:hover:before{left:100%}
.ie8 .tit-zs,.ie9 .home3 .swiper-slide,.ie9 .news1 .swiper-container .btn,.ie9 .news1 .swiper-slide,.ie8 .video-list .list li .pic p a:before,
.ie8 .videopage .module1 .fr .swt-btn span:after{display:none}
.ie8 .cpzs-ban .swiper-product .swiper-slide .text p span{background: none;}
.ie8 .video-list .list h3{height: 70px;padding-left: 88px!important;}
.ie8 .message .w:before{width: 518px!important;height: 554px!important;}
.ie9 .home3 .al1,.ie9 .news1 .swiper-slide:first-child{display:block}
.bqonline{font-size:16px;line-height:1;text-indent:0;color:#fff;background-color: #e9250c;background-image: linear-gradient(to right,#fe986c,#e9250c);padding: 5px 5px 5px 15px;border-radius: 50px;white-space:nowrap;display:inline-block;vertical-align:middle;position:relative;margin:0 5px;box-shadow: 0 0 0 3px #fff;}
.bqonline:before{ content:""; width: 40px; border: 1px dotted #fd8f67; border-radius: 50%; position: absolute; left: -4px; top: -3px; bottom: -3px; z-index: -1; }
.bqonline:after{content:"";width: 30px;height: 30px;background: url(../images/swtbtn-zs.png) no-repeat;background-size:100%;display: inline-block;vertical-align: middle;margin-left: 5px;}
.csccc h5{width:auto;background:#fff;font-size:16px;color:#222;font-weight:400;text-align:center;padding: 15px;margin:0 20px 20px 0;display:inline-block;box-shadow:0 0 .8rem #cfe2ff inset;border-radius:50px;cursor:pointer;}
.csccc h5.on{box-shadow:0 0 .8rem #4890fd inset}
.news-page .content-box .ccd1,.news-page .content-box .ccw1{margin:0;text-indent:inherit}
.news-page .content-box .ccw1{background:url(../images/talk-bg1.png) left center no-repeat;padding:25px 0 23px 90px}
.news-page .content-box .ccd1{background:url(../images/talk-bg2.png) right center no-repeat;padding:25px 100px 23px 0;text-align:right}
.bk-zs{border:1px solid #bcd2ff;padding:10px 20px;position:relative}
.bk-zs b:after,.bk-zs b:before,.bk-zs:after,.bk-zs:before{content:"";width:20px;height:20px;background:#fff;display:block;font-size:25px;color:#bcd2ff;line-height:16px;text-align:center;text-indent:0;position:absolute}
.bk-zs:before{left:-10px;top:-10px}
.bk-zs:after{left:-10px;bottom:-10px}
.bk-zs b:before{right:-10px;top:-10px}
.bk-zs b:after{right:-10px;bottom:-10px}
.swt-bk,.uds-zs{display:none}
.mtb{word-break:break-all}
.cppage1{max-width: 1920px;margin: 0 auto;}
/*new year*/
.new-year,.new-year p{width:100%;height:99.89%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;overflow:hidden}
.new-year p:after,.new-year p:before{content:"";height:100%;background-size:100%!important;display:block;position:absolute;top:0;bottom:0}
.new-year .p1:after,.new-year .p1:before{width:11.666%;background:url(../images/new-year01.png) center top no-repeat;-webkit-animation:year 1.5s;animation:year 1.5s}
.new-year .p1:before{left:15.6%}
.new-year .p1:after{right:15.6%}
.new-year .p2:before{width:11.036%;height:100.15%;background:url(../images/new-year05.png) center top no-repeat;left:0;-webkit-animation:year2 1.5s;animation:year2 1.5s}
.new-year .p2:after{width:11.036%;height:100.15%;background:url(../images/new-year06.png) center top no-repeat;right:0;-webkit-animation:year3 1.5s;animation:year3 1.5s}
.new-year .p3:after,.new-year .p3:before{width:8.1451%;-webkit-animation:year4 1.5s;animation:year4 1.5s}
.new-year .p3:before{background:url(../images/new-year04.png) center 58% no-repeat;left:150px;left:8%}
.new-year .p3:after{background:url(../images/new-year03.png) center 58% no-repeat;right:8%}
.new-year .p4{width:17.552%;height:auto;background:url(../images/new-year02.png) center 118% no-repeat;background-size:100%;left:auto;right:-2%;-webkit-animation:year5 3.5s,year6 3s infinite 3.5s linear;animation:year5 3.5s,year6 3s infinite 3.5s linear;
}
@keyframes year{from{transform:translateY(-18%)}
to{transform:translateY(0)}
}
@keyframes year2{from{transform:translateX(-100%)}
to{transform:translateX(0)}
}
@keyframes year3{from{transform:translateX(100%)}
to{transform:translateX(0)}
}
@keyframes year4{from{transform:scale(0)}
to{transform:scale(1)}
}
@keyframes year5{0%{transform:scale(0);right:41%;bottom:30%;margin-left:41.3%}
33.333333%,66.666666%{transform:scale(1);right:41%;bottom:30%;margin-left:41.3%}
100%{right:-2%}
}
@keyframes year6{0%,100%,50%{transform:rotate(0);transform-origin: center bottom;}
25%{transform:rotate(-4deg);transform-origin: center bottom;}
75%{transform:rotate(4deg);transform-origin: center bottom;}
}

@media screen and (min-width:2000px){
    .header,.location{max-width: 1920px;left: 50%;margin-left: -960px;}
    .videopage{background-size: 100%;}
    .message{background-size: cover;}
}
@media screen and (max-width:1800px){
    .about3{background-size:auto;}
    .cppage1 .left{width:1580px}
    .cppage1 .left .two{width:600px;padding: 80px 80px 80px;}
    .cppage1 .left .three{top: 615px;}
    .cppage1 .left .three .tel{width:450px;font-size:18px}
    .cppage1 .left .three .tel span{font-size:20px}
    .cppage1 .left .three .btn{width:360px;font-size:25px;height:75px;line-height:75px}
    .message{background-size:100% 100%}
}
@media screen and (max-width:1700px){.cppage1 .left .one{width:280px}
    .cppage1 .left .two{width:560px;padding: 60px 60px 70px;}
    .cppage1 .left .three{top: 595px;}
    .cppage1 .right{width:80%}
}
@media screen and (max-width:1600px){.header .nav li a{font-size:16px}
    .banner .text{font-size:25px;line-height:50px;bottom:188px}
    .banner .text:before{width:350px;left:-380px}
    .tit-zs:before{display:none}
    .about-ban{height:840px}
    .about-ban h2{font-size:40px;line-height:66px;margin:15px 0 30px}
    .about-ban .slogan{font-size:18px}
    .about2 .slogan{font-size:40px;right:-318px}
    .about3 p{padding:50px 25% 120px}
    .cppage1{padding-top: 12%;}
    .cppage1 .left{width:1430px}
    .cppage1 .left .one{width:230px}
    .cppage1 .left .one li{font-size:16px}
    .cppage1 .left .two{width:500px;}
    .cppage1 .left .two h1{font-size:40px;margin-bottom:45px}
    .cppage1 .left .two p{width:240px;font-size:20px;margin:20px 0 20px 85px}
    .cppage1 .left .two p strong,.cppage1 .left .two p+p+p,.cppage1 .left .two p+p+p strong{font-size:16px}
    .cppage1 .left .two p strong{line-height:45px;left:-85px;top:15px}
    .cppage1 .left .two p strong:before{border-top:22px solid transparent;border-bottom:23px solid transparent}
    .cppage1 .left .two p+p+p{line-height:30px;padding:0}
    .cppage1 .left .three{top: 500px;}
    .cppage1 .left .three .btn{width:300px;height:65px;font-size:20px;line-height:64px}
    .cpzs-ban{background-size:cover}
    .cpzs-ban .swiper-product .swiper-slide{padding:70px 0 60px}
    .cpzs-ban .swiper-product .swiper-slide img{width:1000px}
    .cpzs-ban .swiper-product .swiper-hd{width:1100px;height:95px;margin-left:-550px}
    .cpzs-ban .swiper-product .swiper-hd .swiper-item{width:180px}
    .cpzs-ban .swiper-product .swiper-hd .swiper-item i{width:90px;height:90px}
    .cpzs-ban .swiper-product .swiper-slide h3 a{font-size:40px;padding:0 222px}
    .cpzs-ban .swiper-product .swiper-slide .text{top:110px}
    .cpzs-ban .swiper-product .swiper-slide .text p{padding:0 170px}
    .cpzs-ban .swiper-product .swiper-slide .text p span{width:270px;height:40px;font-size:16px;line-height:40px;background-size:50%}
    .cpzs-ban .swiper-product .swiper-slide .more{width:180px;height:180px}
    .ie8 .banner .text{display: none;}
}
@media screen and (max-width:1500px){.w{width:1120px}
    .location{font-size:14px}
    .header .nav li a{font-size:14px;padding:0 24px}
    .header .tel{font-size:14px}
    .header .tel strong{font-size:20px}
    .banner .swiper-slide .more,.banner .swiper-slide li h3 a{height:48px;font-size:14px;line-height:24px}
    .tit-zs{top:10px}
    .home .titles h2{font-size:40px}
    .home .titles p{font-size:15px}
    .home1 dl dt h3 a{font-size:22px}
    .home1 dl dt .text{font-size:15px;line-height:20px}
    .home2 ul li{padding:20px 0 65px}
    .home2 ul li p{width:193px}
    .home2 ul li p a{font-size:19px;line-height:48px}
    .home2 ul li .more{width:65px;font-size:15px;line-height:30px}
    .home3 .al2 .l1{left:22%}
    .home3 .swiper-slide li .cp-txt{width:330px;font-size:15px;line-height:26px;right:-70px;bottom:22px}
    .home3 .swiper-slide li .cp-txt h3{font-size:18px;line-height:40px}
    .home3 .swiper-slide li .cp-txt p{height:78px;margin-top:10px}
    .home3 .swiper-slide li:hover .cp-txt{height:165px}
    .home3 .alzs{width:355px;height:70px;font-size:25px;line-height:70px}
    .home3 .alzs img{margin-left:15px}
    .home4{margin:60px 0}
    .home5 .titles h2{line-height:70px}
    .home5 .text2{font-size:15px;line-height:26px}
    .about-ban{height:770px}
    .about p{font-size:15px;line-height:26px}
    .about h2{font-size:35px;line-height:60px}
    .about1 ul li{height:575px;padding:55px 2.2% 100px}
    .about1 ul li strong{font-size:24px;margin:20px 0 10px}
    .about1 ul li span{font-size:20px;margin:15px 0}
    .news .title h3 a{font-size:40px}
    .news .title p,.news1 .swiper-slide .txt p{font-size:15px}
    .news1 .title{top:75px}
    .news1 .swiper-slide .txt{height:278px}
    .news1 .swiper-slide .txt h4 a{font-size:22px}
    .news1 .swiper-container .Label{left:100px}
    .news-text li h4 a{font-size:17px}
    .news2 .ul dt{padding:45px 6% 55px}
    .news2 .ul dt h4 a{height:64px;font-size:22px;line-height:32px}
    .news2 .ul dt p{font-size:15px;line-height:26px;margin-top:20px}
    .news3 .ul dl{height:172px}
    .news3 .ul dd{width:83.5%}
    .news3 .ul dd h4 a{font-size:20px}
    .news3 .ul dd p{height:52px;font-size:15px;line-height:26px;margin-top:20px}
    .news3 .ul dt{padding:30px 0}
    .contact h2{font-size:40px}
    .contact .text .address{font-size:14px}
    .contact .text .address span,.contact .text .tel span strong{font-size:22px}
    .contact .text .btn{font-size:22px}
    .contact-msg{width:400px}
    .contact-msg .slogan{font-size:16px}
    .cppage1 .left{width:1345px}
    .cppage1 .left .one{width:230px}
    .cppage1 .left .one:before{width:140px;height:200px;right:-160px}
    .cppage1 .left .one li{font-size:16px}
    .cppage1 .left .two{width:450px}
    .cppage1 .left .two h1{font-size:35px;margin-bottom:35px}
    .cppage1 .left .two p{width:210px;font-size:16px}
    .cppage1 .left .two p strong,.cppage1 .left .two p+p+p{font-size:15px}
    .cppage1 .left .three{top: 450px;}
    .cppage1 .left .three .tel{width:410px;font-size:16px}
    .cppage1 .left .three .btn{width:280px;height:60px;font-size:17px;line-height:60px}
    .cppage1 .right{width:77%}
    .cppage5 ul li a{font-size:15px}
    .content h2,.content h3,.videopage .module3 h3{font-size:27px}
    .content p{font-size:15px;line-height:32px}
    .message .w:before{width:450px;height:480px;right:0}
    .message .left{width:615px}
    .cpzs-list .title{height:100px}
    .cpzs-list .title li a{font-size:24px;line-height:100px}
    .cpzs-list .list li p a,.video-list .list li p a,.videopage .module3 li p a{font-size:15px;line-height:42px}
    .newslist-ban h2{font-size:45px}
    .newslist .fl li p,.newslist-ban p,.newspage2 .fl .noa p,.newspage2 .fr .news-cp li p a{font-size:15px}
    .newslist .fl li h3 a{font-size:20px}
    .newslist .fr li h3 a{font-size:22px}
    .newslist .fr li p a{font-size:13px}
    .newspage1 h1{font-size:35px}
    .newspage2 .fr .news-zx{padding:122px 8% 40px}
    .newspage2 .fr .news-zx .tel{font-size:15px;line-height:15px;background-size:39px;padding-left:50px}
    .newspage2 .fr .news-zx .tel span{font-size:17px}
    .newspage2 .fr .news-zx .btn,.newspage2 .fr .news-zx .tel span strong,.newspage2 .fr .news-zx .text a{font-size:22px}
    .newspage2 .fr .news-zx .text{font-size:16px;line-height:32px}
    .newspage2 .fr .news-zx .text strong{font-size:18px}
    .newspage2 .fr .news-zx .btn{width:155px;height:42px;line-height:41px}
    .newspage2 .fr h4{font-size:22px}
    .newspage2 .fr .tit i{width:50px}
    .newspage2 .fr .news-cp li p a{line-height:24px}
    .video-ban h2,.video-list .list h3{font-size:40px}
    .video-ban .text{font-size:15px}
    .video-list .list h3{background-size:60px;padding:0 0 20px 80px}
    .video-list .list li .pic .look{width:134px;height:36px;font-size:15px;line-height:35px;margin:-18px 0 0 -67px}
    .videopage .module1 .fl h1{font-size:35px;line-height:45px}
    .videopage .module1 .fr .rot h3{font-size:23px}
    .videopage .module1 .fr .rot dt h4 a{font-size:16px}
    .videopage .module1 .fr .rot dt p{font-size:13px}
    .videopage .module1 .fr .swt-btn{height:75px}
    .videopage .module1 .fr .swt-btn p{font-size:18px;line-height:30px}
    .videopage .module1 .fr .swt-btn span{bottom:14px}
    .videopage .module1 .fr .swt-btn span:before{left:-16px;right:-16px;top:-16px;bottom:-16px}
    .videopage .module1 .fr .swt-btn span:after{background-size:84px;left:-16px;right:-16px;top:-16px;bottom:-16px}
    .videopage .module1 .fr .swt-btn span a{width:70px;height:70px;font-size:20px;line-height:26px}
    .videopage .module1 .fl li{font-size:15px}
    .asks-ban .w:before{width:400px;height:450px}
    .asks-ban dd{font-size:45px}
    .asks-ban dt{width:520px;font-size:15px;line-height:30px;padding:42px 100px 0 30px}
    .askslist h2{font-size:40px}
    .askslist .text,.askslist li p{font-size:15px}
    .askslist .list li h3 a{font-size:20px;padding:18px 0}
    .askslist .list li p{height:52px;font-size:15px;line-height:26px}
    .asks-ban form{width:760px}
    .asks-ban form .same{font-size:15px}
    .asks-ban form .submit button{font-size:23px}
    .asks-ban form .submit button img{width:50px}
    .cpnews-list h3,.home4 .same h2 a{font-size:35px;line-height:45px}
    .cpnews-list ul li,.cpnews-list ul li span,.home4 .same ul li,.home4 .same ul li span{font-size:15px}
    .ie8 .asks-ban .w:before,.ie8 .cppage1 .left .one:before{display: none;}
    .ie8 .asks-ban dt{height: auto!important;background: none;border: 1px solid #ccc;padding: 20px!important;}
    .ie8 .newspage2 .fr .news-zx .tel{padding-left: 60px!important;}
}
@media screen and (max-width:1400px){.banner .text{font-size:21px;line-height:40px;bottom:188px}
    .banner .text:before{width:320px;left:-350px}
    .cppage1 .left{width:1300px}
    .cppage1 .left .two{padding:40px 50px}
    .cppage1 .left .two h1{margin-bottom:40px}
    .cppage1 .left .three{top: 420px;}
    .cpzs-ban{background-size:cover}
    .cpzs-ban .swiper-product .swiper-slide{padding:70px 0 60px}
    .cpzs-ban .swiper-product .swiper-slide img{width:800px}
    .cpzs-ban .swiper-product .swiper-hd{width:800px;height:75px;margin-left:-400px}
    .cpzs-ban .swiper-product .swiper-hd .swiper-item{width:140px}
    .cpzs-ban .swiper-product .swiper-hd .swiper-item i{width:70px;height:70px}
    .cpzs-ban .swiper-product .swiper-slide h3 a{width:1000px;font-size:30px;padding:0 153px}
    .cpzs-ban .swiper-product .swiper-slide .text{top:90px}
    .cpzs-ban .swiper-product .swiper-slide .text p{width:1000px;padding:0 70px;margin:0 auto 5px}
    .cpzs-ban .swiper-product .swiper-slide .text p span{width:250px;height:32px;font-size:14px;line-height:32px;background-size:42%}
    .cpzs-ban .swiper-product .swiper-slide .more{width:140px;height:140px}
}
@media screen and (max-width:1300px){.w{width:992px}
    .header .logo{width:150px}
    .header .nav li a{padding:0 15px}
    .header .tel strong{font-size:18px}
    .location{font-size:12px}
    .banner .swiper-container{top:120px}
    .banner .text{font-size:17px;line-height:30px;bottom:120px}
    .banner .text:before{width:220px;left:-240px}
    .tit-zs{left:14px;top:4px}
    .tit-zs i:after{display:none}
    .home .titles h2{font-size:30px}
    .home .titles p{font-size:14px}
    .home1 dl dt h3 a{font-size:20px}
    .home1 dl dt .text{font-size:14px;line-height:20px}
    .home2 ul li{padding:20px 0 65px}
    .home2 ul li p{width:163px}
    .home2 ul li p a{font-size:16px;line-height:48px}
    .home2 ul li .more{width:65px;font-size:15px;line-height:30px}
    .home3 .swiper-slide li .cp-txt{width:330px;font-size:14px;line-height:24px;right:-70px}
    .home3 .swiper-slide li .cp-txt h3{font-size:17px}
    .home3 .swiper-slide li .cp-txt p{height:72px}
    .home3 .swiper-slide li:hover .cp-txt{height:155px}
    .home3 .alzs{width:300px;height:60px;font-size:20px;line-height:60px}
    .home3 .alzs img{margin-left:15px}
    .home4{margin:60px 0}
    .home4 .same h2 a{font-size:30px;line-height:40px}
    .home4 .same ul li a,.home4 .same ul li span{font-size:14px}
    .home5 .titles h2{line-height:60px}
    .home5 .msg{margin:0 0 0 280px}
    .home5 .text2{font-size:14px;line-height:30px}
    .about-ban{height:660px}
    .about-ban .titles{width:600px;margin-top:130px}
    .about-ban h2{font-size:30px;line-height:55px}
    .about p,.about-ban p{font-size:14px;line-height:26px}
    .about-ban .slogan{font-size:16px}
    .about h2{font-size:30px}
    .about1 ul li{height:515px;padding:40px 2.2% 100px}
    .about2 .slogan{display:none}
    .news .title h3 a{font-size:30px}
    .news .title p,.news1 .swiper-slide .txt p{font-size:14px;line-height:24px}
    .news1 .swiper-slide .txt{height:240px}
    .news1 .swiper-slide .txt h4 a{font-size:20px}
    .news1 .swiper-slide .txt p{height:96px}
    .news1 .swiper-container .Label{left:50px}
    .news2 .ul dt{padding:35px 6% 45px}
    .news2 .ul dt h4 a{height:60px;font-size:20px;line-height:30px}
    .news2 .ul dt p{font-size:14px;line-height:24px;margin-top:15px}
    .news3 .ul dl{height:134px}
    .news3 .ul dd{width:81%;padding:5.6% 5%}
    .news3 .ul dd h4 a{font-size:18px}
    .news3 .ul dd p{height:48px;font-size:14px;line-height:24px;margin-top:15px}
    .news3 .ul dt{padding:20px 0}
    .news3 .ul dt strong{font-size:25px;padding:35px 0 15px}
    .contact-msg{width:330px}
    .contact-msg .slogan{font-size:14px}
    .contact-msg h3{font-size:30px}
    .cppage1{padding-top: 9%;}
    .cppage1 .left{width:1180px}
    .cppage1 .left .three .tel{width:330px;height:70px;line-height:30px;text-align:left;padding:3px 0 3px 135px;margin:0 70px}
    .cppage1 .left .three .tel span{display:block}
    .cppage1 .left .three .btn{width:250px;height:55px;font-size:16px;line-height:55px}
    .cppage2 ul{height:60px}
    .cppage2 ul li a{font-size:16px;line-height:60px}
    .content h2,.content h3,.videopage .module3 h3{font-size:25px}
    .content p{font-size:14px;line-height:30px}
    .cppage3 .fr h4{font-size:20px;line-height:50px}
    .cppage3 .fr ul{padding:5px 15px 0}
    .cppage3 .fr li p a{font-size:14px;line-height:24px}
    .cppage5 ul li a{font-size:14px}
    .message .w:before{width:400px;height:425px}
    .message .left{width:550px}
    .message .left .tel{margin:20px 0 0}
    .message .right p{font-size:20px}
    .cpzs-list .title{height:90px}
    .cpzs-list .title li a{font-size:20px;line-height:90px}
    .cpzs-list .list li p a,.video-list .list li p a,.videopage .module3 li p a{font-size:14px;line-height:36px}
    .newslist-ban h2{font-size:35px}
    .newslist-ban p{font-size:14px}
    .newslist .fl li h3 a{font-size:18px}
    .newslist .fl li p{font-size:14px}
    .newslist .fr li h3 a{font-size:20px}
    .newslist .fr li p a{font-size:12px}
    .newspage1 h1{font-size:30px}
    .newspage2 .fl .noa p,.newspage2 .fr .news-cp li p a{font-size:14px}
    .newspage2 .fr .news-zx{padding:105px 8% 40px}
    .newspage2 .fr .news-zx .tel{font-size:14px;line-height:13px;background-size:35px;padding-left:45px}
    .newspage2 .fr .news-zx .tel span{font-size:16px}
    .newspage2 .fr .news-zx .btn,.newspage2 .fr .news-zx .tel span strong,.newspage2 .fr .news-zx .text a{font-size:20px}
    .newspage2 .fr .news-zx .text{font-size:14px;line-height:27px}
    .newspage2 .fr .news-zx .text strong{font-size:16px}
    .newspage2 .fr .news-zx .btn{width:155px;height:42px;line-height:41px}
    .newspage2 .fr h4{font-size:20px}
    .newspage2 .fr .tit i{width:45px}
    .newspage2 .fr .news-cp li p a{line-height:20px}
    .video-ban h2,.video-list .list h3{font-size:30px}
    .video-ban .text{font-size:14px;line-height:24px}
    .video-list .list h3{background-size:50px;padding:0 0 20px 64px}
    .video-list .list li .pic .look{width:124px;height:32px;font-size:14px;line-height:31px;margin:-16px 0 0 -62px}
    .videopage .module1 .fl h1{font-size:30px;line-height:40px}
    .videopage .module1 .fr{padding-top:15px}
    .videopage .module1 .fr .rot h3{font-size:20px}
    .videopage .module1 .fr .rot dt h4 a{font-size:14px}
    .videopage .module1 .fr .rot dt p{font-size:12px}
    .videopage .module1 .fr .swt-btn{height:67px}
    .videopage .module1 .fr .swt-btn p{font-size:16px;line-height:26px}
    .videopage .module1 .fr .swt-btn span{bottom:14px}
    .videopage .module1 .fr .swt-btn span:before{left:-16px;right:-16px;top:-16px;bottom:-16px}
    .videopage .module1 .fr .swt-btn span:after{background-size:84px;left:-16px;right:-16px;top:-16px;bottom:-16px}
    .videopage .module1 .fr .swt-btn span a{width:70px;height:70px;font-size:20px;line-height:26px}
    .videopage .module1 .fl li{font-size:14px}
    .asks-ban{padding-bottom:60px}
    .asks-ban .w:before{width:340px;height:380px;bottom:-85px}
    .asks-ban dd{font-size:35px}
    .asks-ban dt{width:500px;font-size:14px;padding:39px 100px 0 30px}
    .askslist h2{font-size:30px}
    .askslist .text,.askslist li p{font-size:14px}
    .askslist .list li h3 a{font-size:18px}
    .askslist .list li p{height:48px;font-size:14px;line-height:24px}
    .asks-ban form{width:700px}
    .asks-ban form .same{font-size:14px}
    .asks-ban form .submit button{font-size:20px}
    .asks-ban form .submit button img{width:40px}
    .askspage1 h1{font-size:25px}
    .askspage1 .text{font-size:14px;line-height:24px;padding-right:9%}
    .askspage2 .answer{font-size:22px}
    .cpnews-list h3{font-size:30px;line-height:40px}
    .cpnews-list ul li,.cpnews-list ul li span{font-size:14px}
    .ie8 .newspage2 .fr .news-zx{padding-top: 140px;}
    .ie8 .newspage2 .fr .news-zx .tel span strong{font-size: 16px;}
}
@media screen and (max-width:1200px){.cppage1 .left{width:950px}
    .banner .swiper-slide .more{width:200px;right:0}
    .cppage1 .left .one{width:190px}
    .cppage1 .left .one:before{width:100px;height:140px;right:-90px}
    .cppage1 .left .one li{font-size:14px}
    .cppage1 .left .two{width:350px;padding:30px 40px}
    .cppage1 .left .two h1{font-size:30px;margin-bottom:30px}
    .cppage1 .left .two p{width:180px;font-size:14px;line-height:24px;margin:15px 0 15px 85px}
    .cppage1 .left .two p strong,.cppage1 .left .two p+p+p,.cppage1 .left .two p+p+p strong{font-size:14px}
    .cppage1 .left .two p strong{line-height:40px;top:0}
    .cppage1 .left .two p strong:before{border-bottom:18px solid transparent}
    .cppage1 .left .two p+p+p{line-height:30px}
    .cppage1 .left .three{top: 400px;}
    .cppage1 .left .three .tel{width:280px;padding-left:110px;margin:0 30px}
    .cppage1 .left .three .tel:after,.cppage1 .left .three .tel:before{display:none}
    .cppage1 .left .three .tel span:before{left:10px}
    .cppage1 .right{width:79%}
}
@media screen and (max-width:1100px){.cppage1 .left .three{top:370px}
}