@charset "utf-8";


@media (min-width: 440px) { html { font-size: 18px; } }
@media (min-width: 440px) and (max-width: 639px) { html { font-size: 19px; } }
@media (min-width: 640px) and (max-width: 767px) { html { font-size: 20px; } }
@media (min-width: 768px) and (max-width: 1024px) { html { font-size: 22px; } }
@media (min-width: 1025px) and (max-width: 1099px){ html { font-size: 23px; } }
@media (min-width: 1100px) and (max-width: 1279px){ html { font-size: 24px; } }
@media (min-width: 1280px) and (max-width: 1365px){ html { font-size: 25px; } }
@media (min-width: 1266px) and (max-width: 1439px){ html { font-size: 26px; } }
@media (min-width: 1439px) and (max-width: 1679px){ html { font-size: 27px; } }
@media (min-width: 1680px) and (max-width: 1920px){ html { font-size: 28px; } }
@media (min-width: 1921px) { html { font-size: 29px; } }



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; outline: none; }
html {  overflow-x: hidden;}
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}


/* always display scrollbars */

body {margin: 0 auto; 
 color: #000000; 
background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank); overflow-y:visible\9; -webkit-text-size-adjust: 100% !important;}

/*@font-face {*/
/*  font-family: "SourceHanSansCN-Normal";*/
/*  src: url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"),*/
/*       url("../fonts/SourceHanSansCN-Normal.eot") format("embedded-opentype"),*/
/*       url("../fonts/SourceHanSansCN-Normal.svg") format("svg");*/
/*}*/

/*@font-face {*/
/*	font-family: "SourceHanSansCN-Medium";*/
/*	src: url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"),*/
/*		 url("../fonts/SourceHanSansCN-Medium.eot") format("embedded-opentype"),*/
/*		 url("../fonts/SourceHanSansCN-Medium.svg") format("svg");*/
/*}*/

/*@font-face {*/
/*	font-family: "SourceHanSansCN-Regular";*/
/*	src: url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),*/
/*		 url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),*/
/*		 url("../fonts/SourceHanSansCN-Regular.svg") format("svg");*/
/*}*/


body::-webkit-scrollbar {
	width: 6px;
	background-color: #fff
}

body::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #fff
}

body::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #003da6;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; vertical-align:middle;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #30d8a8; color: #fff; text-shadow: none; }
::selection { background: #30d8a8; color: #fff; text-shadow: none; }
::-webkit-selection { background: #30d8a8; color: #fff; text-shadow: none;}

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; color:inherit;}
a:active, a:hover { text-decoration: none; color:inherit;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }

.lf { float: left; display: inline-block; }
.rf { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.f-no { display: flex;flex-flow: row wrap;}
.juzhong{ width:94%; max-width:1280px; margin:0 auto;}




/********左边浮动框**************/
.myTop{width: 60px; height: 240px;position:absolute;left:30px;top:40%; z-index: 9;}
.myTop a{width: 100%; 
	height: 60px;
	opacity: 1; 
	text-align: center;
	line-height: 60px;
	color: #000; 
	display: block; 
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}
.myTop p{height: 60px; 
	line-height: 60px; 
	width: 60px; 
	color: rgba(0,0,0,0); 
	font-size: 14px; 
	position: absolute; 
	left: 0; 
	top: 0;
	text-align:center;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.myPhone p{background:url(../images/icon_tel.png) center center no-repeat;background-size:30px;}
.myPhone:hover p{background: rgba(0,0,0,.4) url(../images/icon_tel.png) no-repeat 10px center;width: 200px;left:0px;color: #fff;background-size: 30px;}

.myTime p{background:url(../images/icon_time.png) center center no-repeat;background-size:30px;}
.myTime:hover p{background: rgba(0,0,0,.4) url(../images/icon_time.png) no-repeat 10px center;width: 200px;left:0px;color: #fff;padding-left: 10px;background-size: 30px;}

.myEmail p{background:url(../images/icon_email.png) center center no-repeat;background-size:30px;}
.myEmail:hover p{background: rgba(0,0,0,.4) url(../images/icon_email.png) no-repeat 10px center;width: 280px;left:0px;color: #fff; padding-left: 10px;background-size: 30px;}

.myweixin{ position: relative; width: 100%; height: 100px; background: rgba(255,255,255,.15) url(../images/wxs1.png) no-repeat 32px center;}
.myweixin:hover{background: rgba(255,255,255,.15) url(../images/wxs2.png) no-repeat 32px center; background-color: rgba(0,0,0,.1);}
.myweixin img{ width: 100px; height: 100%; position: absolute; left: -100px; top: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -4;
	filter: alpha(opacity='0');
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
}
.myweixin:hover img{
	opacity: 1;
	visibility: visible;
	z-index: 1;
	filter: alpha(opacity='100');
}


@media (max-width:767px){
.myTop{ display:none;}
}
/********头部**************/
.header{ position:relative; /*left: 0; top: 0;*/ z-index: 99; width: 100%; transition: 0.4s;background: #f5f5f7; height: 114px;}
.header.active,.header.active1,.header.active2{ background: #f5f5f7;  position: fixed;}
.header.active .logo img.logo-show,.header.active1 .logo img.logo-show,.header.active2 .logo img.logo-show{ opacity: 0; visibility: hidden;}
.header.active .logo img.logo-hide,.header.active1 .logo img.logo-hide,.header.active2 .logo img.logo-hide{ opacity: 1; visibility: visible;}
.header.active .navs >li >a,.header.active1 .navs >li >a,.header.active2 .navs >li >a{ color: #000000;}
.header.active .navs >li >a small, .header.active1 .navs >li >a small, .header.active2 .navs >li >a small{ color: #bfbfbf;}
.header.active .language .lanbtn,.header.active1 .language .lanbtn,.header.active2 .language .lanbtn{ color: #000;}
.header.active .language .lanbtn i:before,.header.active1 .language .lanbtn i:before,.header.active2 .language .lanbtn i:before{ color: #000;}
.header.active .searchs:before,.header.active1 .searchs:before,.header.active2 .searchs:before{ color: #000;}
.header.active .searchs:after,.header.active1 .searchs:after,.header.active2 .searchs:after{ background: #000000; opacity: 0.5; filter:alpha(opacity=50);}

.logo{position:absolute;z-index: 5;float: left;margin-left: 49px;margin-top: 29px;color: #003da6;font-size:26px;}
.logo img{ display:inline-block; height: auto; transition: 0.4s; max-height:50px; margin-right:30px; float:left;}
.logo .logo-show{float: left;display: contents;line-height:77.5px;letter-spacing: 3px;font-size: 24px;}
.logo .logo-hide{ display:none;}

.navs{ float:right; margin-right:3%;z-index: 4;}
.navs >li{ position: relative; float: left;}
.navs >li >a{position: relative;display: block;padding: 0px 20px;height: 114px;text-align: center;color: #000000;font-size:16px;line-height: 114px;}
.navs >li >a small{ display: block; line-height: 1; font-family: Arial !important; font-size: 12px; font-weight: normal;}
.navs >li >a span{ background:url(../images/icon_nav.png) center center no-repeat; width:12px; height:14px;background-size: contain; margin-left:10px; display:inline-block;transition: 0.1s;}
.navs >li:hover >a span,.navs >li.active >a span{background:url(../images/icon_nav01.png) center center no-repeat;background-size: contain;}
.navs >li:hover >a,.navs >li.active >a{ color:#003da6;}

.navs >li:nth-child(1) .nav-item{width: 155%;left: -20px;}
.navs >li:nth-child(2) .nav-item{width:116%;}
.navs >li:nth-child(3) .nav-item{width:108%;}
.navs >li:nth-child(4) .nav-item{left: 0px;width:110%;}
/*.navs >li >a:before{ content: ""; width: 0; height: 4px; background: #0068b6; position: absolute; right: 0; bottom: 0; transition: 0.45s cubic-bezier(0.7, 0, 0.3, 1);}
.navs >li:hover >a:before,.navs >li.active >a:before{ width: 100%; right: auto; left: 0;}
*/
.nav-item{position: absolute;left: 0;top: 100%;padding: 0px 20px;z-index: 3; height: 0;overflow: hidden;background: #fff;box-shadow:0px 4px 10px rgba(0,0,0,0.5);/* width: 100%; */}
.navs li.active .nav-item{ height:auto;}




@media (max-width:1201px){
.navs{ float:right; margin-right:0px;z-index: 4;}
}


.nav-item li a{display: block;line-height: 3;color: #000;font-size: 14px;} 
.nav-item li a img{padding-right: 0.3rem;vertical-align:middle;max-width:25px;} 
.nav-item li a svg{padding-right: 0.3rem;vertical-align:sub;max-width:25px; height:auto;} 
.nav-item li a:hover{ color: #0068b6;}
.nav-item li ul {overflow:hidden;margin-top: -10px;margin-left: 20px;}
.nav-item li ul li{ float:left;}
.nav-item li ul li a{line-height:1;font-size:14px;color:#787f88;padding-left: 5px;}

.menu-bg{ position: absolute; left: 0; top: 100%; width: 100%; height: 0; background: #fff; overflow: hidden; display: none !important;}
.menu-bg:before{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 1px; background: #707070; background: rgba(112,112,112,0.15);}

.header-btn{ float: right;margin-right:3%;}
.language{float: left;position: relative;margin-top: 42px;padding-bottom: 42px;}
.language .lanbtn{display: block;padding: 0 24px;line-height: 30px;color: #003da6;font-size: 16px;cursor: pointer;transition: 0.36s;}
.language .lanbtn i{ display: inline-block; margin-left: 10px; font-size: 10px; font-weight: normal; vertical-align: middle; position: relative; transition: 0.38s;}
.language .lanbtn i.icon--11:before { color: #003da6;}

.language-menu{position:absolute;top:100%;box-shadow:0px 4px 10px rgba(0,0,0,0.5);left: -5%;z-index:1;width: 110%;padding:13px 0;background:#fff;display:none;}
.language-menu a{display:block;line-height:45px;color:#1c1c1c;/*text-align: center;*/font-size: 16px;background: url(../images/icon_yu.png) left 15px center no-repeat;background-size: 9px 15px;padding-left: 33px;}
.language-menu a:hover{ color: #0068b6;}
.language:hover .lanbtn i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.language:hover .language-menu{ display:block;}


.searchs{position: relative;float: left;height: 114px;line-height: 114px;padding: 0 0.5rem;color: #fff;font-size:16px;cursor: pointer;}
.searchs:before{ transition: 0.38s;color: #787e87;}
.searchs:hover:before{ color: #003da6;}
.searchs:after{ position: absolute; left: 0; top: 50%; margin-top: -15px; content: ""; width: 1px; height: 30px; background: #dcdcdc; opacity: 0.5; filter:alpha(opacity=0.5);} 

.menubtn{position:relative;z-index: 20;float: right;transition: 0.4s;width: 40px;height: 114px;cursor: pointer;}
.menuiphone{ display: none;}
.menubtn span{display:block;width:24px;height:2px;background:#787e87;margin:auto;margin-top: 57px;position:relative;vertical-align: middle;-webkit-transition-duration: .3s,.3s;-moz-transition-duration: .3s,.3s;-ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s;transition-delay: .3s,0s;}
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #787e87; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menubtn span:before {top: -10px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -10px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.search-box{ position: absolute; left: 0; top: 100%; width: 100%; background: #fff; height: 0; overflow: hidden;}
.search-wrapper{ padding: 104px 0 112px; border-top: 1px solid #707070; border: 1px solid rgba(112,112,112,0.15);}
.search-hidden{ position: relative; width: 798px; margin: auto;}
.search-wrapper .search-text{ padding: 0; padding: 20px 0 20px 12px; margin: 0; border: 0; border-bottom: 2px solid #707070; box-sizing: border-box; width: 100%; color: #666666; font-size: 16px; line-height: 1; font-weight: lighter; background: none; font-family: "微软雅黑";}
.search-wrapper .search-text:focus{ border-bottom-color: #0068b6;}
.search-wrapper .search-text::-webkit-input-placeholder{ color: #666666;}
.search-wrapper .search-text:focus::-webkit-input-placeholder{ opacity: 0; visibility: hidden;}
.search-wrapper .search-sub{ position: absolute; right: 0; top: 0; display: block; margin: 0; border: 0; height: 63px; line-height: 63px; padding: 0 6px; cursor: pointer; background: none; outline: none;}
.search-wrapper .search-sub:before{ color: #000000; font-size: 22px; transition: 0.35s;}
.search-wrapper .search-sub:hover:before{ color: #003da6;}

.navigate{position: fixed;left: 0;top: 114px;bottom: 0;width: 100%;height: 0;overflow: hidden;background: #fff;overflow: hidden;text-align: center;}
.navigate:before{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 1px; background: #707070; background: rgba(112,112,112,0.15);}
.navigate-wrapper{ display: inline-block; margin: auto; margin-top: 104px; text-align: left;}
.navigate-item{ display: block; float: left; margin-left: 157px;}
.navigate-item:first-child{ margin-left: 0;}
.navigate-item dt{display: block;line-height: 2.5;}
.navigate-item dt a{display: inline-block;color: #003da6;font-size: 0.9rem;}
.navigate-item dt a:hover{ color: #0068b6;}
.navigate-item dd{ display: block;}
.navbtn{/* margin-bottom: 5px; */}
.navbtn a{display: inline-block;color: #666666;font-size: 16px;line-height: 2;/* font-weight: lighter; */}
.navbtn a:hover{ color: #0068b6;}

.menu-leve{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; background: #fff;}
.menu-leve:before{ position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 1px; background: #707070; background: rgba(112,112,112,0.15);}
.navigateis{ position: fixed; left: 0; top: 59px; bottom: 0; width: 100%; background: #F8F8F8; border-top: 1px solid rgba(0,0,0,0.1); padding-bottom: 30px; overflow-y: auto; transform: translate3D(100%, 0, 0); -webkit-transform: translate3D(100%, 0, 0); visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1);}
.navigateis.show{ visibility: visible; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}
.navigatewr{ padding-top: 38px;}
.navigatewr >li{margin-bottom: 14px;text-align: left;/* padding-left: 2rem; */}
.navigatewr >li:nth-child(1) >a{ background:none;}

.navigatewr >li >a{display: block;color: #333333;font-size: 16px;font-weight: bold;line-height: 1.5;margin-bottom: 10px;padding-left: 2rem;background: url(../images/icon_navm.png) center right 20px no-repeat;}
.navigatewr >li.active >a{background:url(../images/icon_nav01.png) center right 20px no-repeat;}



/***********下拉***********/
.lang_sel{  position:fixed; bottom:20px; background: url(../images/icon_navm.png) center right 20px no-repeat;padding-left:2rem; width:100%;}
.lang_se_rh { margin:0; padding:0; cursor:pointer;}
.lang_se_rh span{ background: url(../images/header_gl.png) left center no-repeat; padding-left:25px;}

.lang_se_rh a {line-height:45px;font-size:14px;color:#fff; display: block;}
.lang_se_rh a span{color:#fff;}


.lang_Link { width:auto; height:auto;margin:0; padding:0;position:absolute; left:0%; z-index:999; display:none; top:-135px}

.lang_Link a{display:block;line-height:45px;color:#1c1c1c;font-size: 16px;background: url(../images/icon_yu.png) left 2rem center no-repeat;background-size: 9px 15px;padding-left: 3rem;}

	




.leval-menu{padding: 5px 0;background: #fff;display: none;}
.leval-menu li{margin: 10px 0px;text-align: initial;padding-left: 2rem;}
.leval-menu li a{ display: inline-block; color: #666666; font-size: 14px;}
.leval-menu li a:hover{ color: #0068b6;}

/*banner*/

.banner { width:100%;overflow: hidden; position:relative;margin-bottom:3.5rem;}
.banner img {display: block; width: 100%;}
.banner .banner_img{ position:absolute; top:0; left:0;
	animation:myfirst 3s;
	-webkit-animation:myfirst 3s;
}

@keyframes myfirst
{
	0%   {left:0px; }
	25%  {left:-50px; }
	50%  {left:0px; }
	75%  {left:50px; }
	100% {left:0px;}
}

@-webkit-keyframes myfirst
{
	0%   {left:0px; }
	25%  {left:-50px; }
	50%  {left:0px; }
	75%  {left:50px; }
	100% {left:0px;}
}


.banner .banner-txt {position: absolute;bottom:12%;left: 0;width: 100%;text-align: center;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;/* animation-duration: 1s; *//* -webkit-animation-name: fadeOutDown; */-moz-animation-name: fadeOutDown;-o-animation-name: fadeOutDown;/* animation-name: fadeOutDown; *//* -webkit-animation-fill-mode: both; */-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-timing-function: ease-in-out;-moz-animation-timing-function: ease-in-out;-o-animation-timing-function: ease-in-out;}
.banner .banner-txt h1 {font-size: 1.8rem;color: #003da6;font-weight:normal;line-height: 1;}
.banner .banner-txt p {font-size: 0.8rem;color: #003da6;line-height: 1.6;margin-top: 10px;}

.banner.swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction { bottom: 20px;}
.banner .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin:0px 8px !important;
  border: 2px solid #003da6;background: rgba(255, 255, 255, 1);
  -moz-background-size: 100%;
  background-size: 100%;
  opacity: 1;
}
.banner .swiper-pagination-bullet:first-child {
  margin:0px 8px !important;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #003da6;border: 2px solid #003da6;
  -moz-background-size: 100%;
  background-size: 100%;
}

.banner .swiper-button-next,.banner .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
}
.banner .swiper-button-prev{ background: url('../images/banner-prev.png') no-repeat center center;}
.banner .swiper-button-next{ background: url('../images/banner-next.png') no-repeat center center;}



.banner .pc{ display:block;}
.banner .mc{ display:none;}

@media (max-width:767px){
.banner .pc{ display:none;}
.banner .mc{ display:block;}
.banner .banner-txt{bottom: 5%;}

.banner.swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction { bottom:0px;}
.banner {margin-bottom: 54px;}
}


/*********选型*****************/
.index_type_select{ width:100%; overflow:hidden;}


.index_type_select .index_type_title{height: 450px;background:url(../images/type_select_bg.jpg) top center no-repeat;overflow: hidden;position:relative;text-align:center;color:#fff;font-size: 1.4rem;line-height:1;}
.index_type_select .index_type_title img{ max-width:100%; display:none;}
.index_type_title .index_type_box{ position:absolute; top:35%; width:100%;}
.type_box_form{margin-top: 1rem;}
.type_box_form .type_search{display:inline-block;}
.type_box_form .type_search .type_txt{outline:none;width: 500px;border-radius: 0px;height:50px;line-height: 50px;border: none;float:left;font-size: 16px;overflow:hidden;padding: 20px;}
.type_box_form .type_search .type_btn{outline:none;width: 50px;border-radius: 0px;height: 50px;vertical-align: top;font-size: 0;border:none;background: #003da6 url(../images/search.png) no-repeat center;background-size: contain;cursor:pointer;overflow:hidden;}







.type_select_box{margin-top:3.5rem;}
.type_select_box .sec2_img{ position:relative; width:100%; height:100%;transition: 0.38s; overflow:hidden;}
.type_select_box .sec2_img img{width:100%; vertical-align:middle;transition: 0.35s;}
.type_select_box .sec2_img span{ position: absolute; width:100%; height:100%; left:0;  top:0; background:#a6a9b0;mix-blend-mode: multiply;}

.type_select_box .sec2_list1{position: absolute;top:45%;width: 100%;text-align: center;box-sizing: border-box;}
.type_select_box .sec2_list1 h2{font-size:20px;color: white;line-height:1.5;font-weight: normal;}
.type_select_box .sec2_list1 h2 span {display: block;font-size: 16px;line-height:1.5;text-transform: uppercase;font-family:Arial;}
.type_select_box .sec2_list1 span.more {font-size: 15.5px;color:#fff; border:1px solid #fff; padding:2px 15px; display:inline-block; margin-top:10px;}
.type_select_box .swiper-slide .txt{position: absolute;top:50%;width: 100%;transform: translateY(-50%);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s; display:none;}
.type_select_box .swiper-slide .txt .inner{display:block;vertical-align:middle;text-align:center;color:#fff}
.type_select_box .swiper-slide .txt b.t{display:block;font-size: 20px;line-height:1.5;font-weight: normal;}
.type_select_box .swiper-slide .txt b.t span {display: block;font-size: 16px;line-height:1.5;text-transform: uppercase;font-weight: normal;font-family:Arial;}
.type_select_box .swiper-slide .txt ul.list02{display:block; text-align:center; margin-top:5px;}
.type_select_box .swiper-slide .txt ul.list02 li{display:block;font-size:16px;line-height:2;}
.type_select_box .swiper-slide .txt ul.list02 li img{ margin-right:2px; max-width: 8px;}
.type_select_box .swiper-slide .txt ul.list02 li span{ width:102px; display:inline-block; text-align:left;}

.type_select_box .swiper-slide:hover .sec2_img span{ background:#003da5; }
.type_select_box .swiper-slide:hover .sec2_img img{transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);}
.type_select_box .swiper-slide:hover .sec2_list1{opacity:0;}
.type_select_box .swiper-slide:hover .txt{ display:block;}

.mtype_select_box{ display:none;}
.ptype_select_box{display:block;margin-top: 3.5rem;}



.pindex_type_title{ display:block;}
.mindex_type_title{ display:none;}

@media (max-width:640px){
.ptype_select_box{ display:none;}
.mtype_select_box{display:block;margin-top: 54px;}

.pindex_type_title{ display:none;}
.mindex_type_title{ display:block;}
.index_type_select .index_type_title {height: 340px;/* font-size: 1.2rem; */}
.type_box_form .type_search .type_txt {width: calc(100% - 55px);height: 54px;line-height: 54px;}
.type_box_form .type_search .type_btn{outline:none;width:54px;border-radius: 0px;height: 54px;vertical-align: top;font-size: 0;border:none;background: #003da6 url(../images/search.png) no-repeat center;background-size: contain;cursor:pointer;overflow:hidden;}


.mtype_select_box .swiper-button-next{ display:block;background: url(../images/feel4.png) no-repeat center center; position: absolute;right: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}
.mtype_select_box .swiper-button-prev{ display:block;background: url(../images/feel3.png) no-repeat center center; position: absolute;left: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}


}


/*********新闻*****************/
.index_news_bg{ width:100%; overflow:hidden; padding:5% 0px 200px; background:url(../images/kaiquan_tit.png) right  bottom no-repeat;}
.index_news_bg .index_news_title{ text-align:center;}
.index_news_bg .index_news_title h1{font-size: 70px;color: #003da6;line-height: 1.1;text-transform:uppercase;font-family:Arial;}
.index_news_bg .index_news_title h1 span{ font-weight:normal;}
.index_news_bg .index_news_title h2{font-size: 23px;color: #1c1c1c;line-height:2;font-weight:normal;}
.index_news_bg .index_news_title p{font-size: 15px;color: #787f88;line-height:1.5;}

.index_news_bg .juzhong{width: 94%;max-width: 1300px;margin: 0 auto;}

@media (max-width:767px){
.index_news_bg .index_news_title h1{font-size: 2rem;}
.index_news_bg{ width:100%; overflow:hidden; padding:5% 0px 2rem; }
}


.pc-slide { width:100%; margin:0 auto; margin-top:2.2rem;}
.view .swiper-container {transform: translateY(0);overflow: hidden;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.view .swiper-slide{ padding:10px;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;transform:translateY(0); overflow: hidden;}
.view .news_box{ background:#fff url(../images/news_bg.png) right bottom no-repeat; background-size: 35%;box-shadow:0 0 10px #CCCCCC; overflow:hidden; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transform: translateY(0);}
.view .lf{ width:50%; float:left; overflow:hidden;border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;transform: translateY(0);}
/*.view .lf img{ width:100%;transition: 0.38s; height:100%;border-radius: 10px 0px 0px 10px;height: 20vw; min-height: 400px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;}*/
.view .lf img{
	width:100%; height:auto; aspect-ratio: 16 / 9; object-fit:cover;
	transition: 0.38s; 
	border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;}

.view .swiper-slide:hover .lf img{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1)}

.view .rf{ width:50%; float:right; padding:4% 3% 0px; position:relative;}
.view .rf .news_data{color:#003da6;font-size: 2.3rem;line-height:1.1;font-weight: bold;}
.view .rf .news_data span{display:block;font-size: 14px;color:#787f88;font-weight:normal;}
.view .rf .news_tit{color:#1c1c1c;font-size: 0.8rem;line-height:2;margin-top:4%;transition: 0.2s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.view .rf .news_info{
    color:#787f88;
    font-size: 15px;
    line-height:1.6;
    margin-bottom:15%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:pointer;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    }
.view .rf .news_more{color:#003da6;font-size: 15px;position:absolute;bottom:2%;transition: 0.2s;}
.view .rf .news_more:hover{ margin-left:5px;}
.view .swiper-slide:hover .rf .news_tit{ color:#003da6;}



@media (max-width:767px){
.view .news_box { background-size: 80% 35%;max-height:auto !important;}
.view .lf{ width:100%;  height: 250px;}
.view .rf{ width:100%;padding: 3% 3% 3%;}
.view .rf .news_more { bottom: 10%;}

.view .rf .news_tit{color:#1c1c1c;font-size: 16px;}
.view .rf .news_info{font-size: 14px; }


}

/*
@media (max-width: 450px){
.view .lf {
    width: 100%;
    height: 190px;
}
}
*/

.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container {width: 100%;margin-left:0px;}
.preview .swiper-slide {width:16.66%; padding:15px 10px;cursor:pointer;text-align: center;border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;overflow: hidden;transform: translateY(0);}
.preview .swiper-slide .xt_on{border-radius: 10px; height:auto; aspect-ratio: 16 / 9; -moz-border-radius: 10px;-webkit-border-radius: 10px; box-shadow:0 0 15px #CCCCCC;position:relative;overflow: hidden;transform: translateY(0);}
.preview .swiper-slide .xt_on img{ width:100%; height:100%;object-fit:cover; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transition: 0.38s; }
/*
.preview .swiper-slide .xt_on{border-radius: 10px; height: 6.5vw;-moz-border-radius: 10px;-webkit-border-radius: 10px; box-shadow:0 0 15px #CCCCCC;position:relative;overflow: hidden;transform: translateY(0);}
.preview .swiper-slide .xt_on img{ width:100%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transition: 0.38s; height:100%;}
*/

.preview .swiper-slide:hover img{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1)}
.preview .slide6 span{position:absolute;top: 50%;margin-top: -10px;display:block;width:100%;color:#003da6;font-size: 0.65rem;transition: 0.38s;left: 0;}

.preview .slide6:hover span{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari & Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1)}

.preview .slide6:hover img{transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari & Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1)}

.preview .swiper-slide:hover .xt_on:after {
    content: ""; position:absolute; z-index:9;
    display: block;
    width: 100%;
    height: 5px;
	border-radius:10px;
    background: #30d8a8;
	margin-top:-5px;

}

/*.preview .active-nav .xt_on:after {
    content: ""; position:absolute; z-index:9;
    display: block;
    width: 100%;
    height: 5px;
	border-radius:10px;
    background: #30d8a8;
	margin-top:-5px;

}*/

.preview .marrow-left {
	background: url(../images/feel3.png) no-repeat center center;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -30px;
	width: 30px;
	height: 60px;
	z-index: 10;
	display:none;
	background-size: contain;
}
.preview .marrow-right {
	background: url(../images/feel4.png) no-repeat center center;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -30px;
	width: 30px;
	height: 60px;background-size: contain;
	z-index: 10;display:none;
}


@media (max-width:767px){
.preview .swiper-slide { width: 33.33%; padding:10px;}
.preview .swiper-slide .xt_on { /*height:60px;*/ box-shadow: 0 0 12px #CCCCCC;}

.preview .marrow-left { display:block;}
.preview .marrow-right {display:block;}


}

/**********底部*****************/

.footer {background: #f5f5f7;padding: 200px 0px 0px;}
.footer .footer-logo {color: #003da6;padding: 0px 0px 1rem;line-height:1;font-weight:bold;font-size: 1rem;border-bottom: 2px solid #003da6;}
.footer .footer-logo img{ max-width:30%;}
.footer .footer-logo svg{ max-width:30%;}
.footer .footer-logo .p2{ font-family:Arial; font-size:0.618rem; line-height:1.5;}


.footer .footer-top-box {}
.footer .footer-top {padding:  1rem 0;/* border-top: 2px solid #003da6; */}
.footer .footer-top .leftbox {width: 75%;}
.footer .footer-top .leftbox .li {width: 25%;}
.footer .footer-top .leftbox .tit2 {line-height: 2.5;font-size:18px;color:#003da6;}
.footer .footer-top .leftbox .tit3 {display: block; font-size: 15px; color:#787f88;line-height: 2.6;}
.footer .footer-top .leftbox .tit3:hover {color: #003da6;}

.in_inwx{width:100%;height: 37px; margin-bottom: 30px;}
.in_jhshd_right{ float:right;position: relative;}

.footer-wechat-popup { position: relative;float:left; color:#7a8089; margin-left: 8px;}
.footer-wechat-popup i{ font-size:36px; color:#7a8089; cursor:pointer;}


.wechat-popup-bd{top:-9999rem;position:absolute; display: none;-webkit-transition:opacity .5s;transition:opacity .5s;left:50%;-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);transform:translateX(-50%);width:140px;padding:.1rem;background:#fff}
.wechat-popup-bd img{display:block;width:100%;height:auto}
.footer-wechat-popup:hover .wechat-popup-bd{top:-20px;-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%); display:block}
.footer-wechat-popup:hover i{ color:#003da6;}


.footer .footer-bot {
  border-top:2px solid #003da6;
  padding: 1rem 0px 3rem;
  color: #003da6;
  font-size: 12px;
  line-height: 2;
  flex-flow: row-reverse wrap;
}
.footer .footer-bot span {color: #003da6; font-size: 12px;}
.footer .footer-bot a { color: #003da6;}
.footer .footer-bot .right{ float:right;}




@media (max-width: 1024px) {
  .footer .footer-logo img{ max-width:50%;}	
  .footer .footer-logo svg{ max-width:50%;}	
  .footer .footer-logo { text-align:center;}
  .footer .footer-top .leftbox {display: none;}
  .footer .footer-bot {border-top:none;}
  .footer .footer-top{display: none;}
  .footer .footer-bot span { width: 100%;text-align: center; display: block;}
  .footer .footer-bot .right {width: 100%;text-align: center; display: block;}

}

@media (max-width: 767px) {.footer {background: #f5f5f7;padding:2rem 0px 0px;} .footer .footer-logo img{ max-width:70%;}}