html{width: 100%;}
html,body{scroll-behavior: smooth;}
body{font-size: 16px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;margin: 0;padding: 0;}
p{margin: 0;padding: 0;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
a:hover, a:focus{text-decoration: none;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";text-align: left;}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button{outline: none !important;box-shadow: none !important;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
label{font-weight: normal;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.container{position: relative;width: 1440px;margin: 0 auto;}
.w1440{position: relative;width: 1440px;margin: 0 auto;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 80px;}
.content_box100 {width: 100%;margin: auto;height: 100vh;}
@font-face {
font-family:DIN;
src: url(../fonts/DIN-BOLD.OTF);
}
#fullPage{position: relative;z-index: 99;}
/************** header **************/
.h-zw{display: block;width: 100%;height: 80px;}
.h-header{position: fixed;top:0;left: 0;width: 100%;z-index: 999;background: #FFFFFF;border-bottom: 1px solid #eee;}
.h-header > div{display: flex;align-items: center;}
.h-nav{display: flex;align-items: center;margin-left: auto;}
.h-nav .li{margin: 0 25px;}
.h-nav .li>a{padding: 0 2px;line-height: 80px;font-size: 16px;color: #666666;display: block;position: relative;}
.h-nav .li>a:after{content: "";height: 2px;width: 0%;background: #00a3e7;position: absolute;left: 50%;bottom: -1px;transition: .3s;}
.h-more{display: flex;}
.h-more img{display: block;}
.h-search {cursor: pointer;margin-left: 40px;cursor: pointer;display: flex;align-items: center;height: 80px;transition: .3s;}
.h-lang{display: flex;align-items: center;margin-left: 40px;cursor: pointer;position: relative;height: 80px;transition: .3s;}
.h-lang .icon{margin-right: 5px;}
.h-lang .atit{font-size: 18px;color: #999999;line-height: 1;}
.h-nav .li.active>a,.h-nav .li>a:hover{color: #00a3e7;}
.h-nav .li.active>a::after{width: 100%;left: 0;}
.h-subnav {width:150px;background:#ffffff;font-size:12px;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;}
/* .h-subnav ol {padding:12px 0;} */
.h-subnav ol li{width: 100%;margin: 0 !important;}
.h-subnav a {transition: .3s; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#333;font-size: 14px;text-align: center;}
.h-subnav a:hover {background:#00a3e7;color:#fff!important;}
.h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
.h-lang:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
.h-nav .li>a::before {content: "";position: absolute;left: 50%;bottom: 25px;margin-left: -6px;border: 6px solid transparent;transition: all 0.5s;}
.h-nav .li:hover>a::before,.h-nav .li.active>a::before {border-bottom: 6px solid #00a3e7;bottom: 0;}
.flexBetween {display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;}
.indexNavSelect {position: fixed;left: 0;top: 100px;width: 100%;z-index: 18;overflow: hidden;display: none;transition: .3s;}
.indexNavSelect .item .boxLeft {background: rgba(0, 163, 231, 0.8);width: 42%;}
.indexNavSelect .item .boxRight {width: 58%;background: #fff;padding: 130px 0;position: relative;padding-left: 100px;}
.indexNavSelect .item .boxRight p {user-select:none;position: absolute;top: 50%;transform: translateY(-50%);left: 0;color: #f8f8f8;font-size: 250px;line-height: 1;overflow:hidden;white-space:nowrap;width: 100%;}
.indexNavSelect .item .boxRight .left {font-size: 42px;line-height: 1.2;box-sizing: border-box;width: 46%;position: relative;}
.indexNavSelect .item .boxRight .right {position: relative;margin-top: 30px;}
.indexNavSelect .item .boxRight .right a {font-size: 16px;line-height: 1.8;color: #999;margin-right: 15px;display: inline-block;}
.indexNavSelect .item .boxRight .right a:hover {color: #00a3e7;}
.indexNavSelect .item .boxRight .right .active {color: #00a3e7;}
.h-nav .li:hover .indexNavSelect {display: block;}
.tmBg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;display: block;z-index: 998;display: none;}
.searchBox{position: fixed;top: 80px;left: 0;width: 100%;background: #FFFFFF;padding: 20px 0;display: none;z-index: 9999;}
.searchBox > div{display: flex;}
.searchform{margin-left: auto;display: flex;}
.searchform .int{width: 200px;height: 40px;display: block;border: 1px solid #e1e1e1;padding: 0 10px;}
.searchform .btn{width: 40px;height: 40px;background-color: #00a3e7;background-image: url(../images/hIcon11.png);background-repeat: no-repeat;background-position: center;}
.h-header.active .h-nav .li>a{line-height: 80px;}
.h-header.active .h-search{height: 80px;}
.h-header.active .h-lang{height: 80px;}
.h-header.active .indexNavSelect{top: 80px;}
.searchBox.active{top: 80px;}
.wap_header{width: 100%; height: 60px; padding: 0 12px; display: none; justify-content: space-between; align-items: center; background: #00a3e7; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 9999;box-sizing: border-box;}
.wap_header .toggle{display: block; width: 25px; height: 24px; position: relative; z-index: 6;}
.wap_header .toggle i{display: block; width: 25px; height: 2px; background: #FFF; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 8px;}
.wap_header .toggle i:nth-of-type(3){top: 16px;}
.wap_header .toggle.on i{background: #000;}
.wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);}
.wap_header #h60{height: 60px;}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 240px; background: #fff; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 70px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #ddd; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{line-height: 20px; display: block; padding: 15px 30px 15px 0; font-size: 14px; color: #333;}
.wap_header .nav ul li a:active {color: #00a3e7 !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 30px; height: 50px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #00a3e7; transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 20px !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #666;line-height: 20px; font-size: 14px;padding: 10px 0;}
.wap_header .nav ul li ul li i{top: -10px;}
.wap_header .logo{float: left;margin-top: 7px;position: relative;height: 45px;}
.wap_header .logo img{height: 100%;}
.wap_header .toggle{float: right;margin-top: 21px;}
.wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;}
.wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;}
.wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;}
.wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;}
.open>.dropdown-menu {display: block;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.wap_header .h-more{float: right;margin: 21px 15px 0 0;}
.wap_header .h-more .lang_item{color: #000000;font-size: 14px;}
.h-nav .two,.h-nav .two2 {width: 100%;opacity: 0;max-height: 0;height: auto;transition: all .8s;position: fixed;left: 0;background: rgba(255, 255, 255, 0.8);overflow: hidden;z-index: -1;}
.h-nav .li:hover .two,.h-nav .li:hover>.two2 {opacity: 1;max-height: 1000px;z-index: 1;background: #f8f8f8;display:flex;}
.two .rq1 {width: 25.3%;float: left;position: relative;background-color: #f8f8f8;padding: 50px 0;}
.two .rq1 img {width: 100%;vertical-align: middle;}
.two .rq1 p {font-size: 20px;line-height: 60px;color: #333333;top: 50px;right: 90px;padding-left: 30%;}
.two .rq1 p a {color: #333;}
.two .rq1 p a i {display: block;background-image: url(../images/img132.png);width: 10px;height: 16px;background-repeat: no-repeat;background-position-y: center;background-position-x: 80%;transition: all .5s;float: left;transition: all .75s;margin-top: 22px;margin-right: 18px;}
.two .rq1 p.on a i {background-image: url(../images/img132_1.png);}
.two .rq1 p:hover a i {background-image: url(../images/img132_1.png);}
.two .rq1 p:hover a span {color: #00a3e7;}
.two .rq1 p a span {transition: all .75s;}
.two .rq1 p.on a span {color: #00a3e7;}
.two .rq2.on1 {display: block;}
.two .rq2 {width: 74.7%;float: right;padding: 78px 0 60px 0px;background-color: #ffff;display: none;}
.two .rq2 .l {width: 60%;float: left;padding-left: 5%;}
.two .rq2 .r {float: right;padding-right: 10%;width: 40%;}
.two .rq2 .r .item {display: none;}
.two .rq2 .r .item.on1 {display: block;}
.two .rq2 .r .img {width: 100%;background-color: #fff;border: 1px solid #ececec;height: 308px;position: relative;}
.two .rq2 .r p {text-align: center;font-size: 16px;color: #999;line-height: 48px;}
.two .rq2 .r .img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);vertical-align: middle;width: 48%;}
.two .rq2 .l p a {width: 50%;float: left;font-size: 18px;line-height: 48px;color: #333;}
.two .rq2 .l p a.on {color: #00a3e7;}
.two .rq2 .l p a i {display: block;background-image: url(../images/img131.png);width: 18px;height: 18px;background-repeat: no-repeat;background-position-y: center;background-position-x: 80%;transition: all .5s;float: left;margin-top: 15px;margin-right: 16px;transition: all .75s;}
.two .rq2 .l p a.on i {background-image: url(../images/img131_1.png);}
.two .rq2 .l p a:hover i {background-image: url(../images/img131_1.png);}
.two .rq2 .l p a span {position: relative;}
.two .rq2 .l p a span::before {display: block;content: '';transition: all .6s ease-out;}
.two .rq2 .l p a:hover span::before {display: block;content: '';width: 100%;height: 1px;background-color: #00a3e7;position: absolute;bottom: -3px;left: 0;}
.two .rq2 .l p a:hover span {color: #00a3e7;}
.two2 .rq1 {width: 38.875%;float: left;position: relative;background-color: #f8f8f8;padding: 30px 0;padding-left: calc((100vw - 1440px)/2);}
.two2 .rq1 .p1 {font-size: 30px;line-height: 48px;color: #333;}
.two2 .rq1 .p2 {padding-top: 15px;font-size: 14px;line-height: 25px;color: #666;width: 88%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.two2 .rq1 button {background-color: #00a3e7;width: 150px;height: 44px;padding: 0 20px;margin-top: 100px;}
.two2 .rq1 button i {font-size: 14px;color: #fff;padding-right: 8px;}
.two2 .rq1 button img {vertical-align: middle;width: 24px;height: 24px;}
.two2 .rq2 {width: 61.125%;float: left;position: relative;background-color: #fff;padding: 30px 0;padding-right:calc((100vw - 1440px)/2);display:flex;align-items: center;}
.two2 .rq2 .l {float: left;width: 60%;padding-left: 8%;}
.two2 .rq2 .l.l2{display: flex;flex-wrap: wrap;}
.two2 .rq2 .l.l2 p{width: 50%;padding-right: 10px;}
.two2 .rq2 .l p i {display: block;background-image: url(../images/img131.png);width: 18px;height: 18px;background-repeat: no-repeat;background-position-y: center;background-position-x: 80%;transition: all .5s;float: left;transition: all .75s;margin-top: 15px;margin-right: 18px;}
.two2 .rq2 .l p.on i {background-image: url(../images/img131_1.png);}
.two2 .rq2 .l p:hover i {background-image: url(../images/img131_1.png);}
.two2 .rq2 .l p span {font-size: 18px;line-height: 45px;color: #333;}
.two2 .rq2 .l p.on span a {color: #00a3e7;}
.two2 .rq2 .l p:hover span a {color: #00a3e7;}
.two2 .rq2 .r {float: right;width: 40%;}
.two2 .rq2 .r img {vertical-align: middle;width: 100%;}
@media screen and (max-width:1660px) {
.two .rq1 p {font-size: 16px;line-height: 48px;color: #333333;top: 38px;right: 67px;padding-left: 30%;}
.two .rq1 p a i {width: 8px;height: 14px;margin-top: 18px;margin-right: 14px;}
.two .rq2 {padding: 60px 0 48px 0px;}
.two .rq2 .l p a {font-size: 14px;line-height: 36px;}
.two .rq2 .l p a i {margin-top: 9px;margin-right: 12px;}
.two .rq2 .r .img {height: 237px;}
.two .rq2 .r p {font-size: 14px;line-height: 36px;}
.two .rq1 {padding: 38px 0;}
/* .two2 .rq1 {padding-top: 56px;padding-bottom: 56px;} */
.two2 .rq1 .p1 {font-size: 22px;line-height: 36px;}
.two2 .rq1 .p2 {padding-top: 22px;font-size: 14px;line-height: 24px;}
.two2 .rq1 button {width: 120px;height: 40px;padding: 0 0px;margin-top: 76px;}
.two2 .rq1 button i {font-size: 13px;padding-right: 6px;}
.two2 .rq1 button img {width: 18px;height: 18px;}
/* .two2 .rq2 {padding: 56px 0 56px 0;} */
.two2 .rq2 .l p span {font-size: 14px;line-height: 38px;}
.two2 .rq2 .l p i {margin-top: 10px;margin-right: 15px;}
}
@media screen and (max-width:1560px) {
.two2 .rq2 {padding-right: 30px;}
}
@media (max-width: 1259px) {
.two .rq1 p a i {width: 6px;height: 12px;margin-top: 16px;margin-right: 8px;}
.two .rq2 .l p a {font-size: 13px;line-height: 32px;}
.two .rq2 .r .img {height: 210px;}
.two .rq2 {padding: 50px 0 36px 0px;}
.two .rq1 p {font-size: 15px;line-height: 42px;}
.two .rq2 .div a {line-height: 36px;}
.two .rq3 .p1 {font-size: 18px;}
.two .rq3 a {width: 105px;line-height: 28px;font-size: 12px;}
}
.h-header .indA{font-size: 14px;width: 150px;height: 50px;margin-top: 20px;}
.h-header .indQuan{margin-left: 40px;}
.h-header .indA:hover .indQuan{margin-left: 50px;}
.h-header .indQuan::before{width: 40px;}
.indA { display: flex; align-items: center; justify-content: center; width: 200px; height: 60px; background: #00a3e7; border-radius: 6px; font-size: 18px; color: rgb(255, 255, 255); }
.indA.long { width: 220px; }
.indA span { display: block; padding-right: 10px; }
.indQuan { display: block; width: 5px; height: 5px; background: rgb(255, 255, 255); border-radius: 50%; position: relative; margin-left: 60px; transition: all 0.3s ease 0s; }
.indQuan::before { content: ""; display: block; width: 50px; height: 1px; background: rgb(255, 255, 255); position: absolute; right: 0px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; }
.indQuan::after { content: ""; display: block; width: 22px; height: 22px; border: 1px solid rgb(255, 255, 255); border-radius: 50%; position: absolute; top: -10px; left: -10px; transition: all 0.3s ease 0s; }
.indA.hover:hover { background: rgb(255, 255, 255); }
.indA.hover:hover span { color: #00a3e7; }
.indA.hover:hover .indQuan { background: #00a3e7; }
.indA.hover:hover .indQuan::before { background: #00a3e7; }
.indA.hover:hover .indQuan::after { border-color: #00a3e7; }
.indA:hover .indQuan { margin-left: 70px; }
.rightMenu{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 998;}
.rmItem{position: relative;margin-bottom: 5px;cursor: pointer;display: block;box-shadow: 0px 0px 3px 0px #ccc;}
.rmItem .icon{width: 50px;height: 50px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.rmItem .icon img{display: block;}
.rmItem .desc{position: absolute;right: 100%;margin-right: 5px;top: 0;margin-top: 10px;opacity: 0;visibility: hidden;transition: .3s;}
.rmItem .desc .atit{height: 60px;line-height: 60px;background: #FFFFFF;width: 200px;text-align: center;font-size: 18px;font-weight: bold;color: #00a3e7;}
.rmItem .desc .img{width: 150px;padding: 10px;background: #FFFFFF;}
.rmItem .desc .img img{width: 100%;}
.rmItem:hover .desc{margin-top: 0;visibility: visible;opacity: 1;}
/************** footer **************/
.h-footer{height: auto!important;border-top: 1px solid #eee;}
.h-footer .fp-tableCell{height: auto!important;}
.foot1{background: #FAFAFA;padding: 50px 0 30px;}
.foot1 > div{display: flex;flex-wrap: wrap;}
.f-info{width: 330px;}
.f-logo{margin-bottom: 45px;}
.f-info p{display: flex;align-items: flex-start;font-size: 14px;color: #9E9E9E;line-height: 20px;margin-top: 14px;}
.f-info p img{margin-right: 10px;}
.f-nav {display: flex;width: calc(100% - 330px);justify-content: space-between;}
.f-nav dl{}
.f-nav dl dt{position: relative;}
.f-nav dl dt::after{content: "";display: block;width: 34px;height: 2px;background: #00A3E7;margin: 15px 0 10px;}
.f-nav dl dt a{font-size: 18px;color: #333333;line-height: 24px;}
.f-nav dl dd a{font-size: 14px;color: #9E9E9E;line-height: 34px;}
.f-nav dl dd a:hover{color: #333;}
.ewmBox{}
.ewmBox .imgs{width: 150px;padding: 10px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
.ewmBox .imgs img{width: 100%;display: none;}
.ewmBox .imgs img.active{display: block;}
.ewmBox .icons{display: flex;flex-wrap: wrap;margin-top: 15px;}
.ewmBox .icon{width: 40px;height: 40px;background: #DDDDDD;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: .3s;}
.ewmBox .icon+.icon{margin-left: 15px;}
.ewmBox .icon:hover,.ewmBox .icon.active{background: #00A5E7;}
.foot2{padding: 25px 0;background: #F5F5F5;}
.foot2 > div{display: flex;}
.foot2 span,.foot2 a{font-size: 14px;font-weight: 400;color: #9E9E9E;line-height: 24px;}
.foot2 a:hover{color: #333333;}
.foot2 .ftl{}
.foot2 .ftr{margin-left: auto;}
/************** index **************/
.fp-section .flex{height: 100%;}
.banner{}
.mySwiper_banner {width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide {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;}
.bannerItem{position: relative;height: 100%;width: 100%;padding-top: 80px;overflow: hidden;}
.bannerItem .img{height: 100%;}
.bannerItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.bannerItem .img video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.bannerItem .img .videoImg{display:none;}
.bannerItem .desc{position: absolute;top: 50%;transform: translateY(-40%);left: 0;width: 100%;z-index: 9;}
.bannerItem .desc .atit{font-size: 24px;color: #FFFFFF;line-height: 1.2;margin-bottom: 40px;position: relative;}
.bannerItem .desc .atit::after{content: "";display: block;width: 70px;height: 2px;background: #FFFFFF;position: absolute;right: 100%;top: 50%;margin-right: 20px;margin-top: -1px;}
.bannerItem .desc .btit{font-size: 60px;font-weight: bold;color: #FFFFFF;line-height: 1.2;margin-bottom: 100px;}
.bannerItem .desc .ctit{width: 200px;display: block;font-size: 16px;line-height: 20px;color: #FFFFFF;line-height: 1.2;position: relative;padding: 18px 25px;}
.bannerItem .desc .ctit::before{content: "";display: block;width: 55px;height: 55px;background: #00A3E7;border-radius: 50%;position: absolute;z-index: -1;left: 0;top: 0;}
.bannerItem .desc .ctit:hover{padding-left: 40px;}
.swiper-slide-active .bannerItem .desc .atit {animation: bannerupB .8s ease both;animation-delay:100ms;}
.swiper-slide-active .bannerItem .desc .btit {animation: bannerupB .8s ease both;animation-delay:300ms;}
.swiper-slide-active .bannerItem .desc .ctit {animation: bannerupB .8s ease both;animation-delay:500ms;}
@keyframes bannerupT {0% {transform: translateY(-60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannerupB {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-pagination{position: relative;display: flex;align-items: center;justify-content: center;bottom: 50px;transition: .3s;}
.banner .swiper-pagination-bullet{display: block!important;width: 8px;height: 8px;background: #FFFFFF;margin: 0 20px!important;position: relative;opacity: 1;}
.banner .swiper-pagination-bullet::after{content: "";display: block;height: 20px;width: 20px;border: 1px solid #00a3e7;border-radius: 100%;position: absolute;top: -6px;left: -6px;transition: .3s;opacity: 0;}
.banner .swiper-pagination-bullet-active{background: #00A3E7;}
.banner .swiper-pagination-bullet-active::after{opacity: 1;}
/*
.mySwiper_bannerpc{display: block;}
.mySwiper_bannerwap{display: none;} */
.indTitle{}
.indTitle .atit{display: inline-block;font-size: 24px;font-weight: 400;color: #00A3E7;line-height: 1;background: linear-gradient(45deg, #00A3E7 0%, #00FFAE 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indTitle .btit{font-size: 48px;font-weight: bold;color: #222222;line-height: 1.5;display: flex;}
.newsSelBox{margin-left: auto;display: flex;}
.newsSel{display: block;width: 120px;height: 50px;line-height: 50px;background: #EFEFEF;font-size: 16px;color: #666666;text-align: center;font-weight: normal;transition: .3s;}
.newsSel+.newsSel{margin-left: 20px;}
.newsSel.active,.newsSel:hover{color: #FFFFFF;background: #00A3E7;}
.fwbContent{font-size: 16px;line-height: 1.75;color: #666666;padding-top: 50px;}
.fwbContent img{max-width: 100%;height: auto!important;margin: 10px auto;}
.fwbContent table {margin: 10px auto;border-collapse: collapse;text-align: center;width: 100%;border: solid 1px;border-color: #ddd;background-color: white;}
.fwbContent td {padding: 4px;}
.fwbContent tr:nth-child(1) td {padding: 12px 4px;}
.fwbContent tr:nth-child(1) {background: #00A3E7 !important;color: #fff;}
.fwbContent tr:nth-child(odd) {background: #00a3e733;}
.fwbContent tr:nth-child(even) {background: #00a3e70a;}
/***** sec1 *****/
.sec1 .content_box{height: 100vh;}
.qqbjBox{display: flex;height: 100vh;}
.qqbjBox .descBox{padding-left: calc((100vw - 1440px)/2);flex-shrink: 0;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 99;}
.qqbjBox .earthBox{margin-left: auto;margin-top: auto;position: relative;max-width: 1000px;}
.qqbjBox .earthImg img{max-width: 100%;max-height: 100%;}
.earthItem{position: absolute;z-index: 99;top: 0;left: 0;width: 44px;height: 60px;margin:-22px 0 0 -30px;background: url(../images/address1.png);padding: 4px;transition: .3s;}
.earthItem .earthContent{position: relative;}
.earthItem .earthInfo{position: absolute;bottom: 100%;right: 0%;margin-bottom: 20px;margin-right: -20px;width: 420px;display: flex;background: #FFFFFF;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);border-radius: 10px;padding: 20px 15px;align-items: center;transform: translateY(10px);visibility: hidden;opacity: 0;transition: .3s;}
.earthItem .earthInfo::after {content: "";width: 0px;height: 0px;border: 8px solid #000;border-top-color: #FFFFFF;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;position: absolute;top: 100%;right: 30px;}
.earthItem .earthInfo .tp{width: 150px;overflow: hidden;border-radius: 10px;flex-shrink: 0;}
.earthItem .earthInfo .tp img{width: 100%;}
.earthItem .earthInfo .nr{padding-left: 15px;}
.earthItem .earthInfo .nr b{font-size: 16px;font-weight: bold;color: #000000;line-height: 1.5;display: block;}
.earthItem .earthInfo .nr p{display: flex;align-items: flex-start;font-size: 14px;color: #666666;line-height: 25px;margin-top: 6px;word-break: break-all;max-height: 50px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.earthItem .earthInfo .nr p img{margin-right: 8px;margin-top: 4px;}
@media screen and (min-width:980px) {
.earthItem:hover {background: url(../images/address2.png);z-index: 999;animation: 0;}
.earthItem:hover .earthInfo{transform: translate(0);opacity: 1;visibility: visible;}
}
@media screen and (max-width:980px) {
.earthItem.active{background: url(../images/address2.png);z-index: 999;animation: 0;}
.earthItem.active .earthInfo{transform: translate(0);opacity: 1;visibility: visible;}
}
.earthItem.eidown .earthInfo{bottom: auto;top: 100%;margin-bottom: 0;margin-top: 30px;}
.earthItem.eidown .earthInfo::after{transform: rotate(180deg);top: auto;bottom: 100%;}
.earthItem .country{overflow: hidden;width: 36px;height: 36px;border-radius: 100%;}
.earthItem .country img{width: 100%;}
.earthItem1{top: 55%;left: 57%;animation: mike-bounce-up 1.1s linear infinite;}
.earthItem2{top: 70%;left: 29%;animation: mike-bounce-up 1.3s linear infinite;}
.earthItem3{top: 94%;left: 85%;animation: mike-bounce-up 1.5s linear infinite;}
.earthItem4{top: 72%;left: 6%;animation: mike-bounce-up 1.7s linear infinite;}
.earthItem5{top: 4%;left: 80%;animation: mike-bounce-up 1.9s linear infinite;}
.earthItem6{top: 14%;left: 91%;animation: mike-bounce-up 2.1s linear infinite;}
.earthBox .cloud {position: absolute;top: 80px;z-index: 2;pointer-events: none;}
.earthBox .cloud1 {right: 0;-webkit-animation: cloud1 20s linear infinite;-moz-animation: cloud1 20s linear infinite;animation: cloud1 20s linear infinite;max-width: 200%;width: 85%;}
.earthBox .cloud2 {left: 20%;top: auto;bottom: 10%;width: 134%;max-width: 200%;-webkit-animation: cloud2 10s linear infinite;-moz-animation: cloud2 10s linear infinite;animation: cloud2 10s linear infinite;}
@keyframes mike-bounce-up{
25% { transform: translateY(-5px);}
50%, 100% {transform: translateY(0);}
75% { transform: translateY(5px); -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); }
}
@-webkit-keyframes cloud1 {
0% {right: -18%;}
50% {right: 10%;}
100% {right: -18%;}
}
@-moz-keyframes cloud1 {
0% {right: -18%;}
50% {right: 10%;}
100% {right: -18%;}
}
@keyframes cloud1 {
0% {right: -18%;}
50% {right: 10%;}
100% {right: -18%;}
}
@-webkit-keyframes cloud2 {
0% {left: -18%;}
50% {left: 10%;}
100% {left: -18%;}
}
@-moz-keyframes cloud2 {
0% {left: -18%;}
50% {left: 10%;}
100% {left: -18%;}
}
@keyframes cloud2 {
0% {left: -18%;}
50% {left: 10%;}
100% {left: -18%;}
}
.numList{margin-top: 100px;}
.numItem{display: flex;align-items: center;}
.numItem+.numItem{margin-top: 60px;}
.numItem .icon{display: flex;align-items: center;justify-content: center;width: 80px;height: 80px;background: #00A3E7;border-radius: 50%;}
.numItem .desc{width: calc(100% - 80px);padding-left: 20px;}
.numItem .desc .atit span{font-size: 48px;font-family: DIN;font-weight: bold;color: #3F3B3A;line-height: 1;}
.numItem .desc .btit{font-size: 16px;color: #999999;line-height: 1.5;}
.c-yun-box{position: absolute;top: 0;left: 0;z-index: 3;width: 200%;height: 100%;animation: yunMove 70s infinite linear;}
.c-yun-box img {float: left;width: 50%;height: 100%;}
@-webkit-keyframes yunMove {
0% {left: 0;}
100% {left: -100%;}
}
@keyframes yunMove {
0% {left: 0;}
100% {left: -100%;}
}
/***** sec2 *****/
.sec2{background: url(../images/sec2Bg.jpg) center/cover;}
.proList{display: flex;align-items: center;margin: 50px 0 100px;display: none;}
.proList.active{display: flex;}
.proList .proDesc{width: 500px;}
.proList .proDesc .atit{font-size: 30px;font-weight: bold;color: #00A3E7;line-height: 1.4;margin-bottom: 30px;}
.proList .proDesc .btit{font-size: 16px;color: #666666;line-height: 2.1;}
.proList .proDesc .btit p{position: relative;padding-left: 15px;}
.proList .proDesc .btit p::before{content: "";display: block;width: 8px;height: 8px;background: #00A3E7;border-radius: 100%;position: absolute;left: 0;top: 13px;}
.proList .proImg{max-width: 450px;margin: 0 auto;}
.proList .proImg img{width: 100%;}
.proList .proLb{width: 500px;padding-left: 150px;}
.mySwiper_pro{position: relative;width: 100%;height: 100%;overflow: hidden;}
.mySwiper_pro .swiper-slide {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;}
.mySwiper_pro a{display: block;width: 100%;}
.mySwiper_pro img{width: 100%;}
.proLbBox{position: relative;width: 100%;background: #FFFFFF;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);border-radius: 10px;padding: 20px;}
.proLbBox::after{content: "";width: 0px;height: 0px;border: 8px solid #000;border-top-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-right-color: #FFFFFF;position: absolute;top: 50%;transform: translateY(-50%);right: 100%;}
.proLbBox .swiper-button-prev::after,.proLbBox .swiper-button-next::after{display: none;}
.proLbBox .swiper-button-prev,.proLbBox .swiper-button-next{display: block;width: 13px;height: 25px;margin-top: -12.5px;background: url(../images/arrowIcon2.png);}
.proLbBox .swiper-button-prev{transform: rotate(180deg);left: 15px;}
.proLbBox .swiper-button-next{right: 15px;}
.proListSel{display: flex;justify-content: center;justify-content: space-between;max-width: 1000px;margin: 20px auto 0;}
.proSel{font-size: 18px;color: #666666;line-height: 2;transition: .3s;cursor: pointer;}
.proSel.active{font-weight: bold;color: #00A3E7;}
.new_gl{ width: 100%; height: 500px; position: relative; margin-top: 100px;display: none;}
.new_gl.active{display: block;}
.new_gl .imgbox{width: 51%; float: left;height: 100%;}
.new_gl .boxinfo{color: #fff; position: absolute; bottom: 0; right: 0; width: 49%; padding: 0 60px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 570px;background: linear-gradient( #00a6ec ,#3b97cd);}
.new_gl .desc{ line-height: 30px; margin: 50px 0;}
.new_gl .more{ display: block; width: 160px; height: 45px; line-height: 45px; text-align: center; background: #fff; border-radius: 25px;font-size: 14px;}
.new_gl .more img{ vertical-align: middle; margin-left: 10px;display: inline-block;}
.new_gl .kong{width: 100%;}
.new_gl .atit{font-size: 30px;font-weight: bold;line-height: 1.5;}
.new_gl .desc{font-size: 18px;line-height: 2;}
.section.active .new_gl .imgbox{animation: slideInRight .8s ease both;}
/***** sec3 *****/
.sec3{background: url(../images/sec3Bg.jpg) center/cover;}
.indCaseBox{display: flex;margin-top: 40px;position: relative;}
.indCaseSelBox{width: 480px;padding-right: 100px;}
.indCaseSel{width: 100%;display: flex;align-items: center;background: #F5F5F5;padding: 24px 0 24px 110px;position: relative;}
.indCaseSel+.indCaseSel{border-top: 1px solid #FFFFFF;}
.indCaseSel .tit{font-size: 20px;color: #666666;line-height: 1;position: relative;z-index: 9;transition: .3s;}
.indCaseSel .icon{display: block;height: 30px;width: 30px;margin-right: 50px;position: relative;z-index: 9;}
.indCaseSel::after{content: "";display: block;position: absolute;left: 0;top: 0;width: 0%;height: 100%;background: #00A5E7;z-index: 1;transition: .3s;}
.indCaseSel.active .tit{color: #FFFFFF;}
.indCaseSel.active .icon{background-position: 0px 30px;}
.indCaseSel.active::after{width: calc(100% + 40px);}
.indCaseList{width: calc(100% - 480px);position: absolute;right: 0;top: 0;height: 100%;}
.indCaseItem{display: none;position: relative;height: 100%;}
.indCaseItem.active{display: block;}
.indCaseItem .img{height: 100%;overflow: hidden;}
.indCaseItem .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.indCaseItem .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9));padding: 70px 80px 35px 50px;transition: .3s;}
.indCaseItem .desc .atit{font-size: 24px;color: #FFFFFF;line-height: 30px;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indCaseItem .desc .btit{margin-top: 15px;font-size: 14px;color: #FFFFFF;line-height: 24px;height: 48px;opacity: 0.5;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.indCaseItem:hover .img img{transform: scale(1.04);}
.indCaseItem:hover .desc{padding-bottom: 50px;}
/***** sec4 *****/
.sec4{background: url(../images/sec4Bg.jpg) center/cover;}
.history_box {margin-top: 80px;}
.history_box .swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.history_box .swiper .swiper-slide {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;}
.history_item{width: 100%;display: flex;}
.history_item .img{width: 50%;}
.history_item .img img{width: 100%;}
.history_item .desc{width: 50%;padding: 50px 0 50px 70px;display: flex;flex-direction: column;justify-content: center;}
.history_item .desc .atit{font-size: 100px;font-family: Bahnschrift;font-weight: bold;color: #00A5E7;line-height: 1;}
.history_item .desc .btit{font-size: 18px;color: #333333;line-height: 30px;margin-top: 30px;}
.history_box .swiper-button-next:after,.history_box .swiper-button-prev:after{display:none;}
.history_box .swiper-button-next,.history_box .swiper-button-prev{width: 40px;height: 20px;left: 50%;right: auto;margin: 0;background: none;margin-left: 80px;background: url(../images/arrowIcon1.png);transition: .3s;}
.history_box .swiper-button-next{bottom: 0;top: auto;}
.history_box .swiper-button-prev{top: 0;transform: rotate(180deg);}
.history_box .swiper-button-next:hover,.history_box .swiper-button-prev:hover{background: url(../images/arrowIcon11.png);}
.history_year::before{content: "";display: block;height: 12px;width: 100%;background: url(../images/juchi.png);}
.history_year{margin-top: 40px;}
.year_item{position: relative;font-size: 24px;font-family: Bahnschrift;color: #333333;line-height: 30px;font-weight: bold;text-align: center;cursor: pointer;}
.year_item::before{content: "";display: block;width: 8px;height: 8px;background: #999999;border-radius: 50%;margin: 20px auto 15px;}
.history_year .swiper-slide-active .year_item{color: #00A5E7;}
.history_year .swiper-slide-active .year_item::before{background: #00A5E7;}
/***** sec5 *****/
.indNewsList{display: none;}
.indNewsList.active{display: flex;margin-top: 30px;}
.inList1{width: calc(33.333% - 25px);background: #F5F5F5;margin-right: 25px;}
.inList2{width: 33.333%;margin: 0 25px;background: url(../images/newsBg.jpg) center/cover;}
.inList3{width: 33.333%;}
.newsItem1{display: block;}
.newsItem1 .img{overflow: hidden;}
.newsItem1 .img img{width: 100%;transition: .5s;}
.newsItem1 .desc{padding: 40px 30px;}
.newsItem1 .desc .atit{font-size: 20px;font-weight: bold;color: #1C1D21;line-height: 30px;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px;transition: .3s;}
.newsItem1 .desc .btit{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 40px;}
.newsItem1:hover .img img{transform: scale(1.04);}
.newsItem1:hover .desc .atit{color: #00A5E7;}
.newsItem2{display: flex;align-items: center;height: 100%;transition: .3s;}
.newsItem2 .desc{padding: 30px 40px 30px 30px;transition: .3s;}
.newsItem2 .desc .atit{font-size: 20px;font-weight: bold;color: #1C1D21;line-height: 30px;height: 60px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 40px;transition: .3s;}
.newsItem2 .desc .btit{font-size: 16px;color: #999999;line-height: 25px;max-height: 75px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom: 90px;}
.newsItem2:hover .desc{padding-bottom: 50px;}
.newsItem2:hover .desc .atit{color: #00A5E7;}
.newsItem3{display: flex;background: #F5F5F5;align-items: center;}
.newsItem3+.newsItem3{margin-top: 20px;}
.newsItem3 .img{width: 200px;overflow: hidden;}
.newsItem3 .img img{width: 100%;transition: .5s;max-height: 140px;object-position: center;object-fit: cover;}
.newsItem3 .desc{width: calc(100% - 200px);padding: 10px 20px;}
.newsItem3 .desc .atit{font-size: 16px;font-weight: bold;color: #1C1D21;line-height: 20px;height: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 8px;transition: .3s;}
.newsItem3 .desc .btit{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 10px;}
.newsItem3:hover .img img{transform: scale(1.08);}
.newsItem3:hover .desc .atit{color: #00A5E7;}
.indNewsList .ctit{display: flex;}
.indNewsList .ctit .ct1{display: flex;align-items: center;font-size: 14px;color: #DDDDDD;line-height: 1;}
.indNewsList .ctit .ct1 img{margin-right: 8px;}
.indNewsList .ctit .ct2{margin-left: auto;}
/***** sec6 *****/
.sec6{background: url(../images/sec6Bg.jpg) center/cover;}
.indCustom{display: flex;}
.indCustom .desc{width: 50%;padding-right: 50px;display: flex;flex-direction: column;}
.indCustom .desc .info{font-size: 16px;color: #333333;line-height: 1.85;margin: 40px 0 50px;max-width: 480px;}
.indCustom .desc .customA{width: 200px;height: 60px;background: #00A3E7;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #FFFFFF;margin-top: auto;margin-bottom: 150px;}
.customList{width: 50%;margin-left: auto;display: flex;flex-wrap: wrap;margin-bottom: -20px;}
.customItem{width: calc(33.333% - 14px);margin: 0 20px 20px 0;}
.customItem:nth-of-type(3n){margin-right: 0;}
.customItem img{width: 100%;}
.xmtjz{display: flex;align-items: center;}
.xmtjz .img{width: 130px;}
.xmtjz .desc{width: calc(100% - 130px);padding-left: 20px;}
.prodetail_pics img{margin: 0 auto;}
.videoPlayBox{position:relative;}
.videoPlayBox img{width:100%;height: 100%;object-fit: cover;object-position: center;}
.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.videoPlay img{width: 80px;position: relative;z-index: 99;}
.videoPlay i::before{content: "";animation: biger1 1.3s linear infinite;display: block;width: 80px;height: 80px;background: #00a3e7;opacity: 0.6;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;}
.videoPlay i::after{content: "";animation: biger2 1.3s linear infinite;display: block;width: 80px;height: 80px;background: #00a3e7;opacity: 0.6;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;}
@keyframes biger1{
from{transform: scale(1);opacity: 1;}
to{transform: scale(1.3);opacity: 0;}
}
@keyframes biger2{
from{transform: scale(1);opacity: 1;}
to{transform: scale(1.7);opacity: 0;}
}
@media screen and (max-width:1660px) {
.container{width: 1200px;}
.w1440{width: 1200px;}
.two2 .rq1{padding-left:calc((100vw - 1200px)/2)}
.two2 .rq2{padding-right:calc((100vw - 1200px)/2)}
.qqbjBox .descBox{padding-left: calc((100vw - 1200px)/2);}
.h-lang{margin-left: 20px;}
.h-search{margin-left: 20px;}
.h-nav .li{margin: 0 6px;}
.qqbjBox .earthBox{max-width: 800px;}
.indTitle .atit{font-size: 20px;}
.indTitle .btit{font-size: 38px;}
.proList{margin: 30px 0 80px;}
.proList .proDesc{width: 400px;}
.proList .proImg{width: 350px;}
.proList .proLb{width: 400px;padding-left: 50px;}
.proList .proDesc .atit{font-size: 24px;}
.proList .proDesc .btit{font-size: 14px;line-height: 1.7;}
.proList .proDesc .btit p::before{top: 8px;}
.proSel{font-size: 17px;}
.indCaseSel{padding: 16px 0 16px 80px;}
.indCaseSel .tit{font-size: 16px;}
.indCaseItem .desc{padding: 70px 50px 35px 30px;}
.history_box{margin-top: 50px;}
.newsItem3 .img{width: 175px;}
.newsItem3 .desc{width: calc(100% - 175px);}
.bannerItem .desc .atit{font-size: 18px;margin-bottom: 30px;}
.bannerItem .desc .btit{font-size: 48px;margin-bottom: 80px;}
.new_gl .desc{font-size: 16px;line-height: 1.8;}
.new_gl .boxinfo{padding: 0 29px;}
}
@media screen and (max-width:1460px) {
.container{width: 1100px;}
.w1440{width: 1100px;}
.two2 .rq1{padding-left:calc((100vw - 1100px)/2)}
.two2 .rq2{padding-right:calc((100vw - 1100px)/2)}
.qqbjBox .descBox{padding-left: calc((100vw - 1100px)/2);}
.h-nav .li{margin: 0 4px;}
.h-nav .li>a{font-size: 14px;}
}
@media screen and (max-width:1260px) {
/* .container{width: 960px;}
.w1440{width: 1100px;} */
.two2 .rq1{padding-left:calc((100vw - 960px)/2)}
.two2 .rq2{padding-right:calc((100vw - 960px)/2)}
/* .qqbjBox .descBox{padding-left: calc((100vw - 1100px)/2);} */
}
@media screen and (max-width:980px) {
.container{width: 100%;padding: 0 20px;}
.w1440{width: 100%;padding: 0 20px;}
.h-zw{height: 60px;}
.h-header{display: none;}
.wap_header{display: block;}
.rightMenu{display: none;}
.banner .swiper-pagination{bottom: 25px;}
.banner .swiper-pagination-bullet{margin: 0 10px!important;}
.content_box100{height: auto;}
.searchBox{top: 60px;padding: 10px 0;box-shadow: 0px 0px 5px 0px #ccc;}
.searchform{width: 100%;}
.searchform .int{width: calc(100% - 40px);}
/* .mySwiper_bannerpc{display: none;}
.mySwiper_bannerwap{display: block;} */
.bannerItem .img video{display:none;}
.bannerItem .img .videoImg{display:block;}
.history_item .desc .atit{font-size: 70px;}
.history_item .desc .btit{font-size: 14px;line-height: 25px;margin-top: 20px;}
.qqbjBox{height: auto;}
.qqbjBox .descBox{width: 100%;padding: 0 20px;}
.sec1,.sec2,.sec3,.sec4,.sec5,.sec6{padding: 50px 0;overflow: hidden;}
.sec1{padding-bottom: 0;}
.indTitle .atit{font-size: 16px;}
.indTitle .btit{font-size: 32px;}
.numList{margin-top: 30px;display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.numItem{margin-top: 0!important;}
.numItem .icon{zoom: .5;}
.numItem .desc{width: auto;}
.numItem .desc .atit span{font-size: 30px;}
.numItem .desc .btit{font-size: 14px;}
.qqbjBox{display: block;}
.qqbjBox .earthBox{width: 100%;max-width: none;}
.qqbjBox .earthImg img{width: 100%;}
.earthItem .earthInfo{padding: 10px;}
.earthItem.eiright .earthInfo{right: auto;left: 0;margin-right: 0;margin-left: -50px;}
.earthItem.eiright .earthInfo::after{right: auto;left: 60px;}
.earthItem.eileft .earthInfo{right: auto;left: 0;margin-right: 0;margin-left: -50px;}
.earthItem.eileft .earthInfo::after{right: auto;left: 60px;}
.content_box{padding-top: 0;}
.proList{flex-wrap: wrap;margin: 20px 0 60px;}
.proList .proLb{display: none;}
.proList .proDesc{width: calc(100% - 350px);}
.sec2{background: url(../images/sec22Bg.jpg) center/cover;}
.proListSel{flex-wrap: wrap;justify-content: center;}
.proSel{margin: 5px 15px;font-size: 16px;line-height: 30px;}
.indCaseSelBox{width: 350px;padding-right: 70px;}
.indCaseSel{padding: 16px 0 16px 50px;}
.indCaseList{width: calc(100% - 350px);}
.inList1{width: calc(50% - 10px);margin-right: 20px;}
.inList2{display: none;}
.inList3{width: calc(50% - 10px);}
.newsItem1 .img img{height: 300px;object-fit: cover;object-position: center;}
.indCustom .desc .info{font-size: 14px;}
.indCustom .desc .customA{margin-bottom: 50px;}
.f-nav{display: none;}
.f-info{width: 100%;text-align: center;}
.f-logo{margin-bottom: 30px;}
.f-info p{justify-content: center;margin-top: 5px;}
.foot1{padding: 30px 0 40px;}
.foot2{padding: 10px 0;}
.foot2 .ftl{margin: 0 auto;text-align: center;}
.foot2 .ftr{display: none;}
.foot2 span, .foot2 a{font-size: 12px;display: inline-block;}
.fwbContent{font-size: 14px;padding-top: 30px;}
.f-logo img{margin: 0 auto;}
.bannerItem{padding-top: 60px;}
.bannerItem .desc .atit{font-size: 14px;margin-bottom: 15px;}
.bannerItem .desc .btit{font-size: 28px;margin-bottom: 50px;}
.bannerItem .desc .ctit{font-size: 14px;}
.videoPlay{zoom: .5;}
.new_gl .desc{font-size: 14px;line-height: 1.8;}
}
@media screen and (max-width:780px) {
.container{padding: 0 15px;}
.w1440{padding: 0 15px;}
.qqbjBox .descBox{padding: 0 15px;}
.numItem{margin-bottom: 20px;}
.numItem .desc{padding-left: 5px;}
.numItem .desc .btit{font-size: 12px;}
.numItem{width: 50%;}
/* .numItem:nth-of-type(4){width: 100%;justify-content: center;} */
.numItem .desc .atit span{font-size: 24px;}
.qqbjBox .earthBox{margin-top: 80px;}
.earthItem .earthInfo{width: 300px;margin-right: -25px;}
.earthItem .earthInfo::after{right: 35px;}
.earthItem.eiright .earthInfo{margin-left: -25px;}
.earthItem.eiright .earthInfo::after{left: 35px;}
.earthItem.eileft .earthInfo{margin-left: -0px;}
.earthItem.eileft .earthInfo::after{left: 10px;}
.earthItem .earthInfo .nr b{font-size: 14px;}
.earthItem .earthInfo .nr p{font-size: 12px;margin-top: 0;line-height: 20px;-webkit-line-clamp:3;max-height: 60px;}
.earthItem .earthInfo .nr p img{margin-top: 2px;}
.proList{margin: 40px 0 40px;}
.proList .proDesc{width: 100%;margin-bottom: 30px;}
.proList .proImg{width: 100%;max-width: 350px;}
.proList .proDesc .atit{margin-bottom: 15px;}
.proSel{margin: 5px 10px;}
.indCaseBox{display: block;margin-top: 20px;}
.indCaseSelBox{width: 100%;padding: 0;margin-bottom: 20px;display: flex;flex-wrap: wrap;}
.indCaseSel{padding: 8px 10px;width: 50%;justify-content: center;}
.indCaseSel:nth-of-type(2n){border-left: 1px solid #FFFFFF;}
.indCaseSel.active::after{width: 100%;}
.indCaseSel .icon{margin-right: 10px;}
.indCaseSel .tit{font-size: 14px;}
.indCaseList{width: 100%;position: relative;}
.indCaseItem .desc{padding: 40px 15px 15px 15px;}
.indCaseItem .desc .atit{font-size: 20px;}
.history_item{display: block;}
.history_item .img{width: 100%;}
.history_item .desc{width: 100%;padding: 20px 30px;}
.history_item .desc .atit{font-size: 50px;}
.history_item .desc .btit{margin-top: 10px;}
.history_box .swiper-button-prev{bottom: 35px;transform: rotate(-270deg);top: auto;left: -10px;margin: 0;}
.history_box .swiper-button-next{bottom: 35px;transform: rotate(-90deg);right: -10px;left: auto;}
.history_year{margin-top: 10px;}
.indTitle .btit{flex-wrap: wrap;}
.newsSelBox{margin-left: 0;margin-top: 15px;}
.newsSel{width: 100px;height: 40px;line-height: 40px;font-size: 14px;}
.indNewsList.active{margin-top: 25px;}
.newsSel+.newsSel{margin-left: 10px;}
.indNewsList.active{flex-wrap: wrap;}
.inList1{width: 100%;margin-bottom: 15px;margin-right: 0;}
.newsItem1 .desc{padding: 20px 15px;}
.newsItem1 .desc .atit{margin-bottom: 10px;}
.newsItem1 .desc .btit{margin-bottom: 20px;}
.inList2{display: block;width: 100%;margin: 0;margin-bottom: 15px;}
.newsItem2 .desc{padding: 20px 15px;}
.newsItem2 .desc .atit{margin-bottom: 10px;}
.newsItem2 .desc .btit{margin-bottom: 20px;font-size: 14px;}
.inList3{width: 100%;}
.newsItem3+.newsItem3{margin-top: 15px;}
.indCustom{flex-wrap: wrap;}
.indCustom .desc{width: 100%;padding-right: 0;}
.indCustom .desc .customA{width: 160px;height: 50px;font-size: 16px;}
.customList{width: 100%;}
.customItem{margin: 0 10px 10px 0;width: calc(33.333% - 7px);}
/* .bannerItem .img img{min-height: 400px;} */
/* .bannerItem .img video{min-height: 400px;} */
.new_gl .imgbox,.new_gl .boxinfo,.new_gl{ width: 100%; height: auto;}
.new_gl .imgbox{ height: auto;padding-bottom: 62.5%;}
.new_gl .boxinfo{ position: relative; padding: 30px 20px;height: auto;overflow-y: auto;}
.new_gl .desc{ margin: 30px 0;}
.new_gl{ margin-top: 30px;}
.new_gl .atit{font-size: 24px;}
.new_gl .desc{line-height: 1.6;}
.earthItem .earthInfo .tp{width: 100px;}
}
.layui-layer-video{max-width: 1000px;}
.layui-layer-video video{display:block;width:100%;}
.ser_con2{
width: 100%;
padding-top: 110px;
padding-bottom: 120px;
background: #f8f8f8;
}
.ser_con2 .p1 span{
font-size: 30px;
color: #333333;
line-height: 48px;
display: block;
}
.ser_con2 .rq{
width: 100%;
padding-top: 86px;
padding-bottom: 56px;
}
.ser_con2 .rq .div{
width: 100%;
margin-bottom: 80px;
}
.ser_con2 .rq .div:last-child{
margin-bottom: 0;
}
.ser_con2 .rq .div .div1{
width: 22.6%;
float: left;
margin-right: 3.2%;
}
.ser_con2 .rq .div .div1:nth-child(4){
margin-right: 0;
}
.ser_con2 .rq .div .div2{
width: 100%;
padding-left: 50px;
padding-bottom: 7px;
border-bottom: 2px solid #dfdfdf;
position: relative;
}
.ser_con2 .rq .div .div2 p{
font-size: 16px;
color: #999999;
position: absolute;
left: 0;
top: 1px;
}
.ser_con2 .rq .div .div2 p span {
color: red;
padding-left: 6px;
}
.ser_con2 .rq .div .div2 input{
width: 100%;
height: 21px;
font-size: 16px;
color: #999999;
}
.ser_con2 .rq .div .div2 input::placeholder {
padding-left: 6px;
}
.ser_con2 input[type="submit"]{
font-size: 18px;
text-align: center;
color: #ffffff;
width: 170px;
height: 52px;
background: #00a3e7;
}
@media screen and (max-width:1660px) {
.ser_con2 {
padding-top: 82px;
padding-bottom: 90px;
}
.ser_con2 .rq {
padding-top: 65px;
padding-bottom: 40px;
}
.ser_con2 .rq .div .div2 {
padding-left: 50px;
padding-bottom: 5px;
}
.ser_con2 .rq .div {
margin-bottom: 60px;
}
.ser_con2 button {
font-size: 16px;
width: 130px;
height: 46px;
}
}
@media screen and (max-width:980px) {
.ser_con2 {
padding-top: 60px;
padding-bottom: 70px;
}
.ser_con2 .rq {
padding-top: 46px;
padding-bottom: 30px;
}
.ser_con2 .rq .div .div2 {
padding-left: 40px;
padding-bottom: 5px;
}
.ser_con2 .rq .div .div2 p {
font-size: 14px;
top: 2px;
}
.ser_con2 .rq .div .div2 input {
height: 19px;
font-size: 14px;
}
.ser_con2 .rq .div {
margin-bottom: 40px;
}
}
@media screen and (max-width:780px) {
.ser_con2 {
padding-top: 45px;
padding-bottom: 45px;
}
.ser_con2 .p1 span {
font-size: 20px;
line-height: 32px;
}
.ser_con2 .rq {
padding-top: 40px;
padding-bottom: 30px;
}
.ser_con2 .rq .div {
margin-bottom: 0px;
}
.ser_con2 .rq .div .div1{
width: 49%;
margin-right: 2%;
margin-bottom: 20px;
}
.ser_con2 .rq .div .div1:nth-child(2n){
margin-right: 0;
}
.ser_con2 button {
font-size: 14px;
width: 120px;
height: 42px;
}
}
#fullPage,.swiper-wrapper{will-change: transform;-webkit-backface-visibility:hidden;-webkit-perspective:1000;-moz-backface-visibility:hidden;-moz-perspective:1000;backface-visibility:hidden;perspective:1000;}
#fullPage{-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;}
.bannerItem video{transform:translateZ(0)}
.enMessage{position: absolute;right: 120%;transform: translateY(-50%);background: #FFFFFF;border-radius: 4px;overflow: hidden;width: 260px;box-shadow: 0 8px 20px 0 rgba(0,0,0,0.4);z-index: 9;transition: .3s;opacity: 0;visibility: hidden;margin-top: 20px;}
.enMessage .ematitle{font-size: 14px;color: #FFFFFF;background: #00a3e7;padding: 0px 10px;height: 45px;line-height: 45px;position: relative;}
.enMessage .ematitle .openClose{display: block;height: 20px;width: 20px;background: url(../images/iconClose1.png) no-repeat center;position: absolute;right: 15px;top: 50%;transform: translateY(-10px);cursor: pointer;}
.emDesc{padding: 10px;box-shadow: 0;display: block;}
.emDesc .emInfo{font-size: 12px;line-height: 1.5;margin-bottom: 20px;color: #666;}
.emLabel{display: flex;align-items: center;border: 1px solid #e5e7eb;border-radius: 4px;margin-bottom: 10px;padding: 0 10px;}
.emLabel img{margin-right: 10px;}
.emLabel .int{display: block;width: 100%;height: 38px;font-size: 12px;}
.emLabel .textarea{display: block;width: 100%;height: 120px;padding: 8px 0px;font-size: 12px;line-height: 1.5;}
.emBtns{display: flex;justify-content: space-between;margin-top: 10px;}
.emBtns .emBtn{width: 100%;background: #00a3e7;cursor: pointer;color: #FFFFFF;border-radius: 4px;text-align: center;padding: 5px 10px;font-size: 14px;line-height: 2;}
.emBtns .emBtn+.emBtn{margin-left: 10px;}
/* .enMessage.active .ematitle .openClose{background: url(../images/iconClose1.png) no-repeat center;} */
.enMessage.active{opacity: 1;visibility: visible;margin-top: 0;}