<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
    -webkit-text-size-adjust: none;font-size:20px;
}
@media (max-width:640px){
html{font-size:16px;}
}
body{color:#333;font-size:0.7rem;font-family:"microsoft yahei";/*behavior:url("csshover.htc");*/}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{list-style:none;margin:0;padding:0}
img{border:none}
a{text-decoration: none;color:#333;}a:hover{}.over{transition: 0.3s linear all;}.point,.mouse{cursor:pointer;}
.cl{ clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.ov{overflow:hidden;}
.fl{float:left;}.fr{float:right;}.ov{overflow:hidden}.posi{position:relative;}.ab{position:absolute;}.over{transition: 0.3s linear all;}
.bold{font-weight:bold;}.cen{text-align:center;}.txtl{text-align:left;}.txtr{text-align:right;}.enbold{font-family:Impact;}
.mt5{margin-top:0.25rem;}.mt10{margin-top:0.5rem;}.mt15{margin-top:0.75rem;}.mt20{margin-top:1rem;}.mt25{margin-top:25px;}.mt30{margin-top:1.5rem;}.mt50{margin-top:2.5rem;}
.font12{font-size:0.6rem;}.font14{font-size:0.7rem;}.font15{font-size:0.75rem;}.font16{font-size:16px;}.font18{font-size:0.9rem;}.font20{font-size:1rem;}.font24{font-size:1.2rem;}.font30{font-size:1.5rem;}.font36{font-size:1.8rem;}.font48{font-size:2.4rem;}
.wap{display:none;}
@media (max-width:640px){
.font18{font-size:16px;}.font20{font-size:18px;}.font24{font-size:20px;}.font30{font-size:24px;}
}
.co000{color:#000;}.co333{color:#333;}.co666{color:#666;}.co999{color:#999;}.blue{color:#00a2ea;}.yel{color:#c66200;}.fff{color:#fff;}.red{color:#dd2226;}.hop{color:#0079af;}
.daxie{text-transform:uppercase;}.daxie_{text-transform:capitalize;}.lh{line-height:1.7;}.yahei{font-family:"microsoft yahei";}
.hide{ display:none;}
.wrap{width:100%;max-width:1410px;margin:0 auto;}.wrap2{width:80%;margin:0 auto;}.wrapin{width:96%;margin:0 auto;}.w{width:100%;}.baibg{background:#fff;}.huibg{background:#f7f7f7;}

.pad10{padding:10px 0;}.pad30{padding:30px 0;}.pad50{padding:50px 0;}

.header{position:fixed;top:0;left:0;z-index:99;height:65px;border-bottom:1px solid #ddd;background:rgba(255,255,255,.9);/*box-shadow: 0 0 5px #999;*/}
/*.header .wrapin{padding:1rem 0;}*/
.scroll{background:#fff;box-shadow: 0 0 15px #999;}

.logo{margin-right:5%;}

.nav li{float:left;height:65px;line-height:65px;}
.nav li a{display:block;padding:0 1.2rem;}
.nav li a.on,.nav li a:hover,.nav li a.cur{color:#00a2ea;}
.nav li dl{display:none;top:66px;left:0;padding-top:10px;box-shadow: 0 5px 7px rgba(0,0,0,.05);}
.nav li dd{display:inline-block;padding:0 1rem;line-height:normal;}
.nav li dd a{padding:0;}
.nav li dd a.pic{height:50px;display:flex;align-items:center;justify-content:center;}
.nav li dd img{max-width:100%;max-height:100%;}


@media (max-width:1500px){
/*.nav{display:none;}*/
.icond .zi{ left:-17%;}
}

.sear_btn{width:2rem;height:2rem;line-height:2rem;/*background:url(../images/sear.png) center no-repeat;*/cursor:pointer;}
.sear{display:none;top:56px;right:0;z-index:8;width:350px;padding:5px 5px 5px 10px;background:#f8f8f8;}
.sear .ipt{width:300px;height:30px;line-height:30px;border:none;background:fff; outline:none;}
.sear button{padding:0 10px;border:none;background:none;cursor:pointer;}

.rtel{line-height:2rem;padding:0 1.5rem;}

/*slide*/
.slidebox .pg0{z-index:9;bottom:20px;}
.slidebox .swiper-pagination-bullets{}
.slidebox .swiper-pagination-bullet{width:16px;height:16px;background:#999;-webkit-border-radius:50%;border-radius:50%;opacity: 1;cursor:pointer;}
.slidebox .swiper-pagination-bullet-active{width:40px;background:#555;-webkit-border-radius:8px;border-radius:8px;}

.justify{text-align:justify;text-justify:distribute-all-lines; /* for ie */}
.justify:after{content:"";height:0;width:100%;display:inline-block;overflow:hidden;}

.icona dt li{display:inline-block;padding-bottom:5px;text-align:center; vertical-align:top;}
.icona dt li a{display:block;}
.icona dt li a.pic{height:60px;display:flex;align-items:center;justify-content:center;}
.icona dt li img{max-width:100%;max-height:100%;}
.icona dt li.cur{font-weight:bold;border-bottom:2px solid #00a2ea;}
/*
.icona dd ul{display:none;}
.icona dd li{width:24.5%;height:345px;margin:10px 0 0 0.6%;}
.icona dd li img{height:100%;}
.icona dd li:nth-child(1){height:700px;margin-left:0;}
.icona dd li:nth-child(4){float:right;height:700px;}
.icona dd li:nth-child(5){width:49.5%;}
.icona dd li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}
.icona dd li .t{left:0;bottom:10px;}
.icona dd li:nth-child(1) .t,.icona dd li:nth-child(4) .t{bottom:130px;}
.icona dd li:nth-child(5) .t{left:-80px;bottom:150px;}
.icona dd li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.icona dd li:before,.icona dd li abbr{z-index:2;}
.icona dd li .t2{top:50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.icona dd li .m{display:inline-block;width:170px;height:40px;line-height:40px;border:1px solid #fff;-webkit-border-radius:20px;border-radius:20px;}
.icona dd li:before,.icona dd li .t2,.icona dd li:hover .t{display:none;}
.icona dd li:hover .t2,.icona dd li:hover:before{display:block;}*/
.icona dd ul{display:none;}
.icona dd ul.show1 li{width:32%;height:710px;}
.icona dd ul.show1 li img{height:100%;}
.icona dd ul.show1 li:nth-child(2){margin:0 2%}

.icona dd ul.show2 li{width:24.5%;height:345px;margin:10px 0 0 0.6%;}
.icona dd ul.show2 li img{height:100%;}
.icona dd ul.show2 li:nth-child(1){height:700px;margin-left:0;}
.icona dd ul.show2 li:nth-child(4){float:right;height:700px;}
.icona dd ul.show2 li:nth-child(5){width:49.5%;}
.icona dd ul.show2 li:nth-child(1) .t,.icona dd ul.show2 li:nth-child(4) .t{bottom:130px;}
.icona dd ul.show2 li:nth-child(5) .t{left:-80px;bottom:150px;}

.icona dd li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}
.icona dd li .t{left:0;bottom:20px;}
.icona dd li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.icona dd li:before,.icona dd li abbr{z-index:2;}
.icona dd li .t2{top:50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.icona dd li .m{display:inline-block;width:170px;height:40px;line-height:40px;border:1px solid #fff;-webkit-border-radius:20px;border-radius:20px;}
.icona dd li:before,.icona dd li .t2,.icona dd li:hover .t{display:none;}
.icona dd li:hover .t2,.icona dd li:hover:before{display:block;}

.iconb abbr{top:30%;right:10%;}
.iconb abbr .l{width:120px;height:5px;background:#00a2ea;}
.iconb abbr a{display:block;width:170px;line-height:40px;border:1px solid #fff;}
.iconb abbr a:hover{border-color:#00a2ea;background:#00a2ea;}

.iconc li{float:left;width:14%;border-right:1px solid #eee;}
.iconc li:nth-child(7n){border:none;}
.iconc li img{width:100%;
 -moz-opacity:0.1; opacity: 0.6;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.iconc li:hover img{
-moz-opacity:1; opacity:1;
filter:none;
}

.icondbg{height:780px;background:url(../images/icond.jpg) center no-repeat;}
.icond{/*height:530px;*/-webkit-border-radius:10px;border-radius:10px;}
.icond dt{line-height:50px;border-bottom:1px solid #eee;}
.icond dt li{float:left;width:25%;position:relative;margin-left:-1px;border-left:1px solid #eee;cursor:pointer;}
.icond dt li.cur{color:#fff;background:#00a2ea;}

.icond dd{width:96%;padding:30px 2%;}
.icond dd dl{display:none;padding-bottom:30px;}
.icond dd dl .m{right:0;bottom:0px;}
.icond dd .a li{float:left;width:24%;margin:0 1.3% 0 0;padding-bottom:10px;background:#f3f3f3;}
.icond dd .a li a{display:block;}
.icond dd .a li img{height:250px;}
.icond dd .a li p{padding:0 10px;}
.icond dd .a li:nth-child(4n){margin-right:0;}
.icond li:hover img,.icond .swiper-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.icond dd .bb{padding-bottom:70px;}
.icond dd .bb:before{content:"";position:absolute;bottom:20px;left:0;width:100%;height:1px;background:#ddd;}
.icond dd .bb .btnbg{bottom:0px;left:50%;width:120px;margin-left:-60px;}
.icond dd .bb .btn{display:inline-block;width:40px;height:40px;margin:0 5px;background:#ccc;}
.icond dd .bb .btn i{top:5px;}
.icond dd .bb .btn.swiper-button-disabled{background:#ddd;}

.icond dd .b abbr{left:0;bottom:0;padding:5px 0;background:rgba(0,0,0,.6);}
.icond dd .b img{height:320px;}

.icond dd .c abbr.bg{left:0;top:0;height:100%;background:rgba(0,0,0,.4);}
.icond dd .c abbr.t{left:10%;bottom:30px;width:80%;}
.icond dd .c img{height:320px;}

.icond dd .d ul.fl{width:50%;height:380px;}
.icond dd .d ul.fr{width:48%;}
.icond dd .d li{float:left;width:32%;margin:0 2% 10px 0;}
.icond dd .d li img{height:150px;}
.icond dd .d li a{display:block;}
.icond dd .d li:nth-child(3n){margin-right:0;}

.icone li{display:inline-block;width:300px;}
.icone li img{padding-right:15px;}
.icone li p{text-align:left;}



.gotop {display:none;position:fixed;bottom:5px;right:5px;z-index: 9999;width:2.5rem;height:2.5rem;line-height:3rem;background:#fff;-webkit-border-radius:50%;border-radius:50%;}
.gotop:hover{color:#fff;background-color:#c00;}
@media (max-width:640px){
.gotop{/*bottom:65px;*/}
}

.foot{padding-bottom:30px;background:#f2f2f2;}
.foot0{padding:15px 0;border-bottom:1px solid #ddd;}
.foot0 li.fr:hover .sear2{display:block;}
.sear2{display:none;top:15px;right:0;z-index:8;width:350px;padding:5px 5px 5px 10px;background:#f8f8f8;}
.sear2 .ipt{width:300px;height:30px;line-height:30px;border:none;background:fff; outline:none;}
.sear2 button{padding:0 10px;border:none;background:none;cursor:pointer;}


.foot1{width:68%;}
.foot1 dl{float:left;width:20%;}
.foot1 dt{height:30px;}
.foot1 dd a{display:block;margin:10px 0;color:#666;}

.foot2{width:30%;}
.foot2 dt p{line-height:20px;padding-left:15px;}
.foot2 dd li{float:left;}
.foot2 dd li p{display:inline-block;width:15px;margin:0 10px;}
.foot2 dd li:nth-child(1){margin-right:2rem;}

.foot3{height:40px;line-height:40px;background:#e6e6e6;}
.foot3 li.fl{width:80%;}
.foot3 li.fr{margin-top:8px;}
.foot3 li.fr a{padding-left:10px;}

.where{height:30px;line-height:30px;background:#f4f6f5;}
.where a{padding:0 5px;}

.topnav{line-height:80px;border-bottom:1px solid #dfdfdf;}
.topnav a{display:inline-block;padding:0 5px;margin:0 30px;transition: 0.3s linear all;}
.topnav a:hover,.topnav a.cur{height:78px;color:#00a2ea;border-bottom:2px solid #00a2ea;}
.protop{z-index:2;padding:30px 0;box-shadow: 0 5px 5px #eee;}
.protop a{display:inline-block;line-height:36px;padding:0 25px;margin:0 10px;border:1px solid #dfdfdf;-webkit-border-radius:18px;border-radius:18px;transition: 0.3s linear all;}
.protop a:hover,.protop a.cur{color:#fff;border-color:#00a2ea;background:#00a2ea;}

.about1 dl{height:580px;}
.about1 dt{width:38%;}

.about1 dd{width:56%;}
.about1 dd li{float:left;padding-left:80px;}
.about1 dd li .counter{font-size:64px;}
.about1 dd img{top:150px;right:0;}

.about2{height: 600px;background-color: #262626;}
.about2 dt{top:280px;left:0;}
.about2 dt li{float:left;width:18%;height:360px;padding:60px 2% 0;margin-right:1.3%;background:#fff;}
.about2 dt li:nth-child(4n){margin-right:0;}
.about2 dt li .a{display:inline-block;width:60px;height:60px;line-height:60px;background-color: #00a2ea;-webkit-border-radius:50%;border-radius:50%;}
.about2 dt li .b{display:inline-block;top:-10px;left:10px;width:200px;height:1px;background-color: #eee;}

.about3-{padding:180px 0;}
.about3- abbr{bottom:0;height:620px;}
.about3- abbr.a{left:-90px;width:260px;background-color: #00a2ea;}
.about3- abbr.b{left:0;width:1120px;}
.about3- abbr.b img{height:550px;}
.about3- abbr.b a{display:block;}
.about3- .swiper-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.about3- dt{width:900px;}
.about3- dt ul.fr{width:620px;}

.about3- dd{padding:130px 0 0 170px;width:350px;height:600px;border:5px solid #dde0e4;}
.about3- dd li.cur,.about3- dd li:hover{color:#00a2ea;}
.about3- dd li p{padding-left:20px;}
.about3- dd li:before{content: "";position:absolute;top:15px;left:0;width: 6px;height: 6px;background-color: #666;}

.about4-2 dt{width:260px;}
.about4-2 dt:before{content:"";position:absolute;top:0;left:55%;width:1px;height:100%;background:#ddd;}
.about4-2 dt .swiper-container{height:450px;}
.about4-2 dt p{width:120px;padding:10px 0;}
.about4-2 dt .li b.a1{z-index: 3;left: 136px;top:15px;width: 12px;height: 12px;border: 2px solid #fff;background: #ccc;border-radius: 50%;}
.about4-2 dt .li.cur b.a1{left:125px;top: 3px;width: 32px;height: 32px;border:0;background: #00a2ea;}
.about4-2 dt .li.cur b.a2{z-index: 5;left: 132px;top:10px;width: 18px;height: 18px;border:0;background: #fff;border-radius: 50%;}

.about4-2 dt .btn{left:38%;color:#888;}
.about4-2 dt .prev{top:-40px;}
.about4-2 dt .next{bottom:-30px;}
.about4-2 dt .btn.swiper-button-disabled{color:#fff;}

.about4-2 dd{width:1100px;}
.about4-2 dd ul{display:none;}
.about4-2 dd li{float:left;width:100%;margin-bottom:20px;}

.aboutt{height:90px;}
.aboutt .l{display:inline-block;width:45px;height:1px;background:#000;}

.about3 .bg{width:90%;margin:50px auto;}
.about3 ul {height:350px;padding:2rem;}
.about3 ul img{width:100%;height:300px;margin-bottom:20px;}
.about3 .pg{}
.about3 .swiper-pagination-bullet{width:12px;height:12px;margin:0 5px;background:#666;opacity: 1;}
.about3 .swiper-pagination-bullet-active{background:#de4721;}

.about4 .swiper-container{padding:2rem 0;}
.about4 a{display:block;}
.about4 .btn{position:absolute;z-index:3;top:50%;margin-top:-2.5rem;padding:10px 15px;cursor:pointer;}
.about4 .sprev{left:30%;}
.about4 .snext{right:30%;}
.about4 .btn:hover{color:#00a2ea;}
.about4 .swiper-slide-active{transform: scale(1.2);z-index:9999;}

.about5{padding:2rem 0;}

.psear{padding:25px 0;border-top:1px solid #eee;}
.psear form{display:inline-block;padding:1px;border:1px solid #ccc;}
.psear .ipt{width:630px;padding:0 20px;line-height:42px;border:0;}
.psear button{padding:0 40px;height:42px;line-height:42px;border:0;background: #00a2ea;}
.psear button i{top:3px;}

.prolist{z-index:1;padding:50px 0;}
.prolist li{float:left;width:31%;padding:2px;margin:20px 2% 0 0;display:inline;background:#fff;overflow:hidden;transition: 0.3s linear all;}
.prolist li img,.prolist li .pic{height:430px;}
.prolist li .m{line-height:60px;border-top:1px solid #ddd;}
.prolist li:hover .m a{width:60px;border-left:1px solid #ddd;}
.prolist li a{display:block;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li span{display:inline-block;}
.prolist li span:nth-child(2){margin:0 20px;}
.prolist li:hover{color:#fff;background:#00a2ea;}
.prolist li:hover a,.prolist li:hover .co999{color:#fff;}
.prolist li:hover .pic{border-color:#00a2ea;}
.prolist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);}

.newstop img{width:49%;}
.newstop abbr{width:46%;}
.newstop a{display:block;}
.newstop .btn{z-index:9;bottom:30px;width:36px;height:36px;margin:0 5px;background:#ccc;-webkit-border-radius:50%;border-radius:50%;}
.newstop .prev{left:53.5%;}
.newstop .next{left:57%;}
.newstop .btn i{top:3px;}
.newstop .btn.swiper-button-disabled{background:#eee;}

.newslist dt{width:70%;}
.newslist dt li{float:left;width:100%;padding:40px 0;border-bottom:1px solid #eee;overflow:hidden;}
.newslist dt li img{width:190px;}
.newslist dt li abbr{width:76%;}
.newslist dt li a{display:block;}
.newslist dt li .r{padding-right:20px;}

.newslist dd{width:23%;padding:20px 1.5%;border:1px solid #eee;}
.newslist dd .t{height:40px;border-bottom:1px solid #eee;}
.newslist dd li{float:left;width:100%;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden;}
.newslist dd li img{width:40%;}
.newslist dd li abbr{width:56%;}
.newslist dd l a{display:block;}
.newslist dd li:last-child{border:none;}

.qalist dt{width:70%;}
.qalist dt li{float:left;width:100%;padding:40px 0;border-bottom:1px solid #eee;overflow:hidden;}
.qalist dt li img{width:190px;}
.qalist dt li abbr{width:100%;}
.qalist dt li a{display:block;}
.qalist dt li .r{padding-right:20px;}

.qalist dd{width:23%;padding:20px 1.5%;border:1px solid #eee;}
.qalist dd .t{height:40px;border-bottom:1px solid #eee;}
.qalist dd li{float:left;width:100%;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden;}
.qalist dd li img{width:40%;}
.qalist dd li abbr{width:56%;}
.qalist dd l a{display:block;}
.qalist dd li:last-child{border:none;}



.caselist li{display:inline-block;width:24%;margin:10px 0;text-align:center; vertical-align:top;transition: 0.3s linear all;}
.caselist li img{height:250px;}
.caselist li a{display:block;}
.caselist li a:nth-child(2){margin:10px 0;}
.caselist li:hover{box-shadow: 0 0 15px #ccc;}
.caselist li.honor img{height:450px;}

.caselist ul li i{position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            cursor: pointer;
            opacity: 0.8;
            transition: opacity 0.3s ease;
}

.caselist ul li:hover i{
            opacity: 1;
        }


.honorcase li{display:inline-block;width:24%;margin:10px 0;text-align:center; vertical-align:top;transition: 0.3s linear all;}
.honorcase li img{height:450px;}
.honorcase li a{display:block;}
.honorcase li a:nth-child(2){margin:10px 0;}
.honorcase li:hover{box-shadow: 0 0 15px #ccc;}

.fananlist li{float:left;width:32%;margin:10px 1.5% 10px 0;text-align:center; vertical-align:top;transition: 0.3s linear all;}
.fananlist li:nth-child(3n){margin-right:0;}
.fananlist li img{height:290px;}
.fananlist li a{display:block;}
.fananlist li a:nth-child(2){margin:10px 0;}
.fananlist li:hover{box-shadow: 0 0 15px #ccc;}
@media (max-width:1000px){
.fananlist li{float:none;display:inline-block;width:48%;margin:10px 0;}
}

.contact1 li{display:inline-block;padding:0 3%;text-align:center;}
.contact1 li .ico{display:inline-block;width:75px;height:75px;vertical-align:top;border:2px solid #eee;-webkit-border-radius:50%;border-radius:50%;}
.contact1 li i{position:relative;top:16px;}
.contact1 li:nth-child(3) i,.contact1 li:nth-child(4) i{top:22px;}
.contact1 li:hover .ico{color:#fff;border-color:#00a2ea;background:#00a2ea;}
.contact1 li:nth-child(1) p:nth-child(n+3){text-align:left;}

.contact2{width:96%;padding:1rem 2%;border:1px solid #ddd;}
.contact2 li{display:inline-block;width:24%;}
.contact2 p{height:35px;}
.contact2 .ipt{width:95%;height:35px;line-height:35px;padding:0 2%;border:1px solid #ddd;background:#f9f9f9;}
.contact2 textarea{width:98%;height:200px;padding:10px 1%;border:1px solid #ddd;background:#f9f9f9;}
.contact2 .btn{width:220px;height:40px;line-height:40px;border:1px solid #ddd;background:none;cursor:pointer;}
.contact2 img{position:relative;height:35px;cursor:pointer;}

.map{height:25rem;}


.application li{float:left;width:100%;}
.application li.line{height:1px;margin:20px 0;background:#ddd;}
.application li img{width:330px;}
.application li abbr{width:800px;margin-right:20px;display:inline;}
.application li a{display:block;}
.application li .l{display:inline-block;width:40px;height:1px;background:#00a2ea;}
.application li .m{width:140px;height:35px;line-height:35px;border:1px solid #ddd;}
.application li:hover{box-shadow: 0 0 15px #ccc;transition: 0.3s linear all;}
.application li:hover .m{color:#fff;border-color:#00a2ea;background:#00a2ea;transition: 0.3s linear all;}

.prot{line-height:50px;}
.prot dt a{padding:0 5px;color:#999;}
.prot dd a{padding-left:40px;color:#888;}
.prot dd a.cur,.prot dd a:hover{color:#000;}


.prol{width:42%;}/*
.prol .btn{position:absolute;bottom:0;z-index:9;height:60px;padding:0 5px;cursor:pointer;}
.prol .prev{left:0;}
.prol .next{right:0;}
.prol .btn i{position:relative;top:15px;}*/
.prol .gallery-top img{width:100%;height:530px;}
.prol .gallery-thumbs img{width:99%;height:80px;border:1px solid #ddd;-webkit-border-radius:8px;border-radius:8px;}
.prol .gallery-thumbs .swiper-slide-thumb-active img{border:1px solid #00a2ea;}

.prol .btn{z-index:9;position:absolute;bottom:25px;color:#ccc;cursor:pointer;transition: 0.3s linear all;}
.prol .prev{left:0px;}
.prol .next{right:0px;}
.prol .btn.swiper-button-disabled{color:#eee;}

.pror{width:43%;padding:40px 4%;background:#eee;-webkit-border-radius:30px;border-radius:30px;}
.pror .pl{padding-left:80px;}
.pror .pl abbr{left:0;top:0;}
.pror .btn a{display:inline-block;width:125px;height:40px;line-height:25px;-webkit-border-radius:5px;border-radius:5px;}
.pror .btn a.bg2{margin:0 10px;background;}
.pror .btn a.bg3{background;}

.xing a{display:inline-block;;width:105px;line-height:30px;margin:0 5px 10px;text-align:center;color:#666;border:1px solid #ccc;background:#fff;-webkit-border-radius:5px;border-radius:5px;}
.xing a.cur{color:#fff;background:#00b3d5;}

.canshu ol{display:block;width:200px; margin-bottom:15px;}
.canshu li{float:left;width:100%;height:44px;line-height:36px;border-bottom: 1px solid #eee;background:#fff;}
.canshu li:nth-child(2n){background:#eee;}
.canshu li span{display:inline-block;width:80%;background:#333;}
.canshu li:nth-child(1){background:none; font-weight:bold; font-size:18px;}
.canshu .b li:nth-child(1) span{background:#0079af;}
.canshu .cur li:nth-child(1) span{background:#0071a3;}
.canshu .cur li:nth-child(2n){background:#ccc;}

.pcon{border-top:1px solid #ddd;}

.pcon2 li{float:left;width:44%;padding:20px 2%;border:1px solid #ddd;}
.pcon2 li a{display:block;}
.pcon2 li span{width:135px;height:50px;line-height:50px;border:1px solid #ddd;-webkit-border-radius:25px;border-radius:25px;}

.otherpro dt .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;}
.otherpro dt .swiper-pagination-bullet-active{background:#777;}

.otherpro dd li{width:93%;padding:20px 3%;border:1px solid #ddd;}
.otherpro dd li a{display:block;}
.otherpro dd li .pic{height:320px;display:flex;align-items:center;justify-content:center;}
.otherpro dd li .pic img{max-height:100%;max-width:100%;}


.acon{padding:2rem 5%;}
.acon .desc{height:2.5rem;border-bottom:1px solid #dedede;}
.acon .s{padding:0 10px;color:#ccc;}
.maxpic img{max-width:100%;}

.prenext{padding:0.5rem 0;border-top:1px solid #ddd;}

/*join no user*/
.join{height:780px;background:url(../images/join.jpg) center top no-repeat;}
.join .kong{height:330px;}
.join1{width:760px;margin:50px auto;}
.join1 li{float:left;margin:20px;}
.join1 li .ipt,.join1 li .sel{width:150px;height:30px;line-height:30px;margin:0 10px;color:#999;border:0;border-bottom:1px solid #555;background:none; outline:none;}
.join1 li .sel{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.png) no-repeat scroll 95% center transparent;}
.join1 li .btn{width: 170px;height: 40px;line-height: 40px;padding: 0 40px 0 0;border: none;background: url(../images/pop-btn.png) no-repeat right center;}
.join1 li .btn:hover{background: url(../images/pop-btn_hover.png) no-repeat right center;}


.join2 abbr{top:30%;left:0;}
.join2 abbr .l{display:inline-block;width:120px;height:5px;background:#00a2ea;}
.join2 abbr a{display:block;width:170px;line-height:40px;border:1px solid #fff;}
.join2 abbr a:hover{border-color:#00a2ea;background:#00a2ea;}


.contact3{height:640px;background:url(../images/contact2.jpg) center bottom no-repeat;}
.contact3 .kong{height:120px;}
.contact3::before {position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);content: '';}

.contact3 .t::before,.contact3 .t::after {width: 23px;height: 18px;display: inline-block;content: '';vertical-align: text-top;background-image: url(../images/contact_title.png);background-repeat: no-repeat;}
.contact3 .t::before {background-position: left top;margin-right: 20px;}
.contact3 .t::after {background-position: right top;margin-left: 20px;}

.contact4{background-color:#f9f9f9;}
.contact4 ul{width:50%;}
.contact4 ul.fl{height:600px;}
.contact4 ul.fr{margin-top:90px;min-height:420px;background:url(../images/contact4.jpg) 470px 0 no-repeat;}
.contact4 ul.fr li{width:450px;padding:15px 0 0 70px;}

/* 栏目页分页 */
.pages{padding:2rem 0;}
.pages a{padding:6px 12px;margin:0 5px;color:#333;background:#f5f5f5;}
.pages a:hover, .pages a.page-num-current{color:#fff;background:#00a2ea;}

/*在线客服*/
.contactusdiyou {position:fixed;right:-230px;bottom:0px;_position:absolute;width:230px;height:100%;background:#00b3d5;z-index:99999999999;_margin-bottom:0px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));transition:all .5s ease;color:#fff;}
.contactusdiyou a {color:#fff;}
.contactusdiyou a:hover {color:#333;}
.contactusdiyou .hoverbtn {width:50px;height:129px;padding-top:20px;cursor:pointer;position:absolute;top:30%;margin-top:-66px;left:-50px;font-size:20px;color:#fff;background:#00b3d5;-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;-o-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;}
.contactusdiyou .hoverbtn span {width:50px;height:25px;line-height:25px;text-align:center;overflow:hidden;float:left;}
.contactusdiyou .hoverbtn .hoverimg {width:13px;height:9px;margin:10px 0px 0px 17px;float:left;display:inline;background-repeat:no-repeat;}
.contactusdiyou .conter {width:186px;height:700px;margin-left:22px;position:absolute;top:38%;margin-top:-300px;}
.contactusdiyou .conter .con1 dl.ic1 dt {background:url(../images/tel3.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic2 dt {background:url(../images/zxkfqq.png) no-repeat;}
.contactusdiyou .conter .con1 dl.ic3 dt {background:url(../images/weixin.png) no-repeat;}
.contactusdiyou .conter .con1 {border-bottom:1px solid #fff;padding-bottom:30px;margin-bottom:30px;}
.contactusdiyou .conter .con1 dl dt {background:url(../images/tel3.png) no-repeat;padding-left:40px;height:31px;line-height:31px;font-size:16px;color:#fff;font-weight:bold;padding-bottom:6px;}
.contactusdiyou .conter .con1 dl dd {padding-left:40px;}
.contactusdiyou .conter .con1 dl dd .ph_num {font:18px 'Microsoft yahei';color:#fff;height:25px;}
.diyoumask {position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;opacity:0.3;filter:alpha(Opacity=30);background:#000;display:none;}

.kefuQQ span.SQ a {background:#333;color:#fff;margin-bottom:5px;}
.kefuQQ span.SQ a:hover {background:#F00;color:#fff;}
.kefuQQ span.QQ a {background:url(../images/kf3.png) 10px center no-repeat #333;}
.kefuQQ span.QQ a:hover {background:url(../images/kf3.png) 10px center no-repeat #F00;}

.wpa-container {text-align:center;display:inline-block;*zoom:1;*display:inline;width:94px;height:28px;line-height:28px;text-decoration:none;border:1px solid #333;border-radius:2px;font-size:14px;font-family:"microsoft yahei";}
.theme-1 {background:#fff;color:#1e2330;}
.theme-1 .iconqqs {background:url("../images/kf2.png") no-repeat;background-size:20px 20px;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;width:20px;height:20px;margin-right:3px;}


.vid-wrap{
    width:100%;background: #000;
    position:relative;
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.vid-wrap video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%
}
.quyucontent{ padding:77px 0; background:#f4f6f5;}
.quyucontent .am-container{ max-width:1236px;}
.quyucontent .qpic{ width:530px; height:344px; }
.quyucontent .qpic img{ width:100%; height:100%; border-radius:6px;}
.quyucontent .txt{ width:500px; padding-top:20px;}
.quyucontent .txt h2{ font-size:24px; margin-bottom:30px;}
.quyucontent .txt .tyi{ font-size:14px; line-height:24px; height:144px; overflow:hidden;}
.quyucontent .wrap:before,.quyucontent .wrap:after{ content:""; display:block; clear:both;}

.ygg_a{ margin-top:30px;}
.ygg_a a{display: inline-block;margin-bottom: 10px;background: #01458e;padding: 12px 45px;border-radius: 25px;font-size: 15px; color:#fff; margin-right:20px;}
.ygg_a a.qql{ background:#d40000;}
.ygg_a a.mobi{padding: 12px 25px;}</pre></body></html>