@charset "utf-8";

@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:.28rem;font-family:'Microsoft Yahei','微软雅黑',Arial,sans-serif;padding-top:1.4rem;}
/*头部*/
.header{position:fixed;top:0;width:100%;z-index:3000; border-bottom:#eee solid 1px; background:#ffffff url(../images/header-bg.jpg) no-repeat center;}
.header{height:1.4rem; }
.header-top {height:1.4rem; }
.header-top .logo{ float:left; width:6rem; margin-top:.35rem; height:.7rem;}
.header-top .logo .pic { margin-left:0.17rem; width:5.02rem; height:.7rem;}
.header-top .logo img{max-width:100%;max-height:100%;vertical-align:middle;}
.header-top .dh { float:right; width:0.39rem; margin-top:0.5rem; margin-right:0.19rem; }
.header-top .dh img{width:0.39rem; height:0.35rem; }
.h-nav{width:100%;background-color:#333;height:1.44rem;text-align:center;overflow:hidden}
.h-nav ul{display:inline-block}
.h-nav ul li{float:left;width:25%;line-height:.72rem;font-size:.24rem;border:#929292 solid 1px;box-sizing:border-box}
.h-nav ul li a{color:#fff}
.h-nav ul li.active{background-color:#c40d23;font-weight:700}
.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.4rem;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-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction { bottom:0.1rem; top:auto;}
.banner .swiper-pagination-bullet { width:0.15rem; height:0.15rem; background: #204490; opacity: 1; border-radius:0.03rem;}
.banner .swiper-pagination-bullet-active { background-color:#e9440f; opacity:1;}
/*公共标题*/
.public { text-align:center; padding-bottom:0.1rem;}
.public .en { color:#204490; font-size:0.48rem; line-height:0.67rem; font-weight:bold; text-transform:uppercase;}
.public .en span {color:#e9440f;}
.public .cn { color:#204490; font-size:0.3rem; line-height:0.48rem; font-weight:bold; position:relative;}
.public .cn:after{content:""; position:absolute; left:50%; bottom:-0.1rem; margin-left:-0.34rem; width:0.68rem; height:2px; background-color:#204490; }
.public2 { text-align:center; padding-bottom:0.1rem;}
.public2 .en { color:#ffffff; font-size:0.48rem; line-height:0.67rem; font-weight:bold; text-transform:uppercase;}
.public2 .cn { color:#ffffff; font-size:0.3rem; line-height:0.48rem; font-weight:bold; position:relative;}
.public2 .cn:after{content:""; position:absolute; left:50%; bottom:-0.1rem; margin-left:-0.34rem; width:0.68rem; height:2px; background-color:#ffffff; }
/*i-about*/
.i-about { height:auto; background: #FFF url(../images/bg.jpg) repeat center; padding-bottom:0.68rem; }
.i-about-r {  margin-top:0.64rem; padding:0 0.2rem;}
.i-about-r .en {color:#204490; font-size:0.48rem; line-height:0.77rem; font-weight:bold; text-transform:uppercase; }
.i-about-r .en span {color:#e9440f; }
.i-about-r .cn {color:#204490; font-size:0.24rem; line-height:0.5rem; position:relative; }
.i-about-r .cn:after{content:""; position:absolute; left:1.09rem; top:0.23rem; width:0.31rem; height:2px; background-color:#204490; }
.i-about-r .pic { margin-top:0.34rem;}
.i-about-r .pic img { width:100%;}
.i-about-r .des { margin-top:0.47rem; color:#333333; font-size:0.24rem; line-height:0.42rem; }
.i-about-r .more { margin:0 auto; margin-top:0.35rem; width:2.35rem; padding-left:0.3rem; height:0.7rem; background: #204490 url(../images/about-more.jpg) no-repeat; background-size:100% 100%; color:#ffffff; font-size:0.24rem; line-height:0.7rem; font-weight:bold; text-transform:uppercase;}
.i-about-r .more a { color:#ffffff; display:block;}
/*i-fanwei*/
.i-fanwei {height:auto; background: #2b4c91 url(../images/fanwei-bg.jpg) repeat center; padding-top:0.86rem; padding-bottom:0.8rem; }
.i-fanwei-list { margin-top:0.83rem; padding:0 0.2rem;}
.i-fanwei-list ul li{ float:left; width:2.36rem; height:2.06rem; position:relative;}
.i-fanwei-list ul li:nth-child(4) { margin-left:1.19rem;}
.i-fanwei-list ul li .pic { width:2.36rem; height:2.06rem;background-size: cover;background-size:100% 100%; -webkit-clip-path: polygon(25% 0%, 75% 0%,100% 50%,75% 100%,25% 100%,0% 50%); clip-path: polygon(25% 0%, 75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);}
.i-fanwei-list ul li .con { position:absolute; top:0; left:0;  width:2.36rem; height:2.06rem;background:url(../images/fanwei-con.png) no-repeat; background-size:100% 100%; text-align:center; overflow:hidden;}
.i-fanwei-list ul li .con .nob { width:0.6rem; height:0.53rem; margin:0 auto; background:url(../images/fanwei-nob.png) no-repeat; background-size:100% 100%;  color:#e9440f; font-size:0.28rem; line-height:0.53rem; font-weight:bold; margin-top:0.44rem;}
.i-fanwei-list ul li .con .cn { margin-top:0.15rem; color:#ffffff; font-size:0.28rem; line-height:0.38rem; }
.i-fanwei-list ul li .con .en { display:none; color:#ff8760; font-size:0.14rem; line-height:0.2rem; text-transform:uppercase;}
.i-fanwei-list ul li:hover .con { display:block;}
/*i-youshi*/
.i-youshi { height:auto; background: #FFF url(../images/bg.jpg) repeat center; padding-top:0.86rem; padding-bottom:0.64rem;  }
.i-youshi-show { margin-top:0.22rem;}
.i-youshi-show ul li { float:left; width:2.75rem; margin-left:0.66rem; margin-top:0.4rem; height:auto; text-align:center;}
.i-youshi-show ul li .nob { width:2.28rem; height:1.07rem; padding-top:0.9rem; margin:0 auto; background:url(../images/youshi-nob.png) no-repeat; background-size:100% 100%; color:#ffffff; font-size:0.18rem; line-height:0.2rem; font-weight:bold; }
.i-youshi-show ul li .tit { margin-top:0.2rem; color:#204490; font-size:0.24rem; line-height:0.5rem; font-weight:bold; }
.i-youshi-show ul li .des { display:none; color:#333333; font-size:0.18rem; line-height:0.3rem; }
.i-youshi-show ul li:hover .nob { background:url(../images/youshi-nob2.png) no-repeat; background-size:100% 100%; }
/*i-news*/
.i-news {height:auto; background: #2b4c91 url(../images/news-bg.jpg) repeat center; padding-top:0.8rem; padding-bottom:0.5rem; }
.i-news-list { margin-top:0.58rem; height:auto; padding:0 0.2rem;}
.i-news-list ul li{width:100%; margin-top:0.32rem; height:1.74rem; background-color:#FFF; border-radius:3px;}
.i-news-list ul li .riqi { float:left; margin:0.27rem 0 0 0.34rem; width:1.18rem; height:1.18rem; border:#333333 solid 1px; text-align:center;}
.i-news-list ul li .riqi .riqi-dd { padding-top:0.01rem; color:#333333; font-size:0.7rem; line-height:0.8rem;}
.i-news-list ul li .riqi .riqi-yymm { color:#999999; font-size:0.24rem; line-height:0.3rem;}
.i-news-list ul li .con { float:right; width:4.9rem; margin:0.27rem 0.34rem 0 0;}
.i-news-list ul li .con .tit { color:#333333; font-size:0.24rem; line-height:0.4rem; font-weight:bold;}
.i-news-list ul li .con .tit a { color:#333333;}
.i-news-list ul li .con .des { margin-top:0.06rem; color:#666666; font-size:0.22rem; line-height:0.32rem; height:0.64rem; overflow:hidden;}
.i-news-list ul li:hover{ background-color:#e9440f;}
.i-news-list ul li:hover .riqi { border:#ffffff solid 1px; }
.i-news-list ul li:hover .riqi .riqi-dd { color:#ffffff;}
.i-news-list ul li:hover .riqi .riqi-yymm { color:#ffffff;}
.i-news-list ul li:hover .con .tit { color:#ffffff; }
.i-news-list ul li:hover .con .tit a{ color:#ffffff; }
.i-news-list ul li:hover .con .des { color:#ffffff; }
.i-news-more { margin:0 auto; margin-top:0.59rem; width:2.36rem; padding-left:0.3rem; height:0.7rem; background: #e9440f url(../images/news-more.jpg) no-repeat; background-size:100% 100%; color:#ffffff; font-size:0.24rem; line-height:0.7rem; font-weight:bold; text-transform:uppercase;}
.i-news-more a { color:#ffffff; display:block;}
/*footer*/
.footer { height:auto; background: #f8f8f8 url(../images/footer-bg.jpg) no-repeat center; text-align:center; padding-bottom:0.4rem;}
.f-text { margin-top:0.59rem;}
.f-text .tit {color:#333333; font-size:0.32rem; line-height:0.67rem; font-weight:bold; }
.f-text .des { margin-top:0.04rem; color:#333333; font-size:0.24rem; line-height:0.34rem; }
.f-ewm {margin-top:0.4rem;}
.f-ewm img { margin:0 0.25rem; width:1.5rem; height:1.5rem;border-radius:0.05rem;}
.f-copy { margin-top:0.5rem; color:#999999; font-size:0.24rem; line-height:0.3rem; }
.f-copy a { color:#999999;}

/*内页*/
.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:#012643; 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:#012643; 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:#012643;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.22rem; text-align:center; overflow:hidden;border: #dddddd solid 1px; line-height:2.1rem;}
.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:#012643; 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:10px 0 40px 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:#012643; color:#FFF;}

/*新闻列表*/
.n-news { height:auto;}
.n-news-show { padding:0 0.25rem 0.4rem 0.25rem;}
.n-news-show ul li { float:left; width:100%; border-bottom:#dddddd solid 1px; padding-bottom:0.1rem; padding-top:0.15rem;}
.n-news-show ul li .riqi { color:#999999; font-size:0.22rem; line-height:0.4rem;}
.n-news-show ul li .tit { color:#333333; font-size:0.24rem; line-height:0.48rem; font-weight:bold; height:0.48rem; overflow:hidden;}
.n-news-show ul li .tit a { color:#333333;}
.n-news-show ul li .tit a:hover { color:#1a4093;}
.n-news-show ul li .tit span{ float:right; }

.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;}




@media(min-width:750px){
 .banner { width:750px;}



}