@charset "utf-8";
@import url("iconfont.css");
@media screen and (min-width:640px) {
	html {
		font-size:;
	}
}

@media screen and (min-width:414px) and (max-width:639px) {
	html {
		font-size:;
	}
}

@media screen and (min-width:375px) and (max-width:413px) {
	html {
		font-size:;
	}
}

@media screen and (min-width:320px) and (max-width:374px) {
	html {
		font-size:;
	}
}

html {
	width: 100%;
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 100%;
	min-width: 0.32rem;
	font-size: 0;
	background-color: #fff;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul,ul li,ol,li {
	list-style: none outside none;
}

img {
	vertical-align: middle;
	border: none;
}

i {
	font: inherit;
}

input,select,option {
	vertical-align: middle;
	border-radius: 0rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
}

input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	outline: none;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

h1,h2,h3,h4,h5,h6,i {
	font-weight: normal;
}

select::-ms-expand {
	display: none;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
	text-decoration: none;
	outline: none;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
	display: block;
	_height: 0.01rem;
	clear: both;
}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input {
	margin: 0;
	padding: 0;
}

.white {
	width: 7.5rem;
	margin: 0 auto;
	background-color: #FFF;
}

.wrap {
	width: 7.5rem;
	margin: 0 auto;
}

.wrapbox {
	width: 6.3rem;
	margin: 0 auto;
}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before {
	content: '';
	display: table
}

.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after {
	content: '';
	display: table;
	clear: both;
}

.fixed, .clearfix, .cf, .header, .main, .footer {
	*zoom: 1
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
/* 初始化 */
body{width:100%;height:100%;font-size:.24rem;font-family:'Microsoft Yahei','微软雅黑',Arial,sans-serif;padding-top:1.74rem;margin:0 auto; width:100%; max-width:750px; min-width:320px;}
/*头部*/
.header{position:fixed;top:0;width:100%;max-width:750px; z-index:3000; }
.header{height:1.22rem; }
.header-top {height:1.22rem; background-color:#ffffff;}
.header-top .logo{ float:left; width:6.2rem; margin-top:.24rem; height:0.71rem;}
.header-top .logo .pic { margin-left:0.15rem; width:5.97rem; height:0.71rem; line-height:0.71rem;}
.header-top .logo img{max-width:100%;max-height:100%;vertical-align:middle;}
.header-top .dh { float:right; width:0.6rem; margin-top:0.32rem; margin-right:0.18rem; }
.header-top .dh img{width:0.6rem; height:0.6rem; }
.h-nav{ width:100%;height:0.52rem;overflow:hidden; position:relative; background-color:#1e7cdc;}
.h-nav ul li{float:left; line-height:.52rem; width:20%; font-size:.24rem; position:relative; color:#ffffff; text-align:center; }
.h-nav ul li a{color:#FFF}
.h-nav ul li.active a{ font-weight:bold; }

.slideMenu i{float: right; margin-right: -0.3rem; color: #fff;width: 0.4rem; height: 0.3rem; text-align: center; line-height: 0.2rem;}
.slideMenu{width:100%;background:rgba(0, 0, 0, 0.6); position: absolute; top:1.74rem;right: 0px;padding:0.5rem 10% 1rem 10%; z-index: 9;display: none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.slideMenu ul{}
.slideMenu li{height:0.5rem;line-height: 0.5rem; position: relative;border-bottom: 1px solid #eaeaea;}
.slideMenu li a{display: block; color:#fff;font-size: 0.24rem;}
/*轮播图*/
.banner{margin:0 auto;width:100%;background-color:#fff}
.banner img{width:100%}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-slide{text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banner .swiper-pagination-bullet-active{background-color:#1e7cdc}

/*i-public*/
.i-public { text-align:center;}
.i-public .tit { color:#1e7cdc; font-size:0.3rem; line-height:1; font-weight:bold;}
.i-public .tit span {color:#515151;  font-weight:normal; }
.i-public .des { display:none;}

/*i-pro*/
.i-pro { background-color:#f2f2f2; padding-top:0.6rem; padding-bottom:0.6rem;}
.i-pro-ban { display:none;}
.i-pro-list { height:auto; margin-top:0.3rem;}
.i-pro-list ul li { float:left; width:46%; margin-left:2.6%; height:3.21rem; padding-top:0.23rem; background-color:#FFF; margin-bottom:0.32rem; box-shadow: 0 0 0.2rem #f1f1f1;}
.i-pro-list ul li:hover { box-shadow: 0 0 0.2rem #dbdbdb;}
.i-pro-list ul li .pic { width:2.31rem; height:2.31rem; margin:0 auto; overflow:hidden; text-align:center; line-height:2.21rem;}
.i-pro-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-pro-list ul li .tit { text-align:center;color:#333333; font-size:0.24rem; line-height:0.67rem; height:0.67rem; overflow:hidden; margin-top:0.22rem; border-top:#f2f2f2 solid 1px;}
.i-pro-list ul li .tit img { width:0.24rem; height:0.24rem;}
.i-pro-list ul li:hover .tit {color:#1e7cdc;}
/*i-about*/
.i-about { padding-top:0.62rem; padding-bottom:0.62rem;}
.i-about-show { margin-top:0.5rem;}
.i-about-left { display:none; }
.i-about-right { float:none; width:94%; margin:0 auto;}
.i-about-right .tit { display:none;}
.i-about-right .des {color:#666666; font-size:0.24rem; line-height:0.4rem; margin-top:0.28rem; height:auto; overflow:hidden; }
.i-about-right .more { width:2rem; height:0.5rem; margin:0 auto; border:#dddddd solid 1px; text-align:center; color:#666666; font-size:0.24rem; line-height:0.5rem;border-radius:0.03rem; margin-top:0.28rem;}
.i-about-right .more a {color:#666666; display:block;}
.i-about-right .more:hover { background-color:#1e7cdc;}
.i-about-right .more:hover a {color:#ffffff;}

/*i-news*/
.i-news { height:auto; background: #f2f2f2 url(../images/news-bg.jpg) no-repeat top center; padding-top:0.58rem; padding-bottom:0.6rem; overflow:hidden; }
.i-news-show { margin-top:0.5rem;}
.i-news-left { float:none; width:100%;}
.i-news-left ul li {border-bottom:#e5e5e5 solid 1px;border-top:#e5e5e5 solid 1px; height:auto;box-shadow: 0 0 0.2rem #f2f2f2; position:relative; height:0.86rem; }
.i-news-left ul li .riqi{ float:left; width:0.8rem; text-align:center; margin-left:0.2rem;}
.i-news-left ul li .riqi .riqi-yy {color:#515151; font-size:0.24rem; line-height:1; margin-top:0.18rem;}
.i-news-left ul li .riqi .riqi-mmdd {color:#999999; font-size:0.2rem; line-height:1; margin-top:0.07rem;}
.i-news-left ul li .pic { display:none;}
.i-news-left ul li .con { float:left; margin-left:0.2rem; width:5.8rem;}
.i-news-left ul li .con .tit { color:#515151; font-size:0.24rem; line-height:0.86rem; height:0.86rem; overflow:hidden; }
.i-news-left ul li .con .des { display:none; }
.i-news-left ul li .con .more { display:none; }
.i-news-left ul li:hover { background-color:#FFF; box-shadow: 0 0 0.2rem #d9d7d7;}
.i-news-left ul li:hover  .riqi .riqi-yy {color:#1e7cdc;}
.i-news-left ul li:hover  .riqi .riqi-mmdd {color:#1e7cdc;}
.i-news-left ul li:hover  .con .tit{color:#1e7cdc; font-weight:bold;}
/*i-news-right*/
.i-news-right { display:none;}

/*footer*/
.footer { border-top:#dddddd solid 1px;}
.footer .f-top {border-bottom:#dddddd solid 1px; padding-top:0.38rem; padding-bottom:0.38rem;}
.footer .f-top .f-left { display:none;}
.footer .f-top .f-mid { float:left; width:5.34rem; margin-left:0.2rem; color:#333333; font-size:0.24rem; line-height:0.4rem; border-left:#eeeeee solid 1px; border-right:#eeeeee solid 1px;}
.footer .f-top .f-mid a {color:#333333;}
.footer .f-top .f-mid a:hover { text-decoration:underline;}
.footer .f-top .f-right { float:right; margin-right:0.2rem; }
.footer .f-top .f-right .tit { display:none;}
.footer .f-top .f-right .pic { float:left; width:1.17rem; height:1.18rem; text-align:center; overflow:hidden; line-height:1.08rem;}
.footer .f-top .f-right .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }

.footer .f-copy {color:#333333; font-size:0.24rem; line-height:0.4rem; padding:0.2rem 0.2rem 1rem 0.2rem;}
.footer .f-copy span { float:right;color:#333333; font-size:0.24rem; line-height:0.4rem;}
.footer .f-copy a {color:#333333;}
.footer .f-copy a:hover { text-decoration:underline;}

.f_nav {margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height:0.8rem; position:fixed; bottom:0; z-index:999;}
.f_nav a{ float:left; display:inline-block; width:50%; text-align:center; background-color:#333333; color: #fff; font-size:0.24rem; line-height:0.8rem;box-sizing: border-box;}
.f_nav a:first-child { background-color:#1e7cdc; border-right:#fff solid 1px;}
.f_nav a img { width:0.37rem; height:0.37rem; vertical-align:text-top; margin-right:0.1rem;}

/*内页*/
.position { height:auto; padding:0.1rem 0;}
.weizhi { padding:0 0.25rem; color:#666666; font-size:0.24rem; line-height:0.5rem;}
.n-cn { padding:0 0.25rem; color:#1e7cdc; font-size:0.3rem; line-height:0.5rem; font-weight:bold; text-align:center;letter-spacing: 2px;}
.n-en { padding:0 0.25rem; color:#c9c9c9; font-size:0.14rem; line-height:0.3rem; text-align:center;text-transform:uppercase;}
.n-main { height:auto; padding:0 0.25rem;}
/*新闻展示*/
.n-show { padding-bottom:0.4rem; }
.n-show .tit{ padding:0 0.25rem; color:#333333; font-size:0.3rem; line-height:0.5rem; text-align:center;}
.n-show .riqi{ padding:0 0.25rem; color:#999999; font-size:0.2rem; line-height:0.4rem; text-align:center;}
.n-show .des{ padding:0.12rem 0.25rem; color:#666666; font-size:0.21rem; line-height:0.4rem;}
.n-show .des img { max-width:100%;}
.n-show .other { padding:0 0.25rem;  margin-top:0.4rem; color:#666666; font-size:0.24rem; line-height:0.4rem; position:relative;}
.n-show .other a { color:#666666;}
.n-show .other a:hover { color:#1e7cdc; text-decoration:underline; font-weight:bold;}
.n-show .other .prevnext { float:right;}
.n-show .other .back { float: left; } 
.n-show .other .back a { padding-left:0.4rem; display:block; color:#000000; background:url(../images/back.jpg) no-repeat; background-size:0.22rem 0.22rem; background-position:0 0.14rem;  display:block; width:100%;}
/*联系我们*/
.n-contact { padding-bottom:0.5rem}
.n-contact ul li{ float:left; margin-left:0.25rem; margin-top:0.25rem; height:2.4rem; width:3.17rem; border:#eeeeee solid 0.1rem;text-align:center;  position:relative; overflow:hidden;}
.n-contact ul li .one { color:#333333; font-size:0.24rem; line-height:2.4rem;}
.n-contact ul li .one img { width:0.28rem; height:0.21rem; margin-left:0.1rem;}
.n-contact ul li .two { position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#1e7cdc;transition: 0.5s;}
.n-contact ul li .two .tit { padding-top:0.3rem; color:#fff; font-size:0.24rem; line-height:0.7rem; position:relative;letter-spacing: 2px;}
.n-contact ul li .two .tit:after{content:""; position:absolute; left:50%; margin-left:-0.8rem; bottom:0; width:1.6rem; height:0.03rem; background-color:#fff; }
.n-contact ul li .two .des { padding-top:0.24rem; color:#fff; font-size:0.2rem; line-height:0.28rem;}
.n-contact ul li:hover .two { top:0;}
/*图片列表*/
.n-pic { height:auto; padding-bottom:0.4rem;}
.n-pic ul li { float:left; margin-left:0.25rem; margin-top:0.25rem; width:3.37rem; height:auto;}
.n-pic ul li .pic { width:3.37rem; height:2.67rem; text-align:center; overflow:hidden;border: #dddddd solid 1px; line-height:2.56rem;}
.n-pic ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.n-pic ul li .pic:hover img{transform: scale(1.05); transition: 0.6s;}
.n-pic ul li .tit { padding-top:0.1rem; color:#333333; font-size:0.24rem; line-height:0.4rem; height:0.4rem; overflow:hidden; text-align:center;}
.n-pic ul li .tit a { color:#333333;}
.n-pic ul li .tit a:hover { color:#1e7cdc; text-decoration:underline; font-weight:bold;}
.n-pic ul li .des { color:#999999; font-size:0.22rem; line-height:0.34rem; height:1.02rem; overflow:hidden;}
.pagination { padding:0.1rem 0 0.4rem 0; box-sizing: border-box;text-align:center; font-size:0.26rem;}
.pagination a { border:#cccccc solid 1px; padding:0.06rem 0.1rem;}
.pagination a:hover { background-color:#1e7cdc; color:#FFF;}

.n-piclist ul li { padding-top:0.31rem; padding-left:0.2rem; width:7.1rem; height:auto; border-bottom:#f4f4f4 solid 1px; height:2.3rem;}
.n-piclist ul li .pic { display:none; float:left; margin-top:0.05rem; width:3rem; height:1.88rem; overflow:hidden; text-align:center; }
.n-piclist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; border-radius:0.05rem;transition: all 0.5s; }
.n-piclist ul li .con { width:7.1rem; }
.n-piclist ul li .con .tit {color:#333333; font-size:0.3rem; line-height:0.4rem; font-weight:bold; height:0.4rem; overflow:hidden; }
.n-piclist ul li .con .riqi {color:#999999; font-size:0.24rem; line-height:0.36rem; }
.n-piclist ul li .con .des { margin-top:0.1rem; color:#333333; font-size:0.24rem; line-height:0.36rem; height:1.08rem; overflow:hidden; }

.m-btit a {color: #666; }
.m-btit { width:7.38rem; margin:0 auto; line-height: 0.6rem; font-size:0.24rem; color: #666; padding-left: 0.12rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); background-image: linear-gradient(top, #f6f6f6, #eaeaea); border-bottom:1px solid #d9d9d9; }
.m-btit:before{content:""; position:absolute; left:0; top:0; width:100%; border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 0.08rem; position:relative; height:100%; top:-0.12rem; display:inline-block;}
.m-btit span:before{content:""; position:absolute; background:#7c7c7c; width:0.08rem; height:0.08rem; left:0.02rem; top:0.02rem; z-index:10; -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:"";  position:absolute; width:0.08rem; height:0.08rem; left:0.01rem; top:0.03rem; z-index:11; background-color:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/ background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/ -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
.type{ width:7.5rem; left:50%; margin-left:-3.75rem; background:#292929;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;padding:0.5rem 0;display:none;z-index: 999;position: absolute;}
.type li{width:90%;background:#fff;margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:80%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666;line-height: 2em;}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h2{width:90%;margin:0 auto;color:#fff;font-size: 1em;font-weight: normal;}
.type li span i{color: #666;font-size: 1.2em;line-height: 1.8em;}
.posi{width: 100%; height: auto; z-index: 999; top: -1px;}
.m-btit #posi{ float:right; display: inline-block;height: 0.4rem; margin-top:0.1rem; width:0.4rem;position: relative; margin-right:0.1rem;}
.m-btit .u-bl {background: url(../images/Nyskinsbar.png) no-repeat; background-size: 0.4rem 0.4rem;}

/*n-message*/
.n-message{ width:90%; height:auto; margin:0 auto; margin-top:0.4rem; }
.n-message input[type=text] { display:block; margin:0 auto; width:100%; height:0.58rem;margin-bottom:0.29rem;  color:#999999; font-size:0.24rem; border:#cccccc solid 1px;text-indent:0.2rem; }
.n-message input::-webkit-input-placeholder { color: #999999;}
.n-message textarea { display:block; margin:0 auto; width:100%; height:1.03rem; margin-bottom:0.29rem; text-indent:0.2rem;color:#999999; font-size:0.24rem; border:#cccccc solid 1px;  background-color:transparent;outline: none; line-height:0.58rem; resize:none}
.n-message textarea::-webkit-input-placeholder { color: #999999; font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
.n-message input[type=submit] { display:block; margin:0 auto; width:2.55rem; line-height:0.5rem; text-align:center; height:0.5rem; background-color:#1e7cdc; color:#fff; font-size:0.24rem; cursor:pointer; border:none;}
.n-message input[type=submit]:hover {opacity:0.8;}