@charset "utf-8";
/*公共样式*/
*{margin: 0;padding: 0;list-style: none;}
html,body{margin: 0 auto;}
body{overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,header,section,footer{ margin: 0; padding: 0 }
body, button, input, select, textarea {
    font: 12px/1.5 "微软雅黑";
    color:#333;
}
em{font-style: normal; }

a{text-decoration: none;color: black;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

.fl{float: left;}
.fr{float: right;}

img{border: 0;display: inline-block;vertical-align: middle;}

@font-face {
	font-family:"PINGFANG MEDIUM";
	src: url("PINGFANG MEDIUM.ttf");
}

@font-face {
	font-family:"PINGFANG BOLD";
	src: url("PINGFANG BOLD.ttf");
}

@font-face {
	font-family:"PINGFANG LIGHT";
	src: url("PINGFANG LIGHT.ttf");
}

@font-face {
	font-family:"PINGFANG REGULAR";
	src: url("PINGFANG REGULAR.ttf");
}
/*主体样式*/
.wrapper{
	position: relative;
	max-width: 12.6rem;
	margin: 0 auto;
	background: #f0f0f0;
}
.wrapper .header{
	height: 1.32rem;
	position: fixed;
	top: 0;right: 0;left: 0;
	background: #fff;
	max-width: 12.6rem;
	margin: 0 auto;
	z-index: 99;
}
.wrapper .header a.logo{
	float: left;
	margin-left: 0.24rem;
	width: 1.25rem;
	height: 1.16rem;
	margin-top: 0.08rem;
}
.wrapper .header a.logo img{
	max-width: 1.25rem;
	max-height: 1.16rem;
}
.wrapper .header span.navbar{
	float: right;
	padding-right: 0.24rem;
	width: 1.3rem;
	height: 1.32rem;
	background: #365ca5;
	/*text-align: center;*/
	line-height: 1.32rem;
	text-indent: 0.4rem;
}
.wrapper .header span.navbar img{
	max-width: 0.8rem;
	max-height: 0.62rem;
}


.menu_list_bor {
    position: fixed;
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0;
    z-index: 8888;
}

.colse_menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.menu_right {
    width: 60%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
    overflow-x: hidden;
}

.menu_top {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #bbbbbb;
}

.clo {
    line-height: 1rem;
    color: #333;
    font-size: 0.3rem;
    width: 1.5rem;
    margin-left: 0.3rem;
    height: 1rem;
    background-size: auto 0.25rem;
    padding-left: 0.35rem;
}

.menu_list {
    width: 100%;
}

.clo b{
    float: left;
    height: 100%;
    width: 20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform:  rotate(180deg);;
    background: url('fl.png') no-repeat right center;
    background-size: 40%;
}

.clo span {
    display: inline-block;
    line-height: 0.8rem;
    margin-left: 0.1rem;
}

.menu_list >ul>li,.menu_list>ul>li div>ul>li{
    line-height: 0.8rem;
    *height: 0.8rem;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}
.menu_list>ul>li div>ul{
    display: none;
}
.menu_list >ul >li >a,.menu_list>ul>li div>ul>li>a {
    line-height: 0.8rem;
    *height: 0.8rem;
    color: #333;
    font-size: 0.28rem;
    display: inline-block;
    padding-left: 0.65rem;
    width: 100%;
    display: block;
}

.menu_list>ul>li div>ul>li{
    border:0;
    border-top: 1px solid #e9e9e9;
    padding-left: 0.3rem;
}

.menu_list >ul >li div>ul>li>a{color: #575757;}

.menu_list >ul >li>b, .menu_list >ul >li div>ul>li b{
    position: absolute;
    display: block;
    width: 100%;
    height: 0.8rem;
    right: 0;
    top: 0;
    background: url('fl.png') no-repeat 90% center;
    background-size: 3.5%;
}
.menu_list>ul>li div>ul>li li{
    border-top:1px solid #e9e9e9;
}
.menu_list>ul>li div>ul>li li a{
    padding-left:1.5rem;
    color:#333;
    font-size: 0.28rem;
}

.menu_list >ul >li>b.nex ,.menu_list >ul >li div>ul>li b.nex{
    background: url('nex.png') no-repeat 90% center;
    background-size: 6%;
}

.menu_list >ul >li{line-height: 0.8rem;}
.menu_list >ul >li:last-child{
	display: none;
}
/*banner*/
.wrapper .focus{
	margin-top: 1.32rem;
	position: relative;
	max-width: 12.6rem;
	width: 100%;
	height: 4rem;
}
.wrapper .focus .flex-viewport{
	position: relative;
	overflow: hidden;
}
.wrapper .focus .slides li{
	height: 4rem;
}
.wrapper .focus .slides li img{
	max-width: 12.6rem;
	max-height: 4rem;
	width: 100%;
	height: 100%;
}
.focus .flex-control-nav{
	position: absolute;
	bottom: 0.13rem;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}

.focus .flex-control-nav li{
	display: inline-block;
}

.focus .flex-control-nav li a{
	width: 0.2rem;
	height: 0.2rem;
	color:transparent;
	background-color: #ffffff;
	margin:0 0.1rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius:50%;
	display: block;
}
.focus .flex-control-nav li a.flex-active{
	background: #365ca5;
}
/*.focus{
	height: 4rem;
}*/

.focus ul li img{
	width: 100%;
	max-height: 4rem;
}
/*column_nav*/
.column_nav{
	height: 2.5rem;
	max-width: 12.6rem;
	padding: 0 0.24rem;
	background: #fff;
	display: flex;
}
.column_nav a{
	display: inline-block;
	/*width: 1.46rem;*/
	/*margin-right: 0.31rem;*/
	flex: 1;
}
.column_nav a:last-child{
	margin-right: 0rem;
}
.column_nav dl{
	/*float: left;*/
	width: 1.46rem;
	/*margin-right: 0.4rem;*/
	
	margin: 0 auto;
	margin-top: 0.3rem;
}
/*.column_nav dl:last-child{
	margin-right: 0rem;
}*/
.column_nav dl dt{
	width: 1.4rem;
	height: 1.4rem;
	text-align: center;
	line-height: 1.4rem;
	border: 0.03rem solid #365ca5;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 0.2rem;
	font-size: 0;
}
.column_nav dl dt span{
	display: inline-block;
	vertical-align: middle;
	width: 0.75rem;
	height: 0.7rem;
	text-align: center;
	line-height: 0.7rem;
}
.column_nav dl dt span img{
	max-width: 0.75rem;
	max-height: 0.7rem;
}
.column_nav dl dd{
	text-align: center;
	font-size: 0.28rem;
	font-family: "PINGFANG MEDIUM";
	color: #4c4c4c;
}



.wrapper .product{
	max-width: 12.6rem;
	padding: 0 0.24rem;
	margin-top: 0.2rem;
	background: #fff;
	overflow: hidden;
	padding-bottom: 0.8rem;
}
.wrapper .product h3{
	text-align: center;
	margin-top: 0.5rem;
	font-weight: normal;
}
.wrapper .product h3 span{
	font-size: 0.4rem;
	font-family: "PINGFANG BOLD";
}
.wrapper .product h3 span span{
	font-size: 0.26rem;
}
.wrapper .product h3>span:first-child{
	color: #365ca5;
}
.wrapper .product p{
	font-size: 0.26rem;
	color: #999999;
	text-align: center;
	font-family: "PINGFANG MEDIUM";
	margin-bottom: 0.2rem;
}
.wrapper .product ul{
	/*overflow: hidden;*/
	display: flex;
}

.wrapper .product ul a{
	float: left;
	display: block;
	/*width: 3.35rem;
	height: 3.35rem;*/
	border-radius: 0.12rem;
	text-align: center;
	line-height: 100%;
	position: relative;
	margin-top: 0.36rem;
	/*overflow: hidden;*/
	flex: 1;
	margin: 0 0.1rem;
}
/*.product ul>a:last-child{
	display: none !important;
}*/
.wrapper .product ul a li{
	/*width: 3.31rem;
	height: 3.31rem;*/
	width: 100%;
	height: 2rem;
	text-align: center;
	line-height: 100%;
	position: relative;
	border-radius: 0.12rem;
	overflow: hidden;
	border: 0.01rem solid #dedede;
}
.wrapper .product ul a li img{
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.wrapper .product ul a li h3{
	position: absolute;
	bottom: 0rem;
	left: 0;
	z-index: 99;
	height: 0.72rem;
	text-align: center;
	width: 100%;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 0.32rem;
	line-height: 0.72rem;
	font-family: "PINGFANG MEDIUM";
	z-index: 9;
}

.wrapper .news{
	max-width: 12.6rem;
	padding: 0 0.24rem;
	margin-top: 0.2rem;
	background: #fff;
	overflow: hidden;
	padding-bottom: 0.8rem;
	margin-bottom: 1rem;
}
.wrapper .news h3{
	text-align: center;
	margin-top: 0.5rem;
	font-weight: normal;
}
.wrapper .news h3 span{
	font-size: 0.4rem;
	font-family: "PINGFANG BOLD";
}
.wrapper .news h3 span span{
	font-size: 0.26rem;
}
.wrapper .news h3>span:first-child{
	color: #365ca5;
}
.wrapper .news p{
	font-size: 0.26rem;
	color: #999999;
	text-align: center;
	font-family: "PINGFANG MEDIUM";
}
.wrapper .news ul li{
	margin-top: 0.3rem;
	overflow: hidden;
	padding-bottom: 0.3rem;
	border-bottom: 0.01rem solid #dedede;
}
.wrapper .news ul li div.news_time{
	float: left;
	/*width: 1.32rem;*/
	width: 20%;
	height: 1.32rem;
	background: #fff;
}
.wrapper .news ul li div.news_time h3{
	background: #365ca5;
	height: 0.9rem;
	margin-top: 0;
	font-size: 0.72rem;
	color: #fff;
	text-align: center;
	line-height: 0.9rem;
	font-family: "PINGFANG LIGHT";
}
.wrapper .news ul li div.news_time p{
	margin-top: 0.02rem;
	background: #365ca5;
	height: 0.4rem;
	color: #fff;
	font-family: "PINGFANG MEDIUM";
	font-size: 0.22rem;
	line-height: 0.4rem;
}
/*.news ul li div.news_time*/ 
.wrapper .news ul li div.news_content{
	float: right;
	/*width: 5.45rem;*/
	width: 78%;
}
.wrapper .news ul li div.news_content h3{
	font-size: 0.32rem;
	font-family: "PINGFANG BOLD";
	margin-top: 0;
	text-align: left;
	color: #4c4c4c;
}
.wrapper .news ul li div.news_content p{
	font-size: 0.28rem;
	font-family: "PINGFANG REGULAR";
	text-align: left;
	color: #000;
}

/*当前位置*/
.wrapper .position{
	padding: 0 0.24rem;
	margin-top: 0.16rem;
	/*margin-bottom:0.2rem;*/
	border-bottom: 0.16rem solid #f7f7f7;
	height: 0.5rem;
	background: #fff;
}
.wrapper .position p{
	overflow: hidden;
	/*padding-top: 0.07rem;*/
	line-height: 0.5rem;
	font-family: "PINGFANG REGULAR";
	font-size: 0.26rem;
}
.wrapper .position p i{
	width: 0.28rem;
	height: 0.36rem;
	display: inline-block;
	padding-right: 0.14rem;
	float: left;
	text-align: center;
	line-height: 0.36rem;
	font-size: 0;
	margin-top: 0.07rem;
}
.wrapper .position p i img{
	max-width: 0.28rem;
	max-height: 0.36rem;
}
.wrapper .position p span{
	font-size: 0.24rem;
	float: left;
	font-family: "PINGFANG REGULAR";
}
.wrapper .position p a{
	font-size: 0.26rem;
}
.wrapper .position p a:last-child{
	color: #365ca5;
}


.wrapper .news_main{
	padding: 0 0.24rem;
	background: #fff;
	height: 100%;
	padding-bottom: 1.5rem;
}
.wrapper .nav ul{
	padding-top: 0.1rem;
	overflow: hidden;
}
.wrapper .nav ul li{
	float: left;
	/*width: 3.35rem;*/
	width: 48%;
	height: 0.6rem;
	margin: 0.1rem 0;
}
.wrapper .nav ul li a{
	display: block;
	height: 100%;
	width: 100%;
	font-family: "PINGFANG BOLD";
	font-size: 0.28rem;
	background: #365ca5;
	color: #fff;
	text-align: center;
	line-height: 0.6rem;
	
}
.wrapper .nav ul li a.on{
	background: rgba(54,92,165,0.2);
	color: #365ca5;
}


.wrapper .news_main .news_main_list{
	margin-top: 0.2rem;
	border-top: 0.01rem solid #c9c9c9;
	padding-top: 0.1rem;
}

.wrapper .news_main .news_main_list ul li.dynamic_lists_li{
	position: relative;
	line-height: 0.4rem;
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
	border-bottom: 0.01rem dashed #c9c9c9;
}
.wrapper .news_main .news_main_list ul li.dynamic_lists_li h3 a{
	float: right;
	height: 0.48rem;
	width: 0.48rem;
	background: url("icon_upload.png") no-repeat center bottom;
	margin-top: -0.05rem;
	background-size: contain;
}
.wrapper .news_main .news_main_list ul li.dynamic_lists_li span{
	position: absolute;
	top: 0;
	right: 0;
	color: #969696;
	font-family: "PINGFANG REGULAR";
	font-size: 0.24rem;
}
.wrapper .news_main .news_main_list ul li.dynamic_lists_li span.ymd{
	right: 1rem;
}
.wrapper .news_main .news_main_list ul  li.dynamic_lists_li p{
	font-size: 0.26rem;
	color: #454545;
	font-family: "PINGFANG REGULAR";
	text-indent: 0.44rem;
	margin-top: 0.1rem;
}

.wrapper .news_main .news_main_list ul  li.dynamic_lists_li h3{
	font-size: 0.28rem;
	position: relative;
}

/*product*/
.wrapper .news_main .product_main_list{
	margin-top: 0.2rem;
	border-top: 0.01rem solid #c9c9c9;
	padding-top: 0.1rem;
	overflow: hidden;
}
.wrapper .news_main .product_main_list li{
	float: left;
	width: 3.35rem;
	height: 3.35rem;
	position: relative;
	margin: 0.1rem 0;
	border-radius: 0.12rem;
	overflow: hidden;
}
.wrapper .news_main .product_main_list li img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-height: 3.35rem;
	max-width: 3.35rem;
}
.wrapper .news_main .product_main_list li h3{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0.5rem;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	line-height: 0.5rem;
	font-weight: normal;
	font-family: "PINGFANG REGULAR";
}


/*news*/
.wrapper .news_center{
	width: 100%;
	max-width: 12.6rem;
	/*margin-bottom: 1.5rem;*/
}
/*.wrapper .news_center .n_div{
	margin: 0 0.24rem;
}*/
.wrapper .news_center .n_div .n_div_left span{
	margin-top: 0.35rem;
	font-size: 0.28rem;
	display: inline-block;
}
.wrapper .news_center .n_div h3{
	font-size: 0.26rem;
	margin-bottom: 0.1rem;
	overflow: hidden;
}
.wrapper .news_center .n_div h3 a{
	float: right;
	font-size: 0.24rem;
	font-weight: normal;
	font-style: oblique;
}
.wrapper .news_center .n_div ul{
	height: 100%;
	margin-top: 0.2rem;
	border-top: 2px dashed #e6e6e6;
}
.wrapper .news_center .n_div ul li{
	
	overflow: hidden;
	/*margin: 0.2rem 0;*/
	padding: 0.27rem 0;
	border-bottom: 2px dashed #e6e6e6;
}
.wrapper .news_center .n_div ul li a div.n_div_left{
	float: left;
	/*width: 1.12rem;*/
	width: 20%;
	height: 1.12rem;
}
.wrapper .news_center .n_div ul li a div.n_div_left span.day{
	margin-top: 0;
	display: block;
	/*width: 1.12rem;*/
	width: 100%;
	height: 0.76rem;
	background: #365ca5;
	font-size: 0.56rem;
	color: #fff;
	text-align: center;
	line-height: 0.76rem;
	font-family: "PINGFANG LIGHT";
}
.wrapper .news_center .n_div ul li a div.n_div_left span.y-m{
	margin-top: 0.02rem;
	display: block;
	/*width: 1.12rem;*/
	width: 100%;
	height: 0.34rem;
	background: #365ca5;
	font-size: 0.22rem;
	color: #fff;
	text-align: center;
	line-height: 0.34rem;
	font-family: "PINGFANG MEDIUM";
}

.wrapper .news_center .n_div ul li a div.n_div_right{
	float: right;
	/*width: 5.6rem;*/
	width: 78%;
}
.wrapper .news_center .n_div ul li a div.n_div_right h3{
	font-size: 0.28rem;
	font-family: "PINGFANG BOLD";
	font-weight: normal;
}
.wrapper .news_center .n_div ul li a div.n_div_right p{
	font-size: 0.26rem;
	line-height: 0.3rem;
	text-indent: 0.44rem;
	font-family: "PINGFANG REGULAR";
}









/*footer*/
.footer{
	position: fixed;
	bottom: 0;
	left: 0;right: 0;
	margin: 0 auto;
	max-width: 12.6rem;
	height: 0.98rem;
	z-index: 9999;
}
.footer a{
	float: left;
	width: 50%;
	height: 0.98rem;
	font-size: 0.26rem;
	font-family: "PINGFANG MEDIUM";
	color: #fff;
	line-height: 0.98rem;
	/*text-indent: 1.75rem;*/
	text-indent: 22%;
	position: relative;
}
.footer a.tel{
	background: #282828;
	
}
.footer a span{
	position: absolute;
	top: 0.22rem;
	/*left: 1rem;*/
	left: 30%;
	display: inline-block;
	width: 0.45rem;
	height: 0.55rem;
	text-align: center;
	line-height: 0.55rem;
	text-indent: 0;
}
.footer a span img{
	max-width: 0.45rem;
	max-height: 0.55rem;
}
.footer a.qq{
	background: #3a3a3a;
}


/*pageClass*/ 

.layui-laypage{margin:0.4rem 0rem;width: 100%;text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #365ca5;}
.layui-laypage-prev.layui-disabled{display: none;}
.layui-laypage a{margin:0 5px;background-color: #365ca5;color: white;}
.layui-laypage .layui-laypage-count{padding:0px 15px;margin-right:5px;color: white;background-color: #365ca5;}
.layui-laypage .layui-laypage-curr{margin:0 5px;}
.layui-laypage span{margin-bottom: 0px;}

/*内容页*/
.content{background-color: #ffffff;overflow: hidden;/*padding:0 0.2rem;*/}
.content .article_title {
    margin:0.4rem 0 0.2rem;
    text-align: center;
}
.content .article_title h3 {
    font-size: 0.32rem;
    color:#333;
}
.content .article_title .author {
    font-size: 0.23rem;
    color: #c6c5c6;
    margin-top: 0.1rem;
}
.content .article_con {
    padding:0.5rem 0;
    font-size: 0.28rem;
    color: #555555;
    text-align: justify;
    line-height: 200%;
    min-height: 5rem;
}
.content .article_con span{
	font-size: 0.28rem;
}
.content .article_con span span{
	font-size: 0.28rem !important;
}
.content .article_con img{max-width: 100%;display: inline-block;height: auto !important;}
.content .up,.content .down {
    font-size: 0.26rem;
    text-align: left;
    color: #444444;
    font-weight: bold;
    padding:0 0.1rem;
    border: none;
    margin: 0px;
}
.content .up a,.content .down a {
    color: #777777;
    font-weight: normal;
    font-size: 0.26rem;
}
.content .up a span,.content .down a span{
	font-size: 0.26rem;
}
.content .up {
    margin-top: 0.3rem;
}
.content .down{margin-bottom: 0.2rem;margin-top:0.1rem;}