*,: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,i{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} button,input,select,textarea{font:12px/20px Arial;outline:0;border:none;resize:none} input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;outline:0} :focus{outline:0} a{color:#333;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} .clearfix{zoom:1} .clear{clear:both} .fl{float:left} .fr{float:right} body{font:14px/20px "Microsoft YaHei",Arial;color:#333;line-height:1.1;background:#f2f7fa} .w{max-width:1600px;margin:0 auto} .swiper-container{width:100%;position:relative;overflow:hidden} .swiper-container .swiper-wrapper{width:100%;position:relative;overflow:hidden} .swiper-container .swiper-slide{width:100%;float:left;position:relative;overflow:hidden} .swiper-controller{width:466px;height:98px;background:#fff;line-height:98px;position:absolute;z-index:2} .swiper-controller .swiper-pagination{width:63%;height:100%;font-size:0;padding:0 24px;border-right:1px solid #e5e5e5} .swiper-controller .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#d5d5d5;border-radius:50%;display:inline-block;vertical-align:middle;margin:0 16px;position:relative;cursor:pointer} .swiper-controller .swiper-pagination .swiper-pagination-bullet-active{background:#1d273b} .swiper-controller .swiper-pagination .swiper-pagination-bullet-active i{display:block;position:absolute;top:-13px;bottom:-13px;overflow:hidden} .swiper-controller .swiper-pagination .swiper-pagination-bullet-active .sl{right:4px;left:-13px} .swiper-controller .swiper-pagination .swiper-pagination-bullet-active .sr{left:4px;right:-13px} .swiper-controller .swiper-pagination .swiper-pagination-bullet-active i:before{content:"";border:2px solid #1d273b;border-radius:50%;position:absolute;top:0;bottom:0;transform:rotate(45deg)} .swiper-controller .swiper-pagination .swiper-pagination-bullet-active .sl:before{border-bottom:2px solid #d5d5d5;border-left:2px solid #d5d5d5;left:0;right:-17px;-webkit-animation:circleProgressLoad_left 5s linear infinite} .swiper-controller .swiper-pagination .swiper-pagination-bullet-active .sr:before{border-top:2px solid #d5d5d5;border-right:2px solid #d5d5d5;left:-17px;right:0;-webkit-animation:circleProgressLoad_right 5s linear infinite} @keyframes circleProgressLoad_right{ 0%{-webkit-transform:rotate(45deg)} 50%{-webkit-transform:rotate(225deg)} 100%{-webkit-transform:rotate(225deg)} } @-webkit-keyframes circleProgressLoad_right{ 0%{-webkit-transform:rotate(45deg)} 50%{-webkit-transform:rotate(225deg)} 100%{-webkit-transform:rotate(225deg)} } @keyframes circleProgressLoad_left{ 0%{-webkit-transform:rotate(45deg)} 50%{-webkit-transform:rotate(45deg)} 100%{-webkit-transform:rotate(225deg)} } @-webkit-keyframes circleProgressLoad_left{ 0%{-webkit-transform:rotate(45deg)} 50%{-webkit-transform:rotate(45deg)} 100%{-webkit-transform:rotate(225deg)} } .swiper-controller .btn-jt{width:30px;height:30px;background:url(../images/wz-tb.png) no-repeat;position:absolute;top:50%;margin-top:-15px;cursor:pointer;transition:all ease .3s} .swiper-controller .swiper-button-prev{background-position:8px 3px;right:116px} .swiper-controller .swiper-button-next{background-position:right 8px top 3px;right:22px} .header{line-height:100px;position:absolute;left:0;right:0;top:0;z-index:9999} .header .w{max-width:1720px} .header .w:after{content:"";clear:both;display:block} .header .logo{width:11.163%;float:left} .header .nav{width:46.4%;float:left;margin-left:3.7%} .header .nav li{width:14.286%;float:left;position:relative;z-index:1} .header .nav li:before{content:"";background-image:linear-gradient(#5386c0,rgba(83,134,192,0));position:absolute;left:-7%;right:-7%;top:0;bottom:100%;transition:all ease .5s;z-index:-1} .header .nav li a{font-size:16px;color:#fff;text-align:center;display:block;transition:all ease .5s} .header .nav li:hover:before{bottom:0} .header .nav li:hover a{font-size:20px;font-weight:700} .header .nav .active:before{bottom:0;transition:none} .header .nav .active a{font-size:20px;font-weight:700;transition:none} .header .tel{font-size:22px;color:#fff;line-height:46px;float:right} .header .tel span{font-size:26px} .header .tel:before{content:"";width:21px;height:25px;background:url(../images/wz-tb.png) left bottom no-repeat;display:inline-block;vertical-align:middle;margin:-3px 18px 0 0} .header .tel-box{float:right;border:1px solid #fff;border-radius:24px;margin-top:30px;line-height:1} .header .tel-box p{float:left;line-height:46px} .header .tel-box .txt{font-size:16px;color:#fff;padding:0 14px 0 30px} .header .tel-box .txt:after{content:"";width:27px;height:1px;background:#fff;display:inline-block;vertical-align:super;margin:0 0 -1px 15px} .header .tel-box .txt span{color:#f5731c;font-weight:700;cursor:pointer} .header .search-box{float:left;position:relative} .header .search-box .txt{float:none;position:absolute;left:0;top:0;bottom:0;z-index:-1} .header .search-box .txt-hide{display:none} .header .search-box .txt:after{display:none} .header .search-box .search-input{width:262px;height:48px;background:0 0;font-size:16px;color:#fff;line-height:48px;padding:0 45px 0 30px} .header .search-box .search-btn{font-size:0;width:46px;background:url(../images/search.png) center no-repeat;background-size:25px;position:absolute;right:0;top:0;bottom:0;z-index:1;cursor:pointer} .header .search-box .search-input::-webkit-input-placeholder{color:#e2e2e2} .header .search-box .search-input::-moz-placeholder{color:#e2e2e2} .header .search-box .search-input:-moz-placeholder{color:#e2e2e2} .header .search-box .search-input:-ms-input-placeholder{color:#e2e2e2} .header .search-list{display:none;position:absolute;left:0;right:-30%;top:48px;transition:all ease .5s} .header .search-list-active{display:block} .header .search-list .listbox{position:relative} .header .search-list .listbox:before{content:"";border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;top:-8px;left:30px} .header .search-list ul{max-height:324px;background:#fff;border-radius:5px;padding:7px 0;overflow-y:scroll} .header .search-list ul::-webkit-scrollbar{width:7px} .header .search-list ul::-webkit-scrollbar-track{background:0 0;border-radius:10px} .header .search-list ul::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px} .header .search-list li a{font-size:15px;line-height:1.4;padding:5px 5%;display:block} .header .search-list li:hover a{background:#4ba7e0;color:#fff} .header .tel-box .tel{border-left:1px solid #fff;border-radius:24px;text-align:center;background-color:#4ba7e0;background-image:linear-gradient(90deg,#151a26 0,#4dabe5 100%);padding:0 33px;box-shadow:0 11px 40px 0 rgba(22,28,41,.15)} .home-header .tel{margin-top:25px;margin-right:7.7%} .footer{background:url(../images/home-bg.jpg) center bottom no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; line-height:110px} .footer .w{width:1312px;overflow:hidden;margin:0 auto;border-top:1px dashed #717682} .footer p{font-size:16px;color:#3e4d59;float:left;position:relative} .footer p a{color:#3e4d59} .footer p a:hover{color: #4dabe5;} .footer .p1{margin-right:95px} .footer .p1:before{content:"";width:20px;height:27px;background:url(../images/wz-tb.png) center -60px no-repeat;display:inline-block;vertical-align:middle;margin-right:15px} .footer .p2{font-size:22px;color:#fff;} .footer .p2:before{content:"";width:21px;height:25px;background:url(../images/wz-tb.png) center -95px no-repeat;display:inline-block;vertical-align:middle;margin-right:15px} .footer .p2 span{font-size:26px} .footer .p3{float:right;font-style:italic} .footer .p4{text-align:center} .footer .links{width:100%;line-height:30px;margin:-10px 0 30px} .footer .links a{padding:0 5px} .home-footer{background:0 0} .home-footer .w{border-top:1px dashed #717682} .home-body{position:relative;transition:all linear .4s} .home-body:before{content:"";background:url(../images/home-bg.jpg) center bottom no-repeat;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1} .banner{width:100%;padding-bottom:6px;position:relative} .banner:before{content:"";width:1760px;height:22px;background-color:#141823;background:linear-gradient(to right,#141823 0,#568ac6 100%);box-shadow:0 17px 16px 0 rgba(0,0,0,.2);position:absolute;left:0;bottom:0;z-index:4} .banner:after{content:"";width:1200px;height:1px;background:#fff;position:absolute;left:360px;bottom:10px;z-index:4} .banner .swiper-container{width:auto;position:absolute;left:0;right:0;top:0;bottom:0} .banner .swiper-container:before{content:"";background:url(../images/banner-line.png) center bottom no-repeat;position:absolute;left:0;right:0;top:0;bottom:0;z-index:3} .banner .zwf{width:100%} .swiper-container .swiper-wrapper{width:auto;position:absolute;left:0;right:0;top:0;bottom:0} .banner .swiper-slide{width:100%;height:100%;background-size:cover!important;background-position:center center!important;position:absolute;left:0;top:0;transition:all ease-in 1s} .banner .swiper-slide{width:100%;height:100%} .banner .one{z-index:2} .banner .two{z-index:1} .banner .one{background:url(../images/banner01.jpg) no-repeat} .banner .two{background:url(../images/banner02.jpg) no-repeat} .banner .three{background:url(../images/banner03.jpg) no-repeat} .banner .swiper-slide .wenan{white-space:nowrap;position:absolute;left:13%;top:38%;transform:translateX(-50px);opacity:0;transition:all ease-in 1s} .banner .swiper-slide .wenan .tit{font-size:60px;color:#fff} .banner .swiper-slide .wenan .tit a{color:#fff} .banner .swiper-slide .wenan .text{font-size:18px;line-height:30px;color:#fff;margin-top:23px} .banner .swiper-slide-prev{width:0%} .banner .swiper-slide-active .wenan{position:absolute;left:13%;top:38%;transform:translateX(0);opacity:1} .banner .swiper-controller{left:365px;bottom:21px;z-index:4} .banner .appoint_scroll{width:366px;height:98px;background-color:#141823;background:linear-gradient(to right,#141823 0,#212f44 100%);position:absolute;left:0;bottom:21px;z-index:4;cursor:pointer} .banner .appoint_scroll:before{content:"";width:50px;height:50px;background:url(../images/scroll-xjt.png) center no-repeat;position:absolute;left:50%;top:50%;margin:-14px 0 0 -25px} .banner .gs-video{width:294px;position:absolute;right:19.16%;top:27%;z-index:9999} .banner .gs-video dd .txt{height:120px;background:#fff} .banner .gs-video dd span{width:39%;height:100%;background:#141823;float:left;position:relative;cursor:pointer} .banner .gs-video dd span:before{content:"";width:0;height:0;border-left:18px solid #fff;border-bottom:13px dashed transparent;border-top:13px dashed transparent;display:block;position:absolute;top:50%;left:50%;margin:-13px 0 0 -9px} .banner .gs-video dd p{width:61%;height:100%;float:right;font-size:14px;color:#999;padding:12% 16.5%} .banner .gs-video dd p strong{font-size:20px;display:block;margin-bottom:16px} .banner .gs-video dt{background:rgba(0,0,0,.8);position:fixed;left:0;right:0;top:0;bottom:0;z-index:99999;transform:scale(0);transition:all ease .5s} .banner .gs-video dt p{width:960px;margin:10% auto 0;position:relative} .banner .gs-video dt p video{width:100%;border-radius:10px;overflow:hidden} .banner .gs-video dt p .hide{width:30px;height:30px;font-size:50px;line-height:20px;text-align:center;color:#fff;font-weight:100;display:block;position:absolute;top:10px;right:10px;cursor:pointer} .banner .gs-video dt.show{transform:scale(1)} h1.same-title{font-size: 44px;} .same-title{font-size:40px;font-weight:700;color:#333;line-height:50px;text-align:center} .same-title a:hover{color: #53aff1;} .same-text{font-size:16px;color:#666;line-height:30px;margin-top:22px;text-align:center} .same-text:after{content:"";width:131px;height:68px;background:url(../images/sametitle-zs.png) center no-repeat;background-size:100%!important;display:block;margin:20px auto 0} .same-text a:hover{color:#f44500} .home1{padding:3.42% 0 5.78%;overflow:hidden} .home1 .swiper-cp{margin-top:66px} .home1 .cpfl{width:19.1%;float:left;padding-top:0.8%} .home1 .cpfl .sty1{font-size:32px;color:#000;font-weight:700} .home1 .cpfl .sty1 span{color:#f44500;display:block;margin-top:14px} .home1 .cpfl .sty2{margin-top:52px;margin-bottom:56px;position:relative} .home1 .cpfl .sty2:before{content:'';width:1px;background:#c6cdd1;display:block;position:absolute;right:20px;top:0;bottom:0} .home1 .cpfl .sty2 li{background:url(../images/home1-cpbg01.jpg) center no-repeat;background-size:cover!important;height:135px;position:relative;cursor:pointer} .home1 .cpfl .sty2 li+li{background:url(../images/home1-cpbg02.jpg) center no-repeat;margin-top:45px} .home1 .cpfl .sty2 li+li+li{background:url(../images/home1-cpbg03.jpg) center no-repeat} .home1 .cpfl .sty2 li+li+li+li{background:url(../images/home1-cpbg04.jpg) center no-repeat} .home1 .cpfl .sty2 li i{width:40px;height:40px;background:#c6cdd1;font-size:22px;color:#fff;text-align:center;line-height:40px;position:absolute;right:0;top:-18px;transition:all linear .3s} .home1 .cpfl .sty2 li span{font-size:24px;color:#fff;font-weight:700;position:absolute;left:18px;bottom:15px} .home1 .cpfl .sty2 .swiper-item-active i,.home1 .cpfl .sty2 li:hover i{background:#f44500;color:#fff} .home1 .cpfl .sty3{text-align:right} .home1 .cpfl .sty3 .ys1{font-size:16px;color:#818384;padding-right:6%} .home1 .cpfl .sty3 .ys2{max-width:100%;width:290px;height:66px;background:#f44500;border-radius:50px;padding-right:25px;font-size:22px;color:#fff;font-weight:700;text-align:right;line-height:66px;display:inline-block;margin-top:24px;position:relative;transition:all linear .3s} .home1 .cpfl .sty3 .ys2:before{content:"";background-image:linear-gradient(to right,#fff 30%,#ff976e);border-radius:50px;box-shadow:0 14px 21px rgba(244,69,0,.58);position:absolute;left:-6px;right:-10px;top:-6px;bottom:-6px;z-index:-1;transition:all linear .3s} .home1 .cpfl .sty3 .ys2:after{content:'';width:96px;height:125px;background:url(../images/home1-swtzs.png) center top no-repeat;background-size:100%;position:absolute;left:-12px;bottom:0} .home1 .cpfl .sty3 .ys2:hover{background:#38759f} .home1 .cpfl .sty3 .ys2:hover:before{background-image:linear-gradient(to right,#fff 30%,#53aff1);box-shadow:0 14px 21px rgba(56,117,159,.58)} .home1 .swiper-slide{width:80%;float:right;margin-left:-4.97%;margin-right:-1.2%;display:none} .home1 .swiper-slide-active{display:block} .home1 .swiper-slide li{width:28.36%;background:url(../images/home-cpbg.png) center bottom no-repeat;background-size:100%;float:left;padding-bottom:75px;margin-left:4.97%;margin-bottom:1%;text-align:center;position:relative;transition:all ease .3s} .home1 .swiper-slide li:before{content:"";width:213px;height:213px;background:url(../images/home-rotzs2.png) center no-repeat;background-size:100%;position:absolute;left:50%;top:0;margin-left:-106px;z-index:-1} .home1 .swiper-slide li:after{content:"";width:29px;height:29px;background:url(../images/wz-tb.png) right -91px no-repeat;position:absolute;left:50%;margin-left:-13px;bottom:10px} .home1 .swiper-slide li .pic{width:510px;height:284px;position:relative;left:50%;margin-left:-255px;display:block} .home1 .swiper-slide li img{position:absolute;left:0;right:0;bottom:0} .home1 .swiper-slide li h3 a{font-size:20px;color:#010101;display:block;padding:25px 0;transition:all ease .3s;position:relative} .home1 .swiper-slide li h3 a:before{content:"";height:6px;background:url(../images/home1-cptitzs.png) center no-repeat;background-size:56px;display:block;position:absolute;left:0;right:0;bottom:5px} .home1 .swiper-slide li:hover{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)} .home1 .swiper-slide li:hover h3 a{color:#53aff1} .home2{max-width:1920px;margin:0 auto;position:relative} .home2:before{content: "";position: absolute;left: 0;right:0;top: 0;height: 50%;background: -webkit-linear-gradient(top, rgba(0,0,0,.5) 50%,transparent 100%);background: -moz-linear-gradient(top, rgba(0,0,0,.5) 50%, transparent 100%);background: -ms-linear-gradient(top, rgba(0,0,0,.5) 50%,transparent 100%);background: -o-linear-gradient(top, rgba(0,0,0,.5) 50%,transparent 100%);background: linear-gradient(to bottom, rgba(0,0,0,.5) 50%,transparent 100%);z-index: 2;} .home2 img{width:100%} .home2 .swiper-hd{padding-top:5.8%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:2} .home2 .swiper-hd .swiper-item{width:21.57%;height:165px;float:left;margin-left:3.43%;position:relative;transition:all ease .5s} .home2 .swiper-hd .swiper-item:before{content:"";width:1px;background:#fff;position:absolute;left:0;top:5px;bottom:0;transition:all ease .5s} .home2 .swiper-hd .swiper-item:after{content:"";width:32px;height:0;background:url(../images/wz-tb.png) left -88px no-repeat;position:absolute;left:-15px;bottom:-31px;transition:all ease .5s} .home2 .swiper-hd .swiper-item:first-child{margin-left:0} .home2 .swiper-hd .swiper-item h3{margin-bottom:23px;padding-left:95px;} .home2 .swiper-hd .swiper-item h3:before{content:"";width:40px;height:40px;background:url(../images/wz-tb.png) -78px -48px no-repeat;border-radius:50%;display:block;position:absolute;left:28px;top:9px;transition:all ease .5s} .home2 .swiper-hd .swiper-item h3:after{content:"";width:42px;height:42px;border:0 solid transparent;border-right:0 solid #f44500;border-radius:50%;position:absolute;left:27px;top:8px;transform:rotate(45deg);-webkit-animation-name:myAnimation;-webkit-animation-duration:3s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;transition:all ease .5s} .home2 .swiper-hd .swiper-item h3 a{font-size:20px;color:#999;line-height:30px;display:block;transition:all ease .5s} .home2 .swiper-hd .swiper-item h3 a span{display:block} .home2 .swiper-hd .swiper-item .cs{height:0;overflow:hidden;transition:all ease .5s} .home2 .swiper-hd .swiper-item p{font-size:16px;font-weight: bold; color:#fff;line-height:30px;margin-top:16px;padding-left:95px;} .home2 .swiper-hd .swiper-item p span{color:#999;font-weight: normal;} .home2 .swiper-hd .swiper-item-active{height:320px} .home2 .swiper-hd .swiper-item-active:before{content:"";width:2px;background:#f44500} .home2 .swiper-hd .swiper-item-active:after{height:32px} .home2 .swiper-hd .swiper-item-active h3:before{background:url(../images/wz-tb.png) center -16px no-repeat #fff} .home2 .swiper-hd .swiper-item-active h3:after{border:2px solid transparent;border-right:2px solid #f44500} .home2 .swiper-hd .swiper-item-active h3 a{color:#fff;font-weight:700} .home2 .swiper-hd .swiper-item-active .cs{height:100%} .home2 .swiper-wrapper{width:auto;position:absolute;left:0;right:0;top:0;bottom:0} .home2 .swiper-slide{width:auto;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;display:none\9;opacity:0;transition:all ease 1s} .home2 .swiper-slide img{width:100%} .home2 .look-more{display: block; width:180px;height:50px;line-height:50px;background:#f44500;font-size:16px;font-weight:700;text-align:center;color:#fff;z-index:5;position: relative;margin-top: 20px;margin-left: 95px;} .home2 .swiper-slide img{position:relative} .home2 .look-more:before{content:"";width:22px;height:10px;background:url(../images/wz-tb.png) center top no-repeat;display:block;position:absolute;left:-42px;top:50%;margin-top:-5px;transition:all ease .3s;z-index:-1} .home2 .look-more:hover{background:#fff;color:#f44500} .home2 .look-more:hover:before{left:15%;opacity:0} .home2 .swiper-slide-active{display:block\9;opacity:1} .home2 .swiper-slide-active img{z-index:1} .home2 .swiper-more{position: absolute;right: 10%;bottom: 100px;z-index: 22;} .home3{padding:4.4% 0 4.94%;overflow:hidden} .home3 .rot-news1{position:relative} .home3 .rot-news1 ul{margin:0 -1.23%} .home3 .rot-news1 li{width:26.048%;height:549px;background:url(../images/home-newsbg.png) center bottom no-repeat;background-size:100%;float:left;margin-left:-1.4%;padding:45px 2.88% 70px;position:relative} .home3 .rot-news1 li:before{content:"";width:29px;height:29px;background:url(../images/wz-tb.png) right -91px no-repeat;position:absolute;left:-.5%;bottom:32%} .home3 .rot-news1 li .pic{display:block;overflow:hidden;box-shadow:0 21px 20px 0 rgba(30,39,45,.15)} .home3 .rot-news1 li .pic img{width:100%;transition:all ease .5s} .home3 .rot-news1 li h3 a{font-size:20px;color:#010101;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:25px 2.5% 20px;display:block} .home3 .rot-news1 li p{height:120px;font-size:16px;color:#999;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;padding:0 4%} .home3 .rot-news1 li:first-child{margin-left:0} .home3 .rot-news1 li:first-child:before{display:none} .home3 .rot-news1 li:hover h3 a{color:#53aff1} .home3 .rot-news1 li:hover img{transform:scale(1.2)} .home3 .rot-news1 .effect-left{position:absolute;left:-.6%;bottom:33%} .home3 .rot-news1 .effect-right{position:absolute;right:-.6%;bottom:33%} .home3 .rot-news2{margin: 0 7%;} .home3 .rot-news2 ul{margin-left: -6%;} .home3 .rot-news2 ul li{width:44%;float:left;margin:15px 0 0 6%;position:relative;padding-left: 38px;} .home3 .rot-news2 ul li:before{content: "";position: absolute;left: 0;top: 10px;width: 26px;height: 26px;background: url(../images/news-icon02.png) no-repeat;} .home3 .rot-news2 ul li.news2-hot:before{background-image: url(../images/news-icon01.png);} .home3 .rot-news2 ul li h3 a{width:80%;font-size:18px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;padding:14px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .home3 .rot-news2 ul li p{height:60px;font-size:16px;color:#999999;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .home3 .rot-news2 ul li span{font-size:16px;color:#999;position:absolute;right:0;top:17px} .home3 .rot-news2 ul li:hover h3 a{color:#f5561f;padding-left: 10px;} .home4{padding:3.32% 0} .home4 .same-text{color:#fff} .home4 .same-text:after{background:url(../images/sametitle-zs2.png) center no-repeat} .home4 dl{padding:0 200px} .home4 dl dd{width:460px;float:left;margin-top:110px;position:relative} .home4 dl dd:before{content:"";width:91px;height:74px;background:url(../images/comma-zs.png) center no-repeat;background-size:100%;position:absolute;left:-66px;top:-20px;z-index:-1} .home4 dl dd p{font-size:24px;color:#3ba6ea;line-height:38px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(left,#307aa9,#43a5e4);margin:26px 0} .home4 dl dt{width:498px;height:483px;background:url(../images/home-zs01.png) center no-repeat;background-size:100%;float:right;padding:40px 110px} .home4 dl dt .text{font-size:27px;color:#fff;line-height:36px;text-align:center;padding:0 5%} .home4 dl dt .same-input{width:277px;height:57px;background:0 0;border:2px solid #3ba6ea;border-radius:25px;margin-top:27px;font-size:18px;color:#fff;line-height:57px;padding:0 8%} .home4 dl dt .same-input:-webkit-autofill{-webkit-text-fill-color: #FFFFFF;-webkit-box-shadow: 0 0 0 1000px #3ba6ea inset!important;box-shadow: 0 0 0 1000px #3ba6ea inset!important;} .home4 dl dt .same-input::-webkit-input-placeholder{color:#fff} .home4 dl dt .same-input::-moz-placeholder{color:#fff} .home4 dl dt .same-input:-moz-placeholder{color:#fff} .home4 dl dt .same-input:-ms-input-placeholder{color:#fff} .home4 dl dt .icon-txt{height:86px;line-height:26px;padding:13px 8%;scrollbar-width:none;-ms-overflow-style:none} .home4 dl dt .icon-txt::-webkit-scrollbar{display:none} .home4 dl dt .submit{width:277px;height:78px;background-color:#3ba6ea;background-image:linear-gradient(0deg,#3680b1 0,#3daaed 100%);box-shadow:0 22px 21px 0 rgba(0,0,0,.41);border-radius:39px;font-size:23px;color:#fff;text-align:center;line-height:78px;font-weight:700;margin:35px auto 0;display:block} .location{font-size:14px;color:#96d6ff;text-align:right;position:absolute;left:0;right:0;top:96px;z-index:5} .location ol{max-width:25%;display:inline-block;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:-37px} .location ol li{display:inline} .location ol li a{color:#96d6ff} .location ol li a:hover{color: #fa5812;} .location ol li i{margin-left:5px} .cpzs-ban{width:100%;background:url(../images/cpzs-bg.jpg) center top no-repeat;padding:115px 0 0;position:relative} .cpzs-ban .swiper-container{height:381px} .cpzs-ban .swiper-slide{width:100%;height:381px;position:relative} .cpzs-ban .swiper-slide dd{position:absolute;left:50px;top:50px} .cpzs-ban .swiper-slide dd h2 a{font-size:40px;color:#fff;font-weight:700;display:block} .cpzs-ban .swiper-slide dd p{margin-top:52px;overflow:hidden} .cpzs-ban .swiper-slide dd p span{width:180px;height:47px;border:1px solid #fff;float:left;margin-left:60px;font-size:20px;color:#fff;font-weight:700;text-align:center;line-height:45px} .cpzs-ban .swiper-slide dd p span:first-child{margin-left:0} .cpzs-ban .swiper-slide dt{width:48.625%;position:absolute;right:100px;top:40px} .cpzs-ban .swiper-controller{left:50px;bottom:10px} .cpzs-fl{padding:50px 0} .cpzs-fl .w{margin-top:40px} .cpzs-fl .fl{width:379px;background:#fff;box-shadow:0 0 29px 1px rgba(44,86,118,.05);border-radius:18px} .cpzs-fl .fl ul li{border-top:1px solid #e5e5e5;position:relative} .cpzs-fl .fl ul li:after,.cpzs-fl .fl ul li:before{content:"";width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:-3px;left:-3px} .cpzs-fl .fl ul li:after{left:auto;right:-3px} .cpzs-fl .fl ul li a{font-size:20px;color:#999;line-height:80px;font-weight:700;display:block;padding:0 13%;overflow:hidden;transition:all ease .5s} .cpzs-fl .fl ul li:first-child{border:none} .cpzs-fl .fl ul li:first-child:after,.cpzs-fl .fl ul li:first-child:before{display:none} .cpzs-fl .fl ul li:first-child a{border-radius:18px 18px 0 0} .cpzs-fl .fl ul li:last-child a{border-radius:0 0 18px 18px} .cpzs-fl .fl ul li a{background:url(../images/cpzs-flbg.jpg) center no-repeat;background-size:0!important} .cpzs-fl .fl ul li+li a{background:url(../images/cpzs-flbg02.jpg) center no-repeat} .cpzs-fl .fl ul li+li+li a{background:url(../images/cpzs-flbg03.jpg) center no-repeat} .cpzs-fl .fl ul li+li+li+li a{background:url(../images/cpzs-flbg04.jpg) center no-repeat} .cpzs-fl .fl ul li+li+li+li+li a{background:url(../images/cpzs-flbg05.jpg) center no-repeat} .cpzs-fl .fl ul li+li+li+li+li+li a{background:url(../images/cpzs-flbg06.jpg) center no-repeat} .cpzs-fl .fl ul .active a,.cpzs-fl .fl ul li:hover a{background-size:100% 100%!important;font-size:24px;color:#fff;padding-left:95px} .cpzs-fl .sticky-active{position:fixed;top:0} .cpzs-fl .fr{width:72%} .cpzs-fl .fr ul{margin-left:-2.33%} .cpzs-fl .fr ul li{width:31.133%;float:left;background:#fff;border:1px solid #e5e5e5;border-radius:18px;overflow:hidden;padding:12px;margin-left:2.2%;margin-bottom:33px;position:relative;z-index:1} .cpzs-fl .fr ul li:before{content:"";background-color:#52a2d6;background-image:linear-gradient(#52a2d6,#2a4d69);position:absolute;left:0;right:0;top:100%;bottom:0;z-index:-1;transition:all linear .3s} .cpzs-fl .fr ul li>a{display: block;display: block;width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;border-radius:10px 10px 0 0} .cpzs-fl .fr ul li img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .cpzs-fl .fr ul li p{margin-top:12px} .cpzs-fl .fr ul li p a{font-size:20px;color:#666;line-height:30px;text-align:center;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:12px 0;transition:all linear .3s} .cpzs-fl .fr ul li:hover:before{top:0} .cpzs-fl .fr ul li:hover p a{font-size:26px;font-weight:700;color:#fff} .cpzs-fl .fr .other-cp{margin:55px 0 45px;position:relative} .cpzs-fl .fr .other-cp .title{font-size:30px;color:#333;font-weight:700} .cpzs-fl .fr .other-cp .same-effect{left:-10px;top:9px} .alzs-fl .fl ul li a{background:url(../images/alzs-flbg.jpg) center no-repeat} .alzs-fl .fl ul li+li a{background:url(../images/alzs-flbg02.jpg) center no-repeat} .alzs-fl .fl ul li+li+li a{background:url(../images/alzs-flbg03.jpg) center no-repeat} .alzs-fl .fl ul li+li+li+li a{background:url(../images/alzs-flbg04.jpg) center no-repeat} .alzs-fl .fl ul li+li+li+li+li a{background:url(../images/alzs-flbg05.jpg) center no-repeat} .alzs-fl .fl ul li+li+li+li+li+li a{background:url(../images/alzs-flbg06.jpg) center no-repeat} .newspage01{width:100%;background:url(../images/newspage-ban.jpg) center top no-repeat;background-size:cover;padding:10.5% 0 5.2%;position:relative} .newspage01 .w{padding-left:6.6%} .newspage01:before{content:"";max-width:100%;width:1297px;height:22px;background-color:#141823;background:linear-gradient(to right,#141823 0,#568ac6 100%);box-shadow:0 17px 16px 0 rgba(0,0,0,.2);position:absolute;left:0;bottom:-10px} .newspage01:after{content:"";max-width:100%;width:1272px;height:1px;background:#fff;position:absolute;left:12px;bottom:1px} .newspage01 h1{width:60%;font-size:44px;color:#fff;font-weight:700;line-height:1.6;letter-spacing:2px} .newspage01 .date{margin-top:22px} .newspage01 .date span{font-size:14px;color:#999;letter-spacing:1px;margin-left:40px} .newspage01 .date span:first-child{margin-left:0} .newspage02 .news-choice{margin-top:5%} .newspage02 .news-choice p{font-size:16px;color:#333;line-height:30px;margin:3% 0} .newspage02 .news-choice p a{width:85%;color:#999;display:inline-block} .newspage02 .news-choice p:hover a{color:#3c82ae} .pst .w{padding-bottom:5%;box-shadow:-40px 0 40px -40px rgba(0,0,0,.03)} .pst .fl{width:66.75%} .pst .fr{width:25.375%} .texts{padding:0 8%;padding-top:1.28%} .texts h2,.texts h3{font-size:30px;color:#333;line-height:45px;font-weight:700;margin:4.311% 0 3.08%;position:relative;z-index:1} .texts h2:before,.texts h3:before{content:"";width:91px;height:91px;background:url(../images/texts-tittb.png) center no-repeat;background-size:100%;position:absolute;left:-45px;top:50%;margin-top:-45px;z-index:-1} .texts a{color:#f02d21} .texts a:hover{text-decoration: underline;} .texts p{font-size:16px;color:#333;line-height:30px;margin:3.08% 0} .texts b,.texts strong{color:#000} .texts img{margin:0 auto} .texts video{width:100%;max-width:800px!important;margin:0 auto;display:block} .texts .auto_video{width: auto;max-width:800px!important;margin:0 auto;display:block} .texts .mtb{padding:10px 0} .texts blockquote{padding-bottom:10px} .texts table{width:100%} .texts table td{padding:10px;word-break:break-all} .same-cpstyle{border:1px solid #bfbfbf} .same-cpstyle .tit{width:62.13%;height:58px;background:#f2f7fa;border:1px solid #bfbfbf;font-size:20px;color:#333;text-align:center;line-height:56px;font-weight:700;margin:-28px auto 0;position:relative} .same-cpstyle .cp-ul{padding:4.7% 5.694%;margin-bottom:10%} .same-cpstyle .cp-ul li{margin:2.8% 0} .same-cpstyle .cp-ul li p a{font-size:16px;color:#666;line-height:28px;text-align:center;padding:4% 0;display:block} .same-cpstyle .cp-ul li:hover p a{font-size:18px;color:#fa5812;font-weight:700} .same-cpstyle .news-ul{border-top:1px solid #bfbfbf;padding:13.012% 5.694% 5.89%;margin-top:-7.7%} .same-cpstyle .news-ul li{margin:12px 0} .same-cpstyle .news-ul li a{font-size:16px;color:#666;line-height:40px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:32px;position:relative} .same-cpstyle .news-ul li a:before{content:"";width:7px;height:7px;background:#999;border-radius:50%;position:absolute;left:4px;top:50%;margin-top:-3px} .same-cpstyle .news-ul li:hover a{color:#fa5812} .same-cpstyle .news-ul li:hover a:before{background:#fa5812} .same-cpstyle .gdcp-ul{border-top:1px solid #bfbfbf;padding:42px 23px 19px;margin-top:-28px} .same-cpstyle .gdcp-ul li{padding:12px 5px;display:inline-block} .same-cpstyle .gdcp-ul li a{font-size:16px} .same-cpstyle .gdcp-ul li:nth-child(2) a{font-size:14px} .same-cpstyle .gdcp-ul li:nth-child(3) a{font-size:22px;color:#000} .same-cpstyle .gdcp-ul li:nth-child(5) a{font-size:16px;color:#575757} .same-cpstyle .gdcp-ul li:nth-child(7) a{font-size:18px;color:#484848} .same-cpstyle .gdcp-ul li:nth-child(9) a{font-size:14px} .same-cpstyle .gdcp-ul li:nth-child(10) a{font-size:22px;color:#000} .same-cpstyle .gdcp-ul li:nth-child(12) a{font-size:16px;color:#575757} .same-cpstyle .gdcp-ul li:nth-child(14) a{font-size:18px;color:#484848} .same-newsstyle .w{max-width:1418px;background:url(../images/cppage-bg.jpg) repeat;box-shadow:1px 9px 32px 0 rgba(15,19,27,.2);border-radius:40px;padding:2.102% 4.2%;position:relative} .same-newsstyle .w:before{content:"";border:1px solid #d2e7ff;border-radius:35px;position:absolute;left:11px;right:11px;top:11px;bottom:11px} .same-newsstyle .tit{font-size:30px;color:#3c82ae} .same-newsstyle .list{margin-left:-3%;margin-top:2.068%;overflow:hidden} .same-newsstyle .list li{width:47%;margin:.927% 0;margin-left:3%;float:left} .same-newsstyle .list li a{font-size:16px;color:#666;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2% 0;padding-left:5.7%;position:relative} .same-newsstyle .list li a:before{content:"";width:8px;height:8px;background:#3ca2df;background:linear-gradient(0deg,#3c84b0 0,#3ca2df 100%);border-radius:50%;position:absolute;left:0;top:50%;margin-top:-4px} .same-newsstyle .list li:hover a{color:#3ca2df} .message{padding:5.255% 0 4.204%} .message .w{position:relative} .message .fl{width:62.688%;position:absolute;left:-90px;top:10px} .message .fr{width:53.1875%;background:#2f3c46/9;background-image:linear-gradient(0deg,rgba(59,163,225,.1) 0,rgba(85,137,195,.1) 100%);box-shadow:0 7px 92px 0 rgba(15,21,41,.15);border-radius:58px;padding:3.75% 3.4% 6%;position:relative;z-index:1} .message .fr .p1{font-size:30px;color:#fff} .message .fr .p2{font-size:41px;color:#3ba5e5;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(#3ba5e5,#3b7faa);margin:25px 0} .message .fr .p3{font-size:18px;color:#faaf55} .message .fr form input,.message .fr form textarea{width:401px;height:60px;line-height:36px;background:#2f5671;border:1px solid #4c85ad;border-radius:20px;font-size:18px;color:#fff;padding:12px 35px;display:block} .message .fr form input:-webkit-autofill {-webkit-text-fill-color: #FFFFFF;-webkit-box-shadow: 0 0 0 1000px #2f5671 inset!important;box-shadow: 0 0 0 1000px #2f5671 inset!important;} .message .fr form input::-webkit-input-placeholder,.message .fr form textarea::-webkit-input-placeholder{color:#5c8cad} .message .fr form input::-moz-placeholder,.message .fr form textarea::-moz-placeholder{color:#5c8cad} .message .fr form input:-moz-placeholder,.message .fr form textarea:-moz-placeholder{color:#5c8cad} .message .fr form input:-ms-input-placeholder,.message .fr form textarea:-ms-input-placeholder{color:#5c8cad} .message .fr form textarea{height:168px;line-height:30px;padding:12px 35px} .message .fr form .same-input{margin-top:30px} .message .fr form .icon-tel{position:relative} .message .fr form .icon-tel:before{content:"*";font-size:24px;color:#ff6e3c;line-height:65px;position:absolute;left:18px;top:0;bottom:0} .message .fr form .textarea-box{position:relative} .message .fr form .textarea-box .quick{width:304px;background:#2a2d31;border:1px solid #ff703d;border-radius:20px;padding:14px;position:absolute;right:0;bottom:0} .message .fr form .textarea-box .quick:before{content:"";width:0;border-right:11px solid #ff703d;border-top:11px solid transparent;border-bottom:11px solid transparent;position:absolute;top:50%;left:-11px;margin-top:-11px} .message .fr form .textarea-box .quick dd{font-size:16px;color:#ff6e3c;font-weight:700;line-height:22px} .message .fr form .textarea-box .quick dt p{font-size:14px;color:#999;border-bottom:1px solid #c9c9c9;padding-top:16px;cursor:pointer} .message .fr form .note{width:401px;font-size:16px;color:#ff6e3c;text-align:center;margin:22px 0 15px} .message .fr form .submit{width:100%;border-radius:45px} .message .fr form .submit a{width:401px;height:89px;background-color:#ff743f;background-image:linear-gradient(#fbb258,#fa561d);border-radius:45px;font-size:30px;color:#fff;line-height:89px;text-align:center;font-weight:700;text-shadow:0 10px 10px rgba(0,0,0,.2);display:block;float:left;box-shadow:0 0 3px #ff743f} .message .fr form .submit dt{background:url(../images/tel-tb.png) left center no-repeat;padding:16px 0;padding-left:77px;color:#fff;float:left;margin-left:40px} .message .fr form .submit dt span{font-size:16px;display:block} .message .fr form .submit dt p{font-size:18px;margin-top:10px} .message .fr form .submit dt p strong{font-size:30px;color:#ff743f} .newspage02 .fr{margin-right:50px} .newspage02 .fr .zx-box{width:100%;height:537px;padding-top:240px;margin-top:-173px;margin-bottom:23.2%;position:relative;z-index:1} .newspage02 .fr .zx-box:before{content:"";width:106.9%;height:566px;background:url(../images/newspage-zxbg.png) center no-repeat;background-size:100%;position:absolute;left:-23px;top:0;z-index:-1} .newspage02 .fr .zx-box .swtbtn{font-size:30px;color:#fff;font-weight:700;line-height:140px;text-align:right;text-shadow:2px 2px 0 #f76e1a,3px 3px 0 #fff;padding:0 55px;position:absolute;left:0;right:0;top:112px;z-index:1;transition:all ease .3s} .newspage02 .fr .zx-box .swtbtn:hover{text-shadow:0 0 0 #f76e1a,0 0 0 #fff} .newspage02 .fr .zx-box .text{font-size:16px;color:#fff;line-height:28px;padding:17px 22% 17px 12%;position:relative} .newspage02 .fr .zx-box .text:before{content:"";width:230px;height:165px;background:url(../images/newspage-zxzs.png) no-repeat;background-size:100%;position:absolute;left:24px;bottom:0} .newspage02 .fr .zx-box .text span{display:block} .newspage02 .fr .zx-box .tel{background:url(../images/tel-tb.png) left center no-repeat;padding:1px 0 1px 100px;margin:14.8% 0 0 10.2%;font-size:16px;color:#fff} .newspage02 .fr .zx-box .tel strong{font-size:18px;color:#fff;display:block;margin-top:12px} .newspage02 .fr .zx-box .tel strong span{font-size:30px;color:#fa5812} .same-body{position:relative} .same-body:before{content:"";background:url(../images/liuyan-bg.jpg) center bottom no-repeat; position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1} .cppage-body .header .tel-box{background:#d8e7f0;border:1px solid #161e2c} .cppage-body .header .tel-box .txt{color:#161d2b} .cppage-body .header .tel-box .txt:after{background:#161d2b} .cppage-location,.cppage-location ol li a{color:#5ab0e3} .cppage01{max-width:1920px;margin:0 auto;background:#d8e7f0;padding-bottom:80px;overflow:hidden;position:relative} .cppage01:before{content:"";height:70px;background:#f2f7fa;position:absolute;left:0;right:50%;bottom:0} .cppage01 .left{width:64.4772%;float:left;position:relative} .cppage01 .left:before{content:"";height:22px;background-color:#141823;background:linear-gradient(to right,#141823 0,#568ac6 100%);box-shadow:0 17px 16px 0 rgba(0,0,0,.2);position:absolute;left:0;right:8%;bottom:-10px;z-index:1} .cppage01 .left:after{content:"";height:1px;background:#fff;position:absolute;left:12px;right:8.8%;bottom:1px;z-index:1} .cppage01 .left p{border-radius:0 50px 50px 0;overflow:hidden;position:relative} .cppage01 .left p:before{content:"";height:30%;background:url(../images/cppage-ztzs.png) center top no-repeat;background-size:100%;position:absolute;left:0;right:0;top:0} .cppage01 .left p img{width:100%} .cppage01 .right{width:40.831%;background-color:#4dabe5;background-image:linear-gradient(to bottom left,#4dabe5 16%,#151a26);background:url(../images/cppage-bg02.jpg) center bottom no-repeat;background-size:cover;border-radius:50px 160px 0 50px;padding:3.153% 52px 0;margin-left:-5.31%;margin-top:135px;float:right;position:relative;z-index:1} .cppage01 .right:before{content:"";width:97px;height:188px;background:url(../images/cppage-zs.png) right center no-repeat;border-radius:50px 160px 0 50px;position:absolute;left:0;top:-7px;z-index:-1} .cppage01 .right h1{width:90%;font-size:40px;color:#fff;line-height:50px;font-weight:700} .cppage01 .right .cs{width:75%;margin-top:35px} .cppage01 .right .cs dd{width:599px;border:2px solid #4592c2;background-color:#418dbc;background-image:linear-gradient(to right,#284560,#418dbc);box-shadow:0 31px 43px 0 rgba(31,54,75,.2);border-radius:56px;padding:0 100px 13px;position:relative;left:-90px;z-index:1;overflow:hidden} .cppage01 .right .cs dd:before{content:"";border:1px solid #4592c2;border-radius:49px;position:absolute;left:5px;right:5px;top:5px;bottom:5px;z-index:-1} .cppage01 .right .cs dd p{max-width:50%;font-size:24px;color:#fff;line-height:30px;font-weight:700;text-align:center;float:left} .cppage01 .right .cs dd p span{width:129px;height:52px;background:#4693c4;border-radius:0 0 20px 20px;font-size:17px;line-height:52px;display:block;margin:0 auto;margin-bottom:10px} .cppage01 .right .cs dd p+p{float:right} .cppage01 .right .cs dd p+p span{background:#3d81ad;border:2px solid #4693c4;border-top:none;border-radius:0 0 20px 20px} .cppage01 .right .cs dt{padding-left:88px;margin:50px 0;position:relative} .cppage01 .right .cs dt p{font-size:16px;color:#fff;line-height:30px} .cppage01 .right .cs dt p span{color:#88d1ff;position:absolute;left:0;top:0} .cppage01 .right .model{width:75%;font-size:16px;padding-left:88px;overflow:hidden;position:relative} .cppage01 .right .model span{color:#88d1ff;position:absolute;left:0;top:0} .cppage01 .right .model p span{position:relative;display:block} .cppage01 .right .model p a{max-width:100%;color:#f37c20;border-bottom:1px solid #f37c20;margin-top:22px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .cppage01 .right .model p span:first-child a{margin-top:0} .cppage01 .right .model p a:hover{color:#88d1ff;border-bottom:1px solid #88d1ff} .cppage01 .right .fw-txt{margin:50px 0 25px;overflow:hidden} .cppage01 .right .fw-txt span{font-size:14px;color:#3e9ad4;float:left} .cppage01 .right .fw-txt .sc{margin:0 90px} .cppage01 .right .swtbtn{width:533px;height:100px;position:relative;left:-52px} .cppage01 .right .swtbtn a{width:100%;height:100%;background-color:#f66a18;background:linear-gradient(180deg,#f38021 0,#fb500e 100%);box-shadow:0 0 46px 0 rgba(11,13,20,.2);border-radius:0 50px 0 48px;display:block;font-size:17px;color:#fff;font-weight:700;line-height:100px;text-align:center} .cppage01 .right .swtbtn a span{font-size:30px;margin-right:20px} .cppage01 .right .swtbtn:after{content:"";width:190px;height:160px;background:url(../images/cppage-kefzs.png) center top no-repeat;background-size:100%;position:absolute;right:-100px;bottom:0} .cppage02{margin-top:-70px;position:relative} .cppage02 .ft{background:#d8e7f0;position:relative} .cppage02 .ft p{width:15%;float:left} .cppage02 .ft p a{font-size:16px;color:#6a7d88;line-height:70px;text-align:center;display:block} .cppage02 .ft p a:hover{background:#4693c4;color:#fff} .alpage-location{color:#999} .alpage-location ol li a{color:#999} .alpage01{position:relative} .alpage01:before{content:"";height:30%;background:url(../images/cppage-ztzs.png) center top no-repeat;background-size:100%;position:absolute;left:0;right:0;top:0} .alpage01 img{width:100%} .alpage01 h1{width:50.5%;background:url(../images/al-titbg.jpg) no-repeat;background-size:cover;font-size:40px;color:#333;text-align:center;font-weight:700;line-height:48px;padding:16px 2.5%;position:absolute;left:0;bottom:12px} .alpage01 h1:before{content:"";height:22px;background-color:#141823;background:linear-gradient(to right,#141823 0,#568ac6 100%);box-shadow:0 17px 16px 0 rgba(0,0,0,.2);position:absolute;left:0;right:0;bottom:-22px} .alpage01 h1:after{content:"";height:1px;background:#fff;position:absolute;left:11px;right:11px;bottom:-11px} .alpage01 .wenan{width:307px;background:url(../images/al-bg.png) center top no-repeat;background-size:100%;padding:50px 30px 111px;position:absolute;right:8.40778%;top:150px} .alpage01 .wenan:before{content:"";width:245px;height:272px;background:url(../images/alzx-zs.png) no-repeat;background-size:100%;position:absolute;right:-17px;bottom:0} .alpage01 .wenan .cs p{font-size:16px;color:#bbe5ff;line-height:30px;margin-top:36px;position:relative} .alpage01 .wenan .cs p:before{content:"";width:9px;height:9px;background:#4dabe5;border-radius:50%;position:absolute;left:-21px;top:27px} .alpage01 .wenan .cs p span{font-size:20px;color:#fff;font-weight:700;margin-bottom:2px;display:block} .alpage01 .wenan .p1{width:160px;font-size:29px;font-weight:700;color:#fff;line-height:46px;text-shadow:0 5px 0 rgba(22,29,41,.3);margin:44px 0 13px} .alpage01 .wenan .p2{width:64px;font-size:20px;color:#f5731c;line-height:30px} .alpage01 .wenan .swtbtn{width:329px;height:100px;background-color:#f66715;background:linear-gradient(0deg,#f9550e 0,#f37e1f 100%);border-radius:10px;font-size:30px;font-weight:700;text-align:center;line-height:100px;color:#fff;position:absolute;left:50%;bottom:-33px;margin-left:-164.5px} .alpage01 .wenan .swtbtn:after{content:"";border:1px dashed #fff;border-radius:10px;position:absolute;left:10px;right:10px;top:10px;bottom:10px;transition:all linear .3s} .alpage02 .w{padding-bottom:10%} .alpage02 .fl{padding-top:40px} .alpage02 .fr{margin-top:106px} .news01{width:100%;background:url(../images/news-bg.jpg) center top no-repeat;background-size:cover;padding-top:150px;box-shadow:0 11px 40px 0 rgba(22,28,41,.15);overflow:hidden} .news01 .w{position:relative;padding-left:50px} .news01 .title{width:38.75%;padding-bottom:32px;position:absolute;right:0;top:0;z-index:2} .news01 .title:before{content:"";height:1px;background:#fff;position:absolute;left:16.93548%;right:-160px;bottom:0} .news01 .title h2{font-size:50px;color:#fff;font-weight:700;letter-spacing:4px;display:block} .news01 .title .text{font-size:50px;color:#fff;font-weight:700;letter-spacing:4px;color:transparent;-webkit-text-stroke:1px #fff;opacity:.5;margin-top:20px} .news01 .swiper-container{width:100%;height:684px} .news01 .swiper-slide{padding-bottom:77px} .news01 .swiper-slide .pic{width:55.033%} .news01 .swiper-slide .pic a{display:block} .news01 .swiper-slide .txt{width:51.62%;background:#fff;padding:50px 3.125% 66px 6.25%;position:absolute;right:0;bottom:0;z-index:3;box-shadow:0 11px 40px 0 rgba(22,28,41,.1)} .news01 .swiper-slide .txt:before{content:"";width:188px;height:188px;background:url(../images/quan-zs01.png) center no-repeat;background-size:100%;position:absolute;left:-94px;top:-94px} .news01 .swiper-slide .txt h3{position:relative} .news01 .swiper-slide .txt h3:before{content:"";width:2px;background-color:#4dabe5;background-image:linear-gradient(0deg,#151a26 0,#4dabe5 100%);position:absolute;left:-22px;top:0;bottom:0} .news01 .swiper-slide .txt h3 a{max-height:96px;font-size:30px;color:#333;font-weight:700;line-height:48px;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .news01 .swiper-slide .txt h3 a:hover{color:#f5561f} .news01 .swiper-slide .txt span{font-size:14px;color:#999;display:block;margin:20px 0} .news01 .swiper-slide .txt p{max-height:114px;font-size:16px;color:#666;line-height:38px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .news01 .swiper-slide .txt h4:hover a{color:#00a4e3} .news01 .swiper-slide .txt .look-more{width:220px;height:60px;border:1px solid #f37e21;border-image:linear-gradient(0deg,#ff6f36,#ff9a4b) 10 10;background-color:#f37e21;background-image:linear-gradient(0deg,#fb510e 0,#f37e21 100%);display:block;margin-top:38px;font-size:20px;color:#fff;text-align:center;line-height:58px;font-weight:700} .news01 .swiper-controller{width:48.4%;height:77px;line-height:77px;padding:0 2.93083%;left:0;bottom:0} .news01 .swiper-controller:before{content:"";width:1px;background:#e5e5e5;position:absolute;right:22.2%;right:187px;top:0;bottom:0} .news01 .swiper-progress{width:459px;height:3px;background:#e5e5e5;display:inline-block;vertical-align:middle;overflow:hidden} .news01 .swiper-progress span{width:100%;height:100%;background-color:#4dabe5;background-image:linear-gradient(90deg,#151a26 0,#4dabe5 100%);display:block!important} .news01 .swiper-controller .swiper-button-prev{right:125px} .news01 .swiper-controller .swiper-button-next{right:31px} .news02{padding:4.7% 0} .news02 .w{padding:0 50px} .news02 .lists{margin-left:-10.667%;margin-top:-2.2%} .news02 .lists li{width:40.362%;background:#e7f3fa;border-radius:16px;margin-left:9.639%;margin-top:2.2%;padding:2.05% 3.3%;float:left;position:relative} .news02 .lists li h3 a{width:80%;font-size:20px;color:#666;font-weight:700;line-height:34px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .news02 .lists li p{height:60px;font-size:16px;color:#999;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:7px} .news02 .lists li span{font-size:16px;color:#f5561f;position:absolute;top:44px;right:54px} .news02 .lists li:hover h3 a{color:#f5561f} .news03{background:#d8e7f0} .news03 .lists{margin-top:0} .newslist01{background:url(../images/news-bg.jpg) center top no-repeat;background-size:cover!important;padding:8.73% 0 4.73%;box-shadow:0 10px 10px 0 rgba(0,0,0,.2)} .newslist01 .same-title{color:#fff} .newslist01 .same-text{color:#cdeaff} .newslist01 .same-text:after{display:none} .newslist02{background:0 0;padding-top:3%} .about .same-text:after{background:url(../images/sametitle-zs2.png) center no-repeat} .about01{width:100%;height:950px;background:url(../images/about-ban.jpg) left bottom no-repeat;background-position:-4px bottom;background-size:cover;padding-top:13.5%;position:relative;z-index:2} .about01 .w{padding-left:5%} .about01 .tit{font-size:60px;line-height:70px;color:#fff;letter-spacing:6px} .about01 .text{width:48%;font-size:18px;line-height:38px;color:#fff;margin-top:25px} .about01 .sl-ul{width:61.745%;height:112px;overflow:hidden;position:absolute;left:19.2%;bottom:0} .about01 .sl-ul li{width:25%;height:100%;float:left;padding-top:24px;padding-left:93px} .about01 .sl-ul li span{font-size:30px;color:#fff} .about01 .sl-ul li p{font-size:16px;color:#757575;margin-top:5.7%} .about01 .sl-ul li+li{padding-left:77px} .about01 .sl-ul li+li+li{padding-left:33px} .about01 .sl-ul li+li+li+li{padding-left:53px} .about01 .appoint_scroll{width:19.2%;height:112px;background-color:#1e293c;background-image:linear-gradient(90deg,#141823 0,#1e293c 100%);position:absolute;left:0;bottom:0;cursor:pointer} .about01 .appoint_scroll:before{content:"";width:50px;height:50px;background:url(../images/scroll-xjt.png) center no-repeat;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px} .about02{padding:6% 0} .about02 .w{position:relative} .about02 .w:before{content:"";height:554px;background:url(../images/about-line.png) center bottom no-repeat;margin:0 auto;position:absolute;left:0;right:0;bottom:0;z-index:1} .about02 .swiper-container{width:1175px;height:441px;margin:0 auto;box-shadow:0 14px 43px 0 rgba(20,24,35,.2)} .about02 .swiper-container .swiper-slide p{font-size:16px;color:#fff;position:absolute;left:47px;bottom:17px} .about02 .swiper-container .swiper-controller{width:466px;right:0;bottom:0} .about02 .swiper-controller .swiper-pagination{width:37.1%} .about02 .swiper-container .swiper-controller .swiper-button-prev{left:202px} .about03{width:100%;background:url(../images/about-bg01.jpg) center bottom no-repeat;background-size:cover;padding:2.55% 0 8%} .about03 .cpzl{margin-top:3%} .about03 .cpzl dl{width:31.25%;float:left;margin-left:3.125%;position:relative} .about03 .cpzl dl:before{content:"";height:22px;background-color:#141823;background:linear-gradient(to right,#141823 0,#568ac6 100%);box-shadow:0 17px 16px 0 rgba(0,0,0,.2);position:absolute;left:0;right:23.6%;bottom:-11px} .about03 .cpzl dl:after{content:"";height:1px;background:#fff;position:absolute;left:.875%;right:25%;bottom:0} .about03 .cpzl dl dt{position:absolute;left:36px;right:36px;bottom:34px} .about03 .cpzl dl dt h3 a{font-size:20px;color:#fff;display:block} .about03 .cpzl dl dt h3 a:hover{font-weight: bold;} .about03 .cpzl dl dt p{font-size:16px;color:#999;line-height:30px;margin-top:12px} .about03 .cpzl dl:first-child{margin-left:0} .about04{padding:3.42% 0;overflow:hidden} .about04 .w{position:relative} .about04 .tit-box{width:36%} .about04 .tit-box .same-text,.about04 .tit-box .same-title{text-align:left} .about04 .tit-box .same-text{width:85%} .about04 .tit-box .same-text:after{display:none} .about04 .scnl li{width:32.0625%;float:left;margin-left:1.9%} .about04 .scnl li:first-child{margin-left:0} .about04 .scnl li p{font-size:16px;color:#666;line-height:30px;padding:4% 5%} .about04 .scnl .one{margin-top:2.5%} .about04 .scnl .two{background-color:#507fb7;background-image:linear-gradient(30deg,#141923 0,#5283bc 100%);padding:.75%;margin-top:-5%;box-shadow:0 14px 43px 0 rgba(20,24,35,.2)} .about04 .scnl .two p{color:#fff;padding:5.2% 3.3%} .about04 .scnl .three{margin-top:-1.1%} .about04 .same-effect{position:absolute;left:-8px;top:38px} .about05{background:#eff6fc;overflow:hidden} .about05 .w{position:relative} .about05 .tit-box{width:36%;position:absolute;right:9.625%;top:60px;z-index:1} .about05 .tit-box .same-text,.about05 .tit-box .same-title{text-align:right} .about05 .tit-box .same-text{width:70%;float:right} .about05 .tit-box .same-text:after{display:none} .about05 .pic{max-width:1920px;margin:0 auto;overflow:hidden} .about05 .same-effect{position:absolute;right:-4px;top:38px} .about06{padding:2.2% 0 3.53%} .about06 .shfw{margin-top:8.33%} .about06 .shfw li{width:30.1875%;height:609px;background:url(../images/about-bg02.png) center top no-repeat;background-size:100%;float:left;margin-left:4.7%;padding:0 4% 0} .about06 .shfw li:first-child{margin-left:0} .about06 .shfw li i{width:181px;height:181px;background-color:#507fb7;background-image:linear-gradient(0deg,#161c28 0,#5181b9 100%);border-radius:50%;display:block;margin:0 auto;font-size:60px;color:#fff;font-weight:700;text-align:center;line-height:181px;text-shadow:0 0 40px rgba(20,25,35,.18);overflow:hidden;position:relative;margin-top:-45px} .about06 .shfw li i:before{content:"";height:5px;background-image:linear-gradient(to right,#4871a4,#1f2b3d);position:absolute;left:0;right:0;top:50%;margin-top:-2px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)} .about06 .shfw li span{font-size:26px;color:#333;text-align:center;font-weight:700;display:block;margin:49px 0 27px} .about06 .shfw li p{font-size:16px;color:#666;line-height:38px} .about07 .same-title{color:#fff} .service01{background:url(../images/service-ban.jpg) left bottom no-repeat;background-position:-4px bottom;background-size:cover} .service01 .sl-ul li{text-align:center;padding-top:20px;padding-left:0!important} .service01 .sl-ul li span{font-size:18px;color:#999} .service01 .sl-ul li span i{font-size:34px;color:#3ba7e8;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(#3ba7e8,#3b79a0);margin-right:5px} .service01 .sl-ul li p{font-size:18px;color:#fff} .service02{padding:5% 0} .service02 .w{max-width:1760px} .service02 .gzry{background:#fff;box-shadow:0 7px 35px 0 rgba(8,13,17,.05);border-radius:20px;padding:5.4% 0;margin-top:2.55%;overflow:hidden} .service02 .gzry li{width:22%;float:left;margin:0 5.66%;text-align:center} .service02 .gzry li span{font-size:24px;color:#666;line-height:36px} .service02 .gzry li span strong{color:#54ace9;font-weight:700;margin-right:6%} .service02 .gzry li p{font-size:16px;color:#999;line-height:38px;margin-top:5.4%} .service03{max-width:1920px;position:relative;margin:0 auto} .service03:before{content:"";height:1119px;background:url(../images/service-bg01.jpg) center top no-repeat;background-size:cover;position:absolute;left:0;right:0;top:-240px;z-index:-1} .service03 .w{padding:0 188px} .service03 .same-title{color:#fff;text-align:left} .service03 .same-text{color:#d9d9d9;text-align:left} .service03 .same-text:after{display:none} .service03 .fwlc{margin-left:-12.33%;margin-top:-33px} .service03 .fwlc li{width:22.33%;float:left;border:1px solid #fff;border-top:none;margin-left:11%;margin-top:125px;padding:25px 25px 25px 125px;position:relative} .service03 .fwlc li:after,.service03 .fwlc li:before{content:"";height:1px;background:#fff;position:absolute;left:42.34528%;right:0;top:0} .service03 .fwlc li:after{content:"";height:2px;background:#6ca0c5;right:-35%;top:-8px} .service03 .fwlc li:nth-child(3):after,.service03 .fwlc li:nth-child(6):after{display:none} .service03 .fwlc li span{width:106px;height:106px;position:absolute;left:10px;top:-58px} .service03 .fwlc li p{font-size:18px;color:#fff;font-weight:700;line-height:30px} .service04{padding:10% 0 6.3%} .service04 .same-text{padding:0 30%} .service04 .same-text:after{background:url(../images/sametitle-zs2.png) center no-repeat} .service04 .part{margin-top:4.55%} .service04 .part .fl{width:39.0625%;background:#f2f7fa;padding:74px 56px 115px 314px;box-shadow:0 15px 70px 0 rgba(20,25,36,.1);position:relative;z-index:1;overflow:hidden} .service04 .part .fl:before{content:"";width:59.52%;height:100%;background:url(../images/service-rw.jpg) center bottom no-repeat;background-size:100%;position:absolute;left:-15%;bottom:-.5%;z-index:-1} .service04 .part .fl .tit{font-size:20px;color:#333;line-height:30px;font-weight:700} .service04 .part .fl ul li{font-size:16px;color:#999;line-height:30px;margin-top:50px;position:relative} .service04 .part .fl ul li:before{content:"";width:21px;height:21px;background:url(../images/service-dh.png) center no-repeat;background-size:100%;position:absolute;left:-52px;top:4px} .service04 .part .fr{width:56.8125%} .service04 .part .fr ul{margin-left:-9.57096%;margin-top:-11.5%} .service04 .part .fr ul li{width:41.265%;float:left;text-align:center;margin-left:8.736%;margin-top:8%;padding:2.512%;position:relative} .service04 .part .fr ul li:before{content:'';background-color:#54ace9;background-image:linear-gradient(30deg,#161b27 0,#50b1ec 100%);box-shadow:0 15px 70px 0 rgba(20,25,36,.1);position:absolute;left:0;right:0;top:45%;bottom:0;z-index:-1} .service05 .shfw li{padding:9.38% 4% 11.12%} .service05 .shfw li span{margin-top:0} .contact01{height:auto!important;background:url(../images/contact-ban.jpg) no-repeat;background-size:cover;padding-top:9.72%;padding-bottom:6.57%} .contact01 .text{color:#bdbdbd} .contact01 .lxfs{margin-top:40px;overflow:hidden} .contact01 .lxfs a{width:292px;height:78px;background-color:#3ba7e9;background-image:linear-gradient(0deg,#3581b3 0,#3ba7e9 100%);border-radius:39px;font-size:26px;color:#fff;text-align:center;line-height:78px;font-weight:700;float:left} .contact01 .lxfs p{font-size:20px;color:#fff;float:left;margin-left:42px} .contact01 .lxfs p strong{font-size:35px;display:block;margin-top:18px} .contact01 .lxfs p strong span{font-size:41px} .contact02{background:#fff;padding:51px 0;box-shadow:0 0 101px rgba(8,13,17,.23)} .contact02 ul{overflow:hidden;position:relative;z-index:1} .contact02 ul:before{content:"";border-top:1px dashed #5b90b6;position:absolute;left:5%;right:5%;top:33px;z-index:-1} .contact02 ul li{width:6.8125%;float:left;margin-left:11.82%;text-align:center} .contact02 ul li:first-child{margin-left:0} .contact02 ul li span{background:#fff;display:block} .contact02 ul li span img{width:66px;height:66px} .contact02 ul li p{font-size:18px;color:#999;font-weight:700;line-height:38px;margin-top:7px} .contact03 .message .fl{left:0} .contact03 .message .fr{width:47.5%;border-radius:58px 58px 200px 58px} .contact03 .message .fr form input,.contact03 .message .fr form textarea{width:77%} .btn-hover{overflow:hidden;position:relative} .btn-hover:before{content:"";display:block;position:absolute;left:-100%;top:0;width:40%;height:100%;background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0));transform:skewx(-25deg);-o-transform:skewx(-25deg);-moz-transform:skewx(-25deg);-webkit-transform:skewx(-25deg);transition:all .8s ease;opacity:.8} .btn-hover:hover:before{left:100%} .same-effect{width:15px;height:15px;background-color:#579dcf;background:linear-gradient(0deg,#5c8aab 0,#52b3f7 100%);border-radius:50%;position:absolute;z-index:-1} .same-effect i:after,.same-effect i:before,.same-effect:before{content:"";border:2px solid #ccd9e1;border-radius:50%;position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;opacity:.5;-webkit-animation:quan 4s infinite linear;animation:quan 4s infinite linear} .same-effect i:before{left:0;right:0;top:0;bottom:0;-webkit-animation-delay:1s;animation-delay:1s} .same-effect i:after{left:0;right:0;top:0;bottom:0;-webkit-animation-delay:2s;animation-delay:2s} @keyframes quan{ 0%{left:0;right:0;top:0;bottom:0;opacity:1} 100%{left:-80px;right:-80px;top:-80px;bottom:-80px;opacity:0} } @-webkit-keyframes quan{ 0%{left:0;right:0;top:0;bottom:0;opacity:1} 100%{left:-80px;right:-80px;top:-80px;bottom:-80px;opacity:0} } .page{color:#999;margin:0 auto;clear:both;text-align:center} .page>a,.page>span{text-decoration:none;padding:5px 10px;margin:2px;border:1px solid #ddd;background:#ffff;font-size:15px;color:#000;color:#666;margin:5px 5px 0 0;padding:8px 17px} .page>a:hover{background-color:#f02d21;color:#fff;border:1px solid #f02d21;text-decoration:none} .page .cpb{font-weight:700;color:#fff;background:#f02d21;border:1px solid #f02d21} .page .disabled{background:#eee;border:1px solid #ececec} .pagebox{position:relative;margin-bottom:36px;padding-top:30px} .pageboxtop{position:absolute;left:0;bottom:90px;width:100%;display:none;background:#fff;padding-bottom:15px;z-index:10} #pageup{display:inline-block;cursor:pointer;background:#fff none repeat scroll 0 0;border:1px solid #e6e6e6;color:#999;margin:0 5px 0 0;padding:3px 17px;line-height:30px;vertical-align:middle} #pageup strong{color:#ff3a3b;font-size:14px} #pageup:hover{background:#f02d21;border:1px solid #f02d21;color:#fff} #pageup:hover strong{background:#f02d21;color:#fff} .pagecolse{position:absolute;right:1px;top:2px;background:#000;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;border-radius:0 15px 0 5px;cursor:pointer;z-index:11} .dispage{position:relative;border:1px solid #f02d20;border-radius:15px;padding:20px 15px;z-index:10} .dispage:before{content:'';position:absolute;left:50%;bottom:-14px;margin-left:-10px;width:0;height:0;border-top:13px solid #f02d20;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:0} .dispage li{float:left;width:5%;text-align:center;padding:10px 0;font-size:16px} .dispage li a{width:38px;height:38px;display:inline-block;background:#e5e5e5;border-radius:50%;line-height:38px;color:#666} .dispage li a.on,.dispage li a:hover{color:#fff;background:#f02d20} .page-panel{width:100%;position:relative;font-size:0;text-align:center} .page{padding:20px 0;text-align:center;display:block;line-height:0;font-size:0;vertical-align:middle;position:relative;z-index:10} .page .pagination{display:inline-block;vertical-align:middle;margin:20px 0} .page .pagination li{float:left;border:1px solid #e6e6e6;margin:0 5px;border-radius:2px} .page .pagination li a,.page .pagination li span{display:block;color:#9e9e9e;padding:8px 15px;line-height:20px;font-size:15px} .page .pagination li:hover{position:relative;z-index:1;border:1px solid #e60a03} .page .pagination li:hover a,.page .pagination li:hover span{color:#e60a03} .page .pagination li.disable{text-decoration:none;background:#f5f5f5;border-color:#e6e6e6;cursor:not-allowed} .page .pagination li.disable a,.page .pagination li.disable span{color:#999} .page .pagination li.disable:hover{background:#f5f5f5;border-color:#e6e6e6} .page .pagination li.disable:hover a,.page .pagination li.disable:hover span{color:#999} .page .pagination li.active{position:relative;padding:1px;z-index:2;border:none;background:#e60a03} .page .pagination li.active a,.page .pagination li.active span{color:#fff} .page .total-page{display:inline-block;vertical-align:middle;border:1px solid #e6e6e6;padding:8px 40px 8px 20px;margin:0 5px;border-radius:2px;cursor:pointer;position:relative} .page .total-page:after{content:'';display:block;width:0;height:0;border-top:6px solid #e60a03;border-left:6px dashed transparent;border-right:6px dashed transparent;position:absolute;right:20px;top:16px} .page .total-page span,.page .total-page strong{display:inline-block;padding:0;line-height:20px;font-size:15px;color:#999} .page .total-page strong{font-style:normal;font-weight:400;color:#e60a03} .page .all-page{position:absolute;bottom:80px;left:0;right:0;z-index:10;display:none;padding-bottom:20px} .page .all-page .page-tab{padding:30px 20px 20px;border-radius:2px;border:1px solid #e6e6e6;background:#fff;position:relative} .page .all-page .page-tab:after,.page .all-page .page-tab:before{content:'';display:block;position:absolute} .page .all-page .page-tab:before{right:16px;bottom:-16px;border-top:16px solid #e6e6e6;border-left:16px dashed transparent;border-right:16px dashed transparent} .page .all-page .page-tab:after{right:18px;bottom:-14px;border-top:14px solid #fff;border-left:14px dashed transparent;border-right:14px dashed transparent} .page .all-page .close{display:block;width:30px;height:30px;position:absolute;right:0;top:0;color:#fff;background:#e60a03;font-size:18px;line-height:20px;text-align:center;cursor:pointer;border-bottom-left-radius:30px;padding-left:4px} .page .all-page .page-bd{width:100%;overflow:hidden} .page .all-page .page-bd .current-list{display:none;width:100%;overflow:hidden} .page .all-page .page-bd .current-list.on{display:block} .page .all-page .page-bd .current-list li{width:10%;text-align:center;overflow:hidden} .page .all-page .page-bd .current-list li a{display:inline-block;line-height:20px;font-size:15px;color:#999;border:1px solid #e6e6e6;border-radius:2px;padding:8px 14px} .page .all-page .page-bd .current-list li a:hover{border:1px solid #e60a03;color:#e60a03} .page .all-page .page-bd .current-list li.active a{padding:9px 15px;z-index:2;color:#fff;border:none;background:#e60a03} .page .all-page .page-hd{width:100%;overflow:hidden;margin-top:10px} .page .all-page .page-hd li{margin-top:10px;width:20%} .page .all-page .page-hd li span{display:block;width:80%;margin:0 auto;padding:8px 14px;line-height:20px;border:1px solid #e6e6e6;text-align:center;font-size:15px;color:#999;border-radius:2px;cursor:pointer} .page .all-page .page-hd li:hover span{border:1px solid #e60a03;color:#e60a03} .page .all-page .page-hd li.active span{padding:9px 15px;z-index:2;color:#fff;border:none;background:#e60a03} .page .all-page .page-hd li.active.on span{border:none;color:#fff} .page .all-page .page-hd li.on span{border:1px solid #e60a03;color:#e60a03} .rl-swt{position:fixed;right:-162px;bottom:20%;z-index:999;opacity:0;transition:all ease .3s} .rlswt-active{right:0;opacity:1} #pagetopBtn{position:fixed;right:-130px;bottom:115%;width:100px;height:100px;z-index:10;transition:right 1.2s,bottom 1.2s;cursor:pointer;-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden} #pagetopBtn p{position:relative;left:0;top:0;animation:swallow1 3s ease-in-out infinite,swallow2 6s ease-in-out 1.5s infinite;-o-transition:margin .2s;-webkit-transition:margin .2s;-moz-transition:margin .2s;-ms-transition:margin .2s;transition:margin .2s;-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden} #pagetopBtn span{position:absolute;display:block;width:100px;height:100px;-o-transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden} #pagetopBtn span{position:absolute;display:block;width:100px;height:100px;-o-transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden} #pagetopBtn span.s1{background:url(../images/btn_swallow_01.png) center center/80px auto no-repeat;-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} #pagetopBtn span.s2{background:url(../images/btn_swallow_02.png) center center/90px auto no-repeat;opacity:0;-o-transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)} #pagetopBtn span.s2{opacity:0;-o-transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)} #pagetopBtn span.s3{background:url(../images/btn_swallow_03.png) center center/60px auto no-repeat;opacity:0;-o-transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} #pagetopBtn span.s4{opacity:0} #pagetopBtn span.s4{background:url(../images/btn_swallow_04.png) center center/80px auto no-repeat;opacity:0;-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} #pagetopBtn.show{transition:right 1.2s .3s,bottom 1.2s .3s} #pagetopBtn.show{right:1.5%;bottom:100px} #pagetopBtn.wait span.s1{opacity:0} #pagetopBtn.wait span.s3{opacity:0} #pagetopBtn.wait span.s4{opacity:1} #pagetopBtn.wait p{animation-play-state:paused} #pagetopBtn.up span.s1{opacity:0;-o-transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} #pagetopBtn.up span.s2{opacity:0;-o-transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)} #pagetopBtn.up span.s3{opacity:1;-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} #pagetopBtn.up2 span.s1{opacity:0!important;transform:scale(1.3)!important;-webkit-transform:scale(1.3)!important;cursor:default!important} #pagetopBtn.up2 span.s2{opacity:0!important;transform:scale(.7)!important;-webkit-transform:scale(.7)!important;cursor:default!important} #pagetopBtn.up2 span.s3{opacity:1!important;transform:scale(1)!important;-webkit-transform:scale(1)!important;cursor:default!important} #pagetopBtn.up2 span.s4{opacity:0} #pagetopBtn.down span.s1{opacity:1} #pagetopBtn.down span.s3,#pagetopBtn.down span.s4{opacity:0} #pagetopBtn.down.up span.s3{opacity:1} #pagetopBtn.down.up span.s1,#pagetopBtn.down.up span.s4{opacity:0} #pagetopBtn.up:hover span.s1,#pagetopBtn:hover span.s1{opacity:0;-o-transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} #pagetopBtn.up:hover span.s2,#pagetopBtn:hover span.s2{opacity:1;-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} #pagetopBtn.up:hover span.s3,#pagetopBtn:hover span.s3{opacity:0;-o-transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} #pagetopBtn.up:hover span.s4,#pagetopBtn:hover span.s4{opacity:0!important;-o-transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} #pagetopBtn.down:hover span.s1{opacity:0} @keyframes swallow1{ 0%{left:30%} 50%{left:-30%} 100%{left:30%} } @keyframes swallow2{ 0%{top:-10%} 50%{top:10%} 100%{top:-10%} } @-webkit-keyframes swallow1{ 0%{left:30%} 50%{left:-30%} 100%{left:30%} } @-webkit-keyframes swallow2{ 0%{top:-10%} 50%{top:10%} 100%{top:-10%} } .ie8 .banner .gs-video dt{display:none} @media screen and (min-width:2000px){ .cpzs-ban{background-size:100% 87%} .home-body:before{-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;} .same-body:before{-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;} } @media screen and (max-width:1800px){ .alpage01 .wenan .cs p{margin-top:30px} .alpage01 .wenan .p1{margin-top:35px} } @media screen and (max-width:1760px){ .same-newsstyle .w,.service02 .w,.w{max-width:1440px} .header .w{max-width:1550px} .banner:after,.banner:before{width:auto;right:0} .banner .swiper-slide .wenan .tit{font-size:55px} .banner .gs-video{width:270px} .banner .gs-video dd .txt{height:114px} .banner .gs-video dd p{padding:12% 15%} h1.same-title{font-size: 40px;} .same-title{font-size:37px;line-height:47px} .same-text:after{width:120px} .banner .swiper-slide .wenan .text,.service01 .sl-ul li p{font-size:17px} .home1 .swiper-cp{margin-top:30px} .home1 .cpfl .sty1{font-size:29px} .home1 .cpfl .sty2 li{height:120px} .home1 .cpfl .sty2 li span{font-size:22px} .home1 .cpfl .sty3 .ys1{padding-right:0} .home1 .cpfl .sty3 .ys2{font-size:20px} .home1 .swiper-slide li{padding-bottom:66px} .home1 .swiper-slide li:after{bottom:5px} .home1 .swiper-slide li .pic{width:480px;height:267px;margin-left:-240px} .home1 .swiper-slide li h3 a{padding:22px 0} .home2 .swiper-hd .swiper-item h3{margin-bottom:20px} .home2 .swiper-hd .swiper-item h3 a{font-size:19px;line-height:28px} .home3 .rot-news1 li{height:510px;padding-bottom:63px} .home3 .rot-news1 li:before{left:-.9%;bottom:30.5%} .home3 .rot-news1 li h3 a{font-size:19px;padding:22px 2.5% 17px} .home3 .rot-news1 .effect-left{bottom:32%;left:-.8%} .home3 .rot-news1 .effect-right{bottom:32%;right:-.8%} .home3 .rot-news2 ul li h3 a,.news02 .lists li h3 a{font-size:16px} .home4 dl{padding:0 120px} .home4 dl dd p{font-size:22px;line-height:36px} .home4 dl dt .text{font-size:25px} .cpzs-ban .swiper-slide dd{left:30px} .cpzs-ban .swiper-slide dd h2 a{font-size:37px} .cpzs-ban .swiper-slide dt{right:30px} .cpzs-fl .fl{width:333px} .cpzs-fl .fr ul li p a{font-size:18px;padding:6px 0} .cpzs-fl .fl ul .active a{padding-left:85px;font-size:22px} .cpzs-fl .fr ul li:hover p a{font-size:19px} .news01 .w{padding-left:0} .news01 .title .text,.news01 .title h2{font-size:45px} .news01 .swiper-container{height:641px} .news01 .swiper-slide .txt h3 a{font-size:27px;line-height:42px} .news01 .swiper-progress{width:425px} .news02 .w{padding:0} .about01{height:850px;background-size:cover} .about01 .tit{font-size:55px;line-height:65px} .about01 .text{font-size:17px;line-height:34px} .about01 .sl-ul li{padding-left:0!important;padding-top:14px;text-align:center} .about01 .sl-ul li span{font-size:27px} .about01 .appoint_scroll,.about01 .sl-ul{height:100px} .about02 .w:before{display:none} .about06 .shfw li{height:546px} .about06 .shfw li i{width:160px;height:160px;font-size:55px;line-height:160px} .about06 .shfw li span{font-size:24px;margin:35px 0 25px} .service01 .sl-ul li span{font-size:17px} .service01 .sl-ul li span i{font-size:31px} .service02 .gzry li span{font-size:22px;line-height:33px} .service03{margin-bottom:40px} .service03 .w{padding:0 100px} .service04 .part .fl{padding:48px 50px 48px 300px} .service04 .part .fl ul{margin-top:0} .service04 .part .fl ul li{margin-top:25px} .contact02 ul li{width:8%;margin-left:10.4%} .texts h2,.texts h3{font-size:28px;line-height:42px} .texts h2:before,.texts h3:before{width:80px;height:80px;margin-top:-38px;left:-40px} .same-cpstyle .tit{height:54px;font-size:19px;line-height:52px} .same-newsstyle .tit{font-size:28px} .cppage01 .right{padding:2% 48px 0} .cppage01 .right h1{font-size:35px;line-height:45px} .cppage01 .right .cs{margin-top:27px} .cppage01 .right .cs dt{margin:30px 0} .cppage01 .right .cs,.cppage01 .right .model{width:92%} .cppage01 .right .cs dd{padding:0 80px 13px} .cppage01 .right .cs dd p{font-size:22px;line-height:26px} .cppage01 .right .fw-txt .sc{margin:0 60px} .cppage01 .right .swtbtn{width:480px;height:90px;left:-48px} .cppage01 .right .swtbtn:after{width:150px;height:140px;right:-70px} .cppage01 .right .swtbtn a{line-height:90px} .cppage01 .right .swtbtn a span{font-size:27px} .alpage01 h1{font-size:35px;line-height:43px} .alpage01 .wenan:before{width:220px;height:244px} .alpage01 .wenan .cs p{margin-top:25px} .alpage01 .wenan .p1{font-size:26px;line-height:38px} .alpage01 .wenan .p2{width:100%;font-size:18px;line-height:1} .alpage01 .wenan .swtbtn{height:90px;font-size:27px;line-height:90px} .newspage01:before{width:100%} .newspage01:after{width:auto;right:12px} .newspage01 h1{font-size:42px;line-height:70px} .newspage02 .fr .zx-box{height:485px;padding-top:220px;margin-top:-158px} .newspage02 .fr .zx-box:before{height:512px} .newspage02 .fr .zx-box .text span{display:inline} .newspage02 .fr .zx-box .swtbtn{font-size:27px;padding:0 45px;top:90px} .newspage02 .fr .zx-box .tel strong span{font-size:27px} .message .fr .p1,.message .fr form .submit dt p strong{font-size:27px} .message .fr .p2{font-size:35px} .message .fr .p3{font-size:17px} .message .fr form .note,.message .fr form .submit a,.message .fr form input,.message .fr form textarea{width:350px} .message .fr form .textarea-box .quick{width:290px} } @media screen and (max-width:1600px){ .same-body:before{background-size:115%} .same-newsstyle .w,.service02 .w,.w{max-width:1280px} .footer{line-height:90px} .header .w{max-width:1400px} .header .tel-box .txt{font-size:14px;padding-left:18px} .header .search-box .search-input{width:228px} .footer .p2{font-size:20px} .footer .p2 span{font-size:22px} .swiper-controller{width:422px;height:85px;line-height:85px} .swiper-controller .swiper-pagination{width:61%} .banner:after{left:320px} .banner .swiper-slide .wenan .tit{font-size:50px} .banner .swiper-controller{left:320px} .banner .appoint_scroll{width:320px;height:85px} .banner .gs-video{width:240px} .banner .gs-video dd .txt{height:104px} .banner .gs-video dd p strong{font-size:18px} h1.same-title{font-size: 36px;} .same-title{font-size:34px;line-height:44px} .same-text:after{width:110px} .banner .swiper-slide .wenan .text,.service01 .sl-ul li p{font-size:16px} .news01 .swiper-slide .txt .look-more{width:200px;height:50px;font-size:18px;line-height:46px} .home1 .swiper-cp{margin-top:50px} .home1 .cpfl .sty1{font-size:26px} .home1 .cpfl .sty2{margin-top:40px;margin-bottom:40px} .home1 .cpfl .sty2 li+li{margin-top:30px} .home1 .cpfl .sty2 li span{font-size:20px} .home1 .cpfl .sty3 .ys1{font-size:14px} .home1 .cpfl .sty3 .ys2{height:60px;font-size:18px;line-height:60px} .home1 .cpfl .sty3 .ys2:after{width:80px;height:104px} .home1 .swiper-slide{margin-left:-3} .home1 .swiper-slide li{width:30.33%;padding-bottom:55px;margin-left:3%} .home1 .swiper-slide li:after{bottom:0} .home1 .swiper-slide li .pic{width:420px;height:234px;margin-left:-210px} .home1 .swiper-slide li h3 a{font-size:18px;padding:19px 0} .home1 .swiper-slide li h3 a:before{bottom:0} .home2 .swiper-hd .swiper-item h3,.home2 .swiper-hd .swiper-item p{padding-left:85px} .home2 .look-more{margin-left: 85px;} .home2 .swiper-hd .swiper-item h3{margin-bottom:17px} .home2 .swiper-hd .swiper-item h3:before{width:35px;height:35px;background-size:90px;background-position:-65px -38px} .home2 .swiper-hd .swiper-item h3:after{width:37px;height:37px} .home2 .swiper-hd .swiper-item-active h3:before{background-position:center -12px} .home2 .swiper-hd .swiper-item h3 a{font-size:18px;line-height:26px} .home2 .swiper-slide .look-more{width:200px;height:50px;font-size:18px;line-height:50px} .home3 .rot-news1 li{height:468px;padding-bottom:53px} .home3 .rot-news1 li:before{width:25px;height:25px;background-size:82px;background-position:right -68px;left:-1%;bottom:29.2%} .home3 .rot-news1 li h3 a{font-size:18px;padding:19px 2.5% 14px} .home3 .rot-news1 li .pic{box-shadow:0 10px 10px 0 rgba(30,39,45,.15)} .home3 .rot-news1 .effect-left{bottom:30.5%;left:-1%} .home3 .rot-news1 .effect-right{bottom:30.5%;right:-1%} .home4 dl{padding:0 50px} .home4 dl dd p{font-size:20px;line-height:34px} .home4 dl dt .text{font-size:23px} .location ol{max-width:28%;margin-right:-57px} .cpzs-ban:before{height:85px} .cpzs-ban .swiper-container{height:370px} .cpzs-ban .swiper-slide{height:370px} .cpzs-ban .swiper-slide dd{left:20px} .cpzs-ban .swiper-slide dt{right:20px} .cpzs-ban .swiper-slide dd h2 a{font-size:34px} .cpzs-ban .swiper-slide dd p span{width:160px;font-size:18px;margin-left:50px} .cpzs-fl .fl{width:288px} .cpzs-fl .fl ul li a{font-size:18px;line-height:70px} .cpzs-fl .fr ul li p a{font-size:16px;padding:4px 0} .cpzs-fl .fl ul .active a{padding-left:75px;font-size:20px} .cpzs-fl .fr ul li:hover p a{font-size:17px} .news01 .title .text,.news01 .title h2{font-size:40px} .news01 .swiper-container{height:578px} .news01 .swiper-slide .txt h3 a{font-size:24px;line-height:36px} .news01 .swiper-slide .txt{padding-top:45px;padding-bottom:45px} .news01 .swiper-slide .txt:before{width:150px;height:150px;left:-75px;top:-75px} .news01 .swiper-slide .txt .look-more{margin-top:25px} .news01 .swiper-progress{width:355px} .news02 .lists{margin-left:-5%} .news02 .lists li{width:45%;margin-left:5%} .news02 .lists li span{top:39px} .about01{height:745px} .about01 .tit{font-size:50px;line-height:60px} .about01 .text{font-size:16px;line-height:30px} .about01 .sl-ul li span{font-size:24px} .about05 .tit-box{right:0;top:30px} .about06 .shfw li{height:480px;background-size:100% 100%} .about06 .shfw li i{width:140px;height:140px;font-size:50px;line-height:140px} .about06 .shfw li span{font-size:22px;margin:30px 0 20px} .about06 .shfw li p{line-height:34px} .service01 .sl-ul li span{font-size:16px} .service01 .sl-ul li span i{font-size:28px} .service02 .gzry li span{font-size:20px;line-height:30px} .service03 .w{padding:0} .service04 .same-text{padding:0 20%} .service04 .part .fl{padding:70px 50px 70px 100px} .service04 .part .fl:before{display:none} .service04 .part .fl ul{margin-top:0} .service04 .part .fl ul li{margin-top:25px} .service05 .shfw{margin-top:0} .service05 .shfw li{padding-top:10%;background-size:100%} .contact02 ul li{width:10%;margin-left:8%} .contact01 .lxfs a{width:260px;height:70px;line-height:70px;font-size:23px} .contact01 .lxfs p{font-size:18px} .contact01 .lxfs p strong{font-size:30px} .contact01 .lxfs p strong span{font-size:35px} .contact03 .message .fr form input,.contact03 .message .fr form textarea{width:100%} .texts{padding-right:0} .texts h2,.texts h3{font-size:26px;line-height:38px} .texts h2:before,.texts h3:before{width:70px;height:70px;margin-top:-33px;left:-35px} .same-cpstyle .tit{height:50px;font-size:18px;line-height:48px} .same-cpstyle .news-ul li a{font-size:15px;padding-left:25px} .same-newsstyle .tit{font-size:26px} .cppage01{padding-bottom:70px} .cppage01 .right{padding:1.8% 44px 0;border-radius:50px 120px 0 50px} .cppage01 .right h1{font-size:30px;line-height:40px} .cppage01 .right .cs{margin-top:22px} .cppage01 .right .cs dd{width:118%} .cppage01 .right .cs dd p span{height:44px;line-height:44px;margin-bottom:5px} .cppage01 .right .cs dt{margin:25px 0} .cppage01 .right .cs,.cppage01 .right .model{width:100%} .cppage01 .right .cs dd p{font-size:20px} .cppage01 .right .fw-txt{margin:35px 0 20px} .cppage01 .right .fw-txt .sc{margin:0 30px} .cppage01 .right .swtbtn{width:420px;height:80px;left:-44px} .cppage01 .right .swtbtn:after{width:130px;height:122px;right:-60px} .cppage01 .right .swtbtn a{font-size:16px;line-height:80px} .cppage01 .right .swtbtn a span{font-size:24px} .cppage02{margin-top:-60px} .cppage02 .ft p{width:16.66%} .cppage02 .ft p a{line-height:60px} .alpage01 h1{font-size:30px;line-height:38px;padding:12px 2.5%} .alpage01 .wenan{top:130px;right:4%;padding-top:60px} .alpage01 .wenan:before{width:170px;height:190px} .alpage01 .wenan .cs p{margin-top:15px} .alpage01 .wenan .cs p span{font-size:18px;margin-bottom:0} .alpage01 .wenan .p1{width:80%;font-size:23px;line-height:32px;margin-top:20px} .alpage01 .wenan .p2{font-size:16px} .alpage01 .wenan .swtbtn{height:80px;font-size:24px;line-height:80px} .newspage01 h1{font-size:40px;line-height:60px} .newspage02 .fr .zx-box{height:434px;padding-top:206px;margin-top:-145px} .newspage02 .fr .zx-box:before{height:460px;left:-18px} .newspage02 .fr .zx-box .swtbtn{font-size:24px;line-height:120px;padding:0 42px;top:90px} .newspage02 .fr .zx-box .text{padding-right:12%} .newspage02 .fr .zx-box .tel{margin-top:25px;padding-left:80px} .newspage02 .fr .zx-box .tel strong span{font-size:24px} .message .fr .p1,.message .fr form .submit dt p strong{font-size:24px} .message .fr .p2{font-size:30px;margin:20px 0} .message .fr .p3{font-size:16px} .message .fr form .same-input{margin-top:25px} .message .fr form .icon-tel:before{line-height:62px;left:10px} .message .fr form .note,.message .fr form .submit a,.message .fr form input,.message .fr form textarea{width:320px} .message .fr form input,.message .fr form textarea{height:55px;font-size:17px;padding:0 28px;border-radius:15px} .message .fr form textarea{height:160px;line-height:26px;padding:12px 28px} .message .fr form .textarea-box .quick{width:240px} .message .fr form .submit a{height:80px;font-size:27px;line-height:80px} .message .fr form .submit dt{display:none} .rl-swt{width:150px} } @media screen and (max-width:1440px){ .same-newsstyle .w,.service02 .w,.w{max-width:1120px} .header{line-height:80px} .header .w{max-width:1230px} .header .nav li a,.header .tel-box .txt{font-size:14px} .header .nav .active a{font-size:17px} .header .tel{font-size:20px} .header .tel-box .txt:after{width:20px;margin-left:10px} .header .search-box .search-input{width:214px;height:43px;line-height:43px} .header .tel span{font-size:23px} .header .tel-box{margin-top:20px} .header .tel-box p{line-height:42px} .header .tel-box .txt{padding:0 12px 0 18px} .header .tel-box .tel{padding:0 23px} .home-header .tel{margin-top:15px;margin-right:2%} .about01 .sl-ul li p,.cppage01 .right .model,.footer p,.service01 .sl-ul li p{font-size:15px} .footer .p2{font-size:18px} .footer .p2 span{font-size:20px} .swiper-controller{width:388px;height:75px;line-height:75px} .banner .swiper-slide .wenan .tit{font-size:45px} .banner .swiper-controller{left:280px} .swiper-controller .swiper-pagination{width:57%} .banner .appoint_scroll{width:280px;height:75px} .banner .gs-video{width:210px} .banner .gs-video dd .txt{height:90px} .banner .gs-video dd p{padding:10% 12%} h1.same-title{font-size: 34px;} .same-title{font-size:31px;line-height:41px} .about03 .cpzl dl dt p,.about04 .scnl li p,.alpage01 .wenan .cs p,.cppage01 .right .cs dt p,.cpzs-fl .fr ul li p a,.home2 .swiper-hd .swiper-item p,.home3 .rot-news1 li p,.home3 .rot-news2 ul li p,.news02 .lists li p,.newspage02 .fr .zx-box .text,.same-cpstyle .cp-ul li p a,.same-cpstyle .news-ul li a,.same-text,.service04 .part .fl ul li,.texts p{font-size:15px;line-height:27px} .same-text:after{width:100px} .home1 .cpfl{padding-top:0} .home1 .cpfl .sty1{font-size:23px} .home1 .cpfl .sty1 span{margin-top:10px} .home1 .cpfl .sty2:before{right:15px} .home1 .cpfl .sty2 li{height:100px} .home1 .cpfl .sty2 li i{width:30px;height:30px;font-size:18px;line-height:30px;top:-15px} .home1 .cpfl .sty2 li span{font-size:18px} .home1 .cpfl .sty3 .ys1{font-size:13px} .home1 .cpfl .sty3 .ys2{height:50px;font-size:16px;line-height:50px;padding-right:20px} .home1 .cpfl .sty3 .ys2:after{width:70px;height:90px} .home1 .swiper-slide li{padding-bottom:44px} .home1 .swiper-slide li:before{width:150px;height:150px;margin-left:-75px} .home1 .swiper-slide li:after{bottom:-5px} .home1 .swiper-slide li .pic{width:360px;height:200px;margin-left:-180px} .home1 .swiper-slide li h3 a{font-size:17px;padding:16px 0} .home2 .swiper-hd .swiper-item h3,.home2 .swiper-hd .swiper-item p{padding-left:60px} .home2 .look-more{margin-left: 60px;} .home2 .swiper-hd .swiper-item h3{margin-bottom:14px} .home2 .swiper-hd .swiper-item h3:before{width:30px;height:30px;left:15px;background-size:80px;background-position:-58px -35px} .home2 .swiper-hd .swiper-item h3:after{width:31px;height:31px;left:14px} .home2 .swiper-hd .swiper-item-active h3:before{background-position:center -12px} .home2 .swiper-hd .swiper-item h3 a{font-size:17px;line-height:24px} .home2 .swiper-hd .swiper-item p{margin-top:14px} .home2 .swiper-hd .swiper-item .cs .look-more{width: 140px;height: 44px;line-height: 44px;} .home2 .swiper-more{bottom: 50px;} .home2 .swiper-slide .look-more{width:180px} .home3 .rot-news1 li{height:auto;padding-bottom:43px} .home3 .rot-news1 li:before{left:-1.8%;bottom:28.74%} .home3 .rot-news1 li h3 a{font-size:17px;padding:16px 2.5% 11px} .home3 .rot-news1 li p{height:108px} .home3 .rot-news1 .same-effect{bottom:30%} .home3 .rot-news2{margin: 20px 3% 0;} .home3 .rot-news2 ul li h3 a{width: 77%;} .home4 dl{padding:0} .home4 dl dd:before{width:77px;height:65px;left:-45px;top:0} .home4 dl dd p{font-size:18px;line-height:32px} .home4 dl dt .text{font-size:21px;padding:0 15%} .location{top:82px} .cpzs-ban:before{height:75px} .cpzs-ban .swiper-container{height:366px} .cpzs-ban .swiper-slide{height:366px} .cpzs-ban .swiper-slide dd{left:0} .cpzs-ban .swiper-slide dt{right:0} .cpzs-ban .swiper-slide dd h2 a{font-size:31px} .cpzs-ban .swiper-slide dd p span{font-size:16px;margin-left:40px} .cpzs-fl .fl{width:260px} .cpzs-fl .fl ul .active a{padding-left:65px} .cpzs-fl .fr ul li p a{padding:0} .news01 .title .text,.news01 .title h2{font-size:35px} .news01 .swiper-container{height:516px} .news01 .swiper-slide .txt h3 a{font-size:21px;line-height:30px} .news01 .swiper-slide .txt{padding-top:40px;padding-bottom:40px} .news01 .swiper-slide .txt:before{width:120px;height:120px;left:-60px;top:-60px} .news01 .swiper-slide .txt p{font-size:15px;line-height:34px} .news01 .swiper-slide .txt .look-more{margin-top:20px} .news01 .swiper-progress{width:285px} .news02 .lists{margin-left:-5%} .news02 .lists li{width:45%;margin-left:5%} .news02 .lists li span{font-size:15px;top:35px} .news02 .lists li p{height:54px} .about01{height:705px} .about01 .tit{font-size:45px;line-height:55px} .about01 .text{font-size:15px;line-height:26px} .about01 .sl-ul li span{font-size:21px} .about01 .appoint_scroll,.about01 .sl-ul{height:88px} .about02 .swiper-container{width:100%;height:420px} .about03 .cpzl dl dt h3 a{font-size:18px} .about05 .tit-box .same-text{width:80%} .about06 .shfw li{height:450px} .about06 .shfw li i{width:120px;height:120px;font-size:45px;line-height:120px} .about06 .shfw li span{font-size:20px;margin:25px 0 20px} .about06 .shfw li p,.service02 .gzry li p{font-size:15px;line-height:30px} .service01 .sl-ul li span{font-size:16px} .service01 .sl-ul li span i{font-size:25px} .service02 .gzry li span{font-size:18px;line-height:27px} .service03:before{height:940px;top:-205px} .service03 .fwlc{margin-top:-2%} .service03 .fwlc li{padding:20px 20px 20px 120px;margin-top:8%} .service03 .fwlc li p{font-size:16px;line-height:26px} .service03 .fwlc li span{width:96px;height:96px;top:-50px} .service04 .part .fl{padding:55px 50px 55px 100px} .service04 .part .fl .tit{font-size:18px} .contact02 ul li{width:10%;margin-left:8%} .contact02 ul li p{font-size:16px} .contact01 .lxfs a{width:240px;height:65px;line-height:65px;font-size:20px} .contact01 .lxfs p{font-size:16px} .contact01 .lxfs p strong{font-size:25px} .contact01 .lxfs p strong span{font-size:30px} .texts{padding-right:0} .texts h2,.texts h3{font-size:24px;line-height:34px} .texts h2:before,.texts h3:before{width:60px;height:60px;margin-top:-28px;left:-30px} .same-cpstyle .tit{height:45px;font-size:17px;line-height:43px} .same-cpstyle .gdcp-ul li a{font-size:14px} .same-cpstyle .gdcp-ul li:nth-child(2) a{font-size:13px} .same-cpstyle .gdcp-ul li:nth-child(3) a{font-size:18px} .same-cpstyle .gdcp-ul li:nth-child(5) a{font-size:16px} .same-cpstyle .gdcp-ul li:nth-child(7) a{font-size:15px} .same-cpstyle .gdcp-ul li:nth-child(9) a{font-size:14px} .same-cpstyle .gdcp-ul li:nth-child(10) a{font-size:17px} .same-cpstyle .gdcp-ul li:nth-child(12) a{font-size:19px} .same-cpstyle .gdcp-ul li:nth-child(14) a{font-size:12px} .same-cpstyle .gdcp-ul li:hover a{color: #fa5812;} .same-cpstyle .news-ul li a{font-size:14px;padding-left:22px} .same-newsstyle .w:before{left:6px;right:6px;top:6px;bottom:6px} .same-newsstyle .tit{font-size:24px} .cppage01{padding-bottom:70px} .cppage01:before{height:60px} .cppage01 .right{padding:1.5% 40px 0;margin-top:115px} .cppage01 .right h1{font-size:25px;line-height:35px} .cppage01 .right .cs{margin-top:17px} .cppage01 .right .cs dd p span{height:36px;font-size:15px;line-height:36px;margin-bottom:3px} .cppage01 .right .cs dt{margin:20px 0} .cppage01 .right .cs dt,.cppage01 .right .model{padding-left:77px} .cppage01 .right .cs,.cppage01 .right .model{width:100%} .cppage01 .right .model p a{margin-top:15px} .cppage01 .right .cs dd p{font-size:18px;line-height:22px} .cppage01 .right .fw-txt{margin:35px 0 20px} .cppage01 .right .fw-txt .sc{margin:0 30px} .cppage01 .right .swtbtn{width:360px;height:70px;left:-40px} .cppage01 .right .swtbtn:after{width:110px;height:102px;right:-50px} .cppage01 .right .swtbtn a{font-size:15px;line-height:70px} .cppage01 .right .swtbtn a span{font-size:21px;margin-right:10px} .cppage02 .ft p a{font-size:15px} .alpage01 h1{font-size:25px;line-height:33px} .alpage01 .wenan{top:120px;padding-bottom:90px} .alpage01 .wenan:before{width:150px;height:160px} .alpage01 .wenan .cs p{margin-top:15px} .alpage01 .wenan .cs p span{font-size:16px} .alpage01 .wenan .p1{font-size:20px;line-height:1;margin-top:20px} .alpage01 .wenan .p2{font-size:14px} .alpage01 .wenan .swtbtn{height:70px;font-size:21px;line-height:70px} .alpage01 .wenan .swtbtn:after{left:6px;right:6px;top:6px;bottom:6px} .newspage01 h1{font-size:35px;line-height:50px} .newspage02 .fr .zx-box{height:381px;padding-top:177px;margin-top:-128px} .newspage02 .fr .zx-box:before{height:405px;left:-17px} .newspage02 .fr .zx-box .swtbtn{font-size:21px;line-height:100px;padding:0 40px} .newspage02 .fr .zx-box .text:before{width:210px;height:154px;left:15px} .newspage02 .fr .zx-box .text{padding-right:12%} .newspage02 .fr .zx-box .tel{margin-top:15px;padding-left:63px;background-size:45px;margin-left:8%} .newspage02 .fr .zx-box .tel strong span{font-size:21px} .message .fl{width:63%} .message .fr{width:55%;border-radius:35px} .message .fr .p1,.message .fr form .submit dt p strong{font-size:21px} .message .fr .p2{font-size:25px;margin:15px 0} .message .fr .p3{font-size:15px} .message .fr form .icon-tel:before{line-height:57px} .message .fr form .note,.message .fr form .submit a,.message .fr form input,.message .fr form textarea{width:275px} .message .fr form input,.message .fr form textarea{height:50px;font-size:16px;border-radius:10px} .message .fr form textarea{height:150px;line-height:24px} .message .fr form .textarea-box .quick{width:240px} .message .fr form .note{font-size:14px} .message .fr form .submit a{height:70px;font-size:24px;line-height:70px} .message .fr form .submit dt{display:none} .rl-swt{width:140px} } @media screen and (max-width:1280px){ .same-body:before{background-size:125%} .same-newsstyle .w,.service02 .w,.w{max-width:960px} .header .w{max-width:1000px} .header .logo{width:13%} .header .nav{width:48%;margin-left:3%} .header .search-box,.header .tel-box .txt{display:none} .header .tel-box .tel{border:none} .footer{line-height:70px} .footer .p2{display: none;} .about01 .sl-ul li p,.cppage01 .right .model,.footer p,.service01 .sl-ul li p{font-size:14px} .swiper-controller{width:344px;height:65px;line-height:65px} .banner .swiper-slide .wenan .tit{font-size:40px} .banner .gs-video{width:180px;right:10%;top:22%} .banner .gs-video dd .txt{height:75px} .banner .gs-video dd p strong{font-size:16px;margin-bottom:10px} .banner .swiper-controller{left:240px} .swiper-controller .swiper-pagination{width:52%} .banner .appoint_scroll{width:240px;height:65px} h1.same-title{font-size: 32px;} .same-title{font-size:28px;line-height:38px} .about03 .cpzl dl dt p,.about04 .scnl li p,.alpage01 .wenan .cs p,.cppage01 .right .cs dt p,.cpzs-fl .fr ul li p a,.home2 .swiper-hd .swiper-item p,.home3 .rot-news1 li p,.home3 .rot-news2 ul li p,.news02 .lists li p,.newspage02 .fr .zx-box .text,.same-cpstyle .cp-ul li p a,.same-cpstyle .news-ul li a,.same-text,.service04 .part .fl ul li,.texts p{font-size:14px;line-height:24px} .same-text:after{width:90px} .banner .swiper-slide .wenan .text{font-size:14px} .news01 .swiper-slide .txt .look-more{width:160px;height:45px;font-size:17px;line-height:41px;margin-left:55px} .home1 .swiper-cp{margin-top:20px} .home1 .cpfl .sty1{font-size:20px} .home1 .cpfl .sty2{margin-top:30px;margin-bottom:30px} .home1 .cpfl .sty2 li{height:90px} .home1 .cpfl .sty2 li+li{margin-top:20px} .home1 .cpfl .sty3 .ys1{font-size:12px} .home1 .cpfl .sty3 .ys2{height:45px;font-size:14px;line-height:45px;padding-right:15px} .home1 .cpfl .sty3 .ys2:before{left:-4px;right:-6px;top:-4px;bottom:-4px} .home1 .cpfl .sty3 .ys2:after{width:60px;height:77px} .home1 .swiper-slide li{padding-bottom:33px} .home1 .swiper-slide li:after{bottom:-10px} .home1 .swiper-slide li .pic{width:300px;height:167px;margin-left:-150px} .home1 .swiper-slide li h3 a{font-size:14px;padding:13px 0} .home1 .swiper-slide li h3 a:before{display:none} .home2 .swiper-hd .swiper-item{width:23.125%;margin-left:2.5%} .home2 .swiper-hd .swiper-item h3{margin-bottom:11px} .home2 .swiper-hd .swiper-item h3 a{font-size:16px;line-height:22px} .home2 .swiper-hd .swiper-item p{margin-top:10px} .home2 .swiper-hd .swiper-item:before{bottom: 31px;} .home2 .swiper-hd .swiper-item:after{bottom: 0;} .home2 .swiper-more{bottom: 30px;} .home3 .rot-news1 li:before{left:-2.6%;bottom:26.55%} .home3 .rot-news1 li h3 a,.home3 .rot-news2 ul li h3 a,.news02 .lists li h3 a{font-size:16px} .home3 .rot-news2 ul li h3 a{width: 74%;} .home3 .rot-news2 ul{margin-left: -4%;} .home3 .rot-news2 ul li{width: 46%;margin-left: 4%;} .home3 .rot-news1 li p{height:96px} .home3 .rot-news1 .same-effect{bottom:28%} .home3 .rot-news2 ul li span{top:14px} .home3 .rot-news2 ul li p{height:48px} .home4 dl dd{width:400px;margin-left:2%} .home4 dl dd p{font-size:16px;line-height:30px} .home4 dl dt .text{font-size:19px} .location{font-size:13px} .location ol{max-width:32%;margin-right:-20px} .cpzs-ban:before{height:65px} .cpzs-ban .swiper-container{height:355px} .cpzs-ban .swiper-slide{height:355px} .cpzs-ban .swiper-slide dd h2 a{font-size:28px} .cpzs-ban .swiper-slide dd p span{width:140px;font-size:14px} .cpzs-fl .fl{width:230px} .cpzs-fl .fl ul li a{font-size:16px;line-height:60px} .cpzs-fl .fl ul .active a{padding-left:55px} .news01 .title .text,.news01 .title h2{font-size:30px} .news01 .swiper-container{height:440px} .news01 .swiper-slide{padding-bottom:64px} .news01 .swiper-slide .txt h3 a{font-size:18px;line-height:24px} .news01 .swiper-slide .txt{padding-top:30px;padding-bottom:30px} .news01 .swiper-slide .txt:before{width:100px;height:100px;left:-50px;top:-50px} .news01 .swiper-slide .txt p{font-size:14px;line-height:30px} .news01 .swiper-slide .txt span{margin:15px 0} .news01 .swiper-slide .txt .look-more{margin-top:20px;margin-left:0} .news01 .swiper-controller{height:65px;line-height:65px} .news01 .swiper-progress{width:222px} .news02 .lists{margin-left:-5%} .news02 .lists li{padding:1.5% 2%} .news02 .lists li span{font-size:14px;top:26px;right:20px} .news02 .lists li p{height:48px} .about01{height:625px} .about01 .tit{font-size:40px;line-height:50px} .about01 .text{font-size:14px;line-height:22px} .about01 .sl-ul li span{font-size:18px} .about01 .sl-ul li p{margin-top:9px} .about01 .appoint_scroll,.about01 .sl-ul{height:75px} .about02 .swiper-container{width:100%;height:360px} .about03 .cpzl dl dt h3 a{font-size:16px} .about06 .shfw li{height:380px} .about06 .shfw li i{width:100px;height:100px;font-size:40px;line-height:100px} .about06 .shfw li span{font-size:18px;margin:20px 0 15px} .about06 .shfw li p,.service02 .gzry li p{font-size:14px;line-height:26px} .service01 .sl-ul li span{font-size:16px} .service01 .sl-ul li span i{font-size:22px} .service02 .gzry li span{font-size:16px;line-height:24px} .service03:before{height:800px;top:-166px} .service03 .fwlc{margin-left:-5%} .service03 .fwlc li{width:28.33%;margin-left:5%} .service03 .fwlc li:after{right:-10%} .service03 .fwlc li span{width:80px;height:80px;left:20px;top:-40px} .service04 .part .fl{padding:35px 40px 35px 90px} .service04 .part .fl ul li{margin-top:20px} .service05 .shfw li{padding-top:5%} .contact01 .lxfs a{width:220px;height:60px;line-height:60px;font-size:20px} .texts h2,.texts h3{font-size:22px;line-height:30px} .texts h2:before,.texts h3:before{width:50px;height:50px;margin-top:-23px;left:-25px} .same-cpstyle .tit{height:45px;font-size:17px;line-height:43px} .same-newsstyle .tit{font-size:22px} .cppage01 .right h1{font-size:20px;line-height:30px} .cppage01 .right .cs{margin-top:10px} .cppage01 .right .cs dd{width:110%;padding:0 60px 8px;left:-40px} .cppage01 .right .cs dd:before{left:3px;right:3px;top:3px;bottom:3px} .cppage01 .right .cs dd p{font-size:16px;line-height:20px} .cppage01 .right .cs dt{margin:15px 0} .cppage01 .right .model p a{margin-top:10px} .cppage01 .right{border-radius:20px 100px 0 20px;padding:1% 24px 0} .cppage01 .right .fw-txt{margin:20px 0} .cppage01 .right .fw-txt span{font-size:13px} .cppage01 .right .swtbtn{width:300px;height:60px;left:-24px} .cppage01 .right .swtbtn:after{width:80px;height:70px} .cppage01 .right .swtbtn a{border-radius:0 40px 0 20px;font-size:14px;line-height:60px} .cppage01 .right .swtbtn a span{font-size:18px} .alpage01 h1{font-size:20px;line-height:28px;padding:8px 2.5%} .alpage01 .wenan{width:270px;padding-bottom:53px} .alpage01 .wenan .p1,.alpage01 .wenan .p2,.alpage01 .wenan:before{display:none} .alpage01 .wenan .cs p{margin-top:10px} .alpage01 .wenan .cs p span{font-size:16px} .alpage01 .wenan .swtbtn{width:280px;height:60px;font-size:18px;line-height:60px;margin-left:-140px} .newspage01 h1{font-size:30px;line-height:40px} .newspage01 .date span{font-size:13px;margin-left:20px} .newspage02 .fr .zx-box{height:328px;padding-top:160px;margin-top:-112px} .newspage02 .fr .zx-box:before{height:350px;left:-17px} .newspage02 .fr .zx-box .swtbtn{font-size:18px;line-height:60px;padding:0 32px;top:85px} .newspage02 .fr .zx-box .text:before{display:none} .newspage02 .fr .zx-box .text{padding:10px 8%} .newspage02 .fr .zx-box .tel{margin-top:5px;padding-left:58px} .newspage02 .fr .zx-box .tel strong span{font-size:18px} .message .fl{top:95px} .message .fr{width:63%;border-radius:25px;padding:3% 3% 4%} .rl-swt{width:120px} .wxqr{height:180px} } .fixed-show{position:fixed;right:-200px;top:20%;transition:all ease .5s;opacity:0;z-index: 99999;} .fixed-xian{right:10px;opacity:1} .fixed-list{background:url(../images/swtfr-bg.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;width:154px;height:309px;margin-top:-69px} .fixed-list ul{padding-top:84px} .fixed-list li{letter-spacing: 0.2px;width:152px;height:64px;background:url(../images/swtfr-list02.png) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align: center;color: #FFF;font-size: 18px;text-shadow:0 2px 3px #104c74;} .fixed-list li.listbg{background-image:url(../images/swtfr-list01.png);} .fixed-list li.listbg a{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 3px #9c3500;display:block;line-height:52px;} .fixed-list li.listbg a:hover{color:#ffe29b;text-shadow:none;} .fixed-list li a,.fixed-list li p{color: #FFF;display: block;line-height: 58px;} .fixed-list li a:hover{color: #ffe29b;} .fixed-list li.listdh{position:relative} .fixed-list li.listdh>img{cursor:pointer} .fixed-list li.listdh .fixed-tel{width:0;white-space:nowrap;background:#143d59;position:absolute;top:0;right:-2px;text-align:left;text-shadow:none;z-index:10;transition-property:width;transition-duration:.8s} .fixed-list .fixed-tel span{display:block;white-space:nowrap;overflow:hidden;font-size:16px;color:#fff;padding-left:12px;line-height:1.1;opacity:0;transition-duration:1s;transition-delay:.2s;padding:7px 6px 10px 88px} .fixed-list .fixed-tel span strong{font-size:18px;color:#f4751b;display:block;margin:10px 0 4px} .fixed-list .fixed-tel span i{color:#FFF;display:block;font-style:normal} .fixed-list .fixed-tel img{position:absolute;left:0;top:0;width:72px;opacity:0;transition-duration:1s;transition-delay:.2s;margin:6px} .fixed-list li.listdh:hover .fixed-tel{width:280px} .fixed-list li.listdh:hover .fixed-tel span{opacity:1} .fixed-list li.listdh:hover .fixed-tel img{opacity:1} /* 新加一个小小样式 */ .pro-arr { background: url(../images/s-img.png) no-repeat left 4px; padding-left: 40px; } /* 从之前的pcsmallstyle中摘出的样式 */ .csdiv h5 {cursor: pointer;padding: 0px 20px 0px 18px;margin-bottom: 15px;line-height: 30px;font-size: 16px;color: #333;display: inline-block;cursor: pointer;position: relative;} .csdiv h5:before { content: ""; display: block; width: 10px; height: 10px; border-radius: 4px; background: url(../images/tabicon03.png) no-repeat left center; position: absolute; left: 0; top: 50%; margin-top: -5px } .csdiv h5.on { color: red } .csdiv h5.on:before { background: url(../images/tabicon02.png) no-repeat left center } .forysswt,.bqonline {background-color: #4fa3db;background-image: linear-gradient(to right, #2c4961, #4fa3db);border-radius: 32px;color: #fff !important;text-decoration: none !important;padding: 6px 50px 6px 15px;margin: 0px 3px;display: inline-block;text-indent: 0;position: relative;overflow: hidden;vertical-align: middle;} .forysswt:after,.bqonline:after {content: '';width: 38px;background: url(../images/swt.gif) no-repeat center center;background-size: 100%;border-radius: 50%;position: absolute;right: 2px;top: 2px;bottom: 2px;} .forysswt:hover,.bqonline:hover { background: #4fa3db !important } .forysswt span,.bqonline span {color: #fff !important;} .forysswt b,.bqonline b { color: #fff !important; font-weight: normal; font-size: 14px !important } @media screen and (max-width: 1440px){ .forysswt, .bqonline{padding: 6px 45px 6px 12px;} .forysswt:after,.bqonline:after {width:35px;} } @media screen and (max-width: 1280px){ .forysswt, .bqonline{padding: 6px 42px 6px 12px;} .forysswt:after,.bqonline:after {width: 32px;} }