/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/ font-family: Arial;}
a{color:#666;}
a:hover{ color:#3688bd; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1296px !important; margin:0 auto; max-width:1296px !important;}

@font-face {
    font-family: MoonTime;
    src: url('../fonts/MoonTime-Regular.eot');
    src: url('../fonts/MoonTime-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MoonTime-Regular.woff2') format('woff2'),
        url('../fonts/MoonTime-Regular.woff') format('woff'),
        url('../fonts/MoonTime-Regular.ttf') format('truetype'),
        url('../fonts/MoonTime-Regular.svg#MoonTime-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.top-bg{ width:100%; position:fixed;    border-bottom: 1px solid rgba(0, 173, 174, 0.2); padding: 8px 0; transition: all 500ms ease-in-out; z-index:99; top:0}
.top{ display: flex;  align-items: center}
.top i{ font-size:24px; color:#212529;}
.top a{ font-size:14px; color:#575656; display:block; font-weight: 500; margin:0 4px}
.header-bg{ width:100%; position:fixed; top:41px; z-index:99;     transition: all 500ms ease-in-out; padding: 10px 0;}
.header{ display: flex; justify-content: space-between;  align-items:flex-start;transition: all 0.5s; }
.logo{ display:block;width: 16.66666667%; transition: all 0.5s;}
.logo img{ max-width:100%}
.anne{}
.anne a{ color:#fff;margin-top: 10px; font-size:17px;background: linear-gradient(to right, #00adae 0%, #427fc0 50%, #00adae 100%);  background-size: 200%;    padding: 13px 20px;display: inline-block; border-radius:6px; font-weight:500;    text-transform: uppercase;    margin-left: 12px;}


.header01{ display: flex;   align-items: center;}

/*menu*/
.menu{height:34px;line-height:60px;}
.menu ul li{float:left;position:relative;}
.menu ul li span a{padding: 0 1.5vw;position:relative}
.menu ul li dl{background: #00adae;width: auto;position:absolute;left: auto;top:35px;display:none;}
.menu ul li dl dd{line-height:28px;border-bottom: 1px solid rgba(255,255,255,.2);/* margin:0 10px; */}
.menu ul li dl dd a{font-size: 16px;color: #333;font-weight:normal;padding: 0 10px;text-align:left;display: block;white-space: nowrap;}
.menu ul li dl dd a:hover{ color:#3688bd;}
.menu a{font-size:17px;color:#141515;text-decoration:none;font-weight:500;display:block;text-align:center;text-transform: uppercase;font-weight: bold;}
.menu a:hover{color:#3688bd}
a.menu_hover{ color:#3688bd;}
.menu ul li.menu_down span>a:before{
		      content: "\f0d7"; 	-webkit-font-smoothing: antialiased;
		display: inline-block;
		  font: normal normal normal 14px/1 FontAwesome;
		position: absolute;
		right: 0;
		top: 10px;
		vertical-align: text-bottom;
	}
.menu ul li.hover span>a{ color:#3688bd}
.navbar-s .header-bg{ background:#fff; top:0;box-shadow: 0px 0px 18px -4px #6e6e6e;}
.navbar-s .top-bg{ top:-41px}
.navbar-s .logo{ width: 260px;}
.navbar-s .logo img{ max-width:100%;}
.navbar-s .header01{ margin-top:1%}



.banner{ display:block;}
.banner img{ width:100%; vertical-align:bottom;}
.banner .img{ position:relative;}
.ms-info{position:absolute;top:0%;height:100%;width: 21%;display: inline-flex;justify-content: center;align-items: flex-start;flex-direction: column;z-index:9;left: 15%;}
.ms-info h2{ font-size:40px; color:#141515; font-weight:900;}
.banner .swiper-button-next, .banner .swiper-button-prev{
    width: 30px;
    background: url(../images/light-skin-1.png);
    background-position: -89px -26px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110; font-size:0 !important;
}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ display:none
}
.banner .swiper-button-next {
    right: 30px;
    left: auto;
    background-position: -89px -103px;
}

.title{ text-align:center;}
.title em{  font-size: 22px;color: #212121;  line-height: 27px; font-weight: 400;  font-family: MoonTime; font-style:normal;}
.title h2{    font-size: 30px; line-height: 27px;color: #214076;font-weight: 700;padding-top: 10px;}

.cent01{ margin-top:2%; padding-bottom:2%; border-bottom:1px solid rgb(192 192 201 / 34%)}
.cent01 ul li{ float:left; display:block; width:calc((100% - 4px)/5); border-right:1px solid rgb(192 192 201 / 34%); text-align:center; margin-top:2%; text-align:center;    min-height: 175px; box-sizing:border-box; padding:0 12px;}
.cent01 ul li:nth-child(5n){ border-right:0;}
.cent01 ul li .img{ width:103px; height:103px; border-radius:50%; display: flex; justify-content: center;  align-items: center; overflow:hidden; background:#f8f8f9; margin:0 auto;}
.cent01 ul li span{ font-size:18px; color:#141515; display:block; font-weight:bold; margin-top:3%}

.cent02{ margin-top:2%;}
.cent02 ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; background:#fff;    box-shadow: 0px 4px 13.02px 0.98px rgba(0, 0, 0, 0.1);  border-radius: 10px; margin-top:2%; overflow:hidden; text-align:center;}
.cent02 ul li:nth-child(4n){ margin-right:0;}
.cent02 ul li a{ display:block}
.cent02 ul li a .img{ padding-top:100%;}
.sup{ padding:0 20px 25px}
.sup h2{ font-size:18px; color:#141515; font-weight:600; line-height:27px; padding:10px 0;min-height: 85px;}
.sup span{  font-size: 17px;  color: #4d4d4d;  line-height: 27px; font-weight: 400;  margin-bottom: 20px;    min-height: 162px; display:block;}
.sup em{ font-style:normal;}
.read{    background: linear-gradient(to right, #427fc0 0%, #00adae 50%, #427fc0 100%);
    background-size: 200%;  display: inline-block;  color: #fff; border-radius: 6px; font-weight: 500; text-transform: uppercase;    padding: 8px 20px;   text-transform: capitalize;  font-size: 15px;}


.cent03-bg{ background:#214076; padding:3% 0; color:#fff; margin-top:3%}
.cent03{ text-align:center;}
.cent03 h2{ font-size:35px; font-weight:700; margin-bottom:2%;}
.cent03 span{ font-size:18px; line-height:30px; width:82%; display:block; margin:0 auto;}
.cent03 ul{ display: flex; justify-content: center;  align-items: center; padding:2% 0}
.cent03 ul li{    display: inline-block;  color: #fff;  font-weight: 500;  padding: 0px 15px; border-right: 1px solid #fff; font-size:16px;}
.cent03 ul li strong{    color: #0ca5b1;  font-weight: 500;}
.cent03 .moer a{font-size: 17px; text-transform: uppercase;     margin-left: 12px;}


.cent04{ margin-top:3%; margin-bottom:3%}
.cent0401{ position:relative; padding-bottom:3%; margin-top:3%;}
.cent0401 .img{border: 0px solid #e3e3e3;    background: url(../images/line-img01.png) no-repeat left bottom, #fff !important;  border-radius: 6px !important;  box-shadow: 0 4px 16px rgba(0,0,0,.1);  margin: 4px; padding: 25px 25px 25px}
.cent0401 .img .xinex i{ font-size:18px; color:#ffb900}
.cent0401 .img>span{	font-size:15px;color:#383838;line-height:22px;font-weight:500;background:url(../images/quote-icon01.png) no-repeat center bottom;min-height:208px;	margin:0;padding:0 0 75px; display:block; box-sizing:border-box;}
.cent0401 .img h4{ font-size:17px; color:#00adae; font-weight:700; display:block; margin:2% auto 0; text-align:center;}
.cent0401 .swiper-pagination02 span{ width:13px; height:13px; background:#464646; opacity:1 !important; }
.cent0401 .swiper-pagination-bullet-active{ background:#00adae !important; }

.footer-bg{ background:#091324; padding-top:2%; color:#fff; padding-bottom:2%}
.footer .le{ float:left; display:block;    border-right: 1px solid rgb(255 255 255 / 12%);  box-sizing:border-box;}
.footer .le:nth-child(4) {border-right:0;}
.footer ul li{ color:#fff;display: flex;  align-items: center;flex-wrap: wrap; font-size:15px; font-weight:500; line-height:27px;}
.footer ul li a{ color:#fff;}
.footer01{ width:16.66666667%;padding:0 12px;}
.footer02{ width:33.33333333%; padding:0 3%;}
.footer03{ width:33.33333333%; padding:0 3% ;}
.footer04{ width:16.66666667%; padding:0 2%;}
.footer04 ul{display: flex;  align-items: center;flex-wrap: wrap;}
.footer04 ul li a{ width:40px; height:40px; margin-right:10px}
.footer04 ul li a img{ width:100%; height:100%;}

.footer h2{    color: #00adae; font-size: 22px;  font-weight: 600; text-transform: uppercase;  padding-bottom: 25px; display:block;}
.footer h2 a{ color:#00adae}
.footer05{ padding:20px 0; text-align:center;    text-transform: uppercase; font-weight: 500;}
.footer05 span{ font-size:14px; color:#212121;}
.footer05 span a{ color:#212121}

.topLink{position: fixed;bottom: 50px;right: 0px;z-index: 99;border: none;outline: none;background: #00adae;cursor: pointer;padding: 12px 15px;width: 50px;height: 50px;border-radius: 50px;transition: all 0.5s;box-sizing:border-box;display: flex;justify-content: center;align-items: center;}

.top-h{ display:none}
.sp_header{display:none}
.sjj_nav{display:none}
.calee{ display:none}

.banner01{ width:100%; position:relative;}
.banner01 img{ display:block; height:auto;  object-fit: cover; width:100%; vertical-align:top}
.banner0101{ position:absolute; top:60%; left: 50%; transform: translate(-50%, 0); text-align:center}
.banner0101 h2{ font-size:33px; color:#fff; display:block;}

.cent05{ padding-top:3%;}
.cent05-l{ float:left; display:block; width:41%}
.cent05-l img{ width:100%; vertical-align:bottom;}
.cent05-r{ float:right; display:block; width:57%;}
.cent05-r h2{    font-size: 30px;  line-height: 32px;color: #214076;  font-weight: 700;  padding: 0 0 3%; display:block;}
.cent05-r span{    font-size: 17px;  color: #4d4d4d; line-height: 27px;font-weight: 400;  margin-bottom:  3%;}
.common_innner_listing{ margin-top:2%}
.common_innner_listing li{background: url(../images/tick-icon01.png) no-repeat left 4px;padding-left: 30px;margin: 0 0 10px;font-size:16px;color:#212529;margin-bottom: 1%;line-height:27px}


.cent06-bg{ background:#f8f8f8; margin-top:3%;}
.cent06{ padding-top:3%; padding-bottom:3%}
.cent06-r{ float:right; display:block; width:41%}
.cent06-r img{ width:100%; vertical-align:bottom;}
.cent06-1{ float:left; display:block; width:57%;}
.cent06-1 h2{    font-size: 30px;  line-height: 32px;color: #214076;  font-weight: 700;  padding: 0 0 3%; display:block;}
.cent06-1 span{    font-size: 17px;  color: #4d4d4d; line-height: 27px;font-weight: 400;  margin-bottom:  3%;}


.cent07-bg{ margin-top:3%; background:#214076; padding:3% 0}
.cent07{ text-align:center}
.cent07 h2{    font-size: 28px; line-height: 30px;  color: #fff; font-weight: 700;  padding: 0 0 20px;}
.cent07 h2 strong{ color:#00adae}
.cent07 span{    font-size: 17px;  color: #4d4d4d;  line-height: 27px;font-weight: 400;
 margin-bottom: 20px;    color: #fff; margin-bottom: 0; padding: 0 10%; display:block;}
 
 .cent08{ max-width:856px; box-sizing:border-box;    background: #fff;  box-shadow: 0 4px 16px rgba(0,0,0,.1); margin: 0; padding: 40px; margin:3% auto;}
 .cent08 ul li{ float:left; display:block; width:calc((100% - 4%)/2); margin-right:4%; margin-bottom:2%}
 .cent08 ul li:nth-child(2n) { margin-right: 0% ;}
 .cent08 ul li .input_text{ outline:none; text-indent: 10px;background: none;  border: 1px solid Rgba(0, 0, 0, .1);border-radius: 0;  height: 45px; font-size: 15px;  color: #4b4b4b; font-weight: 400; line-height:45px; width:100%;}
 .cent08 ul li .input_text::-webkit-input-placeholder{ color:#4b4b4b;}
 .weni{ width:100% !important; margin-right:0;}  
.weni span{padding-bottom: 10px; display:block; color:#212529; font-size:16px;}
.weni .wenize{background: none;border: 1px solid Rgba(0, 0, 0, .1);border-radius: 0;height: 45px;font-size: 15px;color: #4b4b4b;line-height: 19px;font-weight: 400;margin: 0;padding: 5px 6px;box-sizing:border-box;}
.weni .wenize .input_button{font-size:14px;padding: 7px 20px;display:inline-block;}
.text{outline:none; text-indent: 10px;background: none;  border: 1px solid Rgba(0, 0, 0, .1);border-radius: 0;  height: 90px; font-size: 15px;  color: #4b4b4b; font-weight: 400; line-height:45px; width:100%;    font-family: inherit;}
.text::-webkit-input-placeholder{ color:#4b4b4b;}
 .cent08 .input_button2{    padding: 15px 25px;     font-size: 17px;}
 
.cent09{ margin:3% auto;}
.cent09-r{ float:right; display:block; width:57%;    background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.1);  margin: 0;  padding: 40px; box-sizing:border-box;}
.cent09-r ul li{ float:left; display:block; width:calc((100% - 4%)/2); margin-right:4%; margin-bottom:2%}
.cent09-r ul li:nth-child(2n) { margin-right: 0% ;}
.cent09-r ul li .input_text{ outline:none; text-indent: 10px;background: none;  border: 1px solid Rgba(0, 0, 0, .1);border-radius: 0;  height: 45px; font-size: 15px;  color: #4b4b4b; font-weight: 400; line-height:45px; width:100%;}
.cent09-r ul li .input_text::-webkit-input-placeholder{ color:#4b4b4b;}
.cent09-r .input_button2{    padding: 15px 25px;     font-size: 17px;}
.cent09-l{ float:left; display:block; width:36%;}
.cent09-l ul li{ display: flex;   align-items: center; margin-bottom:8%}
.cent09-l ul li .img{ width:60px; height:60px;display: flex; justify-content: center;  align-items: center; background:#427fc0; border-radius:50%; margin-right:10px}
.cent09-l ul li .img img{ max-width:100%; max-height:100%}
.cent09-l ul li  h2{ font-size:22px; color:#427fc0; padding-bottom:10px; line-height:1;}
.cent09-l ul li  strong{ display:block; font-size:22px;line-height:1;}
.cent09-l ul li  a{ color:#4b4b4b}
.cent09-l ul li  em{ font-style:normal;line-height:1; font-size:17px;    color: #4b4b4b;}
.cent09-l ul li  span{line-height:1; font-size:20px;}
.cent09-l ul li  a:hover{color:#427fc0; }
 
.inside_con{ padding:10px 0; min-height:300px;} 
 @media screen and (min-width:980px) and (max-width:1350px){
	 .wapper{ width:90% !important;}}
 
 .cent10{ max-width:856px; box-sizing:border-box;    background: #fff;  box-shadow: 0 4px 16px rgba(0,0,0,.1); margin: 0; padding: 40px; margin:3% auto;background: #f3f3f3;}
.cent10 ul li{ float:left; display:block; width:calc((100% - 4%)/2); margin-right:4%; margin-bottom:2%}
.cent10 ul li:nth-child(2n) { margin-right: 0% ;}
.cent10 ul li .input_text{outline:none;text-indent: 10px;background: none;border: 1px solid #ccc;border-radius: 0;height: 45px;font-size: 15px;color: #4b4b4b;font-weight: 400;line-height:45px;width:100%;background: #fff;}
.cent10 ul li .input_text::-webkit-input-placeholder{ color:#939393;}
.cent10 .input_button2{    padding: 15px 25px;     font-size: 17px;}
.cent10 .weni .text{border: 1px solid #ccc;background: #fff; box-sizing:border-box;}
.cent10 .weni .text::-webkit-input-placeholder{ color:#939393;}
.cent10 ul li.weni p{ padding:0;     margin: 10px 0;  font-weight: 600;font-size: 18px; color: #27487e;}
.cent10 ul li label{font-size: 15px; font-weight: 500;   color: #4e4e4e;      display: inline-flex;  align-items: center;}
 .cent10 ul li label input{ margin-right:10px}
 .duoxua{    margin: 10px 0;  font-weight: 600;  font-size: 18px;  color: #27487e;}
  .cent10 ul li .select{outline:none;text-indent: 10px;background: none;border: 1px solid #ccc;border-radius: 0;height: 45px;font-size: 15px;color: #4b4b4b;font-weight: 400;line-height:45px;width:100%;background: #fff;}
 .cent10 ul li .select::-webkit-input-placeholder{ color:#939393;}
  
 
@media only screen and (max-width: 980px) {
	.wapper{ width:90% !important;}
	.head_bg{ display:none;}
	.top-h{ display:block; height:50px}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block;}
.sp_logo{/*padding:10px;*/float:left;height:50px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#214076;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block;}
.nav_show{top:50px}
/*.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}*/
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#214076}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	.ms-info{ width:70%;    top: 50%;  left: 50%; transform: translate(-50%,-50%); text-align:center}
	.ms-info h2{ font-size:22px;}
	
	.title h2{font-size:24px;}
	
	.cent01{ margin-top:5%;}
	.cent01 ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
	.cent01 ul li{ float:none; width: calc((100% - 1px) / 2);}
	.cent01 ul li:nth-child(2n){ border-right:0;}
	
	.cent02{ margin-top:5%;}
	.cent02 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	.sup span{ height:auto; min-height:inherit;}
	
	.cent03-bg{ margin-top:5%; padding:30px 0}
	.cent03 h2{ font-size:23px;}
	.cent03 span{ font-size:15px; line-height:22px;}
	.cent03 ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
	.cent03 ul li{    padding: 0px 10px 0;  width: 49%;  border-right: none;  text-align: center;  margin-bottom: 6px; box-sizing:border-box;}
	
	.read { padding: 10px 15px;font-size: 17px; margin-left: 10px;}

	.cent04{ margin-top:5%;}
	.cent0401{ padding-bottom:10%;}
	
	.footer-bg{ padding-top:5%;}
	.footer h2{ font-size:20px;    padding-bottom: 15px;}
	.footer .le{ float:none; display:block; width:100%;}
	.footer01{ padding:0;}
	.footer02{padding:0;}
	.footer03{  padding:0;}
	.footer04{padding:0;}
	.footer05{ padding:10px 0 50px}
	.calee{ display:block; position:fixed; left:0; width:100%; bottom:0}
	.calee a{text-align:center;width:50%;text-align:center;padding: 10px 0;color:#fff;background:#32cd32;display: block;float: left;font-size: 16px;}
	.calee a.pafe{ background:#01adae !important}
	
	.banner0101 h2{ font-size:20px;}
	.banner01 img{ min-height:30vh;}
	.cent05{ padding:5% 0;}
	.cent05-l{ float:none; display:block; width:100%}
	.cent05-r{ float:none; display:block; width:100%; margin-top:5%}
	.cent05-r h2{     font-size: 22px; line-height: 30px;  padding: 0 0 10px}
	.cent05-r span{    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;}
	
	.cent06{ padding:5% 0;}
	.cent06-1{ float:none; display:block; width:100%; margin-top:5%}
	.cent06-r{ float:none; display:block; width:100%}
	.cent06-1 h2{     font-size: 22px; line-height: 30px;  padding: 0 0 10px}
	.cent06-1 span{    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;}
	.cent07-bg{ padding:5% 0;}
	.cent07 h2{    font-size: 22px;padding: 0 0 10px;}
	.cent07 span { padding: 0;    font-size: 16px; line-height: 24px;}
	
	 .cent08{ width:90%;    margin: 20px  auto; padding: 26px;}
	 .cent08 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:4%}
	 
	 .cent09-l{ float:none; display:block; width:100%}
	 .cent09-r{ float:none; display:block; width:100%;padding: 26px; margin-top:5%}
	 .cent09-r ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:4%}
	 .cent09-l ul li strong{ font-size:17px}
	 .cent09-l ul li span{ font-size:16px}
	  .cent10{ width:90%;    margin: 20px  auto; padding: 26px;}
	.cent10 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:4%}
	}