@charset 'utf-8';

/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,p{margin:0;}
ul,ol,th,td,input,textarea {padding:0;}
body{font-family:'Microsoft YaHei';font-size:0;}
table{border-collapse:collapse;}
img,iframe{border:0;}
ol,ul{list-style:none;}
i,em{font-style:normal;}
strong{font-weight:normal;}
input,select,textarea{font-family:'Microsoft YaHei';}
textarea{overflow:auto;resize:none;}
a{text-decoration:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-size:12px;color:#666;}
input:-moz-placeholder, textarea::-moz-placeholder {font-size:12px;color:#666;} 
input::-moz-placeholder, textarea::-moz-placeholder {font-size:12px;color:#666;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size:12px;color:#666;}

.more {
	width: 114px;
	margin: 0 auto;
	border: solid 1px #000;
	font-size: 14px;
	line-height: 31px;
	color: #333;
	text-align: center;
}
.dib.vm {width: 170px;}
/*************** header-box STRAT *******************/
.header-box { background-color: #fff; }
.header-box .area { height: 106px; }
.m-nav .nav>li {
	float: left;
	position: relative;
	width: 120px;
}
.m-nav .nav>li>.u-a-wrap {
	font-size: 22px;
	line-height: 106px;
	color: #666;
}
.m-nav .subnav {
	position: absolute;top: 106px;left: 0;
	z-index: 200;
	width: 100%;
	background-color: #fff;
	display: none;
}
.m-nav .subnav .u-a-wrap {
	font-size: 16px;
	line-height: 45px;
	color: #666;
}
.m-nav .nav>li:hover>.u-a-wrap,.m-nav .nav>li.active>.u-a-wrap { color: #117bcf;font-weight: bold; }
.m-nav .nav>li:hover .subnav .u-a-wrap:hover { color: #fff;background: #117bcf; }
/*************** header-box END   *******************/

/*************** banner-box STRAT *******************/
.banner-box .u-img { height: 28.125vw; }
.u-pag-banner {
	bottom: 12px;left: 0;
}
.u-pag-banner span {
	display: inline-block;*display: inline;*zoom: 1;
	width: 13px;height: 13px;
	margin: 0 7.5px;
	border: solid 1px #959595;
	background-color: transparent;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.u-pag-banner .selected span { background-color: #959595; }
/*************** banner-box END   *******************/

/*************** m-productNav STRAT *******************/
.m-productNav { background-color: #eef1f1; }
.m-productNav li {
	float: left;
	position: relative;
	width: 162px;height: 124px;
}
.m-productNav li .u-a-wrap {
	height: 100%;
	overflow: hidden;
}
.m-productNav li .imgWrap {
	position: absolute;bottom: 55px;left: 0;
	width: 100%;
}
.m-productNav li .name {
	margin-top: 80px;
	font-size: 18px;
	line-height: 25px;
	color: #333;
}
.m-productNav li .focus {
	position: absolute;bottom: 0;left: 0;
	width: 100%;height: 3px;
	background-color: #000;
	visibility: hidden;
}
.m-productNav li .focus:after {
	content: "";
	display: block;
	position: absolute;top: 3px;left: 0;right: 0;
	width: 0;
	margin: 0 auto;
	border-left: solid 9px transparent;
	border-right: solid 9px transparent;
	border-top: solid 10px #000;
}
.m-productNav li:hover { background-color: #fff; }
.m-productNav li:hover .focus { visibility: visible; }
.m-productNav .active { background-color: #fff; }
.m-productNav .active .focus { visibility: visible; }
/*************** m-productNav END   *******************/

/*************** m-1 STRAT *******************/
.m-1 { margin-top: 30px; }
.m-1 .item>li { display:none; }
.m-1 .item .active { display: block; }
.m-1 .sub {
	width: 1155px;height: 750px;
	overflow: hidden;
}
.m-1 .sub li {
	float: left;
	position: relative;
	width: 270px;
	margin: 0 15px 20px 0;
	box-shadow: 5px 5px 5px #ececec;
	height: 355px;
}
.m-1 .sub li .u-img { height: 290px; width: 270px;margin-bottom: 65px;}
.m-1 .sub li .name {
	position: absolute;bottom: 0;left: 0;
	width: 100%;
	font-size: 18px;
	line-height: 50px;
	color: #666;
	font-weight: bold;
	text-align: center;
}
.m-1 .more { margin: 7px auto 27px auto; }
/*************** m-1 END   *******************/

.m-ads .u-img { height: 17.395833333333336vw; }
@media (max-width:1920px) {
	.m-ads .u-img { height: 334px; }
}

/*************** m-about STRAT *******************/
.m-about .title,
.m-news .title { padding: 65px 0 38px 0;}
.m-about .title .CH,
.m-news .title .CH {
	padding: 0 10px;
	border-left: solid 3px #2b4ca2;
	border-right: solid 3px #2b4ca2;
	font-size: 26px;
	line-height: 26px;
	color: #666;
	letter-spacing: 10px;
}
.m-about .title .EN,
.m-news .title .EN {
	font-size: 12px;
	line-height: 37px;
	color: #666;
}
.m-about .u-img {
	width: 621px;height: 396px;
}
.m-about .m-article {
	margin-left: 660px;
	height: 100%;
}
.m-about .m-article .ctn {
	height: 288px;overflow: hidden;
	font-size: 18px;
	line-height: 34px;
	color: #666;
}
.m-about .m-article .more { margin: 74px 0 0 0; }
/*************** m-about END   *******************/

/*************** m-news STRAT *******************/
.m-news .u-img {
	width: 621px;height: 396px;
}
.m-news .newsUl { margin-left: 660px; }
.m-news .newsUl li .u-a-wrap { height: 80px; }
.m-news .newsUl li .date {
	position: relative;
	width: 75px;
	color: #666;
	font-weight: bold;
}
.m-news .newsUl li .date:after {
	content: "";
	display: block;
	position: absolute;top: 0;bottom: 0;right: 0;
	height: 56px;
	margin: auto 0;
	border-right: solid 1px #a0a0a0;
}
.m-news .newsUl li .date .font1 {
	font-size: 40px;
	line-height: 48px;
}
.m-news .newsUl li .date .font2 {
	font-size: 14px;
	line-height: 20px;
}
.m-news .newsUl li .m-article {
	width: 390px;
	margin-left: 13px;
}
.m-news .newsUl li .m-article .tit {
	font-size: 16px;
	line-height: 26px;
	color: #666;
}
.m-news .newsUl li .m-article .ctn {
	height: 20px;overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}
.m-news .newsUl li:hover .date { color: #117bcf; }
.m-news .newsUl li:hover .m-article .tit { color: #117bcf; }
.m-news .more { margin: 43px 0 0 645px; }
/*************** m-news END   *******************/

/*************** footer-box STRAT *******************/
.footer-box {
	background-color: #000;
	margin-top: 72.5px;
}
.footer-box .area { height: 238px; }
.m-footerNav {
	top: 0;left: 0;
}
.m-footerNav li {
	display: inline-block;*display: inline;*zoom: 1;
	position: relative;
	padding: 0 26px;
}
.m-footerNav li .u-a {
	font-size: 14px;
	line-height: 52px;
	color: #999;
}
.m-footerNav .top {
	margin-top: -72.5px;
	width: 145px;height: 145px;
	padding: 0;
	background: #fff url(../images/icon/top.png) no-repeat center 75px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.footer-box .weixin {
	top: 75px;left: 376px;
}
.footer-box .weixin .name {
	width: 24px;
	margin-right: 7px;
	font-size: 14px;
	line-height: 15px;
	color: #999;
	text-align: center;
}

.footer-box .contact {
	top: 90px;left: 500px;
	width: 420px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
}
.footer-box .contact .QQ { margin-left: 36px; }

.footer-box .copyright {
	top: 172px;left: 0;
	font-size: 14px;
	line-height: 22px;
	color: #999;
}
/*************** footer-box END   *******************/

/*************** m-location STRAT *******************/
.m-location { margin: 30px 0 20px 0; }
.m-location .wrap:before {
	content: "";
	display: block;
	position: absolute;bottom: 0;left: 0;
	width: 100%;
	border-top: solid 3px #117bcf;
}
.m-location .pageTit {
	font-size: 22px;
	line-height: 42px;
	color: #117bcf;
}
.location {
	font-size: 16px;
	line-height: 42px;
	color: #333;
}
.location a { color: #333; }
.location:before {
	content: "";
	display: inline-block;*display: inline;*zoom: 1;
	width: 21px;height: 17px;
	margin-right: 6px;
	background: url(../images/icon/home.png);
	vertical-align: text-bottom;
}
/*************** m-location END   *******************/

/*************** m-pageNav STRAT *******************/
.m-pageNav {
	width: 275px;
	text-align: center;
}
.m-pageNav .title {
	padding: 40px 0 35px 0;
	background-color: #117bcf;
	color: #fff;
}
.m-pageNav .title .CH { font-size: 24px; }
.m-pageNav .title .EN { font-size: 14px; }
.m-pageNav .content { background-color: #eef1f1; }
.m-pageNav .content>li>.u-a-wrap {
	border-bottom: solid 1px #dcdcdc;
	font-size: 18px;
	line-height: 48px;
	color: #666;
}
.m-pageNav li .sub { border-bottom: solid 1px #dcdcdc; }
.m-pageNav li .sub .u-a-wrap {
	font-size: 16px;
	line-height: 30px;
	color: #999;
}
.m-pageNav .content .hover>.u-a-wrap {
	background-color: #117bcf;
	color: #fff;
}
.page-box { margin-left: 285px; }
/*************** m-pageNav END   *******************/

/*************** m-picList STRAT *******************/
/*.m-picList ul { height: 678px; }*/
.m-picList li {
	float: left;
	width: 285px;
}
.m-picList li .u-img {
	height: 283px;
	border: solid 1px #d9d9d9;
}
.m-picList li .name {
	font-size: 14px;
	line-height: 40px;
	color: #333;
	text-align: center;
}
/*************** m-picList END   *******************/

/*************** m-picDtl STRAT *******************/
.m-picDtl .picProfile { height: 515px; }
.m-picDtl .picProfile .m-left {
	width: 465px;
	margin-top: 12px;
	border: solid 1px #f0f0f0;
}
.m-picDtl .picProfile .m-left .u-img { height: 409px; }
.m-picDtl .picProfile .m-left .img-l { width: 4650px; }
.m-picDtl .picProfile .m-left li {
	float: left;
	width: 465px;
}

.m-picDtl .picProfile .m-right {
	width: 356px;
	margin-top: 12px;
}
.m-picDtl .picProfile .m-right .tit {
	padding-top: 37px;
	border-bottom: dashed 1px #dbdbdb;
	font-size: 24px;
	line-height: 54px;
	color: #666;
	text-indent: 20px;
}
.m-picDtl .picProfile .m-right .ctn {
	padding-top: 7px;
	font-size: 14px;
	line-height: 26px;
	color: #999;
	/* text-indent: 20px; */
	padding-left: 20px;
}
.m-picDtl .picProfile .m-right .tele {
	top: 317px;left: 17px;
	width: 327px;
	background-color: #117bcf;
	font-size: 24px;
	line-height: 54px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
.m-picDtl .picProfile .m-right .tele span { font-size: 25px; }
.m-picDtl .picProfile .img-s {
	bottom: 0;left: 0;
	width: 465px;
}
.m-picDtl .picProfile .img-s ul { width: 1160px; }
.m-picDtl .picProfile .img-s li {
	float: left;
	width: 99px;
	margin: 0 7.5px;
	border: solid 1px #f0f0f0;
	cursor: pointer;
}
.m-picDtl .picProfile .img-s .u-img { height: 87px; }
.m-picDtl .picProfile .img-s .prev,
.m-picDtl .picProfile .img-s .next {
	top: 0;bottom: 0;
	z-index: 2;
	width: 10px;height: 17px;
	margin: auto 0;
	background: url(../images/icon/arrow.png);
}
.m-picDtl .picProfile .img-s .prev {
	left: 0;
	background-position: 0 0;
}
.m-picDtl .picProfile .img-s .next {
	right: 0;
	background-position: -10px 0;
}

.m-picDtl .picDetail .title {
	border-bottom: solid 3px #117bcf;
	font-size: 18px;
	line-height: 42px;
	color: #117bcf;
}
.m-picDtl .picDetail .m-article .album { text-align: center; }
.m-picDtl .picDetail .m-article .album img { max-width: 100%; }
.m-picDtl .picDetail .m-article .ctn {
	padding: 13px 0 4px 0;
	font-size: 14px;
	line-height: 36px;
	color: #666;
}
.m-picDtl .picDetail .m-article .paging,
.m-newsDtl .paging {
	border-top: dashed 1px #b0b0b0;
	font-size: 14px;
	line-height: 58px;
}
.m-picDtl .picDetail .m-article .paging a,
.m-newsDtl .paging a { color: #666; }
/*************** m-picDtl END   *******************/

/*************** m-newsList STRAT *******************/
.m-newsList { padding-top: 30px; }
.m-newsList .newsUl {
	/* height: 640px; */
	margin-left: 0;
}
/*************** m-newsList END   *******************/

/*************** m-newsDtl STRAT *******************/
.m-newsDtl .tit { padding: 30px 0 15px 0; }
.m-newsDtl .tit h1 {
	font-size: 24px;
	line-height: 36px;
	color: #333;
}
.m-newsDtl .tit .inf {
	font-size: 18px;
	line-height: 30px;
	color: #666;
}
.m-newsDtl .imgs img { max-width: 100%; }
.m-newsDtl .ctn {
	min-height: 144px;
	padding-top: 40px;
	font-size: 18px;
	line-height: 24px;
	color: #666;
}
/*************** m-newsDtl END   *******************/