*{ padding:0; margin:0;}
body{ font-family:Arial; font-size:14px;}
.both{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.w100{ width:100%;}
.w16{ width:1612px;}
.m0a{ margin:0 auto;}
img{ display:inline-block;}
.pa{ position:absolute;}
.pr{ position:relative;}
a{ text-decoration:none;}
a:hover{}
.bcee{ background-color:#eee;}
ul,li,ol{ list-style:none;}

.header{padding:0 4%; width:92%; height:108px;position: fixed;top: 0;left: 0;z-index: 20;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; background-color:#fff;}
.header .logo{ margin-top:24px;}
.header .ssf{ height:30px; margin-top:39px;}
.header .ssf div{ margin:0 18px;}
.sou{width:30px;position:relative;}
.sou a{display:block;height:30px;padding:0;}
.sou s{width:18px;height:18px;display:block;margin:0 auto;background:url(../images/search.png) no-repeat;}
.sou:hover{background-color:#0362ab;}
.search{width:224px;height:35px; border:2px solid #17d954;position:absolute;right:0;top:40px;z-index:999;display:none;overflow:hidden; margin:0 0 !important;}
.search .stxt{width:100%;height:35px;line-height:40px;text-indent:10px;float:left;background:none;border:0px;outline:none;color:#222; background-color:#fff;}
.search .sbtn{width:35px;height:35px;position:absolute;outline:none;cursor:pointer;right:0px;top:0px;background:url(../images/search.png) center center no-repeat #17d954; border:none;}
.header .nav{}
.header .nav ul{}
.header .nav ul li{ float:left;background:url(../images/line.png) no-repeat right center;}
.header .nav ul li a{ font-size:18px; color:#000; padding:0 29px; line-height:108px;display:inline-block;}
.header .nav ul li a:hover,.dq a{ color:#0066e9 !important;background: linear-gradient(to right,#02acdf, #17d954);background-size: 100% 8px;background-position: bottom;background-repeat: no-repeat;}
.nban{ margin-top:108px;}
.swiper-container{width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.about{ background:url(../images/abg.png) no-repeat center bottom; height:378px;vertical-align:top;}
.about .abt{ text-align:center; font-size:48px; color:#0c0c0c; font-weight:bold; line-height:75px;margin-top:84px;}
.about .ainfo{ font-size:24px; color:#6a6a6a; text-align:center; line-height:36px; width:1055px; margin:0 auto; height:116px; vertical-align:top;}
.about .aitem{width:1200px; height:108px;}
.about .aitem dl{ float:left; width:25%; height:108px;}
.about .aitem dl dt{ font-size:60px; font-weight:bold; height:75px; text-align:center; background: linear-gradient(to right,#02acdf, #17d954);-webkit-background-clip: text;background-clip: text;color: transparent;}
.about .aitem dl dt sub{ font-size:30px;}
.about .aitem dl dd{ font-size:24px; color:#3c3c3c; text-align:center; line-height:33px; vertical-align:top;}
.about .aitem i{ width:40px; height:41px; display:inline-block;}
.about .aitem .a1{ background:url(../images/a1.png) no-repeat 0 0;}
.about .aitem .a2{ background:url(../images/a2.png) no-repeat 0 0;}
.about .aitem .a3{ background:url(../images/a3.png) no-repeat 0 0;}
.about .aitem .a4{ background:url(../images/a4.png) no-repeat 0 0;}

.av{ box-shadow:0 0px 8px #eee; /*height:503px;*/ background-color:#fff; border-radius:8px;}
.video{ width:50%;border-radius:8px 0 0 8px; height:100%; background-color:#000;}
.video img{border-radius:8px 0 0 8px; width:100%;}
.aboutus{ width:42%;font-size:18px; color:#0c0c0c; line-height:30px; padding:3% 4%;}
.aboutus h1{ font-size:36px; color:#0c0c0c; margin-bottom:30px;}
.aboutus .more{ text-align:right; margin-top:50px;}
.more{ width:100%; text-align:center;}
.more a{ width:224px; height:50px; color:#fff; text-align:center; display:inline-block; border-radius:25px;font-size:18px; line-height:50px;background:linear-gradient(to right, #02acdf, #17d954);}
.more a:hover{background: linear-gradient(to left, #02acdf, #17d954);}

.pbt{font-size:48px; color:#0c0c0c; font-weight:bold; text-align:center; line-height:65px; margin-top:88px;}
.pfbt{ font-size:24px; color:#6a6a6a; text-align:center; line-height:36px; margin-bottom:47px;}
.pitem{}
.pitem .ptext{left:50%;top:398px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); z-index:99; width:50%;}
.pitem .ptext p{ text-align:center; margin-bottom:38px;}
.pitem .ptext p span{ color:#fff; font-size:36px; font-weight:bold; line-height:70px; display:inline-block;}
.pitem .ptext p i{ width:128px; height:8px;background:linear-gradient(to left, #02acdf, #17d954); display:inline-block;}

.nbt{text-align:center; font-size:48px; color:#0c0c0c; font-weight:bold; line-height:55px;padding-top:100px;}
.nclass{ text-align:center; margin-bottom:52px;}
.nclass a{ font-size:24px; color:#2e2e2e; display:inline-block; line-height:57px; margin:0 10px;}
.nclass a:hover,.nclass a.cur{ background: linear-gradient(to right,#02acdf, #17d954);background-size: 100% 8px;background-position: bottom;background-repeat: no-repeat;}
.news{ margin-bottom:42px;}
.news dl{ float:left; padding:1.5% 1.5%; background-color:#fff; width:29.3333%; margin-right:1.5%; margin-bottom:1.5%;}
.news dl:nth-child(3n){ margin-right:0px;}
.news dl dt{ width:100%;position:relative; height:auto;}
.news dl dt img{transform: scale(.96);transition: all .4s linear;}
.news dl:hover dt img{transform:scale(1);}
.news dl dd{ padding-top:20px; height:276px;}
.news dl dd .ibt{ line-height:66px; overflow:hidden; height:66px;text-overflow:ellipsis;white-space:nowrap;}
.news dl dd .ibt a{ font-size:30px; color:#2e2e2e; font-weight:bold;}
.news dl dd .desc{ font-size:18px; color:#2e2e2e; line-height:30px; height:120px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.news dl dd .tm{font-size:18px; color:#2e2e2e;line-height:30px; margin-top:60px;}
.news dl dd .tm a{ float:right; color:#0066e9;}
.pb52{ padding-bottom:52px;}
.ad{}
.ad p{ text-align:center; font-size:32px; color:#fff; font-weight:bold;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); z-index:99;left:50%;top:200px; position:absolute; line-height:40px; width:75%;}

.fnav{ height:95px;border-bottom:5px #0e64c5 solid;}
.fnav ul{}
.fnav ul li{ float:left; padding:0 34px; background:url(../images/line.png) no-repeat right center;}
.fnav ul li a{ font-size:18px; color:#000; line-height:95px;}
.bn{ background:none !important;}
.gline{ background-color:#3da300; width:50%; height:7px; display:inline-block; right:0; bottom:-6px;}

.footer{ padding-top:30px; padding-bottom:30px;}
.footer h3{ font-size:18px; color:#252525; font-weight:500; line-height:25px;}
.footer .link{ width:450px;}
.footer .link p{ font-size:12px; color:#a5a5a5; line-height:24px; margin-top:30px;}
.footer .link .links{ border:1px solid #e5e5e5; line-height:36px; height:36px; padding:0 5px; width:235px; outline:none;}
.footer .link .sj{ padding-top:20px;}
.footer .link .sj a{}
.footer .cont{ width:425px;}
.footer .cont .info1{ border-bottom:1px solid #e0e0e0; padding-bottom:15px; margin-bottom:15px;margin-top:30px;}
.footer .cont .lx{ font-size:12px; color:#252525; line-height:30px; display:inline-block;text-indent:20px;}
.footer .cont .lx.tel{ background:url(../images/tel.png) no-repeat left center; width:45%;}
.footer .cont .lx.email{background:url(../images/femail.png) no-repeat left center;width:45%;}
.footer .cont .lx.fax{background:url(../images/fax.png) no-repeat left center;}
.footer .cont .lx.add{background:url(../images/add.png) no-repeat left center;}

.foot{ background-color:#ecf2f7; height:90px;}
.foot div{ line-height:70px; padding-top:20px; color:#6a7d8b; font-size:12px;}
.foot div a{color:#6a7d8b;}
.foot div a:hover{ text-decoration:underline; color:#0e64c5;}

.diyos{position:fixed;width:54px;right:0;top:50%;z-index:100;}
.diyos ul{list-style:none;margin:0;padding:0;}
.diyos ul li{width:54px;height:54px;background:#2EAFBB;float:left;position:relative;margin:1px 0 0 0;}
.diyos ul li:hover{background:#333;}
.diyos ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;color:#fff;font:14px/54px "Microsoft Yahei";overflow:hidden;letter-spacing:0px;}
.diyos ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li.sideewm{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li .sideewmshow{width:150px;position:absolute;top:0;left:-151px;z-index:120;display:none;}
.diyos ul li.sideewm:hover .sideewmshow{display:block;}
.diyos ul li img{float:left;}

.cbt{ text-align:center; padding:40px 0 10px 0; margin-bottom:10px;}
.cbt span{ color:#333; font-size:36px; font-weight:bold; line-height:70px; text-align:center; display:inline-block;}
.cbt i{ width:128px; height:8px;background:linear-gradient(to left, #02acdf, #17d954); display:inline-block;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:0px; position:absolute;}
.cinfo{ padding:30px 0 50px 0; border-bottom:1px solid #f5f5f5; line-height:32px;}
.np{ text-align:center; line-height:40px;}
.page{ padding:10px 0 30px 0; text-align:center; line-height:30px;}
.page table{ margin:0 auto;}

.nfl{}
.nfl li{ float:left; margin:0px 15px;}
.nfl li a{font-size:24px; color:#2e2e2e; display:inline-block; line-height:80px; margin:0 10px;}
.nfl li.abb a{ font-size:19px;}
.nfl li a:hover,.nfl li a.curr{background: linear-gradient(to right,#02acdf, #17d954);background-size: 100% 8px;background-position: bottom;background-repeat: no-repeat;}

.newsinfo{ background-color:#fff; margin-bottom:25px; border-radius:10px 10px;}
.newsinfo h1{ font-size:24px; text-align:center; line-height:30px; padding-top:10px; margin-bottom:10px;}
.newsinfo .pram{ border-bottom:1px solid #eee; line-height:40px; margin-bottom:10px; text-align:center; font-size:16px;}
.newsinfo .xwinfo{ padding:20px 0; text-align:left; line-height:34px; font-size:16px;}
.newsinfo .xwinfo p,.newsinfo .xwinfo div{ margin-bottom:8px;}
.newsinfo .pn{ line-height:40px; text-align:left; font-size:16px;}

.plist{}
.plist dl{ background-color:#fff; float:left; width:31%; margin-right:2%; margin-bottom:2%; padding:0.5% 0.5%;}
.plist dl:nth-child(3n){ margin-right:0px;}
.plist dl dt{}
.plist dl dt img{ width:100%; height:auto;}
.plist dl dd{ line-height:40px; text-align:center;}
.plist dl dd a{ font-size:18px;}

.pro{ background:#fff;border-radius:10px 10px;}
.pro .left{ width:48%;}
.pro .right .pi{ line-height:40px; font-size:18px;}
.pro .right{ width:48%;}
.pro .pd{ line-height:40px; text-align:left; font-size:18px; font-weight:500; border-bottom:4px solid #ccc; margin-top:20px;}
.pro .pde{ text-align:left; padding:10px 0; line-height:34px;}
.txt{width:98%;border:1px solid #ddd;padding:5px 10px;color:#999;font-family:Arial;font-size:15px; line-height:30px;}
.txt2{border:1px solid #ddd;padding:5px 10px;color:#999;font-family:Arial;font-size:15px;line-height:30px;}
.txt1{width:98%;border:1px solid #ddd;padding:5px 10px;color:#999;line-height:30px;height:90px;font-family:Arial;font-size:13px;}
.btn{ width:224px; cursor:pointer; height:50px; color:#fff; border:none; text-align:center; display:inline-block; border-radius:25px;font-size:18px; line-height:50px;background:linear-gradient(to right, #02acdf, #17d954);}
.btn:hover{background-color:#2eafbb;color:#FFF;}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px) and (max-width:1359px){
.w16{ width:1200px;}
.header{padding:0 1.5%; width:97%;}
.header .nav ul li a{ font-size:16px;padding:0 18px;}
.header .nav ul li a:hover,.dq a{background-size: 100% 5px;}
.header .ssf div{ margin:0 10px;}
.about .abt{font-size: 40px;line-height: 55px;margin-top: 54px;}
.about .aitem dl dt{ font-size:48px;}
.aboutus h1{ font-size:26px; margin-bottom:20px;}
.aboutus .more{ margin-top:10px;}
.pbt{font-size: 40px;line-height: 55px;margin-top: 58px;}
.pitem .ptext{ top:175px;width:75%;}
.nbt {font-size: 40px;line-height: 55px;padding-top: 50px;}
.news dl dd .ibt a{ font-size:18px;}
.ad p {font-size: 28px;top: 120px;}
.footer>div{ padding-left:3%;}
.foot div{ text-align:center;}
.cinfo{}
}
@media (min-width:1360px) and (max-width:1599px){
.w16{ width:1360px;}
.header{padding:0 2%; width:96%;}
.header .nav ul li a{ font-size:18px;padding:0 25px;}
.header .nav ul li a:hover,.dq a{background-size: 100% 6px;}
.header .ssf div{ margin:0 10px;}
.about .abt{font-size: 42px;line-height: 65px;margin-top: 64px;}
.about .aitem dl dt{ font-size:50px;}
.aboutus h1{ font-size:30px; margin-bottom:20px;}
.aboutus .more{ margin-top:20px;}
.pbt{font-size: 42px;line-height: 55px;margin-top: 68px;}
.pitem .ptext{ top:220px; width:65%;}
.nbt {font-size: 42px;line-height: 55px;padding-top: 60px;}
.news dl dd .ibt a{ font-size:22px;}
.ad p {font-size: 30px;top: 140px;}
.footer>div{ padding-left:3%;}
.foot div{padding-left:3%;}
.cinfo{}
}

.about-history{/* height:701px; padding:64px 106px 0;*/-webkit-background-size:100% 100%; background-size:100% 100%;}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #333; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:352px; margin-right:31px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:92px; padding:44px 0 0 0; background-color:#f5f5f5; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; border-radius:10px;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(218,183,101,.6); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px; color:#077fff; text-align:center; line-height:93px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
/*.about-history-list .slides li .item:hover{ background-color:#DAB765;}*/
.about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:600; color:#077fff; text-align:center; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
/*.about-history-list .slides li .item:hover h3{ color:#232323; background-color:#fff;}*/
.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:24px; padding:10px 10px; font-size:14px; color:#4a4a4a;}
/*.about-history-list .slides li .item:hover .desc{ color:#ffffff;}*/
.about-history-list .slides li .item .desc p{ margin:0; text-align:center;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:simsun; color:#333; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}