html{overflow: hidden!important;}
body{margin:0;padding:0;}
ul,p{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a,a:hover{color:#333;text-decoration: none;display: block;}
*{font-family: "微软雅黑";box-sizing: border-box;color:#333;}
.w{width: 98%;max-width: 1440px;margin: 0 auto;}
.menu{width: 35px;display: none;}
img{max-width: 100%;height: 100%;object-fit: cover;}

.fp-section{overflow: hidden;}

.bg-full {background-size: cover !important;-webkit-background-size: cover !important;-o-background-size: cover !important;background-position: center 0;background-repeat: no-repeat !important; position: relative;}
.banswiper {width: 100%;height: 100%;}
.bannertxt .btitle{font-size: 64px;font-weight: bold;color: rgba(255,255,255,0.85);}
.bannertxt{margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: fit-content;height: fit-content;}
.bannertxt .bftitle{font-size: 24px;color: rgba(255,255,255,0.7);letter-spacing: 7px;}


nav{background-color: rgba(51,51,51,0.35);position: fixed;top: 0;left: 0;width: 100%;z-index: 100;height: 75px;}
nav .w{display: flex;justify-content: space-between;align-items: center;height: 75px;}
nav .logo img{width: 490px;height: 60px;}
nav .logo{flex-shrink: 0;}
.navlist{display: flex;justify-content: center;flex-wrap: nowrap;border-right: 1px solid rgba(255,255,255,0.2);}
.navlist li{height: 75px;display: flex;align-items: center;}
.navlist a{font-size: 16px;color: #fff;opacity: 1;margin: 0 28px;white-space: nowrap;height: 40px;line-height: 40px; font-weight:bold;}
.navlist li:hover a{border-bottom: 2px solid #3fc3f9;}
#nav_select a{border-bottom: 2px solid #3fc3f9;}
.navphone{line-height: 36px;white-space: nowrap;}
.navphone img{transform: translateY(6px);margin-right: 6px;}
.navphone a{ display:inline-block;}
.navphone span{color: #3fc3f9;font-size: 22px;font-weight: bold;}

.about{background: url(../images/about-bg.jpg);background-size: cover;position: relative;}
.about::after{content: "";width: 100%;height: 100%;background: rgba(0,47,97,0.35);position: absolute;top: 0;left: 0;}
.fp-tableCell{position: absolute;z-index: 10;height: 100%;}
.about .w{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.about .w .aleft,.about .w .aright{width: 50%;}
.altitle{font-size: 30px;color: #004785;margin-bottom: 30px;}
.altitle::after{content: "";display: block;width: 60px;height: 3px;background-color: #3fc3f9;margin-top: 12px;}
.about .altitle{color:#FFF;}
.altxt p{font-size: 16px;color: #fff;opacity: 1;line-height: 38px;text-indent: 32px;margin-bottom: 0px;}
.almore{width: 111px;height: 39px;border: 1px solid rgba(63,195,249,0.6);border-radius: 6px;text-align: center;line-height: 36px;margin-top: 40px;}
.almore span{font-size: 16px;color: #3fc3f9;}
.allist{display: flex;justify-content: space-between;flex-wrap: wrap;border-right: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}
.allist li{width: 50%;border-left: 1px solid rgba(255,255,255,0.3);border-top: 1px solid rgba(255,255,255,0.3);text-align: center;padding: 35px 0 32px;}
.allist .img{position: relative;height: 60px;margin-bottom: 18px;}
.allist .img img{position: absolute;left: 50%;transform: translateX(-50%)}
.allist .img .imgh{display: none;}
.aritemtitle{font-size: 20px;font-weight: bold;color: #fff;}
.aritemtitle::after{content: "";display: block;width: 23px;height: 2px;background-color: #3fc3f9;margin: 10px auto 20px;}
.artxt{font-size: 14px;color: #fff;opacity: 0.9;text-align: center;width: 80%;margin: 0 auto;line-height: 24px;}
.aright{}
.aleft{margin-right: 20px;}
.allist li:hover .imgd{display: none;}
.allist li:hover .imgh{display: block;}
.allist li:hover .aritemtitle,.allist li:hover .artxt{color: #3fc3f9;}

.product{background: url(../images/product-bg.jpg);background-size: cover;position: relative;}
.product .altitle{margin-bottom: 10px;}
.product .altitle::after{margin-top: 13px}
.product .w{height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ptftitle{font-size: 14px;color: #fff;opacity: 0.6;}
.probot{margin-top: 55px;}
.probot a{height: 209px;border: 3px solid #bfbfbf;position: relative;}
.probot li{width: calc(20% - 20px);margin-bottom: 20px;}
.probot span{width: 100%;height: 48px;line-height: 48px;background-color: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;font-size: 16px;color: #fff;text-align: center;transition: all .3s ease;}
.probot ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.protop{display: flex;justify-content: space-between;width: 100%;} 
.prosn{}
.prosn a{font-size: 16px;color: #3fc3f9;width: 156px;height: 39px;text-align: center;line-height: 32px;border: 2px solid rgba(63,195,249,0.6);border-radius: 21px;margin-left: 26px; font-weight:bold;}
.prosn li:active a,.prosn li:hover a,.prosn li.active a{color: #3fc3f9;border-color: rgba(63,195,249,0.8);}
.probot ul{display: none;}
.probot ul:nth-of-type(1){display: flex;}
.probot li .img{overflow: hidden;height: 100%;}
.probot li .img img{transition: all .3s ease;}
.probot li:hover .img img{transform: scale(1.1);}
.probot li:hover span{letter-spacing: 1.5px;color: #3fc3f9;}

.news{background: url(../images/news-bg.jpg);background-size: cover;position: relative;}
.news::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.news .w{height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.newstop{display: flex;justify-content: space-between;width: 100%;align-items: center;}
.ntright a{font-size: 16px;color: #3fc3f9; font-weight:bold;}
.newsimg{height: 239px;}
.newstxt{background: rgba(255,255,255,0.9);padding: 30px 26px;border: 1px solid rgba(255,255,255,0.9);border-top: 0;}
.newsSwiper{width: 100%;overflow: hidden;margin-top: 78px;}
.newstitle{font-size: 18px;color: rgba(51,51,51,1);text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 24px;height: 48px; font-weight:bold;}
.newsdate{font-size: 12px;color: rgba(136,136,136,1);margin: 20px 0 24px 0;}
.newsdes{font-size: 14px;color: rgba(85,85,85,1);line-height: 23px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newsitem .newsimg img{transition: all .3s linear; height:239px; width:100%;}
.newsitem .newsimg{overflow: hidden;}
.newsitem .newsimg:hover img{transform: scaleX(1.05);}
.newsitem .newstxt:hover .newstitle{color: #3fc3f9;}

.bottom{background: url(../images/bottom-bg.jpg);background-size: cover;position: relative;}
.bottom::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.8);position: absolute;top: 0;left: 0;z-index: -1;}
.bottom .w{height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.botbox{display: flex;justify-content: space-between;width: 100%;}
.bottom .altitle{margin-right: auto; color:#FFF;}
.botleft,.botright{width: 50%;}
.bl-top p{font-size: 18px;color: rgba(255,255,255,0.95);}
.bl-bot p{font-size: 14px;color: rgba(255,255,255,0.8);line-height: 28px;}
.bl-bot p a{color: rgba(255,255,255,0.6); display:inline;}
.bl-top img{margin-bottom: 10px;margin-top: 30px;}
.isccon .bl-top p{ color:#333;}
.bl-bot{margin-top: 85px;}
.botright{margin-left: 10px;}
.my-map { margin: 20px auto 0; width: 100%; height: 518px; border-radius: 7px;overflow: hidden;} 
.my-map .icon {background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;} 
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-blue { background-position: -11px -55px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
.amap-copyright,.amap-logo{display: none!important;}
.fleft{ font-size:14px;}
.fleft a{ font-size:14px; display:inline;}
.fright{ font-size:14px;}
.fright a{ font-size:14px; display:inline;}
nav *{transition: all .3s linear;}
nav.scroll .navlist li{}
nav.scroll{height: 75px;}
nav.scroll .navphone{}
nav.scroll .logo{}
nav.scroll .logo img{width: 490px;height: 60px;}

.footer{height: 50px;position: fixed;bottom: 0;left: 0;background-color: rgba(0,0,0,0.8);width: 100%;}
.footer .w{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.footer *{color: rgba(255,255,255,0.4);}

#insidepagemain .banner{height: 500px;}
#insidepagemain .bg-full{background-position: center!important;}
.insidecon{min-height: 500px;padding: 50px 0;}
.isctitle{font-size: 30px;color: #333;font-weight: bold;text-align: center;}
.iscftitle{font-size: 14px;color: #656565;text-align: center;letter-spacing: 1px;margin-top: 20px;}

.iscctop{display: flex;margin-top: 30px;}
.isctleft,.isctright{}
.isctleft{margin-right: 30px;}
.isctleft img{ height: auto;}
.isctright .altxt p{text-indent: 0;font-size: 16px;margin-bottom: 5px; color:#333;}
.isccbot .allist{border-right: 0;border-bottom: 0;margin-top: 50px;}
.isccbot .allist li{width: calc(50% - 2px);margin-bottom: 4px;border: 1px solid rgba(0,0,0,0.3);}
.isccbot .artxt,.isccbot .aritemtitle{ color:#333;}


.insidecon .botbox{margin: 30px 0;}
.insidecon .newslist li{ margin-bottom:14px;display: flex;height: 240px;border: 1px solid rgba(0,0,0,0.1);padding: 30px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
.insidecon .newslist li .newsimg{width: 25%;height: 100%;}
.insidecon .newslist li .newstxt{flex: 1;}
.newsline1{font-size: 16px;color: #333;transition: all .2s linear;}
.newsline2{font-size: 12px;color: #757575;margin: 15px 0;}
.newsline3{font-size: 12px;color: #a7a7a7;line-height: 22px;}
.insidecon .newsmore{line-height: 30px;text-align: center;border: 1px solid rgba(0,0,0,0.1);margin-top: 30px;position: relative;width: 150px;height: 35px;z-index: 100;color: #3fc3f9;font-size: 12px;transition: all .3s ease;}
.insidecon .newsmore::after{content: "";display: block;width: 0;height: 100%;position: absolute;left: 0;top: 0;background-color: #3fc3f9;color: #fff;transition: all .5s ease;z-index: -1;}
.insidecon .newslist li .newsimg img{width: 100%;font-size: 12px;}
.insidecon .newstxt{height: 100%;padding-left: 40px;}
.insidecon .newslist li:hover .newsline1{color: #3fc3f9;}
.insidecon .newslist li:hover .newsmore::after{width: 100%; color:#FFF !important;}
.insidecon .newslist li:hover .newsmore{color: #fff!important;}
.insidecon .newslist{}
.insidecon .newslist img{margin-right: 50px; max-width:100%;}

#insidepagemain .page{display: flex;justify-content: center;margin: 60px 0;}
#insidepagemain .page a{border: 1px solid #ccc;margin: 0 5px;font-size: 14px;color: #333;padding:0px 15px;height: 35px;line-height: 35px;text-align: center;}
.prevpage,.nextpage{width: 60px!important;}
#insidepagemain .page a b{color: #333;}
#insidepagemain .page b{color: #3fc3f9; line-height:35px;}
#insidepagemain .page a:active,
#insidepagemain .page a:hover,
#insidepagemain .page a.active{background: rgba(0,0,0,0.1);color: #3fc3f9;}


.isccon{margin: 40px 0;}
.newsisccon p{font-size: 16px;line-height: 28px;color: #333;margin-bottom: 10px;}
.newsisccon img{ display:block; margin:0px auto 10px auto;}
.newsisc .prosn a{border-radius: 0!important;width: 200px;height: 45px;line-height: 45px;}
.newsisc .ptright{margin: 0 auto;}
.newsisc .ptright ul li{ float: left;}
.protop .prosn a{ width:auto; margin:5px 10px; padding:0px 14px;border: 2px solid rgba(0, 0, 0, 0.1); color:#333; height:50px; line-height:50px;}
.newsisc .probot ul{justify-content: flex-start;}
.newsisc .probot li{width: calc(25% - 10px);height: 250px;margin: 10px 5px;}
.newsisc .probot li .img img{width: 100%; height:260px;}
.newsisc .probot a{height: 260px!important;}
.picicc li{width: calc(33% - 20px);height: 400px;margin-bottom: 40px;}
.picicc li a{height: 400px;}
#fl_select a{ color:#3fc3f9;}