/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,button, input, select, textarea /* for ie */ {
    font: 14px/1.0 "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover { text-decoration: none; cursor: pointer; }

sup { vertical-align: text-top; font-size: 0.5em;} /* 重置, 减少对行高的影响 */
sub { vertical-align: text-bottom; }
.white{color:#ffffff}
.blue{color:#2D71B4}

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; outline: none; border: none; background: none;} /* 使得表单元素在 ie 下能继承字体大小 */
button, input[type="button"] { cursor: pointer;-webkit-appearance: none;}
input::-ms-clear{display:none;}/*隐藏文本框叉子*/
input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
strong{
	/*font-weight: normal;*/
}
img{
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast;
  	image-rendering: crisp-edges;
	/* -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated; */
}
.is{
	display: block;
	height: 1px;
}

html{
	font-size: 100px;
}
body{
	color: #333;
	background: #fff;
	overflow-x: hidden;
}
.clear-both::after{
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.w1700{
    max-width: 1700px;
    width: 88%;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
}


.head-box{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	padding: 0.4rem 0;
	transition: all 0.5s ease;
}
.head-box .head-div{
	position: relative;
	height: 0.66rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.head-box .head-div .logo-a{
	position: absolute;
	width: 2.26rem;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(/static/img/logo1.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}
/* .head-box .head-div .logo-a img{
	height: 100%;
} */
.head-box .head-div .nav-ul{
	display: flex;
}
.head-box .head-div .nav-ul li{
	margin-right: 0.7rem;
}
.head-box .head-div .nav-ul li a{
	display: block;
	font-size: 0.16rem;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #fff;
	transition: all 0.5s ease;
}
.head-box .head-div .nav-ul li:first-of-type a::before{
	content: "\e63a";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.head-box .head-div .en-a{
	font-size: 0.16rem;
	color: #fff;
	transition: all 0.5s ease;
}

.head-box .head-div .search-div{
	margin-left: 0.5rem;
	flex-shrink: 0;
	width: 0.4rem;
	height: 0.4rem;
	position: relative;
}
.head-box .head-div .search-div form{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
	background-image: url(/static/img/skh.png);
	background-size: 100% 100%;
	font-size: 0.14rem;
	transition: all 0.5s ease;
}
.head-box .head-div .search-div input{
	flex-shrink: 0;
	width: 0;
	height: 100%;
	transition: all 0.5s ease;
	color: #fff;
}
.head-box .head-div .search-div .s_keywords::-webkit-input-placeholder { color: #fff; }
.head-box .head-div .search-div .s_keywords::-moz-placeholder { color: #fff; }
.head-box .head-div .search-div .s_keywords::-ms-input-placeholder { color: #fff; }
.head-box .head-div .search-div .s_keywords::input-placeholder { color: #fff; }
.head-box .head-div .search-div button{
	flex-shrink: 0;
	width: 0.4rem;
	height: 100%;
}
.head-box .head-div .search-div button::after{
	content: "\e64a";
	color: #fff;
	font-size: 0.24rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.head-box .head-div .search-div .container span.btn::after{
	content: "\eafe";
	color: #fff;
	font-size: 0.24rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.headh-box{
	padding: 0.2rem 0;
	background-color: #fff;
	box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);
}
.headh-box .head-div .logo-a{
	background-image: url(/static/img/logo1h.png);
}
.headh-box .head-div .nav-ul li a{
	color: #333;
}
.headh-box .head-div .en-a{
	color: #333;
}

.headh-box .head-div .nav-ul li.active a{
	color: #2D71B4;
}
.head-box .head-div .nav-ul li.pitchon a{
	color: #138484;
	background: #fff;
	padding: 0 10px;
	border-radius: 5px;
	text-align: center;
}
.info-body .head-box{
	padding: 0.2rem 0;
	background-color: #fff;
	box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);
}
.info-body .head-box .head-div .logo-a{
	background-image: url(/static/img/logo1h.png);
}
.info-body .head-box .head-div .nav-ul li a{
	color: #333;
}
.info-body .head-box .head-div .en-a{
	color: #333;
}

.head-box .menu-dl{
    display: none;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 0.1rem;
    right: 0.1rem;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right, #2d6eb2, #2895aa);
    cursor: pointer;
    z-index: 12;
	border-radius: 4px;
    transition: all 0.5s ease;
}
.head-box .menu-dl dt{
    width: 23px;
}

.head-box .menu-dl dt i{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 6px 0;
    transition: all 0.5s ease;
}
.head-box .menu-active {}
.head-box .menu-active dt i:nth-of-type(1){
    transform: rotate(45deg) translate(5.5px, 6px);
}
.head-box .menu-active dt i:nth-of-type(2){
    opacity: 0;
}
.head-box .menu-active dt i:nth-of-type(3){
    transform: rotate(-45deg) translate(5.5px, -6px);
}


.banner-box{
	width: 100%;
	height: 41.6vw;
	position: fixed;
	top: 0;
	left: 0;
}
.banner-box i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.banner-box h5{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}
.banner-box h5 strong{
	display: block;
	font-size: 0.6rem;
}
.banner-box h5 img{
	width: 1.0rem;
	margin: 0.2rem 0;
	/*margin: 0.1rem 0;
	visibility: hidden;*/
}
.banner-box h5 p{
	width: 50%;
	line-height: 1.6;
	font-size: 0.22rem;
}


.foot-box{
	position: relative;
	z-index: 3;
	color: #fff;
	background-color: #3e4d6a;
}
.foot-box .module1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.58rem 0 0.42rem;
	border-bottom: 1px solid #525f79;
}
.foot-box .module1 .logo-a{
	flex-shrink: 0;
	width: 2.74rem;
}
.foot-box .module1 .logo-a img{
	width: 100%;
}
.foot-box .module1 .h6{
	display: flex;
	align-items: center;
}
.foot-box .module1 .h6 a{
	flex-shrink: 0;
	width: 0.5rem;
	height: 0.5rem;
	text-align: center;
	line-height: 0.5rem;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.1);
	color: #fff;
	font-size: 0.22rem;
	margin-right: 0.16rem;
	position: relative;
	transition: all 0.5s ease;
}
.foot-box .module1 .h6 a:last-of-type{
	margin-right: 0;
}
/* .foot-box .module1 .h6 .wx-a::after{
	content: "\e601";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.foot-box .module1 .h6 .wb-a::after{
	content: "\e600";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.foot-box .module1 .h6 .zh-a::after{
	content: "\ea8b";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.foot-box .module1 .h6 .dy-a::after{
	content: "\e8db";
	font-size: 0.18rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
} */
.foot-box .module1 .h6 a .img{
	display: inline-block;
	vertical-align: middle;
	width: 0.24rem;
}
.foot-box .module1 .h6 a div{
	position: absolute;
	top: 140%;
	left: 50%;
	margin-left: -0.75rem;
	width: 1.5rem;
	background-color: #fff;
	border-radius: 0.14rem;
	box-sizing: border-box;
	padding: 0.12rem;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s ease;
}
.foot-box .module1 .h6 a div img{
	width: 100%;
}
.foot-box .module1 .h6 a div span{
	display: block;
	font-size: 0.14rem;
	line-height: 1.3;
	text-align: center;
	color: #666;
	margin-top: 0.1rem;
}

.foot-box .module2{
	padding: 0.38rem 0 0.6rem;
	display: flex;
	justify-content: space-between;
}
.foot-box .module2 .dl{
	
}
.foot-box .module2 .dl dd{
	margin-bottom: 0.26rem;
}
.foot-box .module2 .dl dd:last-of-type{
	margin-bottom: 0;
}
.foot-box .module2 .dl dd h6{
	font-size: 0.16rem;
	margin-bottom: 0.2rem;
}
.foot-box .module2 .dl dd strong{
	display: block;
	font-size: 0.24rem;
}
.foot-box .module2 .dl dd strong::before{
	content: "\e739";
	margin-right: 0.1rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.foot-box .module2 .dl dd p{
	font-size: 0.16rem;
}
.foot-box .module2 .dl dd .p1::before{
	content: "\e614";
	margin-right: 0.1rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.foot-box .module2 .dl dd .p2::before{
	content: "\e632";
	margin-right: 0.1rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.foot-box .module2 .ul{
	display: flex;
	justify-content: space-between;
	flex: 1;
	margin-left: 20%;
}
.foot-box .module2 .ul li{
	
}
.foot-box .module2 .ul li a{
	display: block;
	font-size: 0.16rem;
	color: #9bb6e3;
	margin-top: 0.2rem;
	line-height: 1.6;
	transition: all 0.5s ease;
}
.foot-box .module2 .ul li a:first-of-type{
	color: #fff;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0.32rem;
}

.foot-box .module3{
	padding: 0.4rem 0;
	background-color: #35435f;
}
.foot-box .module3 dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.14rem;
	color: #9aa1af;
}
.foot-box .module3 dt a{
	color: #9aa1af;
	margin-left: 0.2rem;
}
.foot-box .module3 dd a{
	display: inline-block;
	vertical-align: top;
	color: #9aa1af;
}
.foot-box .module3 dd a:nth-of-type(2){
	padding: 0 0.12rem;
	margin: 0 0.12rem;
	border-left: 1px solid #9aa1af;
	border-right: 1px solid #9aa1af;
}


.box{
    position: relative;
    z-index: 3;
    margin-top: 41.6vw;
    background-color: #fff;
}
.pd{
	padding: 0.84rem 0;
}
.pd_banner{
	padding: 0.5rem 0;
}
.pd_banner .bannerpic { position: relative; overflow: hidden; background: none !important; margin-top: 20px; width: 1700px; margin: 0 auto; }
.pd_banner .bgcover { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.pd_banner .txt_service { transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    position: absolute;    left: 50%;    top: 40%;   }
.pd_banner .txt_service .p1 { font-size: 300%;    font-weight: bold;    color: #fff;    max-width: 1150px;    margin: 0 auto;    margin-bottom: 40px;
    text-shadow: 2px 2px #000; }
.pd_banner .txt_service .p2 { font-size: 150%;    color: #fff;    max-width: 1150px;    margin: 0 auto;    text-shadow: 2px 2px #000; }
.title-h5{
	font-size: 0.5rem;
	font-weight: bold;
	color: #3c4149;
	text-align: center;
	margin-bottom: 0.34rem;
}
.left-h5{
	text-align: left;
}
.btn{
	display: block;
	width: 2.2rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	color: #fff;
	font-size: 0.18rem;
	background-image: linear-gradient(to right, #2d6eb2, #2895aa);
	transition: all 0.5s ease;
}

.swiper-pagination{
	
}
.swiper-pagination span{
	margin: 0 0.1rem 0 0 !important;
	width: 12px;
	height: 12px;
	background: none;
	opacity: 1;
	background-image: url(/static/img/tb2.png);
	transition: all 0.5s ease;
}
.swiper-pagination .swiper-pagination-bullet-active{
	width: 12px;
	background-image: url(/static/img/tb2h.png);
}

.paging-box{
	margin-top: 0.6rem;
	display: flex;
	justify-content: center;
}
.paging-box a{
	flex-shrink: 0;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	margin: 0 0.1rem;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.6rem;
	color: #3e4d6a;
	background-image: url(/static/img/skc.png);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}
.paging-box .prev{
	font-size: 0.24rem;
	background-image: url(/static/img/ska.png);
}
.paging-box .prev::before{
	content: "\eafd";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.paging-box .next{
	font-size: 0.24rem;
	background-image: url(/static/img/ska.png);
}
.paging-box .next::before{
	content: "\eb00";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.paging-box .active{
	color: #fff;
	background-image: url(/static/img/skh.png);
}

.pagination span.prev {
    content: "\eafd";
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}


.menu-box{
	font-size: 0;
	height: 1.0rem;
	line-height: 1.0rem;
	border-bottom: 1px solid #eaf1f7;
}
.menu-box a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	min-width: 0.48rem;
	text-align: center;
	margin-right: 0.84rem;
	font-size: 0.2rem;
	transition: all 0.5s ease;
}
.menu-box a:last-of-type{
	margin-right: 0;
}

.menu-box a.active{
	color: #2d71b4;
}
.menu-box a.pitchon{
	color: #2d71b4;
}
.menu-box a.active::after{
	width: 0.48rem;
	opacity: 1;
}
.menu-box a.pitchon::after{
	width: 0.48rem;
	opacity: 1;
}

.menu-box .hover { border-bottom: 2px solid #2c75b1; }

.problem-box{
	display: flex;
	align-items: flex-start;
}
.problem-box .module1{
	flex-shrink: 0;
	width: 66%;
	box-sizing: border-box;
	padding-right: 0.44rem;
	margin-right: 0.44rem;
	border-right: 1px solid #eaf1f7;
}
.problem-box .module1 .h6{
	font-size: 0.18rem;
	line-height: 1.6;
	color: #999;
	margin-bottom: 0.74rem;
}
.problem-box .module1 .h6 i{
	color: #ff0000;
}
.problem-box .module1 .dl{
	font-size: 0.18rem;
	line-height: 1.6;
	color: #999;
	margin-bottom: 0.4rem;
}
.problem-box .module1 .dl dt{
	
}
.problem-box .module1 .dl dd{
	margin-top: 0.08rem;
}
.problem-box .module1 .dl dd a{
	color: #2D71B4;
}

.problem-box .module1 .form{
	
}
.problem-box .module1 .form div.message{
    color:#f00;
    padding-top:0.2rem;
	
}
.problem-box .module1 .form .h5{
	font-size: 0.24rem;
	color: #2D71B4;
	margin-bottom: 0.2rem;
	margin-top: 0.54rem;
}
.problem-box .module1 .form .h5:first-of-type{
	margin-top: 0;
}
.problem-box .module1 .form ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.problem-box .module1 .form li{
	flex-shrink: 0;
	width: 49%;
	background-color: #eee;
	box-sizing: border-box;
	padding: 0 0.18rem 0 0.3rem;
	position: relative;
	font-size: 0.16rem;
	margin-top: 0.1rem;
	border: 1px solid #f8fafd;
}
.problem-box .module1 .form li:focus-within,.problem-box .module1 .form li:hover{
    /*box-shadow:0px 1px 0px #2D71B4 ;*/
    border: 1px solid #5babf9;
    box-shadow: rgba(45, 113, 180, 0.5) 0px 0px 8px;

    -moz-box-shadow: rgba(45, 113, 180, 0.5) 0px 0px 8px;

    -webkit-box-shadow: rgba(45, 113, 180, 0.5) 0px 0px 8px;    
    
    transition:all 0.3s
    
}

.problem-box .module1 .form .l-li{
	width: 100%;
}
.problem-box .module1 .form .l-li::after{
	content: "*";
	position: absolute;
	line-height: 0.6rem;
	top: 0;
	left: 0.18rem;
	color: #ff0000;
}
.problem-box .module1 .form .bt-li::after{
	content: "*";
	position: absolute;
	line-height: 0.6rem;
	top: 0;
	left: 0.18rem;
	color: #ff0000;
}
.problem-box .module1 .form .bs-li::after{

	position: absolute;
	line-height: 0.6rem;
	top: 0;
	left: 0.18rem;
	color: #ff0000;
}
.problem-box .module1 .form li input{
	width: 100%;
	height: 0.6rem;
	
	  outline: none;
            /*过渡效果*/
            transition: all 1s;
}
.problem-box .module1 .form li textarea{
	width: 100%;
	height: 1.6rem;
	box-sizing: border-box;
	line-height: 1.6;
	resize: none;
	padding: 0.17rem 0;
}

.problem-box .module1 .form .label{
	display: flex;
	align-items: center;
	font-size: 0.16rem;
	margin-top: 0.26rem;
}
.problem-box .module1 .form .label input{
	width: 0.2rem;
	height: 0.2rem;
	margin-right: 0.12rem;
}
.problem-box .module1 .form .p{
	margin-top: 0.14rem;
	padding-left: 0.32rem;
	font-size: 0.16rem;
	color: #999;
	line-height: 1.6;
}
.problem-box .module1 .form .p i{
	color: #FF0000;
}
.problem-box .module1 .form .btn{
	margin-top: 0.2rem;
}

.problem-box .module1 .div{
	padding-top: 0.7rem;
	margin-top: 0.74rem;
	border-top: 1px solid #eaf1f7;
	display: flex;
	align-items: center;
}
.problem-box .module1 .div img{
	flex-shrink: 0;
	width: 0.48rem;
}
.problem-box .module1 .div p{
	flex: 1;
	min-width: 0;
	margin-left: 0.26rem;
	font-size: 0.14rem;
	line-height: 1.8;
	color: #666;
}
.problem-box .module1 .div p a{
	color: #2D71B4;
}

.problem-box .module2{
	flex: 1;
}
.problem-box .module2 .map img { max-width: 100%; }
.problem-box .module2 .div{
	padding: 0.4rem 0.52rem;
	background-image: linear-gradient(to right, #2d6eb2, #2895aa);
	color: #fff;
}
.problem-box .module2 .div dl{
	
}
.problem-box .module2 .div dl dd{
	margin-bottom: 0.42rem;
}
.problem-box .module2 .div dl dd:last-of-type{
	margin-bottom: 0;
}
.problem-box .module2 .div dl dd h6{
	font-size: 0.18rem;
	margin-bottom: 0.26rem;
	color: #fff;
}
.problem-box .module2 .div dl dd strong{
	display: block;
	font-size: 0.3rem;
}
.problem-box .module2 .div dl dd strong::before{
	content: "\e625";
	margin-right: 0.1rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.problem-box .module2 .div dl dd p{
	font-size: 0.15rem;
}
.problem-box .module2 .div dl dd .p1::before{
	content: "\e614";
	margin-right: 0.1rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.problem-box .module2 .div dl dd .p2::before{
	content: "\e645";
	margin-right: 0.1rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.problem-box .module2 .div dl dd .p3::before{
	content: "\e672";
	margin-right: 0.1rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.problem-box .module2 .div dl dd .title { font-size: 16px; font-weight: bold; margin-bottom: 10px; }

.problem-box .module2 .div h5{
	margin-top: 0.64rem;
	display: flex;
	align-items: center;
}
.problem-box .module2 .div h5 a{
	flex-shrink: 0;
	width: 0.5rem;
	height: 0.5rem;
	text-align: center;
	line-height: 0.5rem;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.2);
	color: #fff;
	font-size: 0.22rem;
	margin-right: 0.16rem;
	position: relative;
	transition: all 0.5s ease;
}
.problem-box .module2 .div h5 a:last-of-type{
	margin-right: 0;
}
.problem-box .module2 .div h5 .wx-a::after{
	content: "\e602";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.problem-box .module2 .div h5 .wb-a::after{
	content: "\e600";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.problem-box .module2 .div h5 .zh-a::after{
	content: "\ea8b";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.problem-box .module2 .div h5 .dy-a::after{
	content: "\e8db";
	font-size: 0.18rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.problem-box .module2 .div h5 a div{
	position: absolute;
	z-index: -1;
	top: 140%;
	left: 50%;
	margin-left: -0.75rem;
	width: 1.5rem;
	background-color: #fff;
	border-radius: 0.14rem;
	box-sizing: border-box;
	padding: 0.12rem;
	opacity: 0;
	box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
	transition: all 0.5s ease;
}
.problem-box .module2 .div h5 a div img{
	width: 100%;
}
.problem-box .module2 .div h5 a div span{
	display: block;
	font-size: 0.14rem;
	line-height: 1.3;
	text-align: center;
	color: #666;
	margin-top: 0.1rem;
}



.solution-box{
	
}
.solution-box .type-div{
	text-align: center;
	font-size: 0;
	margin-bottom: 0.74rem;
}
.solution-box .type-div a{
	display: inline-block;
	vertical-align: top;
	width: 0.8rem;
	margin-right: 5%;
}
.solution-box .type-div a:last-of-type{
	margin-right: 0;
}
.solution-box .type-div a em{
	display: block;
	width: 0.51rem;
	height: 0.36rem;
	overflow: hidden;
	margin: 0 auto 0.18rem;
}
.solution-box .type-div a img{
	width: 100%;
	transition: all 0.5s ease;
}
.solution-box .type-div a span{
	display: block;
	font-size: 0.16rem;
	transition: all 0.5s ease;
}
.solution-box .type-div .active img{
	margin-top: -0.38rem;
}
.solution-box .type-div .active span{
	color: #2D71B4;
}

.solution-box .type-div .pitchon img{
	margin-top: -0.38rem;
}
.solution-box .type-div .pitchon span{
	color: #2D71B4;
}

.solution-box .module1{
	margin-top: -0.3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.solution-box .module1 a{
	flex-shrink: 0;
	width: calc(50% - 0.2rem);
	padding-bottom: 27%;
	margin-top: 0.3rem;
	position: relative;
	overflow: hidden;
}
.solution-box .module1 a i{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.solution-box .module1 a dl{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0.6rem 1.74rem 0.24rem 0.24rem;
	color: #fff;
	background-image: linear-gradient(rgba(45,110,178,0),rgba(45,110,178,1));
}
.solution-box .module1 a dl::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(/static/img/tb30.png);
	background-repeat: no-repeat;
	background-position: 0.2rem 0.5rem;
	background-size: 1.5rem;
}
.solution-box .module1 a dt{
	position: relative;
	z-index: 3;
	font-size: 0.28rem;
	margin-bottom: 0.16rem;
}
.solution-box .module1 a dd{
	position: relative;
	z-index: 3;
	font-size: 0.16rem;
	line-height: 1.6;
}
.solution-box .module1 a img{
	position: absolute;
	right: 0.24rem;
	bottom: 0.24rem;
	width: 1.3rem;
	border-radius: 0.1rem;
}

.solution-box .module2{
	margin-top: 0.84rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.solution-box .module2 dt{
	flex-shrink: 0;
	width: 40%;
}
.solution-box .module2 dt h6{
	font-size: 0.4rem;
	margin-bottom: 0.36rem;
	font-weight: bold;
}
.solution-box .module2 dt p{
	font-size: 0.18rem;
	margin-bottom: 0.14rem;
}
.solution-box .module2 dt .btn{
	margin-top: 0.7rem;
}
.solution-box .module2 dd{
	flex-shrink: 0;
	width: 60%;
}
.solution-box .module2 dd img{
	width: 100%;
}


.solutionInfo-box{
	
}
.solutionInfo-box .title-h5{
	margin-bottom: 0.6rem;
}
.solutionInfo-box .module1{
	
}
.solutionInfo-box .module1 .ul{
	
}
.solutionInfo-box .module1 .ul li{
	padding: 0.8rem 0.92rem 0.8rem 0.52rem;
	display: flex;
	/*height: 4.4rem;*/
	height:auto;
	justify-content: space-between;
	margin-top: 0.5rem;
}
.solutionInfo-box .module1 .ul .dl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	width: 5.8rem;
	height: 100%;
	box-sizing: border-box;
	/*padding: 0 0.44rem;*/
	padding:0.44rem;
	color: #fff;
	background-image: linear-gradient(45deg,rgba(40,149,170,0.8),rgba(45,110,178,0.8));
}
.solutionInfo-box .module1 .ul .dl dt{
	font-size: 0.4rem;
	line-height: 1.4;
	margin-bottom: 0.2rem;
}
.solutionInfo-box .module1 .ul .dl dd{
	
}
.solutionInfo-box .module1 .ul .dl dd p{
	text-align: justify;
	font-size: 0.16rem;
	line-height: 2.4;
}
.solutionInfo-box .module1 .ul .div{
	flex-shrink: 0;
	width: 4.4rem;
	height: 100%;
	box-sizing: border-box;
	padding: 0.28rem;
	position: relative;
}
.solutionInfo-box .module1 .ul .div::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 0.4rem);
	height: calc(100% - 0.4rem);
	background-color: #fff;
}
.solutionInfo-box .module1 .ul .div::after{
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid red;
	border-image: url(/static/img/tp45.png) 48 48;
	border-width: 0 0.48rem 0.48rem 0;
}
.solutionInfo-box .module1 .ul .div h6{
	font-size: 0.3rem;
	position: relative;
	z-index: 3;
}
.solutionInfo-box .module1 .ul .div dl{
	font-size: 0;
	position: relative;
	z-index: 3;
}
.solutionInfo-box .module1 .ul .div dd{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	margin-top: 0.2rem;
}
.solutionInfo-box .module1 .ul .div dd img{
	width: 64%;
}
.solutionInfo-box .module1 .ul .div dd span{
	display: block;
	font-size: 0.2rem;
	margin-top: 0.12rem;
}

.solutionInfo-box .module2{
	padding-top: 0;
}
.solutionInfo-box .module2 .swiper-container{
	height: 6.0rem;
}
.solutionInfo-box .module2 .swiper-slide{
	background-size: cover;
	background-position: center;
}
.solutionInfo-box .module2 .swiper-slide dl{
	position: absolute;
	width: 7.4rem;
	height: 2.5rem;
	bottom: 0.28rem;
	right: 0.38rem;
	background-color: rgba(255,255,255,0.95);
	background-image: url(/static/img/tp30.png);
	background-size: 70%;
	background-position: right;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 0.3rem 1.5rem 0 0.4rem;
}
.solutionInfo-box .module2 .swiper-slide dt{
	font-size: 0.3rem;
	margin-bottom: 0.2rem;
}
.solutionInfo-box .module2 .swiper-slide dd{
	font-size: 0.16rem;
	line-height: 2;
}
.solutionInfo-box .module2 .swiper-pagination{
	bottom: 0.58rem;
	left: calc(100% - 7.38rem);
	width: auto;
	font-size: 0;
}

.solutionInfo-box .module3{
	height: 3.0rem;
	background-image: url(/static/img/tp46.png);
	background-size: cover;
	background-position: center;
	display: flex;

	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.solutionInfo-box .module3 h5{
	font-size: 0.4rem;
	margin-bottom: 0.4rem;
	color: #fff;
}
.solutionInfo-box .module3 h6{
	display: flex;
}
.solutionInfo-box .module3 h6 a{
	flex-shrink: 0;
	width: 2.16rem;
	height: 0.54rem;
	border: 2px solid #fff;
	text-align: center;
	line-height: 0.54rem;
	font-size: 0.18rem;
	color: #fff;
	transition: all 0.5s ease;
}
.solutionInfo-box .module3 h6 .active{
	background-color: #fff;
	color: #2D71B4;
	margin-right: 0.4rem;
}


.about-box{
	
}
.about-box .module1{
	position: relative;
}
.about-box .module1 .particles-js-canvas-el{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.about-box .module1 .w1700{
	position: relative;
	z-index: 3;
}
.about-box .module1 .dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about-box .module1 .dl dt{
	flex-shrink: 0;
	width: 50%;
	box-sizing: border-box;
	padding-left: 0.76rem;
	background-image: url(/static/img/tb44.png);
	background-size: 0.37rem;
	background-repeat: no-repeat;
	background-position: left 4px;
}
.about-box .module1 .dl dt h5{
	text-align: left;
	margin-bottom: 0.16rem;
}
.about-box .module1 .dl dt h6{
	font-size: 0.28rem;
	margin-bottom: 0.34rem;
}
.about-box .module1 .dl dt p{
	font-size: 0.16rem;
	line-height: 2;
	margin-bottom: 10px;
}
.about-box .module1 .dl dd{
	flex-shrink: 0;
	width: 35%;
}
.about-box .module1 .dl dd img{
	width: 100%;
}
.about-box .module1 .ul{
	display: flex;
	margin-top: 0.8rem;
}
.about-box .module1 .ul li{
	flex: 1;
	text-align: center;
	font-size: 0.2rem;
	color: #2D71B4;
}
.about-box .module1 .ul li strong{
	font-size: 0.8rem;
	font-weight: bold;
}
.about-box .module1 .ul li p{
	font-size: 0.16rem;
	color: #333;
	margin-top: 0.24rem;
}

.about-box .module2{
	padding-bottom: 1.0rem;
	background-color: #f4f8fb;	
	background-size: auto 0.84rem;
	background-repeat: repeat-x;
	background-position: left bottom 0.16rem;
}
.about-box .module2 .w1700{
	position: relative;
}
.about-box .module2 .dl{
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	margin-top: -0.05rem;
}
.about-box .module2 .dl dd{
	position: static;
	caret-color: transparent;
	margin-top: 0;
	width: 0.6rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.28rem;
	border-radius: 50%;
	background: none;
	background-image: url(/static/img/ska.png);
	background-size: 100% 100%;
	outline: none;
	transition: all 0.5s ease;
}
.about-box .module2 .dl .swiper-button-prev{
	margin-right: 0.2rem;
}
.about-box .module2 .dl .swiper-button-prev::after{
	content: "\e62d";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.about-box .module2 .dl .swiper-button-next::after{
	content: "\e626";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.about-box .module2 .swiper-container{
	margin-top: 0.84rem;
	width: calc(100% + 0.76rem);
	padding-bottom: 0.3rem;
}
.about-box .module2 .swiper-wrapper{
	align-items: center;
}
.about-box .module2 .swiper-slide{
	box-sizing: border-box;
	padding-right: 0.76rem;
}
.about-box .module2 .swiper-slide p { text-align: center; padding: 20px 0 0 0; }
.about-box .module2 .swiper-slide img{
	width: 100%;
	box-shadow: 0 0.1rem 0.15rem rgba(0,0,0,0.2);
}

.about-box .module3{
	
}
.about-box .module3 .h6{
	text-align: center;
}
.about-box .module3 .h6 p{
	font-size: 0.16rem;
	line-height: 1.6;
	margin-top: 0.12rem;
}
.about-box .module3 .ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.2rem;
}
.about-box .module3 .ul li{
	flex-shrink: 0;
	width: 20%;
	text-align: center;
	margin-top: 0.4rem;
}
.about-box .module3 .ul li img{
	max-width: 80%;
}



.recruit-box{
	
}
.recruit-box .module1{
	display: flex;
	justify-content: space-between;
}
.recruit-box .module1 select{
	flex-shrink: 0;
	width: 24.4%;
	height: 0.6rem;
	background-color: #f8fafd;
	background-image: url(/static/img/tb46.png);
	background-size: 13px;
	background-repeat: no-repeat;
	background-position: right 0.2rem center;
	box-sizing: border-box;
	padding: 0 0.2rem;
	color: #666;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
}

.recruit-box .module2{
	margin-top: 0.28rem;
}
.recruit-box .module2 li{
	margin-bottom: 0.12rem;
	background-color: #f8fafd;
}
.recruit-box .module2 li:last-of-type{
	margin-bottom: 0;
}
.recruit-box .module2 li .div1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 1.0rem;
	position: relative;
	cursor: pointer;
}
.recruit-box .module2 li .div1 span{
	flex-shrink: 0;
	width: 24.4%;
	box-sizing: border-box;
	padding-left: 0.2rem;
	font-size: 0.18rem;
}
.recruit-box .module2 li .div1 span:nth-of-type(1)::before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0.24rem;
	height: 0.2rem;
	background-image: url(/static/img/tb42.png);
	background-size: 100% 100%;
	margin-top: -1px;
	margin-right: 0.1rem;
}
.recruit-box .module2 li .div1 span:nth-of-type(4)::before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0.2rem;
	height: 0.2rem;
	background-image: url(/static/img/tb45.png);
	background-size: 100% 100%;
	margin-top: -1px;
	margin-right: 0.1rem;
}
.recruit-box .module2 li .div1 i{
	position: absolute;
	top: 50%;
	right: 0.3rem;
	transform: translateY(-50%);
	width: 0.48rem;
	height: 0.48rem;
	text-align: center;
	line-height: 0.48rem;
	font-size: 0.26rem;
	border-radius: 50%;
	color: #2293bb;
	border: 1px dashed #2293bb;
}
.recruit-box .module2 li .div1 i::after{
	content: "\eb00";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.recruit-box .module2 .avtive .div1 i::after{
	content: "\eaf4";
}
.recruit-box .module2 li .div2{
	width: calc(100% - 0.4rem);
	background-color: #fff;
	margin: 0 auto;
	box-sizing: border-box;
	border-bottom: 0.4rem solid #f8fafd;
	background-image: url(/static/img/tb31.png);
	background-position: right -0.6rem bottom;
	background-size: 3.0rem;
	background-repeat: no-repeat;
	padding: 0.45rem 0.56rem;
	display: none;
}
.recruit-box .module2 li .div2 dl{
	margin-bottom: 0.36rem;
}
.recruit-box .module2 li .div2 dt{
	font-size: 22px;
	margin-bottom: 0.14rem;
}
.recruit-box .module2 li .div2 dd{
	font-size: 0.16rem;
	line-height: 1.8;
}



.news-box{
	
}
.news-box .module6{
	padding-bottom: 0;
	background-color: #f7f7fa;
}
.news-box .module6 .w1700{
	
}
.news-box .module6 .swiper-container{
	height: 5.4rem;
	background-color: #fff;
	background-image: url(/static/img/tp42.png);
	background-repeat: no-repeat;
	background-size: 39%;
	background-position: right -9% top;
}
.news-box .module6 .swiper-slide{
	display: flex;
	align-items: center;
}
.news-box .module6 .swiper-slide em{
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.news-box .module6 .swiper-slide em i{
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.news-box .module6 .swiper-slide div{
	flex-shrink: 0;
	width: 50%;
	box-sizing: border-box;
	padding: 0 0.84rem;
}
.news-box .module6 .swiper-slide div strong{
	display: block;
	font-size: 0.5rem;
	font-weight: bold;
}
.news-box .module6 .swiper-slide div h6{
	font-size: 0.3rem;
	line-height: 1.4;
	height: 0.84rem;
	overflow: hidden;
	margin: 0.34rem 0 0.3rem;
	transition: all 0.5s ease;
}
.news-box .module6 .swiper-slide div p{
	font-size: 0.16rem;
	color: #666;
	line-height: 1.8;
	height: 0.84rem;
	overflow: hidden;
}

.news-box .module6 .swiper-pagination{
	width: auto;
	left: calc(50% + 0.84rem);
	bottom: 0.4rem;
}

.news-box .module7 .menu-box{
	width: 92%;
	margin: 0.3rem auto 0;
	border-bottom: none;
}

.news-box .module7{
	padding-top: 0.4rem;
}
.news-box .module7 .ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -0.26rem;
}
.news-box .module7 .ul li{
	flex-shrink: 0;
	width: 31.5%;
	margin-top: 0.26rem;
	background-color: #fff;
	transition: all 0.5s ease;
	position: relative;
}
.news-box .module7 .ul li::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(/static/img/tb31.png);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 105% 100%;
	opacity: 0;
	transition: all 0.5s ease;
}
.news-box .module7 .ul li a{
	position: relative;
	z-index: 3;
	display: block;
}
.news-box .module7 .ul li em{
	display: block;
	width: 100%;
	padding-bottom: 60%;
	position: relative;
	overflow: hidden;
}
.news-box .module7 .ul li em i{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}
.news-box .module7 .ul li div{
	padding: 0.24rem 0;
	text-align: center;
}
.news-box .module7 .ul li div h5{
	font-size: 0.2rem;
	font-weight: bold;
	line-height: 1.4;
	height: 0.28rem;
	overflow: hidden;
	transition: all 0.5s ease;
}
.news-box .module7 .ul li div p{
	font-size: 0.16rem;
	color: #9ca3b0;
	line-height: 1.8;
	height: 0.84rem;
	overflow: hidden;
	text-align: justify;
	margin: 0.2rem 0 0.3rem;
}
.news-box .module7 .ul li div h6{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.news-box .module7 .ul li div h6 span{
	font-size: 0.18rem;
}
.news-box .module7 .ul li div h6 i{
	flex-shrink: 0;
	font-size: 0.28rem;
	color: #2293bb;
	width: 0.68rem;
	height: 0.68rem;
	text-align: center;
	line-height: 0.66rem;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px dashed #2293bb;
	background-image: url(/static/img/sk.png);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}
.news-box .module7 .ul li div h6 i::after{
	content: "\e626";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}



.newsInfo-box{
    position: relative;
    z-index: 3;
    margin-top: 1.06rem;
    background-color: #f2f3f4;
	padding-top: 0;
}
.newsInfo-box .module1{
	display: flex;
	height: 0.98rem;
	align-items: center;
	justify-content: space-between;
}
.newsInfo-box .module1 dt{
	flex-shrink: 0;
	width: 67%;
	font-size: 0.14rem;
	color: #666;
	margin-right: 0.2rem;
}
.newsInfo-box .module1 dt a{
	color: #666;
}
.newsInfo-box .module1 dd{
	flex: 1;
	font-size: 0.28rem;
	color: #3284bf;
}
.newsInfo-box .module1 dd img{
	width: 0.26rem;
}

.newsInfo-box .module2{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.newsInfo-box .divl{
	flex-shrink: 0;
	width: 67%;
	margin-right: 0.2rem;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0.58rem 0.4rem;
} 
.newsInfo-box .divl .div1{
	display: flex;
	align-items: center;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #eee;
}
.newsInfo-box .divl .div1 h6{
	flex-shrink: 0;
	width: 1.02rem;
	padding: 0.24rem 0 0.26rem;
	text-align: center;
	color: #fff;
	background-image: url(/static/img/skh.png);
	background-size: 100% 100%;
	margin-right: 0.3rem;
} 
.newsInfo-box .divl .div1 h6 strong{
	display: block;
	font-size: 0.6rem;
	font-weight: bold;
} 
.newsInfo-box .divl .div1 h6 span{
	display: block;
	font-size: 0.18rem;
	margin-top: 0.18rem;
	font-weight: bold;
} 
.newsInfo-box .divl .div1 dl{
	flex: 1;
	min-width: 0;
} 
.newsInfo-box .divl .div1 dl dt{
	font-size: 0.4rem;
} 
.newsInfo-box .divl .div1 dl dd{
	font-size: 0;
	margin-top: 0.3rem;
	line-height: 0.2rem;
} 
.newsInfo-box .divl .div1 dl dd strong{
	display: inline-block;
	vertical-align: top;
	font-size: 0.16rem;
	color: #2D71B4;
	margin-right: 0.36rem;
}
.newsInfo-box .divl .div1 dl dd strong::before{
	content: "\e629";
	display: inline-block;
	vertical-align: top;
	font-size: 0.2rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.newsInfo-box .divl .div1 dl dd span{
	display: inline-block;
	vertical-align: top;
	font-size: 0.16rem;
	color: #666;
}
.newsInfo-box .divl .div1 dl dd em{
	float: right;
	font-size: 0.16rem;
	color: #999;
}
.newsInfo-box .divl .div1 dl dd em::before{
	content: "\e60c";
	display: inline-block;
	vertical-align: top;
	font-size: 0.2rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.newsInfo-box .divl .div2{
	padding: 0.4rem 0;
}
.newsInfo-box .divl .div2 h1{
	font-size: 0.32rem;
	line-height: 1.8;
	margin-bottom: 0.2rem;
}
.newsInfo-box .divl .div2 h3{
	font-size: 0.32rem;
	line-height: 1.8;
	margin-bottom: 0.2rem;
}
.newsInfo-box .divl .div2 p{
	font-size: 0.16rem;
	line-height: 1.8;
	margin-bottom: 0.1rem;
}
.newsInfo-box p stong{
	font-weight:bold;
}
.newsInfo-box p stong span{
	font-weight:bold;
}
.newsInfo-box .divl .div2 p stong{
	font-weight:bold;
}
.newsInfo-box .divl .div2 ul li{
	    list-style: disc;
    padding-bottom: 1em;
    margin-left:2em;
}
.newsInfo-box .divl .div2 img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.newsInfo-box .divl .div3{
	padding: 0.4rem 0;
	border-top: 1px solid #eee;
	height: 0.5rem;
	display: flex;
	align-items: center;
}
.newsInfo-box .divl .div3 span{
	font-size: 0.16rem;
	color: #666;
	margin-right: 0.1rem;
}
.newsInfo-box .divl .div3 .bshare-custom{
	
}
.newsInfo-box .divl .div3 .bshare-custom a{
	background: none !important;
	padding: 0 !important;
	width: 0.5rem !important;
	height: 0.5rem !important;
	margin-left: 0.1rem !important;
	margin-right: 0 !important;
	background-size: 100% 100% !important;
}
.newsInfo-box .divl .div3 .bshare-custom .bshare-weixin{
	background-image: url(/static/img/tb39.png) !important;
}
.newsInfo-box .divl .div3 .bshare-custom .bshare-sinaminiblog{
	background-image: url(/static/img/tb40.png) !important;
}
.newsInfo-box .divl .div3 .bshare-custom .bshare-qqim{
	background-image: url(/static/img/tb41.png) !important;
}

.newsInfo-box .divl .div4{
	position: relative;
	padding-right: 1.55rem;
}
.newsInfo-box .divl .div4 a{
	display: block;
	width: 100%;
	height: 0.54rem;
	line-height: 0.54rem;
	box-sizing: border-box;
	padding: 0 0.2rem;
	background-color: #f8f9f9;
	margin-top: 6px;
	font-size: 0.16rem;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.5s ease;
}
.newsInfo-box .divl .div4 a:first-of-type{
	margin-top: 0;
}
.newsInfo-box .divl .div4 .return{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
	width: 1.45rem;
	line-height: 1;
	height: 100%;
	background-image: url(/static/img/skh.png);
	background-size: 100% 100%;
	display: flex;
	color: #fff;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.newsInfo-box .divl .div4 .return::before{
	content: "\eaf0";
	font-size: 0.32rem;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 0.06rem;
}

.newsInfo-box .divr{
	flex: 1;
	min-width: 0;
	box-sizing: border-box;
	background-color: #fff;
	padding: 0.1rem 0.4rem 0.38rem;
}
.newsInfo-box .divr a{
	display: block;
	padding: 0.28rem 0;
	border-bottom: 1px solid #eee;
	transition: all 0.5s ease;
}
.newsInfo-box .divr a h6{
	font-size: 0.18rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.newsInfo-box .divr a span{
	display: block;
	font-size: 0.16rem;
	color: #3c4149;
	margin-top: 0.14rem;
}



.product-box{
	padding-top: 0;
}
.product-box .module1{
	background-color: #fff;
}
.product-box .module1:nth-child(odd){
	background-color: #f2f7fe;
}
.product-box .module2{
	background-color: #f2f7fe;
}
.div{
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.15rem;
}
.div h6{
	font-size: 0.4rem;
	font-weight: bold;
	-webkit-background-clip:text; 
	-webkit-text-fill-color:transparent; 
	background-image: linear-gradient(to right, #2d6eb2, #2895aa);
}
.product-box .module1 .div a{
	
}

.div .fenlei li { float: left; line-height: 50px; }
.div .fenlei li a { 
	border: 2px solid #bfbfbf;
	color: #8b8d8f;
	border-radius: 0.26rem;
	font-size: 0.16rem;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	margin-right: 20px;
}

.div .fenlei .active { border: 2px solid #2892ab; color: #2892ab; }

.product-box .module1 .div a i{
	flex-shrink: 0;
	width: 0.2rem;
	height: 2px;
	margin-left: 0.12rem;
	background-color: #bfbfbf;
	transition: all 0.5s ease;
}

.product-box .module1 .ul{
	background-color: #fff;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #eee;
}
.product-box .module1 .ul li{
	flex: 1 1 33.33%;
	text-align: center;
	padding: 0.76rem 0 0.36rem;
	box-sizing: border-box;
	border-right: 1px solid #eee;
	background-image: url(/static/img/tp48.jpg);
	background-size: cover;
	background-position: center;
	transition: all 0.5s ease;
}

.pd .prolist { background: #fff; padding: 20px; padding-top: 0; font-size: 15px; line-height: 25px; color: #333; display: flex; flex-flow: wrap; }
.pd .prolist dl { float: left; background: #fff; width: 19.2%; margin-right: 1%; overflow: hidden; margin-top: 30px; overflow: hidden; }
.pd .prolist dl:nth-child(5n+0) { margin-right: 0; }
.pd .prolist dl .bordergray { border: 1px solid #e0e0e0; padding: 0 0 20px 0; }
.pd .prolist dt { text-align: center; }
.pd .prolist dt img { max-width: 80%; padding: 10px 0; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.pd .prolist dt img:hover { width: 85%; overflow: hidden; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.pd .prolist dd { text-align: center; }
.pd .prolist dd a:hover { color: #1f738b; }

.pagess { height:28px; padding:20px 0; font-size:14px; text-align:center; margin-top: 10px; }
.pagess a { font-family:'microsoft yahei'; color:#555; margin:0 8px; padding:6px 10px; line-height:25px; background:#fff; border:1px solid #d8dadf; }
.pagess a:hover{ text-decoration:none; color:#fff; border: 1px #333 solid; background:#333; }
.pagess .page-num-current { color:#fff; border: 1px #333 solid; background:#333; }

.product-box .module1 .ul li:last-of-type{
	border-right: none;
}
.product-box .module1 .ul li em{
	display: block;
	margin: 0 auto;
	width: 0.72rem;
	height: 0.72rem;
	overflow: hidden;
}
.product-box .module1 .ul li em img{
	width: 100%;
	transition: all 0.5s ease;
}
.product-box .module1 .ul li h6{
	font-size: 0.26rem;
	margin: 0.36rem 0;
	transition: all 0.5s ease;
}
.product-box .module1 .ul li p{
    height:auto;
	/*height: 1.8rem;*/
}
.product-box .module1 .ul li p a{
	display: block;
	font-size: 0.18rem;
	color: #666;
	margin-bottom: 0.18rem;
	transition: all 0.5s ease;
}
.product-box .module1 .ul li p a:last-of-type{
	margin-bottom: 0;
}

.product-box .module1 .ul li p span{
	display: block;
	font-size: 0.18rem;
	color: #666;
	margin-bottom: 0.18rem;
	transition: all 0.5s ease;
}
.product-box .module1 .ul li p span:last-of-type{
	margin-bottom: 0;
}

.product-box .module1 .ul .active{
	background-image: url(/static/img/tp48h.jpg);
}
.product-box .module1 .ul .active em img{
	margin-top: -0.52rem;
}
.product-box .module1 .ul .active h6{
	color: #fff;
}
.product-box .module1 .ul .active p a{
	color: #fff;
}



.productInfo-box{
	
}
.productInfo-box .module{
	display: flex;
}
.productInfo-box .module .title-h5{
	flex-shrink: 0;
	width: 4.2rem;
	font-size: 0.4rem;
}
.productInfo-box .module .div{
	flex: 1;
	min-width: 0;
}


.productInfo-box .module1{
	background-image: url(/static/img/tp49.jpg);
	background-size: 34%;
	background-position: right top;
	background-repeat: no-repeat;
}
.productInfo-box .module1 .div .diva p{
	font-size: 0.18rem;
	color: #3c4149;
	line-height: 1.8;
	margin-bottom: 0.1rem;
}
.productInfo-box .module1 .div .diva .title {
	font-size: 0.3rem;
	margin-bottom: 0.2rem;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	padding-bottom: 0.2rem;
}
.productInfo-box .module1 .div .diva strong {
	font-size: 0.20rem;
	margin-bottom: 0.5rem;
}
.productInfo-box .module1 .div .diva img{
	max-width: 100%;
}

.productInfo-box .module1 .div .divb{
	margin-top: 0.9rem;
}
.productInfo-box .module1 .div .divb li{
	color: #3c4149;
	margin-bottom: 0.7rem;
}
.productInfo-box .module1 .div .divb li:last-of-type{
	margin-bottom: 0;
}
.productInfo-box .module1 .div .divb div{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.productInfo-box .module1 .div .divb h6{
	font-size: 0.3rem;
	margin-bottom: 0.3rem;
}
.productInfo-box .module1 .div .divb p{
	min-width: 0;
	flex: 1;
	margin-right: 4%;
	font-size: 0.16rem;
	line-height: 1.8;
}
.productInfo-box .module1 .div .divb img{
	flex-shrink: 0;
	width: 2.4rem;
}

.productInfo-box .module1 .div .divc p{
	font-size: 0.18rem;
	color: #3c4149;
	line-height: 1.8;
}
.productInfo-box .module1 .div .divc img{
	width: 100%;
	margin-top: 0.4rem;
}
.productInfo-box .module1 .div .divc li{
	font-size: 0.18rem;
	color: #3c4149;
	line-height: 1.8;
}
.productInfo-box .module1 .div .divc li::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	width: 0.08rem;
	height: 0.08rem;
	margin-right: 0.1rem;
	background-color: #3c4149;
}
.productInfo-box .module1 .div table{
	width: 100%;
	font-size: 0.18rem;
	line-height: 1.6;
	color: #35435f;
	text-align: left;
	margin-top: 0.4rem;
	table-layout: fixed;
}
.productInfo-box .module1 .div table tr{
	background-color: #f5f5f7;
}
.productInfo-box .module1 .div table tr:nth-of-type(2n){
	background-color: #fff;
}
.productInfo-box .module1 .div table tr td:nth-of-type(1){
	width: 20%;
}
.productInfo-box .module1 .div table tr td:nth-of-type(2){
	width: 50%;
}
.productInfo-box .module1 .div table tr td:nth-of-type(3){
	width: 30%;
}
.productInfo-box .module1 .div table td{
	padding: 0.18rem;
}
.productInfo-box .module1 .div table p{
	width: 100%;
	word-wrap: break-word;
}

.productInfo-box .module2{
	background-color: #f8f9fd;
	background-image: url(/static/img/tp14.jpg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.productInfo-box .module2 .div ul{
	display: flex;
}
.productInfo-box .module2 .div ul li{
	width: 32%;
	margin-right: 2%;
	position: relative;
}
.productInfo-box .module2 .div ul li::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 0.4rem);
	height: calc(100% - 0.4rem);
	background-color: #fff;
}
.productInfo-box .module2 .div ul li::after{
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid red;
	border-image: url(/static/img/tp45.png) 48 48;
	border-width: 0 0.48rem 0.48rem 0;
}
.productInfo-box .module2 .div ul li:nth-of-type(3n){
	margin-right: 0;
}
.productInfo-box .module2 .div ul li em{
	display: block;
	padding-bottom: 60%;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
.productInfo-box .module2 .div ul li i{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
}
.productInfo-box .module2 .div ul li dl{
	position: relative;
	z-index: 3;
	padding: 0.34rem;
}
.productInfo-box .module2 .div ul li dt{
	font-size: 0.24rem;
	line-height: 1.2;
	margin-bottom: 0.14rem;
}
.productInfo-box .module2 .div ul li dd{
	font-size: 0.16rem;
	color: #666;
	line-height: 1.8;
	padding-left: 0.24rem;
	background-image: url(/static/img/tb47.png);
	background-size: 0.16rem;
	background-position: left center;
	background-repeat: no-repeat;
}

.productInfo-box .module3 .div table{
	width: 100%;
	font-size: 0.18rem;
	line-height: 1.6;
	color: #35435f;
	text-align: left;
}
.productInfo-box .module3 .div table tr{
	background-color: #f5f5f7;
}
.productInfo-box .module3 .div table tr:nth-of-type(2n){
	background-color: #fff;
}
.productInfo-box .module3 .div table th{
	width: 30%;
	padding: 0.18rem 0 0.18rem 0.36rem;
}
.productInfo-box .module3 .div table td{
	padding: 0.18rem 0.36rem 0.18rem 0;
	white-space: pre-line
}

.productInfo-box .module4{
	background-color: #f5f6f8;
}
.productInfo-box .module4 .div{
	position: relative;
	padding: 0.68rem 0.68rem 0.58rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.3rem;
}
.productInfo-box .module4 .div:last-of-type{
	margin-bottom: 0;
}
.productInfo-box .module4 .div::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 0.4rem);
	height: calc(100% - 0.4rem);
	background-color: #fff;
	background-image: url(/static/img/tb26.png);
	background-size: 2.6rem;
	background-repeat: no-repeat;
	background-position: 0.24rem 0.24rem;
}
.productInfo-box .module4 .div::after{
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid red;
	border-image: url(/static/img/tp45.png) 48 48;
	border-width: 0 0.48rem 0.48rem 0;
}
.productInfo-box .module4 .dl{
	position: relative;
	z-index: 3;
	flex-shrink: 0;
	width: 66%;
}
.productInfo-box .module4 .dl h4{
	font-size: 0.3rem;
	margin-bottom: 0.3rem;
}
.productInfo-box .module4 .dl h4::after{
	content: "";
	display: block;
	width: 0.7rem;
	height: 4px;
	margin-top: 0.24rem;
	background-image: linear-gradient(to right, #2d6eb2, #2895aa);
}
.productInfo-box .module4 .dl h6{
	font-size: 0.16rem;
	line-height: 1.8;
	margin-bottom: 0.6rem;
}
.productInfo-box .module4 .dl h5{
	font-size: 0.24rem;
	margin-bottom: 0.28rem;
}
.productInfo-box .module4 .dl ul{
	display: flex;
	padding: 0.18rem;
	box-sizing: border-box;
	border: 1px dashed #3e4d6a;
}
.productInfo-box .module4 .dl ul li{
	flex-shrink: 0;
	width: 32%;
	margin-right: 2%;
	display: flex;
	flex-direction: column;
}
.productInfo-box .module4 .dl ul li:nth-of-type(3n){
	margin-right: 0;
}
.productInfo-box .module4 .dl ul li strong{
	display: block;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	background-color: #35435f;
	color: #fff;
	font-size: 0.18rem;
	text-align: center;
}
.productInfo-box .module4 .dl ul li p{
	flex: 1;
	min-height: 1.5rem;
	box-sizing: border-box;
	padding: 0.18rem 0.16rem;
	background-color: #f5f5f7;
	font-size: 0.16rem;
	line-height: 1.8;
}

.productInfo-box .module4 .dr {
	position: relative;
	z-index: 3;
	flex-shrink: 0;
	width: 30%;
	box-sizing: border-box;
	padding: 0 0.56rem;
}
.productInfo-box .module4 .swiper-container{
	
}
.productInfo-box .module4 .swiper-slide{
	
}
.productInfo-box .module4 .swiper-slide img{
	width: 100%;
}
.productInfo-box .module4 .swiper-slide span{
	display: block;
	text-align: center;
	font-size: 0.16rem;
	color: #666;
	margin-top: 0.34rem;
}
.productInfo-box .module4 .swiper-pagination{
	position: static;
	width: 100%;
	margin-top: 0.34rem;
}
.productInfo-box .module4 .swiper-button-prev{
	width: 0.3rem;
	height: 0.3rem;
	left: 0;
	top: 50%;
	margin-top: 0.12rem;
	background: none;
	font-size: 0.3rem;
	caret-color: transparent;
}
.productInfo-box .module4 .swiper-button-prev::after{
	content: "\eafd";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.productInfo-box .module4 .swiper-button-next{
	width: 0.3rem;
	height: 0.3rem;
	top: 50%;
	right: 0;
	margin-top: 0.12rem;
	background: none;
	font-size: 0.3rem;
	caret-color: transparent;
}
.productInfo-box .module4 .swiper-button-next::after{
	content: "\eb00";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.productInfo-box .module5{
	text-align: center;
}
.productInfo-box .module5 .h5{
	font-size: 0.4rem;
	font-weight: bold;
	margin-bottom: 0.6rem;
}
.productInfo-box .module5 h6{
	display: flex;
	justify-content: center;
}
.productInfo-box .module5 h6 a{
	flex-shrink: 0;
	width: 1.0rem;
	margin-right: 0.6rem;
}
.productInfo-box .module5 h6 a:last-of-type{
	margin-right: 0;
}
.productInfo-box .module5 h6 a img{
	width: 100%;
}

.productInfo-box .module6{
	background-color: #f5f6f8;
	text-align: center;
}
.productInfo-box .module6 .h5{
	font-size: 0.4rem;
	font-weight: bold;
	margin-bottom: 0.3rem;
}
.productInfo-box .module6 p{
	font-size: 0.16rem;
	line-height: 1.8;
	width: 70%;
	margin: 0 auto;
}
.productInfo-box .module6 h6{
	display: flex;
	justify-content: center;
	margin-top: 0.4rem;
}
.productInfo-box .module6 h6 a{
	flex-shrink: 0;
	width: 2.2rem;
	height: 0.6rem;
	background-color: #2895aa;
	color: #fff;
	line-height: 0.6rem;
	font-size: 0.18rem;
}
.productInfo-box .module6 h6 a:nth-of-type(2){
	background-color: #3284bf;
	margin-left: 0.46rem;
}

.productInfo-box .module7{
	
}
.productInfo-box .module7 .w1700{
	position: relative;
	background-color: #f5f6f8;
	padding: 0.68rem;
	background-image: url(/static/img/tb26.png),url(/static/img/tp45.jpg);
	background-size: 2.6rem,0.48rem;
	background-repeat: no-repeat,no-repeat;
	background-position: 0.24rem 0.24rem,right bottom;
}
.productInfo-box .module7 h4{
	font-size: 0.3rem;
	margin-bottom: 0.3rem;
}
.productInfo-box .module7 h4::after{
	content: "";
	display: block;
	width: 0.7rem;
	height: 4px;
	margin-top: 0.24rem;
	background-image: linear-gradient(to right, #2d6eb2, #2895aa);
}
.productInfo-box .module7 h5{
	font-size: 0.16rem;
	line-height: 1.8;
	margin-bottom: 0.6rem;
}
.productInfo-box .module7 ul{
	
}
.productInfo-box .module7 li{
	margin-bottom: 0.4rem;
}
.productInfo-box .module7 li:last-of-type{
	margin-bottom: 0;
}
.productInfo-box .module7 li h6{
	font-size: 0.18rem;
	line-height: 1.6;
	margin-bottom: 0.16rem;
}
.productInfo-box .module7 li p{
	font-size: 0.16rem;
	line-height: 1.8;
	color: #4b535d;
	padding: 0.34rem;
	background-color: #ebedf0;
}




.community-box{
	
}
.community-box .module1{
	
}
.community-box .module1 li{
	margin-bottom: 0.54rem;
}
.community-box .module1 li:last-of-type{
	margin-bottom: 0;
}
.community-box .module1 li h6{
	font-size: 0.32rem;
	margin-bottom: 0.32rem;
}
.community-box .module1 li p{
	font-size: 0.2rem;
	margin-top: 0.14rem;
}
.community-box .module1 li strong{
	display: inline-block;
	vertical-align: top;
	width: 2.6rem;
}
.community-box .module1 li a{
	display: inline-block;
	vertical-align: top;
	color: #666;
	transition: all 0.5s ease;
}
.community-box .module1 li a::after{
	content: "\e711";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	margin-left: 0.1rem;
}



.swiper-box{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.swiper-box .swiper-slide{
	
}
.swiper-box .swiper-slide i{
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-position: center;
}
.swiper-box .swiper-slide .div{
	position: absolute;
	width: 80%;
	text-align: center;
	left: 10%;
	top: 60%;
	transform: translateY(-60%);
	color: #fff;
}
.swiper-box .swiper-slide .div h5{
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.2s;
}
.swiper-box .swiper-slide .div h6{
	font-size: 0.30rem;
	font-weight: 100;
	margin-bottom: 0.42rem;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.4s;
	word-spacing:0.1rem;
}
.swiper-box .swiper-slide .div p{
	font-size: 0.36rem;
	font-style: italic;
	margin-bottom: 1.2rem;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.6s;
}
.swiper-box .swiper-slide .div span{
	display: block;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.8s;
}
.swiper-box .swiper-slide .div a{
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.0rem;
	height: 0.52rem;
	border-radius: 0.26rem;
	color: #fff;
	background-image: url(/static/img/skd.png);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}
.swiper-box .swiper-slide .div a img{
	width: 0.28rem;
	margin-right: 0.1rem;
}
.swiper-box .swiper-slide .dl{
	position: absolute;
	width: 6.8rem;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	color: #fff;
}
.swiper-box .swiper-slide .dl dt{
	font-size: 0.46rem;
	margin-bottom: 0.42rem;
	font-weight: bold;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.2s;
}
.swiper-box .swiper-slide .dl dd{
	font-size: 0.24rem;
	line-height: 1.2;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.4s;
	
	margin-bottom: 0.1rem;
}
.swiper-box .swiper-slide .dl dd.mTop{
	margin-top:0.3rem;
}
.swiper-box .swiper-slide .dl dd a{
    color:#ffffff;
    border-top: 1px solid #fff;
    
    padding-top:0.05rem;
    border-bottom: 1px solid #fff;
    padding-bottom:0.05rem;
    transition: all 0.5s ease;
}
.swiper-box .swiper-slide .dl dd a:hover{
    color:#2D71B4;
    border-top: 1px solid #2D71B4; 
    border-bottom: 1px solid #2D71B4;
}
.swiper-box .swiper-slide .dl dd.img{
	
	transform: translateY(1rem);
	transition: all 0.8s 0.3s;
	margin-bottom:0.21rem;
}
.swiper-box .swiper-pagination span{
	background-image: url(/static/img/tb3.png);
}
.swiper-box .swiper-pagination .swiper-pagination-bullet-active{
	background-image: url(/static/img/tb3h.png);
}

.swiper-box .active-slide .dl dt,
.swiper-box .active-slide .dl dd,
.swiper-box .active-slide .dl dd.img,
.swiper-box .active-slide .div h5,
.swiper-box .active-slide .div h6,
.swiper-box .active-slide .div p,
.swiper-box .active-slide .div span{
	opacity: 1;
	transform: translateY(0);
}





.swiper-product-box{
	width: 100%;
	height: 80vh;
	position: fixed;
	top: 0;
	left: 0;
}
.swiper-product-box .swiper-slide{
	
}
.swiper-product-box .swiper-slide i{
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-position: center;
}
.swiper-product-box .swiper-slide .div{
	position: absolute;
	width: 80%;
	text-align: center;
	left: 10%;
	top: 60%;
	transform: translateY(-60%);
	color: #fff;
}
.swiper-product-box .swiper-slide .div h5{
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.2s;
}
.swiper-product-box .swiper-slide .div h6{
	font-size: 0.30rem;
	font-weight: 100;
	margin-bottom: 0.42rem;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.4s;
	word-spacing:0.1rem;
}
.swiper-product-box .swiper-slide .div p{
	font-size: 0.36rem;
	font-style: italic;
	margin-bottom: 1.2rem;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.6s;
}
.swiper-product-box .swiper-slide .div span{
	display: block;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.8s;
}
.swiper-product-box .swiper-slide .div a{
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.0rem;
	height: 0.52rem;
	border-radius: 0.26rem;
	color: #fff;
	background-image: url(/static/img/skd.png);
	background-size: 100% 100%;
	transition: all 0.5s ease;
}
.swiper-product-box .swiper-slide .div a img{
	width: 0.28rem;
	margin-right: 0.1rem;
}
.swiper-product-box .swiper-slide .dl{
	position: absolute;
	width: 6.8rem;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	color: #fff;
}
.swiper-product-box .swiper-slide .dl dt{
	font-size: 0.56rem;
	margin-bottom: 0.42rem;
	font-weight: bold;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.2s;
}
.swiper-product-box .swiper-slide .dl dd{
	font-size: 0.24rem;
	line-height: 1.2;
	opacity: 0;
	transform: translateY(1rem);
	transition: all 0.8s 0.4s;
	
	margin-bottom: 0.1rem;
}
.swiper-product-box .swiper-slide .dl dd.mTop{
	margin-top:0.3rem;
}
.swiper-product-box .swiper-slide .dl dd a{
    color:#ffffff;
    border-top: 1px solid #fff;
    
    padding-top:0.05rem;
    border-bottom: 1px solid #fff;
    padding-bottom:0.05rem;
    transition: all 0.5s ease;
}
.swiper-product-box .swiper-slide .dl dd a:hover{
    color:#2D71B4;
    border-top: 1px solid #2D71B4; 
    border-bottom: 1px solid #2D71B4;
}
.swiper-product-box .swiper-slide .dl dd.img{
	
	transform: translateY(1rem);
	transition: all 0.8s 0.3s;
	margin-bottom:0.21rem;
}
.swiper-product-box .swiper-pagination span{
	background-image: url(/static/img/tb3.png);
}
.swiper-product-box .swiper-pagination .swiper-pagination-bullet-active{
	background-image: url(/static/img/tb3h.png);
}

.swiper-product-box .active-slide .dl dt,
.swiper-product-box .active-slide .dl dd,
.swiper-product-box .active-slide .dl dd.img,
.swiper-product-box .active-slide .div h5,
.swiper-product-box .active-slide .div h6,
.swiper-product-box .active-slide .div p,
.swiper-product-box .active-slide .div span{
	opacity: 1;
	transform: translateY(0);
}


.more-a{
	display: block;
	width: 2.18rem;
	height: 0.36rem;
	text-align: center;
	line-height: 0.36rem;
	border: 2px solid #bfd9e7;
	margin: 0 auto;
	font-size: 0.18rem;
	color: #0b88b4;
	border-image: url(/static/img/bk2.png) 10 10;
	border-width: 0.1rem;
	transition: all 0.5s ease;
}

.index-box{
    position: relative;
    z-index: 3;
    margin-top: 100vh;
    background-color: #fff;
}
.index-box .module1{
	
}
.index-box .module1 .div{
	display: flex;
	justify-content: space-between;
}
.index-box .module1 .div .title-h5{
	margin-bottom: 0;
}
.index-box .module1 .div .gallery-thumbs{
	flex-shrink: 0;
	width: 7.4rem;
	margin: 0;
}
.index-box .module1 .div .gallery-thumbs .swiper-slide{
	cursor: pointer;
}
.index-box .module1 .div .gallery-thumbs .swiper-slide em{
	display: block;
	width: 0.51rem;
	height: 0.36rem;
	overflow: hidden;
	margin: 0 auto 0.18rem;
}
.index-box .module1 .div .gallery-thumbs .swiper-slide img{
	width: 100%;
	transition: all 0.5s ease;
}
.index-box .module1 .div .gallery-thumbs .swiper-slide span{
	display: block;
	font-size: 0.16rem;
	text-align: center;
	transition: all 0.5s ease;
}
.index-box .module1 .div .gallery-thumbs .swiper-slide-thumb-active img{
	margin-top: -0.38rem;
}
.index-box .module1 .div .gallery-thumbs .swiper-slide-thumb-active span{
	color: #2D71B4;
}

.index-box .module1 .swiper-button{
	caret-color: transparent;
	margin-top: -0.3rem;
	width: 0.6rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.28rem;
	border-radius: 50%;
	background: none;
	background-image: url(/static/img/skb.png);
	background-size: 100% 100%;
	outline: none;
	color: #fff;
	transition: all 0.5s ease;
}
.index-box .module1 .swiper-button-prev{
	left: 0.18rem;
}
.index-box .module1 .swiper-button-next{
	right: 0.18rem;
}
.index-box .module1 .swiper-button-prev::after{
	content: "\eafd";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
.index-box .module1 .swiper-button-next::after{
	content: "\eb00";
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

.index-box .module1 .gallery-top{
	margin-top: 0.4rem;
}
.index-box .module1 .gallery-top .swiper-slide{
	
}
.index-box .module1 .gallery-top .swiper-slide .bg-img{
	width: 100%;
}
.index-box .module1 .gallery-top .swiper-slide ul{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.index-box .module1 .gallery-top .swiper-slide li{
	position: absolute;
	transform: translate(-50%,-50%);
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.index-box .module1 .gallery-top .swiper-slide li strong{
	position: absolute;
	white-space: nowrap;
	color: #fff;
	top: 74px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s ease;
}
.index-box .module1 .gallery-top .swiper-slide li .div1{
	position: absolute;
	top: 17px;
	left: 17px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px dashed #fff;
	
	animation:change 3s ease-in-out infinite alternate;
	
	transition: all 0.5s ease;
	
	
}

@keyframes change {
		0% {
	border:5px solid rgba(45,110,178,0);
	box-shadow:0 0 0 rgba(45,110,178,0),0 0 0 rgba(45,110,178,0) inset;
}
 
100% {
	border:5px solid rgba(45,110,178,1);
	box-shadow:0 0 30px rgba(45,110,178,1),0 0 10px rgba(45,110,178,0.6) inset;
}

}
.index-box .module1 .gallery-top .swiper-slide li .div1::before{
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
}
.index-box .module1 .gallery-top .swiper-slide li .div1 i{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.index-box .module1 .gallery-top .swiper-slide li .div1 i::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%,-50%);
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	animation: dh1 2s linear infinite;
}
.index-box .module1 .gallery-top .swiper-slide li .div1 i::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%,-50%);
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	animation: dh1 2s 1s linear infinite;
}
@keyframes dh1{
	0% {
		opacity: 0;
	}
	60% {
		width: 43px;
		height: 43px;
		opacity: 1;
	}
	100% {
		width: 60px;
		height: 60px;
		opacity: 0;
	}
}

.index-box .module1 .gallery-top .swiper-slide li .div2{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border: 3px solid #7ef9ff;
	border-radius: 50%;
	background-image: linear-gradient(135deg, #0bc9f7, #0285fa);
	box-shadow: 0 0 0 6px rgba(10,189,247,0.5);
	opacity: 0;
	transition: all 0.5s ease;
}
.index-box .module1 .gallery-top .swiper-slide li .div2 img{
	width: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.index-box .module1 .gallery-top .swiper-slide li .div2::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%,-50%);
	border: 1px solid #0abdf7;
	border-radius: 50%;
	opacity: 0;
	animation: dh2 2s linear infinite;
}
.index-box .module1 .gallery-top .swiper-slide li .div2::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%,-50%);
	border: 1px solid #0abdf7;
	border-radius: 50%;
	opacity: 0;
	animation: dh2 2s 2s linear infinite;
}
@keyframes dh2{
	0% {
		opacity: 0;
	}
	60% {
		width: 80px;
		height: 80px;
		opacity: 0.5;
	}
	100% {
		width: 90px;
		height: 90px;
		opacity: 0;
	}
}

.index-box .module2{
	position: relative;
	padding-top: 0;
}
.index-box .module2::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 63%;
	background-color: #f4f4f4;
}
.index-box .module2 .w1700{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.index-box .module2 .swiper-container{
	padding: 1.2rem 0 2.4rem;
	background-image: url(/static/img/tp3.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.index-box .module2 .swiper-slide{
	text-align: center;
}
.index-box .module2 .swiper-slide .div{
	max-width: 4.0rem;
	width: 100%;
	margin: 0 auto;
	transform: scale(0.5);
	transition: all 0.5s ease;
}
.index-box .module2 .swiper-slide .img-a{
	display: block;
	margin: 0 auto;
	width: 90%;
	position: relative;
}
.index-box .module2 .swiper-slide .img-a img{ max-width: 100%;
	
}
.index-box .module2 .swiper-slide .img-a::after{
	content: "";
	position: absolute;
	left: 20%;
	bottom: -0.6rem;
	width: 60%;
	height: 1.0rem;
	background-image: url(/static/img/yy.png);
	background-size: 100% 100%;
}
.index-box .module2 .swiper-slide .h5-a{
	font-size: 0.2rem;
	margin-bottom: 0.24rem;
	margin-top: 0.54rem;
	display: block;
	transition: all 0.5s ease;
}
.index-box .module2 .swiper-slide dl{
	opacity: 0;
	transition: all 0.5s ease;
}
.index-box .module2 .swiper-slide dt{
	font-size: 0;
	margin-bottom: 0.2rem;
}
.index-box .module2 .swiper-slide dt a{
	display: inline-block;
	vertical-align: top;
	font-size: 0.16rem;
	margin-right: 0.2rem;
	transition: all 0.5s ease;
}
.index-box .module2 .swiper-slide dt a:last-of-type{
	margin-right: 0;
}
.index-box .module2 .swiper-slide dd{
	font-size: 0.14rem;
	color: #85888d;
	line-height: 1.6;
	height: 0.45rem;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}
.index-box .module2 .swiper-slide-active .div{
	transform: scale(1);
}
.index-box .module2 .swiper-slide-active dl{
	opacity: 1;
}

.index-box .module2 .swiper-pagination{
	width: 100%;
	bottom: 2.4rem;
}
.index-box .module2 .swiper-pagination span{
	background-image: url(/static/img/tb3.png);
}
.index-box .module2 .swiper-pagination .swiper-pagination-bullet-active{
	background-image: url(/static/img/tb3h.png);
}

.index-box .module2 .more-a{
	position: absolute;
	z-index: 3;
	bottom: 1.6rem;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	border-image: url(/static/img/bk1.png) 10 10;
}

.index-box .module3{
	background-image: url(/static/img/skh.png);
	background-size: 100% 100%;
	color: #fff;
	text-align: center;
	position: relative;
}
.index-box .module3 .particles-js-canvas-el{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.index-box .module3 .w1700{
	position: relative;
	z-index: 3;
}
.index-box .module3 .title-h5{
	color: #fff;
	margin-bottom: 0.74rem;
}
.index-box .module3 img{
	width: 3.54rem;
}
.index-box .module3 h6{
	font-size: 0.16rem;
	line-height: 2;
	width: 90%;
	margin: 0.7rem auto;
}
.index-box .module3 .ul{
	display: flex;
	margin-top: 0.8rem;
}
.index-box .module3 .ul li{
	flex: 1;
	text-align: center;
	font-size: 0.2rem;
}
.index-box .module3 .ul li strong{
	font-size: 0.8rem;
	font-weight: bold;
}
.index-box .module3 .ul li p{
	font-size: 0.16rem;
	margin-top: 0.24rem;
}

.index-box .module7{
	padding-top: 0.84rem;
}
.index-box .module7 .title-h5{
	margin-bottom: 0.6rem;
}
.index-box .module7 .more-a{
	margin-top: 0.4rem;
}

.index-box .module4{
	height: 3.0rem;	
	background-size: cover;
	background-position: center;
	display: flex;	
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.index-box .module4 .p1 { font-size: 0.35rem;  font-weight: bold;    color: #fff;    max-width: 1150px;    margin: 0 auto;    margin-bottom: 40px;
    text-shadow: 2px 2px #000; }
.index-box .module4 .p2 { font-size: 0.15rem; color: #fff;    max-width: 80%;    margin: 0 auto;    text-shadow: 2px 2px #000; }

.index-box .module4 h5{
	font-size: 0.3rem;
	margin-bottom: 0.4rem;
	color: #fff;
}
.index-box .module4 h6{
	display: flex;
}
.index-box .module4 h6 a{
	flex-shrink: 0;
	width: 2.16rem;
	height: 0.54rem;
	border: 2px solid #fff;
	text-align: center;
	line-height: 0.54rem;
	font-size: 0.18rem;
	color: #fff;
	transition: all 0.5s ease;
}
.index-box .module4 h6 .active{
	background-color: #fff;
	color: #2D71B4;
	margin-right: 0.4rem;
}




@media (min-width: 992px) {
	.index-box .module2 .swiper-slide .h5-a:hover{
		color: #2D71B4;
	}
	.index-box .module2 .swiper-slide dt a:hover{
		color: #2D71B4;
	}
	.swiper-box .swiper-slide .div a:hover{
		background-image: url(/static/img/skh.png);
	}
	.swiper-product-box .swiper-slide .div a:hover{
		background-image: url(/static/img/skh.png);
	}
	.foot-box .module1 .h6 a:hover{
		background-color: rgba(255,255,255,0.5);
	}
	.foot-box .module1 .h6 a:hover div{
		z-index: 3;
		opacity: 1;
		top: 120%;
	}
	.foot-box .module2 .ul li a:hover{
		color: #fff;
	}
	.community-box .module1 li a:hover{
		color: #2D71B4;
	}
	.index-box .module4 h6 a:hover{
		background-color: #fff;
		color: #2D71B4;
	}
	.index-box .module1 .gallery-top .swiper-slide li:hover strong{
		color: #7ef9ff;
	}
	.index-box .module1 .gallery-top .swiper-slide li:hover .div1{
		opacity: 0;
	}
	.index-box .module1 .gallery-top .swiper-slide li:hover .div2{
		opacity: 1;
	}
	.index-box .module1 .div .gallery-thumbs .swiper-slide:hover img{
		margin-top: -0.38rem;
	}
	.index-box .module1 .div .gallery-thumbs .swiper-slide:hover span{
		color: #2D71B4;
	}
	.index-box .module2 .more-a:hover{
		background-color: #fff;
		color: #0b88b4;
	}
	.index-box .module7 .more-a:hover{
		background-color: #2a84ad;
		color: #fff;
	}
	.solution-box .type-div a:hover img{
		margin-top: -0.38rem;
	}
	.solution-box .type-div a:hover span{
		color: #2D71B4;
	}
	.solution-box .module1 a:hover i{
		transform: scale(1.1);
	}
	.news-box .module7 .ul li:hover em i{
		transform: scale(1.1);
	}
	.news-box .module6 .swiper-slide:hover em i{
		transform: scale(1.1);
	}
	.news-box .module6 .swiper-slide:hover div h6{
		color: #2D71B4;
	}
	.btn:hover{
		box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.3);
	}
	.about-box .module2 .dl dd:hover{
		color: #fff;
		background-image: url(/static/img/skh.png);
	}
	.index-box .module1 .swiper-button:hover{
		background-image: url(/static/img/skh.png);
	}
	.product-box .module1 .div a:hover{
		border-color: #2892ab;
		color: #2892ab;
	}
	.product-box .module1 .div a:hover i{
		background-color: #2892ab;
	}
	.product-box .module1 .ul li:hover{
		background-image: url(/static/img/tp48h.jpg);
	}
	.product-box .module1 .ul li:hover em img{
		margin-top: -0.72rem;
	}
	.product-box .module1 .ul li:hover h6{
		color: #fff;
	}
	.product-box .module1 .ul li:hover p a{
		color: #fff;
	}
	.product-box .module1 .ul li:hover p span{
		color: #fff;
	}
	.problem-box .module2 .div h5 a:hover{
		background-color: rgba(255,255,255,0.6);
	}
	.problem-box .module2 .div h5 a:hover div{
		z-index: 3;
		opacity: 1;
		top: 120%;
	}
	.newsInfo-box .divr a:hover{
		color: #3284bf;
	}
	.newsInfo-box .divl .div4 a:hover{
		background-color: #3284bf;
		color: #fff;
	}
	.news-box .module7 .ul li:hover{
		background-color: #fcfcfd;
		box-shadow: 0 0 0.15rem rgba(0,0,0,0.15);
	}
	.news-box .module7 .ul li:hover::before{
		opacity: 1;
	}
	.news-box .module7 .ul li:hover h5{
		color: #2D71B4;
	}
	.news-box .module7 .ul li:hover div h6 i{
		background-image: url(/static/img/skh.png);
		color: #fff;
	}
	.paging-box a:hover{
		color: #fff;
		background-image: url(/static/img/skh.png);
	}
	.solutionInfo-box .module3 h6 a:hover{
		background-color: #fff;
		color: #2D71B4;
	}
	.menu-box a:hover{
		color: #2d71b4;
	}
	.menu-box a:hover::after{
		width: 0.48rem;
		opacity: 1;
	}
	.head-box .head-div .search-div:hover input{
		width: 1.0rem;
		margin-left: 0.2rem;
	}
	.head-box .head-div .search-div:hover form{
		width: 1.6rem;
	}
	.headh-box .head-div .nav-ul li:hover a{
		color: #2D71B4;
	}
	.headh-box .head-div .en-a:hover{
		color: #2D71B4;
	}
}

@media (max-width: 1600px) {
	html{
		font-size: 90px;
	}
}

@media (max-width: 1500px) {
	.w1500{
		width: 80%;
	}
}

@media (max-width: 1400px) {
	html {
		font-size: 80px;
	}
}

@media (max-width: 1200px) {
	.w1700{
		width: 92%;
	}
	.head-box{
		padding: 0;
		background-color: #fff;
		box-shadow: 0 2px 8px -2px rgba(0,0,0,0.2);
	}
	.head-box .head-div{
		height: 0.7rem;
		width: 100%;
		padding: 0 4%;
		
	}
	.head-box .head-div .logo-a{
		width: 1.6rem;
		left: 4%;
		background-image: url(/static/img/logo1h.png);
	}
	.head-box .head-div .search-div{
		display: none;
	}
	.head-box .head-div .nav-ul{
		display: none;
		box-sizing: border-box;
		padding: 0.1rem 4%;
		position: absolute;
		background-color: #fff;
		border-top: 1px solid #e5e5e5;
		width: 100%;
		top: 100%;
		left: 0;
		box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
	}
	.head-box .head-div .nav-ul li{
		display: block;
		padding: 0;
		border-bottom: 1px solid #e5e5e5;
		margin: 0;
	}
	.head-box .head-div .nav-ul li.active{
		border-color: #2D71B4;
	}
	.head-box .head-div .nav-ul li.pitchon{
		border-color: #2D71B4;
	}
	.head-box .head-div .nav-ul li:last-of-type{
		border-bottom: none;
	}
	.head-box .head-div .nav-ul li a{
		line-height: 0.6rem;
		height: 0.6rem;
		font-size: 0.2rem;
		color: #333;
	}
	.head-box .menu-dl{
		display: flex;
	}
	
	.banner-box{
		top: 0.7rem;
		height: 54vw;
	}
	.banner-box h5 strong{
		font-size: 0.36rem;
	}
	.banner-box h5 img{
		width: 0.5rem;
	}
	.banner-box h5 p{
		font-size: 0.18rem;
		width: 100%;
	}
	
	.menu-box{
		height: 0.8rem;
		line-height: 0.8rem;
	}
	.menu-box .w1700{
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.menu-box a{
		white-space: nowrap;
		width: auto;
		flex-shrink: 0;
		margin-right: 0.3rem;
	}
	
	.pd{
		padding: 0.5rem 0;
	}
	
	.box{
		margin-top: calc(54vw + 0.7rem);
	}
	
	.foot-box .module2 .ul{
		display: none;
	}
	.foot-box .module1{
		padding: 0.4rem 0 0.36rem;
	}
	.foot-box .module1 .logo-a{
		width: 2.4rem;
	}
	.foot-box .module2{
		padding: 0.4rem 0;
	}
	.foot-box .module3{
		padding: 0.3rem 0;
	}
	.foot-box .module3 dl{
		display: block;
		line-height: 1.6;
	}
	.foot-box .module3 dt a{
		display: inline-block;
		margin: 0 0.2rem 0 0;
	}
	.foot-box .module3 dd{
		margin-top: 0.04rem;
	}
	.foot-box .module3 dd a{
		line-height: 1;
	}
	.foot-box .module1 .h6 a div{
		display: none;
	}
	
	.title-h5{
		font-size: 0.4rem;
	}
	

	.problem-box{
		display: block;
	}
	.problem-box .module1 .h6{
		margin-bottom: 0.5rem;
	}
	.problem-box .module1 .form .h5{
		margin-top: 0.5rem;
	}
	.problem-box .module1{
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
	.problem-box .module2{
		width: 100%;
		padding-top: 0;
	}
	.problem-box .module2 .div{
		padding: 0.5rem;
	}
	.problem-box .module2 .div h5 a div{
		display: none;
	}
	
	.productInfo-box .module5 .h5{
		line-height: 1.2;
		margin-bottom: 0.46rem;
	}
	.productInfo-box .module5 h6 a{
		margin-right: 0.4rem;
	}
	.productInfo-box .module6 p{
		width: 100%;
	}
	.productInfo-box .module6 h6 a{
		width: 1.8rem;
	}
	
	.problem-box .module1 .div{
		padding-top: 0.5rem;
		margin-top: 0.5rem;
	}
	
	.news-box .module6 .swiper-container{
		height: auto;
	}
	.news-box .module6 .swiper-slide{
		display: block;
	}
	.news-box .module6 .swiper-slide em{
		display: block;
		width: 100%;
		height: 60vw;
	}
	.news-box .module6 .swiper-slide div{
		width: 100%;
		padding: 0.24rem 0.24rem 0.5rem;
	}
	.news-box .module6 .swiper-slide div strong{
		font-size: 0.24rem;
	}
	.news-box .module6 .swiper-slide div h6{
		font-size: 0.28rem;
		font-weight: bold;
		line-height: 1.4;
		height: 0.78rem;
		overflow: hidden;
		margin: 0.2rem 0;
	}
	.news-box .module7 .ul li{
		width: 100%;
	}
	.news-box .module7 .ul li div{
		padding: 0.24rem 0 0 0;
	}
	.news-box .module6 .swiper-pagination{
		width: 100%;
		bottom: 0.1rem;
		left: 0;
	}
	
	.paging-box a{
		margin: 0 0.05rem;
	}
	
	.info-body .head-box{
		padding: 0;
	}
	.newsInfo-box{
		margin-top: 0.7rem;
	}
	.newsInfo-box .module1 dd{
		display: none;
	}
	.newsInfo-box .divr{
		display: none;
	}
	.newsInfo-box .module1{
		height: auto;
		margin-bottom: 0.24rem;
	}
	.newsInfo-box .module1 dt{
		width: 100%;
		margin-right: 0;
		line-height: 1.6;
	}
	.newsInfo-box .divl{
		width: 100%;
		padding: 0.24rem;
	}
	.newsInfo-box .divl .div1{
		display: block;
		padding-bottom: 0.24rem;
	}
	.newsInfo-box .divl .div1 h6{
		display: flex;
		padding: 0.1rem;
		text-align: center;
		margin-bottom: 0.2rem;
	}
	.newsInfo-box .divl .div1 h6 strong{
		font-size: 0.18rem;
		margin-right: 0.1rem;
	}
	.newsInfo-box .divl .div1 h6 span{
		margin-top: 0;
	}
	.newsInfo-box .divl .div2{
		padding: 0.24rem 0;
	}
	.newsInfo-box .divl .div3{
		padding: 0.24rem 0;
	}
	
	.recruit-box .module2 li .div1{
		height: 0.8rem;
	}
	.recruit-box .module2 li .div1 span{
		display: none;
	}
	.recruit-box .module2 li .div1 span:nth-of-type(1){
		display: block;
		width: 100%;
	}
	.recruit-box .module2 li .div2{
		padding: 0.24rem;
	}
	
	.about-box .module1 .dl{
		flex-direction: column-reverse;
	}
	.about-box .module1 .dl dd{
		width: 90%;
		margin-bottom: 0.4rem;
	}
	.about-box .module1 .dl dt{
		width: 100%;
		padding-left: 0.6rem;
	}
	.about-box .module1 .ul{
		flex-wrap: wrap;
		margin-top: 0.2rem;
	}
	.about-box .module1 .ul li{
		flex: none;
		width: 50%;
		margin-top: 0.3rem;
	}
	.about-box .module1 .ul li strong{
		font-size: 0.6rem;
	}
	.about-box .module2{
		overflow: hidden;
	}
	.about-box .module2 .dl{
		right: 50%;
		top: 0.6rem;
		transform: translateX(50%);
	}
	.about-box .module2 .swiper-container{
		margin-top: 1.0rem;
		width: calc(100% + 0.5rem);
	}
	.about-box .module2 .swiper-slide{
		padding-right: 0.5rem;
	}
	.about-box .module3 .ul li{
		width: 33.33%;
	}
	
	.swiper-box{
		height: 54vw;
		top: 0.7rem;
		width: 100vw;
	}
	.swiper-box .swiper-slide .div h5{
		font-size: 0.36rem;
		margin-bottom: 0.1rem;
	}
	.swiper-box .swiper-slide .div h6{
		margin-bottom: 0.1rem;
	}
	.swiper-box .swiper-slide .div p{
		margin-bottom: 0.2rem;
	}
	.swiper-box .swiper-slide .dl{
		width: 80%;
	}
	.swiper-box .swiper-slide .dl dt{
		font-size: 0.25rem;
		margin-bottom: 0.2rem;
	}
	.swiper-box .swiper-slide .dl dd{
		/*font-size: 0.24rem;*/
		
		font-size: 0.20rem;
	}
	.swiper-box .swiper-slide .dl dd a{
	 	font-size: 0.20rem;
	}
	.swiper-box .swiper-slide .dl dd.img{
		margin-bottom: 0.1rem;
	}
	.swiper-box .swiper-slide .dl dd.img img{
		width:1rem;
		
	}
	
	
	
	.swiper-product-box{
		height: 54vw;
		top: 0.7rem;
		width: 100vw;
	}
	.swiper-product-box .swiper-slide .div h5{
		font-size: 0.36rem;
		margin-bottom: 0.1rem;
	}
	.swiper-product-box .swiper-slide .div h6{
		margin-bottom: 0.1rem;
	}
	.swiper-product-box .swiper-slide .div p{
		margin-bottom: 0.2rem;
	}
	.swiper-product-box .swiper-slide .dl{
		width: 80%;
	}
	.swiper-product-box .swiper-slide .dl dt{
		font-size: 0.36rem;
		margin-bottom: 0.2rem;
	}
	.swiper-product-box .swiper-slide .dl dd{
		/*font-size: 0.24rem;*/
		
		font-size: 0.20rem;
	}
	.swiper-product-box .swiper-slide .dl dd a{
	 	font-size: 0.20rem;
	}
	.swiper-product-box .swiper-slide .dl dd.img{
		margin-bottom: 0.1rem;
	}
	.swiper-product-box .swiper-slide .dl dd.img img{
		width:1rem;
		
	}
	
	.index-box{
		margin-top: calc(54vw + 0.7rem);
	}
	.index-box .module1 .div .gallery-thumbs{
		width: 100%;
		margin-top: 0.3rem;
	}
	.index-box .module1 .div{
		display: block;
	}
	.index-box .module2 .w1700{
		z-index: 6;
	}
	.index-box .module2 .left-h5{
		text-align: center;
	}
	.index-box .module2 .swiper-container{
		background-size: auto 100%; 
		padding: 1.0rem 0 2.6rem;
	}
	.index-box .module2 .swiper-pagination{
		bottom: 2.0rem;
	}
	.index-box .module2 .more-a{
		bottom: 1.2rem;
	}
	.index-box .module3 .title-h5{
		margin-bottom: 0.5rem;
	}
	.index-box .module3 img{
		width: 60%;
	}
	.index-box .module3 h6{
		width: 100%;
		margin: 0.5rem 0 0.2rem;
	}
	.index-box .module3 .ul{
		flex-wrap: wrap;
		margin-top: 0;
	}
	.index-box .module3 .ul li strong{
		font-size: 0.6rem;
	}
	.index-box .module3 .ul li{
		flex: none;
		width: 50%;
		margin-top: 0.3rem;
	}
	.index-box .module7{
		padding-top: 0.5rem;
	}
	.index-box .module7 .title-h5{
		margin-bottom: 0.5rem;
	}
	.index-box .module4 h5{
		width: 92%;
		text-align: center;
		line-height: 1.3;
	}
	.index-box .module4 h6 a{
		width: 1.8rem;
	}
	
	.product-box{
		padding-top: 0;
	}
	.product-box .module1 .div{
		display: block;
	}
	.product-box .module1 .div h6{
		line-height: 1.3;
		margin-bottom: 0.14rem;
	}
	.product-box .module1 .ul{
		overflow-x: auto;
	}
	.product-box .module1 .ul li{
		flex: none;
		flex-shrink: 0;
		width: 54%;
	}
	
	.productInfo-box .module{
		display: block;
	}
	.productInfo-box .module .title-h5{
		width: 100%;
	}
	
	.productInfo-box .module1 .div .divb{
		margin-top: 50px;
	}
	.productInfo-box .module1 .div .divb li{
		margin-bottom: 40px;
	}
	.productInfo-box .module1 .div .divb div{
		display: block;
	}
	.productInfo-box .module1 .div .divb div img{
		margin-top: 0.2rem;
	}
	
	.productInfo-box .module2 .div ul{
		display: block;
	}
	.productInfo-box .module2 .div ul li{
		width: 100%;
		margin-right: 0;
	}
	.productInfo-box .module2 .div ul li dl{
		padding: 0.3rem;
	}
	.productInfo-box .module1 .div img{width:2.52rem;}
	.productInfo-box .module4 .div{
		display: block;
		padding: 0.24rem;
	}
	.productInfo-box .module4 .dl{
		width: 100%;
	}
	.productInfo-box .module4 .dl h6{
		margin-bottom: 0.4rem;
	}
	.productInfo-box .module4 .dr{
		width: 100%;
		margin-top: 0.4rem;
	}
	
	.productInfo-box .module7 .w1700{
		padding: 0.24rem;
	}
	.productInfo-box .module7 h5{
		margin-bottom: 0.4rem;
	}
	.productInfo-box .module7 li p{
		padding: 0.2rem;
	}
	
	.solution-box .type-div{
		display: flex;
		overflow-x: auto;
		margin-bottom: 0.5rem;
	}
	.solution-box .type-div a{
		flex-shrink: 0;
		width: 1.0rem;
		margin-right: 0;
	}
	.solution-box .module1 a{
		width: 100%;
		padding-bottom: 40%;
	}
	.solution-box .module2{
		margin-top: 0.5rem;
		flex-direction: column-reverse;
	}
	.solution-box .module2 dd{
		width: 100%;
	}
	.solution-box .module2 dt{
		width: 100%;
		margin-top: 0.3rem;
	}
	.solution-box .module2 dt h6{
		font-size: 0.32rem;
	}
	.solution-box .module2 dt .btn{
		margin-top: 0.5rem;
	}
	.solutionInfo-box .module1 .ul li{
		padding: 0.34rem;
	}
	.solutionInfo-box .module1 .ul .dl{
		width: 100%;
		/*padding: 0 0.3rem;*/
			padding: 0.3rem;
	}
	.solutionInfo-box .module1 .ul .div{
		display: none;
	}
	.solutionInfo-box .module1 .ul .dl dt{
		font-size: 0.34rem;
	}
	.solutionInfo-box .module1 .ul .dl dd p{
		line-height: 1.8;
	}
	.solutionInfo-box .module2 .swiper-slide dl{
		width: 100%;
		right: 0;
		padding: 0.3rem;
		height: auto;
	}
	.solutionInfo-box .module3 h5{
		width: 92%;
		text-align: center;
		line-height: 1.3;
	}
	.solutionInfo-box .module3 h6 a{
		width: 1.8rem;
	}

.pd .prolist { width: 100%; background: #fff; padding: 20px 0; padding-top: 0; font-size: 15px; line-height: 25px; color: #333; display: flex; flex-flow: wrap; }
.pd .prolist dl { float: left; background: #fff; width: 49%; margin-right: 2%; overflow: hidden; margin-top: 10px; overflow: hidden; }
.pd .prolist dl:nth-child(2n+0) { margin-right: 0; }
.pd .prolist dl:nth-child(5n+0) { margin-right: 2%; }
.pd .prolist dl .bordergray { border: 1px solid #e0e0e0; padding: 0 0 20px 0; }
.pd .prolist dt { text-align: center; }
.pd .prolist dt img { max-width: 80%; padding: 10px 0; transition: all 0.6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.pd .prolist dt img:hover { width: 85%; overflow: hidden; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); }
.pd .prolist dd { text-align: center; }
.pd .prolist dd a:hover { color: #1f738b; }

.div .fenlei { margin-top: 10px; }
.foot-box .module1 .h6 { display: none; }
.problem-box .module2 .div h5 { display: none; }

}

@media (max-width: 380px) {
    html {
        font-size: 70px;
    }
}  /* i i s 7 . c o m */