@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%;font-size:.28rem;padding-top:1.4rem;margin:0 auto; width:100%; max-width:750px; min-width:320px; background:url(../images/bg.jpg) repeat; font-family:Arial, Helvetica, sans-serif;}
/*头部*/
.header{position:fixed;top:0;width:100%;max-width:750px; z-index:3000; background-color:#ffffff; }
.header{height:1.4rem; }
.header-top {height:1.4rem; }
.header-top .logo{ float:left; width:1.69rem; margin-top:.3rem; height:.81rem;}
.header-top .logo .pic { margin-left:0.19rem; width:1.4rem; height:.81rem;}
.header-top .logo img{max-width:100%;max-height:100%;vertical-align:middle;}
.h-nav { float:right; width:5.55rem; padding-top:0.21rem; }
.h-nav ul li { float:left; width:33.33%; height:0.43rem; text-align:center; color:#333333; font-size:0.24rem; line-height:0.41rem;text-transform:uppercase;  margin-bottom:0.13rem;}
.h-nav ul li a {color:#333333; }
.h-nav ul li.active { background-color:#003671;}
.h-nav ul li.active a { color:#FFF;}
.h-nav ul li:last-child { border:#003671 solid 1px;border-radius:0.03rem; box-sizing: border-box; width:0.96rem; height:0.37rem; line-height:0.37rem; margin-top:0.03rem; margin-left:0.42rem;}
.h-nav ul li:last-child a { color:#003671; display:block;}
/*轮播图*/
.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:#003671}
/*public-ban*/
.public-ban { color:#003671; font-size:0.32rem; line-height:1; font-weight:bold;letter-spacing: 0.03rem; position:relative; font-style:italic; }
.public-ban:after{content:""; position:absolute; left:3.58rem; top:0.19rem; width:2.12rem; height:0.01rem; background-color:#003671; }
.public-tit {color:#003671; font-size:0.48rem; line-height:1; font-weight:bold;letter-spacing: 0.03rem; text-align:center;font-style:italic; }
/*i-about*/
.i-about { height:auto; padding-top:0.64rem;  padding-bottom:0.4rem;}
.i-about-left { width:7.1rem; margin:0 auto; }
.i-about-left img { width:7.1rem; height:3.51rem;  }
.i-about-right {width:7.1rem;margin:0 auto; padding-bottom:0.43rem;}
.i-about-right .des { color:#666666; font-size:0.24rem; line-height:0.36rem; margin-top:0.24rem; }
.i-about-right .more { width:1.96rem; height:0.57rem; text-align:center; border:#003671 solid 0.01rem; color:#003671; font-size:0.24rem; line-height:0.57rem; margin-top:0.5rem; }
.i-about-right .more a{ color:#003671; display:block; }
.i-about-right .more:hover { background-color:#003671;}
.i-about-right .more:hover a {color:#ffffff;}
/*i-pro*/
.i-pro { height:auto; background-color:#f8f8f8; position:relative; padding-bottom:0.4rem;}
.i-pro-left {width:7.1rem;margin:0 auto; padding-bottom:0.43rem; padding-top:0.6rem;}
.i-pro-left .des { color:#666666; font-size:0.24rem; line-height:0.36rem; margin-top:0.24rem; }
.i-pro-left .more { width:1.96rem; height:0.57rem; text-align:center; border:#003671 solid 0.01rem; color:#ffffff; font-size:0.24rem; line-height:0.57rem; margin-top:0.5rem;background-color:#003671; }
.i-pro-left .more a{ color:#ffffff; display:block; }
.i-pro-left .more:hover { background-color:#ffffff;}
.i-pro-left .more:hover a {color:#003671;}
.i-pro-right {width:7.1rem; margin:0 auto; }
.i-pro-right img { width:7.1rem; height:5.74rem;  }
.i-pro-bot {width:4.05rem;  margin:0 auto;padding-top:0.26rem;  }
.i-pro-bot img {width:4.05rem; height:3.28rem;}
/*i-fuwu*/
.i-fuwu { height:auto; position:relative; padding-bottom:0.4rem;}
.i-fuwu-left { width:7.1rem; margin:0 auto;  }
.i-fuwu-left img { width:7.1rem; height:3.51rem;  }
.i-fuwu-right {width:7.1rem;margin:0 auto; padding-bottom:0.43rem;padding-top:0.6rem;}
.i-fuwu-right .des { color:#666666; font-size:0.24rem; line-height:0.36rem; margin-top:0.24rem; }
.i-fuwu-right .more { width:1.96rem; height:0.57rem; text-align:center; border:#003671 solid 0.01rem; color:#003671; font-size:0.24rem; line-height:0.57rem; margin-top:0.5rem; }
.i-fuwu-right .more a{ color:#003671; display:block; }
.i-fuwu-right .more:hover { background-color:#003671;}
.i-fuwu-right .more:hover a {color:#ffffff;}
.i-fuwu-bot {width:4.05rem;  margin:0 auto; padding-top:0.26rem;}
.i-fuwu-bot img {width:4.05rem; height:3.28rem;}
/*i-news*/
.i-news{ height:auto; background-color:#f8f8f8; padding-top:0.9rem; padding-bottom:0.4rem;}
.i-news-show { height:auto; padding-top:0.6rem; position:relative; width:7.1rem; margin:0 auto;}
.i-news-show ul li {  margin-bottom:0.3rem;} 
.i-news-show ul li .riqi { float:left; width:0.95rem; height:0.95rem; background-color:#003671;border-radius:0.05rem; text-align:center; margin-top:0.06rem;}
.i-news-show ul li .con { float:right; width:5.9rem;}
.i-news-show ul li .riqi .riqi-add {color:#ffffff; font-size:0.16rem; line-height:1; font-weight:bold; padding-top:0.06rem;}
.i-news-show ul li .riqi .riqi-dd {color:#ffffff; font-size:0.30rem; line-height:1; font-weight:bold; margin-top:0.06rem;}
.i-news-show ul li .riqi .riqi-yymm {color:#ffffff; font-size:0.12rem; line-height:1; }
.i-news-show ul li .con .tit {color:#003671; font-size:0.24rem; line-height:0.38rem; font-weight:bold; height:0.38rem; overflow:hidden;}
.i-news-show ul li .con .des {color:#666666; font-size:0.24rem; line-height:0.33rem; height:0.66rem; overflow:hidden; }
/*i-zhongxin*/
.i-zhongxin { height:auto;padding-top:0.6rem;}
.i-zhongxin-show { height:auto; padding-top:0.6rem;}
.i-zhongxin-show ul li { float:left; width:3.45rem; height:4.25rem; margin-left:0.2rem; border:#dddddd solid 0.01rem; border-radius:0.1rem;box-sizing: border-box; margin-bottom:0.4rem;}
.i-zhongxin-show ul li .pic { width:2.85rem; height:3.26rem; line-height:3.3rem; text-align:center; overflow:hidden; margin:0 auto; margin-top:0.3rem;border-radius:0.1rem;}
.i-zhongxin-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-zhongxin-show ul li .tit { text-align:center;color:#333333; font-size:0.24rem; line-height:0.4rem; font-style:italic; margin-top:0.2rem; height:0.4rem; overflow:hidden;}
.i-zhongxin-show ul li:hover { border:#003671 solid 0.01rem; }
.i-zhongxin-show ul li:hover .tit {color:#003671; font-weight:bold;}
/*i-diqiu*/
.i-diqiu  { height:auto; padding-top:0.9rem; padding-bottom:0.4rem;}
.i-diqiu-show { padding-top:0.6rem; width:100%;}
.i-diqiu-show img { width:100%;}
/*footer*/
.footer { background-color:#f8f8f8; padding-bottom:4.5em;}
.f-left {  width:7.1rem; margin:0 auto; color:#666666; font-size:0.24rem; line-height:0.37rem; padding-top:0.42rem; text-align:center;}
.f-left a {color:#666666; }
.f-left a:hover { text-decoration:underline;}
.f-right { width:7.1rem; margin:0 auto;}
.f-right .f-icon { padding-top:0.3rem; text-align:center;}
.f-right .f-icon ul { display:inline-block; }
.f-right .f-icon ul li { float:left; width:0.69rem; height:0.69rem; margin:0 0.07rem;}
.f-right .f-icon ul li img {width:0.69rem; height:0.69rem; }
.f-right .f-link { width:100%; text-align:center;color:#666666; font-size:0.24rem; line-height:0.37rem; padding-top:0.2rem;}
.f-right .f-link a {color:#666666}
.f-right .f-link a:hover { text-decoration:underline;}
.f_nav {margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height: 3.5em; padding: 0.1em 0;background:#003671;position:fixed; bottom:0; z-index:999;}
.f_nav a{color: #fff; display: block; text-align: center; width: 33.33%; float: left; margin: 0 auto;}
.f_nav a i{display: block;font-size: 1.5em;line-height: 1.4em;}
/*内页*/
.n-position { width:7.1rem; margin:0 auto; color:#999999; font-size:0.24rem; line-height:0.86rem; margin-top:0.1rem; height:0.86rem; border-bottom:#dddddd solid 1px;}
.n-position a {color:#999999;}
.n-position a:hover { text-decoration:underline;}
.n-public { width:7.1rem; margin:0 auto; color:#003671; font-size:0.24rem; line-height:0.8rem; font-weight:bold; background:url(../images/sanjiao.png) no-repeat left center; background-size:0.15rem 0.17rem;  border-bottom:#dddddd solid 0.04rem; padding-left:0.22rem;box-sizing: border-box; height:0.8rem; position:relative;}
.n-public:after{content:""; position:absolute; left:0; bottom:-0.04rem; width:1.22rem; height:0.04rem; background-color:#003671; }
.n-newlist { padding-top:0.33rem; width:7.1rem; margin:0 auto;}
.n-newlist ul li {  margin-bottom:0.3rem;} 
.n-newlist ul li .riqi { float:left; width:0.95rem; height:0.95rem; background-color:#003671;border-radius:0.05rem; text-align:center; margin-top:0.06rem;}
.n-newlist ul li .con { float:right; width:5.9rem;}
.n-newlist ul li .riqi .riqi-add {color:#ffffff; font-size:0.16rem; line-height:1; font-weight:bold; padding-top:0.06rem;}
.n-newlist ul li .riqi .riqi-dd {color:#ffffff; font-size:0.30rem; line-height:1; font-weight:bold; margin-top:0.06rem;}
.n-newlist ul li .riqi .riqi-yymm {color:#ffffff; font-size:0.12rem; line-height:1; }
.n-newlist ul li .con .tit {color:#003671; font-size:0.24rem; line-height:0.38rem; font-weight:bold; height:0.38rem; overflow:hidden;}
.n-newlist ul li .con .des {color:#666666; font-size:0.24rem; line-height:0.33rem; height:0.66rem; overflow:hidden; }
.pagination { box-sizing: border-box;text-align:center; font-size:0.24rem; margin-top:0.18rem; margin-bottom:0.5rem; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:0.05rem 0.07rem;}
.pagination a:hover { background-color:#003671; color:#FFF;}
.n-piclist { height:auto; padding-top:0.4rem;}
.n-piclist ul li { float:left; width:3.45rem; height:4.25rem; margin-left:0.2rem; border:#dddddd solid 0.01rem; border-radius:0.1rem;box-sizing: border-box; margin-bottom:0.4rem;}
.n-piclist ul li .pic { width:2.85rem; height:3.26rem; line-height:3.3rem; text-align:center; overflow:hidden; margin:0 auto; margin-top:0.3rem;border-radius:0.1rem;}
.n-piclist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-piclist ul li .tit { text-align:center;color:#333333; font-size:0.24rem; line-height:0.4rem; font-style:italic; margin-top:0.2rem; height:0.4rem; overflow:hidden;}
.n-piclist ul li:hover { border:#003671 solid 0.01rem; }
.n-piclist ul li:hover .tit {color:#003671; font-weight:bold;}
.n-subcata { text-align:center; }
.n-subcata ul { display:inline-block;}
.n-subcata ul li { float:left; width:2.23rem; height:0.6rem; text-align:center; color:#666666; font-size:0.24rem; line-height:0.6rem; border:#e2e2e2 solid 0.01rem; margin-left:0.2rem;box-sizing: border-box; margin-top:0.27rem; }
.n-subcata ul li a {color:#666666; display:block;}
.n-subcata ul li:hover { background-color:#003671;border:#003671 solid 0.01rem;}
.n-subcata ul li:hover a {color:#ffffff; }
.n-subcata ul li.active { background-color:#003671;border:#003671 solid 0.01rem;}
.n-subcata ul li.active a {color:#ffffff; }
/*n-news-show*/
.n-news-show { padding-top:0.24rem; padding-left:0.2rem; width:7.1rem; }
.n-news-show .show-tit {color:#333333; font-size:0.24rem; line-height:0.34rem; text-align:center; font-weight:bold;}
.n-news-show .show-riqi {color:#999999; font-size:0.24rem; line-height:0.34rem; margin-top:0.14rem; text-align:center;}
.n-news-show .show-con {color:#8a8989; font-size:0.24rem; line-height:0.34rem; margin-top:0.16rem;word-break: break-all; padding-bottom:0.4rem;}
.n-news-show .show-con img { max-width:100%;}
.n-news-show .show-other {color:#999999; font-size:0.24rem; line-height:0.34rem; margin-top:0.14rem; }
.n-news-show .show-other a {color:#999999; }
/*n-contact*/
.n-contact { height:auto; padding-top:0.4rem; padding-bottom:0.4rem;}
.n-con-left { color:#666666; font-size:0.24rem; line-height:0.4rem; width:7.1rem; margin:0 auto;}
.n-con-left img { width:0.2rem; height:0.2rem; margin-right:0.1rem;}
.n-con-right {width:7.1rem; height:3.73rem; overflow:hidden; margin:0 auto;padding-top:0.4rem;   }
.n-con-right img { width:7.1rem;}
/*n-about*/
.n-about { height:auto; padding-top:0.4rem; padding-bottom:1rem; }
.n-about-left { width:7.1rem; margin:0 auto; color:#666666; font-size:0.24rem; line-height:0.34rem; }
.n-about-right {width:7.1rem; height:4.1rem; overflow:hidden;padding-top:0.4rem;  }
.n-about-right img { width:7.1rem;}
.n-about-cata { text-align:center; margin-top:0.3rem; }
.n-about-cata ul { display:inline-block;}
.n-about-cata ul li { float:left; width:2.23rem; height:0.6rem; text-align:center; color:#666666; font-size:0.24rem; line-height:0.6rem; border:#e2e2e2 solid 0.01rem; margin-left:0.2rem;box-sizing: border-box; margin-top:0.27rem; }
.n-about-cata ul li a {color:#666666; display:block;}
.n-about-cata ul li:hover { background-color:#003671;border:#003671 solid 0.01rem;}
.n-about-cata ul li:hover a {color:#ffffff; }
.n-about-cata ul li.active { background-color:#003671;border:#003671 solid 0.01rem;}
.n-about-cata ul li.active a {color:#ffffff; }
/*n-picshow*/
.n-picshow { height:auto;  margin-top:0.4rem;position:relative; padding-bottom:0.3rem; }
.n-pic-con {  width:7.1rem; margin:0 auto; }
.n-pic-con .tit {color:#003671; font-size:0.3rem; line-height:0.5rem; }
.n-pic-con .cata {color:#333333; font-size:0.24rem; line-height:0.36rem;margin-top:0.09rem;  }
.n-pic-con .des {color:#666666; font-size:0.24rem; line-height:0.36rem; margin-top:0.13rem; }
.n-pic-con .link {color:#666666; font-size:0.24rem; line-height:0.36rem; margin-top:0.1rem; }
.n-pic-con .link a {color:#666666;}
.n-pic-con .link a:hover { text-decoration:underline;}
.n-pic-con .more { padding-top:0.4rem; text-align:center; }
.n-pic-con .more ul { display:inline-block;}
.n-pic-con .more ul li { float:left; width:1.6rem; height:0.5rem; border:#2a5687 solid 0.01rem;border-radius:0.05rem; text-align:center;color:#003671; font-size:0.24rem; line-height:0.5rem; margin:0 0.2rem;}
.n-pic-con .more ul li a {color:#003671; display:block;}
.n-pic-con .more ul li:hover { background-color:#2a5687; }
.n-pic-con .more ul li:hover a {color:#ffffff;}
.n-tedian { height:auto; padding-bottom:0.3rem; padding-top:0.3rem;}
.n-tedian ul li { margin-top:0.2rem; width:7.1rem; margin-left:0.2rem;}
.n-tedian ul li .n-tedian-left{ float:left; width:1.6rem; height:1.18rem; background-color:#eeeeee;color:#333333; font-size:0.26rem; line-height:1.18rem; text-align:center; }
.n-tedian ul li .n-tedian-right { float:left; width:5.0rem; min-height:0.98rem; padding-left:0.3rem; margin-left:0.16rem;color:#555555; font-size:0.24rem; line-height:0.32rem; border-top:#eeeeee dashed 0.01rem;border-bottom:#eeeeee dashed 0.01rem; padding-top:0.1rem; padding-bottom:0.1rem; }
.n-table { padding:0.3rem 0 0.37rem 0;}
.n-table  table{border-collapse: collapse; width:7.1rem; margin:0 auto; }
.n-table table tr th {color:#ffffff; font-size:0.24rem; line-height:0.4rem; font-weight:normal; background-color:#003671; padding:0.1rem;  text-align:center;border:#a8a8a8 solid 1px;}
.n-table table tr td {color:#333333; font-size:0.24rem; line-height:0.4rem;padding:0.1rem; text-align:center; background-color:#eeeeee; border:#a8a8a8 solid 1px;}
/*i-xiangguan*/
.i-xiangguan-show { position:relative; padding-bottom:0.3rem; padding-top:0.43rem;}
 /* 本例子css */
.i-xiangguan-show { position:relative;}
.i-xiangguan-show ul li { float:left; width:3.45rem; height:4.25rem; margin-left:0.2rem; border:#dddddd solid 0.01rem; border-radius:0.1rem;box-sizing: border-box; margin-bottom:0.4rem;}
.i-xiangguan-show ul li .pic { width:2.85rem; height:3.26rem; line-height:3.3rem; text-align:center; overflow:hidden; margin:0 auto; margin-top:0.3rem;border-radius:0.1rem;}
.i-xiangguan-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-xiangguan-show ul li .tit { text-align:center;color:#333333; font-size:0.24rem; line-height:0.4rem; font-style:italic; margin-top:0.2rem; height:0.4rem; overflow:hidden;}
.i-xiangguan-show ul li:hover { border:#003671 solid 0.01rem; }
.i-xiangguan-show ul li:hover .tit {color:#003671; font-weight:bold;}
/*i-shengchan*/
.i-shengchan-show { position:relative; padding-bottom:0.7rem; padding-top:0.5rem;}
 /* 本例子css */
.i-shengchan-show ul li { float:left; width:3.45rem; height:4.25rem; margin-left:0.2rem; border:#dddddd solid 0.01rem; border-radius:0.1rem;box-sizing: border-box; margin-bottom:0.4rem;}
.i-shengchan-show ul li .pic { width:2.85rem; height:3.26rem; line-height:3.3rem; text-align:center; overflow:hidden; margin:0 auto; margin-top:0.3rem;border-radius:0.1rem;}
.i-shengchan-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-shengchan-show ul li .tit { text-align:center;color:#333333; font-size:0.24rem; line-height:0.4rem; font-style:italic; margin-top:0.2rem; height:0.4rem; overflow:hidden;}
.i-shengchan-show ul li:hover { border:#003671 solid 0.01rem; }
.i-shengchan-show ul li:hover .tit {color:#003671; font-weight:bold;}

/*liuyan*/
.liuyan { padding:30px 0; }
.liuyan table { width:96%; margin:0 auto;}
.liuyan table tr td{ padding:5px;}
.liuyan table tr td i { color:#F00;}
.liuyan input[type=text] { width:100%; height:0.5rem;color:#9f9f9f; font-size:0.24rem; border:#dddddd solid 1px;border-radius:3px;}
.liuyan textarea {  width:100%; height:1rem;color:#999999; font-size:0.24rem; border:#dddddd solid 1px; background-color:transparent;outline: none; line-height:0.5rem; resize:none;border-radius:3px;}
.liuyan input[type=submit] { width:100%; line-height:0.6rem; text-align:center; height:0.6rem; background-color:#003671; color:#fff; font-size:0.24rem;  border-radius:3px; cursor:pointer; border:none;}
.liuyan input[type=submit]:hover {opacity: .8;}

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