@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"apb";
	src:url("../fonts/Alibaba-PuHuiTi-Bold.otf");
}
@font-face{
	font-family:"aph";
	src:url("../fonts/Alibaba-PuHuiTi-Heavy.otf");
}
@font-face{
	font-family:"apl";
	src:url("../fonts/Alibaba-PuHuiTi-Light.otf");
}
@font-face{
	font-family:"apm";
	src:url("../fonts/Alibaba-PuHuiTi-Medium.otf");
}
@font-face{
	font-family:"apr";
	src:url("../fonts/Alibaba-PuHuiTi-Regular.otf");
}
@font-face{
	font-family:"asb";
	src:url("../fonts/AlimamaShuHeiTi-Bold.ttf");
}
@font-face{
	font-family:"dpb";
	src:url("../fonts/DINPRO-BOLD.otf");
}
@font-face{
	font-family:"tim";
	src:url("../fonts/times.ttf");
}
:root{ --swiper-navigation-top-offse: 10px;}

html { max-width: 1170px; margin:0 auto!important; font-size: 100px;}
body,button,input,select,textarea { font-size: 0.12rem; line-height: 1.2; font-family:'apr'; color: #333;}
blockquote,body,div,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,p,pre,td,textarea,th,ul,ol,li,i,img,span{margin: 0;padding: 0}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
em { font-style: normal}
ol,ul {list-style: none}
a { text-decoration: none}
legend { color: #000}
fieldset,img { border: 0}
button,input,select,textarea { font-size: 100%}
table { border-collapse: collapse; border-spacing: 0}
img {  -ms-interpolation-mode: bicubic}
textarea { resize: vertical}
*{box-sizing: border-box;}
img{max-width:100%;}

/*IOS禁止微信调整字体大小*/
body{-webkit-text-size-adjust: 100% !important;-ms-text-size-adjust:none; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;}

.root{width: 100%; padding-top: 0.68rem; padding-bottom: 0.6rem;}
/*--header--*/
.header-wrapper{ position: fixed; top:0; left: 0; width: 100%; background: #fff; z-index: 12;}
.header{ height: 0.68rem; position: relative;}
.header .logo,.header .tsearch,.header .navbtn,.header .nav{ position: absolute;}
.header .logo{ left: 20px; top: 0.22rem;}
.header .logo img{ height: 0.28rem;}
.header .tsearch{ top: 0.22rem; right: calc( 0.33rem + 20px); width: 0.2rem; height: 0.2rem;}
.header .navbtn{ top: 0.24rem; right: 20px; width: 0.21rem; height: 0.2rem; background: url(../images/nav-btn.png) no-repeat; background-size: 100%;}
.header .nav{ top:0.6rem; left: 0; width: 100%; padding:0 20px; background: #fff; display: none; z-index: 20;}
.header .nav ul{ background:#fff; padding-bottom:60px; border-top:#E6E6E6 2px solid;}
.header .nav ul li{ width:100%; border-bottom:#E6E6E6 2px solid; }
.header .nav ul li>a{display:block; width:90%; font-size:0.16rem; color:#333; line-height:3.6; }
.header .nav ul li.on{background:url(../images/ico-nav-d.png) no-repeat 95% 0.24rem; background-size:0.1rem;}
.header .nav ul li.active{border-bottom:#E6E6E6 2px solid; }
.header .nav ul li.on.active{background:url(../images/ico-nav-u.png) no-repeat 95% 0.24rem; background-size:0.1rem;}
.header .nav ul .v_list{ width:100%; padding: 20px 0; display:none; border-bottom:#E6E6E6 2px solid;}
.header .nav ul .v_list .m_nav_list{ padding: 0;}
.header .nav ul .v_list .m_nav_list a{ display:block; width:100%; padding-left:0.16rem; font-size:0.15rem; line-height:3; color:#333;}
.header .nav ul .v_list .m_nav_list a:hover{ background-color:#dcdbeb;}

.header .rightbar{ width: 30px; height: 30px; padding: 45px 0; line-height: 30px; display: flex; }
.header .rightbar .userlogin{ padding-left: 30px; padding-right: 20px; position: relative;}
.header .rightbar .userlogin::before{position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url() no-repeat; content: '';}
.header .rightbar .hsearch{ width: 30px; height: 30px; background: url() no-repeat;}

/*--footer--*/
.footer{ width: 100%;}
.ft-wrapper1{ padding: 40px 0 ; background-color: #012d61;}
.ft-wrapper2{ padding: 50px 20px; background-color: #0d0d33;}
.ft-wrapper3{ padding: 20px 20px; background-color: #c0e8ec;}
.ft-contact-ewm{ text-align: center;}
.ft-contact-ewm img{ width: 3rem;}

.ft-contact-container{ color: #fff;}
.ft-contact-tit{height:60px; font-size: 0.3rem; font-family: 'apm'; line-height: 60px; position: relative;}
.ft-contact-tit::after{ position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: url(../images/ico-btm-contact.png) no-repeat; background-size: 100%; content: '';}
.ft-contact-info{ display: flex; justify-content: space-around; padding-top: 40px;}
.ft-contact-info a{ display: block; width: 30%;}
.i1,.i2,.i3{ padding-top: 0.5rem; color: #fff; font-size: 0.14rem; font-family: 'apr'; line-height: 1.6; text-align: center; position: relative;}
.i1::before,.i2::before,.i3::before{ position: absolute; top: 0; left: 50%;  width: 0.4rem; height: 0.4rem; margin-left: -0.2rem; content: ''; }
.i1::before{background: url(../images/ico-douyin.png) no-repeat; background-size: 100%;}
.i2::before{background: url(../images/ico-weibo.png) no-repeat; background-size: 100%;}
.i3::before{background: url(../images/ico-xiaohongshu.png) no-repeat; background-size: 100%;}

.copyright-txt{ font-size: 0.12rem; font-family: 'apr'; color: #333; line-height: 1.5;}
.copyright-txt a{ color: #333;}
.bottom-logo{ padding:60px 0 40px; text-align: center;}
.bottom-logo img{ width: 2.6rem;}

/* --page fix-- */
.fix-bottom{ position: fixed; left: 0; bottom: 0; width: 100%; height: 0.6rem; padding: 0.1rem 20px; text-align: center; z-index: 30;}
.fix-bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#def4f6; opacity:0.7;}
.fix-bottom span{ display: inline-block; width: 1.2rem; height: 0.4rem; padding-left: 0.3rem; margin: 0 0.1rem; background:#003399; border-radius: 0.2rem; color: #fff; font-size: 0.14rem; line-height: 0.4rem;  position: relative;}
.fix-bottom span::before{position: absolute; left: 0.2rem; top: 0.1rem; width: 0.2rem; height: 0.2rem; background-size: 100%; content: '';}
.b-ico-1::before{ background: url(../images/fix-b-ico1.png) no-repeat;}
.b-ico-2::before{ background: url(../images/fix-b-ico2.png) no-repeat;}

.hotserver{ position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; padding-top: 20vh;  background: rgb(100 100 100 / 50%);  z-index: 100; display: none;}
.hotserver .server-wrapper{ width:1530px; padding: 20px; margin: 0 auto; background: #fff; color:#003399; text-align: center;}
.hotserver .server-tel{ padding: 50px 0; background: #D2F5F9;  }
.hotserver .server-tel .tel-txt{ padding-left: 66px; background: url(../images/ico-hot-phone.png) no-repeat; font-size: 48px;  font-family: 'apm';}
.hotserver .server-tel .tel-number{ font-size: 50px;  font-family: 'apb';}
.hotserver .server-tip{ padding: 25px 0;}
.hotserver .server-tip li{ font-size: 18px; line-height: 2;}

/* --slide banner-- */
.bannerWrapper{position: relative;}
.bannerWrapper .swiper-container{  margin: 0 auto;}
.bannerWrapper .swiper-pagination{ width:100%; bottom:20px}
.bannerWrapper .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px; border-radius: 0; background-color:#d5d5d5; width:156px; height:3px; opacity:1}
.bannerWrapper .swiper-pagination-bullets .swiper-pagination-bullet-active{ background-color:#00aadc;}

/* --index search-- */
.i-screen{ width: 100%; padding: 25px 20px 0; margin: 0 auto;}
.screen-tip{ font-size:0.18rem; line-height: 3;}
.letterSiftPart{ width: 100%;}
.letterLinkList{ padding: 0;}
.letterLinkList a{ display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.letterLinkList a span{ display: block; width: 0.48rem; height: 0.48rem; border:#a2d0cf 1px solid; border-radius: 50%; font-size: 0.18rem; font-weight: bold; font-family: Arial; color: #003399; line-height: 0.48rem; text-align: center;  transition: 0.2s; }
.letterLinkList a:hover span{ background-color: #d3f4f9; transform: scale(1.1);}

.i-search{ width: 100%; padding: 25px 20px 0; margin: 0 auto;}
.searchPart{ width: 100%;}
.search-tip{ font-size:0.18rem; line-height: 3;}
.index-search{ position: relative;}
.search-input { width: 100%; height: 53px; padding-left: 30px; padding-right: 50px; border-radius: 27px; border:#a2d0cf 1px solid;  font-size: 0.16rem; color: #333;}
.search-input::placeholder{ color: #ccc; font-size: 0.16rem;}
.search-input:focus{ outline:#a2d0cf 1px solid ;}
.search-button{ position: absolute; top: 1px; right: 20px; width: 20px; height: 51px; border-radius: 0 25px 25px 0; border:none; background: url(../images/ico-search.png) 0 15px no-repeat; background-size: 100%; font-size: 18px; color: #fff; cursor: pointer;}


/* --index about-- */
.i-about{ width: 100%; padding: 70px 20px 0; margin: 0 auto;}
.iabout-txt{ width: 100%; position: relative;}
.iabout-tit{ color: #333; font-size: 0.32rem; font-family: 'apb'; letter-spacing: -2px;}
.iabout-tit-en{ padding-top: 0.04rem; padding-bottom: 20px; color: #333; font-size: 0.24rem; font-family: 'apm';}
.iabout-img{ width: 100%; padding-bottom: 20px;}
.iabout-des{ height: auto; padding-bottom: 60px; overflow: hidden; font-size: 0.16rem; font-family: "apr"; line-height: 2;}
.iabout-des p{ text-indent: 2em;}
.iabout-link{ position: absolute; bottom: 0; right: 0; }
.iabout-link span{ padding: 10px 30px; border: #336699 1px solid; border-radius: 24px; color: #336699; font-size: 0.16rem; font-family: "apr";}

/* --yuanqu-- */
.i-yuanqu{ width: 100%; padding: 70px 20px 0; margin: 0 auto;}
.yq-list{ width:100%; margin-bottom: 16px;}
.yq-tit{ width: auto;}
.yq-tit-t{ color: #333; font-size: 0.32rem; font-family: 'apb'; letter-spacing: -2px;}
.yq-tit-t-en{ padding-top: 0.04rem; color: #333; font-size: 0.24rem; font-family: 'apm';}
.yq-tit-d{ padding-top: 15px; font-size: 0.16rem; font-family: 'apr'; color: #999;}
.yq-tit-m{ padding-top: 60px; padding-bottom: 30px;} 
.yq-tit-m span{ padding: 10px 30px; border: #336699 1px solid; border-radius: 24px; font-size: 0.16rem; font-family: 'apr'; color:#336699;}
.yq-con{ position: relative;}
.yq-con-txt{ position: absolute; left: 0; bottom: 15px; width: 100%; padding: 0 20px; color: #fff;}
.yq-con-t{ font-size: 0.16rem; font-family: 'apb';}

/* --index news-- */
.i-news{ width: 100%; padding: 40px 0; margin: 0 auto; }
.i-news .inews-tit{ padding: 0 20px; color: #333; font-size: 0.32rem; font-family: 'apb'; letter-spacing: -2px;}
.i-news .inews-tit-en{ padding: 0.04rem 20px 0; color: #333; font-size: 0.24rem; font-family: 'apm';}
.i-news .inews-link{ text-align: center;}
.i-news .inews-link span{ padding: 10px 30px; border: #336688 1px solid; border-radius: 24px; font-size: 0.16rem; color:#336688;}
.i-news .inews-list{ padding-top: 30px;}
.i-news .inewswiper{ width: 100%;padding-bottom:40px}
.i-news .swiper-container{ padding: 0;}
.i-news .swiper-slide{ position: relative;}
.i-news .swiper-slide .news-txt{ position: absolute; left: 0; bottom: 20px; z-index: 2; width: 100%; padding: 0 20px; font-size: 0.16rem; color: #fff; text-align: center;}
.i-news .swiper-slide .news-img img{ width: 100%;}
.i-news .swiper-pagination{ width:100%; bottom:20px}
.i-news .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
.i-news .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
.i-news .inews-prev,.ipart-news .inews-next{position: absolute; top:50%; margin-top: -30px; z-index: 100; cursor: pointer;}
.i-news .inews-prev{ left:530px; width:12px; height:20px; background:url() no-repeat; background-size:100%}
.i-news .inews-prev:hover{opacity: 0.6;}
.i-news .inews-next{ right:0; width:12px; height:20px; background:url() no-repeat; background-size:100%}
.i-news .inews-next:hover{opacity: 0.6;}

/* --index video-- */
.i-video{ padding: 40px 0 80px;}
.i-video-wrapper{ height: 2.4rem; margin: 0 auto; background: #B6B6B7; }
.video-box{ height: 2.4rem; position: relative;}
.video-box video{ width: 100%; height: 100%;}
.play-btn{ position: absolute;}
.play-link{ padding-top: 40px; text-align: center;}
.play-link span{ padding: 10px 30px; border: #336699 1px solid; border-radius: 24px; font-size: 0.16rem; font-family: 'apr'; color:#336699;}

/* --index area-- */
.i-area{ padding: 40px 20px 0;}
.i-area-wrapper{ width: 100%; margin: 0 auto;}
.i-area .area-t{ width: 100%; position: relative;}
.i-area .area-tit{ font-size: 0.32rem; font-family: 'apb'; color: #333; letter-spacing: -2px;}
.i-area .area-en{ padding-top: 0.04rem; font-size: 0.18rem; font-family: 'apm'; }
.i-area .area-des{ font-size: 0.16rem; font-family: 'apr'; color: #999; line-height: 1.5; padding-top: 20px;}

.i-area .area-b{ width: 100%; padding-top: 20px; position: relative;}
.i-area .area-ab{ position: absolute;}
.i-area .area-point,.i-area .area-name{ transition: .3s;}
.i-area .area-point-1{ left: 457px; top: 400px;}
.i-area .area-name-1{ left: 320px; top: 430px;}
.i-area .area-point-2{ left: 710px; top: 435px;}
.i-area .area-name-2{ left: 660px; top: 395px;}
.i-area .area-point-3{ left: 795px; top: 235px;}
.i-area .area-name-3{ left: 795px; top: 190px;}
.i-area .area-point-4{ left: 226px; top: 190px;}
.i-area .area-name-4{ left: 75px; top: 220px;}
.i-area .area-point-5{ left: 605px; top: 360px;}
.i-area .area-name-5{ left: 475px; top: 310px;}
.i-area .area-point-6{ left: 590px; top: 610px;}
.i-area .area-name-6{ left: 565px; top: 640px;}
.i-area .area-point-7{ left: 180px; top: 5px;}
.i-area .area-name-7{ left: 190px; top: 36px;}
.i-area .area-box:hover .area-point{ transform: scale(1.2,1.2) translateY(-5px);}
.i-area .area-box:hover .area-name-1{ transform: scale(1.2) translate(-15px,10px);}
.i-area .area-box:hover .area-name-2{ transform: scale(1.2) translate(5px,-10px);}
.i-area .area-box:hover .area-name-3{ transform: scale(1.2) translate(15px,-10px);}
.i-area .area-box:hover .area-name-4{ transform: scale(1.2) translate(-10px,10px);}
.i-area .area-box:hover .area-name-5{ transform: scale(1.2) translate(-5px,-5px);}
.i-area .area-box:hover .area-name-6{ transform: scale(1.2) translate(10px,10px);}
.i-area .area-box:hover .area-name-7{ transform: scale(1.2) translate(15px,5px);}

/*--index yuezheng--*/
.i-yuezheng{ padding: 50px 0 ; text-align: center;}
.i-yuezheng span{ padding: 12px 50px; background:#012D61; border-radius: 26px; font-size: 22px; color: #99ffff;}

/* --position-- */
.cur-position{ width: 1530px; padding: 35px 0; margin: 0 auto; font-size: 18px; color: #333; font-family: 'apr';}
.cur-position a{ color: inherit;}
/* --pagination--*/
.pagination{ display: flex; justify-content: center;}
.pagination li{ min-width: 30px; height: 30px; background: #f2f2f2; text-align: center; color:#333;}
.pagination li a{color:#333; line-height: 30px;}
.pagination li.page-item{margin-right:5px;}
.pagination li.hl{padding:0 5px;}
.pagination li.active{ background: #0066b9;}
.pagination li.active a{color:#fff;}
.pagination li:hover{ color: #0066b9;}

/* --about zhongxin-- */
.about-banner{ width: 100%; margin: 0 auto;}
.about-banner-wrapper{ width: 100%; position: relative;}
.about-banner-txt{position: absolute; left: 0.24rem; top: 0.26rem; width: calc( 100% - 0.48rem);  padding:0.11rem 0.11rem 0.2rem; background: #fff;}
.about-banner-txt .cn-tit{font-size: 0.22rem; color: #000; font-family: 'apb'; letter-spacing: -1px;}
.about-banner-txt .en-tit{padding-top:0.05rem; font-size: 0.11rem; color: #000; font-family: 'apm';}
.about-banner-img{ width: 100%; overflow: hidden;}
.about-banner-img img{ width: 100%;}

.about-content{ width: 100%; padding: 0.2rem 0 0.5rem; margin: 0 auto;}
/* --yuanqu-- */
.yuanqu-banner{ width: 100%; margin: 0 auto; }
.yuanqu-banner-wrapper{ width: 100%; position: relative;}
.yuanqu-banner-txt{position: absolute; left: 20px; bottom: 20px;}
.yuanqu-banner-txt .name{font-size: 0.18rem; color: #fff; font-family: 'apm';}
.yuanqu-banner-txt .addr{padding-top:0.04rem; font-size: 0.12rem; color: #fff; font-family: 'apr';}
.yuanqu-banner-img{ width: 100%;}
.yuanqu-content{ width: 100%; padding: 0 0 40px; margin: 0 auto;}

/* --servcie-- */
.service-top{ min-height: 1.75rem; background: url(../images/service/service-topbg.png) no-repeat; background-size: 100% 100%;}
.service-top-wrapper{ padding:30px 20px;}
.service-txt{ width: 100%;}
.service-txt .top-cn-tit{font-size: 0.26rem; color: #fff; font-family: 'apm';}
.service-txt .top-en-tit{ padding-top:0.04rem; font-size: 0.16rem; color: #fff; font-family: 'apr';}
.service-txt .top-tip{padding-top: 0.2rem; font-size: 0.135rem; color: #77D3DB; line-height: 1.4;}

/*--related--*/
.related{ padding: 0.2rem 0 0.3rem;}
.related-tit{color:#333; font-size: 0.28rem; font-family: 'apm';}
.related-list{ padding: 0.18rem 0;}
.related-list li{ font-size: 0.16rem; font-family: 'apr'; line-height: 1.8;}
.related-list li a{ color:#336699;}