/*reset*/
*,
*:before,
*:after {
   -webkit-user-select: none;
   -moz-user-select: -moz-none;   /*  防止文本复制 */
   -webkit-touch-callout: none;   /*  防止图片另存 */
   -ms-touch-action: pan-y;  /*  站点支持触屏*/
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉元素被点击时背景框的颜色*/
   -moz-tap-highlight-color:rgba(0, 0, 0, 0);
   -webkit-box-sizing:border-box;  /*传统模型*/
	-moz-box-sizing:border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
	font-family:"Microsoft Yahei",Arial;
}
body,
html{
	-ms-overflow-style: none !important;
 	width:100%;
  	height:100%;
	/*overflow-x: hidden;*/
	background:#e5e9ec;
}
body {
  -webkit-text-size-adjust: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: -webkit-box;                 /*盒模式，控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式*/
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
}
input,
textarea {
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -moz-user-select: text;
}
img {
  border: none;
}
p {
  display: block;
  color: inherit;
}
ul,li,dl,dt,dd{
	list-style:none;
}
img{
	max-width:100%;border:0;display:block;	
}
.clear{
	float:none;clear:both;
	width:0;height:0;border:0;display:block;
	font-size:0;
	background:none;visibility:hidden;overflow:hidden;	
}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;visibility:hidden;
}
a{
	text-decoration:none;
	outline:none;
}
.fl{float:left;}
.fr{float:right;}
.all{width:100%;}
.t_cen{text-align:center;}
.pt_1em{padding-top:1em;}
.pb_1em{padding-bottom:1em;}
/*font*/
@font-face{
  font-family:"iconfont";
  src:
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype');
}
.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


header{background:#212c34;}
/*common module*/
.top{
	position:relative;
	text-align:center;
}
.top-tl{
	color:#879da9;font-size:1.75em;line-height:2.86em;	
}
.logo{
	display:block;
	width:75%;margin:0 auto;
}
/*right-btn 导航*/
.cbtn-nav{
	position:absolute;right:3.125%;top:0;
	width:10%;height:100%;display:block;
	color:#879da9;font:2.2em/2.2 "Microsoft Yahei";text-align:center;
	cursor:pointer;
}
.cbtn-nav:visited{
	color:#879da8;
}

/*left-btn 返回/搜索*/
.cbtn-search,.cbtn-back{
	position:absolute;left:3.125%;top:0;
	width:10%;height:100%;display:block;
	color:#879da9;font:2.2em/2.2 "Microsoft Yahei";text-align:center;
	cursor:pointer;
}
.cbtn-search:visited,.cbtn-back:visited{
	color:#879da8;	
}
.cbtn-search.pressed,.cbtn-back.pressed{
	color:#fcdb00;
}

/*srch*/
.srch{
	position:relative;
	width:93.75%; margin: 1.5% auto;
	font-size:1.625em;
	-webkit-appearance:none;
	display: none;
}
.srch-txt{
	width:100%; border:none; 
	color:#b3b3b3;font:0.8em/2.2 "Microsoft YaHei"; text-indent: 1em;
	background:#ffffff;cursor:pointer;
	-webkit-appearance:none;
}
.srch-txt::-webkit-input-placeholder{
	color:#CCC;
}
.srch-sub{
	position:absolute;top:0;right:0;
	width:17%;height:100%;border:none;border-radius:0;
	color:#ffffff;font:1.375em/1.4 "Microsoft YaHei";text-align:center;
	background:#166cb0;cursor:pointer;
	-webkit-appearance:none;
}


/*banner*/
.banner{ width: 100%;
	padding: 3.125%;}
/*module slide banner 幻灯片效果*/
.mod-slide{
	position:relative;
	visibility:hidden;
	overflow:hidden;
}
.mod-slide .slide-in{
	position:relative;
	overflow:hidden;
}
.mod-slide .slide-in > div{
	position:relative;float:left;
	width:100%;
	font-size:0;text-align:center;
}
.mod-slide .slide-in > div img{
	display:inline-block;
}
.mod-slide .slide-pos{
	position:absolute;left:0;bottom:0em;z-index:9999;
	width:100%;padding:1% 0;
	text-align:center;
}
.mod-slide .slide-pos li{
	width:0.75em;height:0.75em;margin:0 0.4em; border-radius:1.5em;display:inline-block;
	background:#fff;
}
.mod-slide .slide-pos li.on{
	background:#212c34;
}
.slide{
	width:100%;margin:0 auto;
}

/*inav*/
.inav{	
	width:93.75%;margin:0 auto;padding:0 4%;
	background:url(../images/navbg.png) left top no-repeat;
	background-size:100% ;
}
.inav-son{
	float:left;
	width:17.5%;padding-bottom:5.8%;display:block;
	color:#ffffff!important;font-size:1.25em;line-height:3em;text-align:center;
	background:url(../images/navbg2.png) center 70% no-repeat;
	background-size:21.875% ;
}
.inav-son:visited{
	color:#fffffe;
}
.inav-son:last-child{
	width: 30%;padding-right: 4%;
	text-align:right;
	background: none;
}

/*itl  标题*/
.itl{
	position:relative;
	width:93.75%;
	margin:3.125% auto;
	background:url(../images/titlebg.png) center center no-repeat #ffffff;
	background-size:72% ;
}
.itl-tl{
	width: 72%; padding: 1.65% 0%; margin: 0 auto; font-weight:bold;
	color:#f02e49;font:1.5em/1.25 "Microsoft Yahei"; text-align: center;
}
.itl-tl span{
	display: block;
	color:#1561af;  font-family: impact; text-transform: uppercase;
}
.itl-more{
	width: 46%; margin: 1em auto;
	color:#ffffff;font:1.25em/1.8 "Microsoft Yahei"; text-align: right;
	background: #c71730;
}
.itl-more a{
	display:block;
	text-align: center;
	color:#ffffff; 
}
.itl-more a:visited{
	color:#fffffe;
}
.itl-more2{
	width: 46%; margin: 0.4em auto 1em auto;
	color:#ffffff;font:1.25em/1.8 "Microsoft Yahei"; text-align: right;
	background: #c71730;
}
.itl-more2 a{
	display:block;
	text-align: center;
	color:#ffffff; 
}
.itl-more2 a:visited{
	color:#fffffe;
}


/*iprocla index*/
.iprocla{ 
	width: 93.75;
	
}
.iprocla a{
	float: left;
	border:1px solid #fff;padding:0% 2%; margin-right: 3%;	
	color: #ffffff;font:1.25em/2 "Microsoft Yahei";
}
.iprocla a:last-child{
	margin-right: 0%;	
}

/*ipro*/
.ipro{
	width:93.75%;margin:0 auto;border:0.125em solid #d4dde3;
	background: #ffffff;	
}
.ipro .metro-b{
	position:relative;
	width:100%;padding:3%; border-bottom: 1px solid #d4dde3;
	background: #ffffff;
}
.ipro .metro-b .pic{
	float:left;
	width: 31%;
}
.ipro .metro-b .pic img{
    margin:0 auto;
}
.ipro .metro-b .text{
	float:left;
	width: 69%;
	padding-left:1em;
	color:#666666;font:1em/1.8 "Microsoft Yahei";
}
.ipro .metro-b .text .aa{
	display:block;
	color:#333333;font:1.25em/2 "Microsoft Yahei"; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/*iTel */
.iTel{
	width:93.75%; padding:2%;margin:3.125% auto 0 auto;
	background: #1561af;
}
.iTelTitle .iconfont{
	 float: left;
	 width: 38%; padding-right: 2%; display:block;overflow:hidden;
	 color:#ffffff;font:3em/1 "Microsoft Yahei"; text-align: right;
}
.iTelCon{
	float: left;
	width: 60%;padding-left:1%;
	color:#ffffff;font:1.75em/1.4 impact; text-align: left;
}
.iTelCon span{
	display: block;
	color:#ffffff;font:0.6em/1 "Microsoft Yahei"; text-align: left;
}

/*inews*/
.inews{
	width:93.75%;margin:0 auto;border: 0.125em solid #d4dde3;
	background: #ffffff;
}
.inews li{
	padding:0 3%;border-bottom: 1px dashed #dfe6ea;
	color:#333333;font:normal 1.25em/3.5 "Microsoft YaHei";	
}
.inews li:nth-child(4){
	border-bottom: none;
}
.inews li .biao{
	 color:#82b5dc;
}
.inews li a{
	display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	color:#333333;
}
.inews li a:visited{
	color:#333332;
}
.inews li a.pressed{
	color:#000000;
}
.inews .idate{
	float: right;
	color:#999;	
}
.iabout{
	width:93.75%;margin: 0 auto 3.125% auto;border: 0.125em solid #d4dde3;
	padding:3% 3% 0% 3%;
	background: #ffffff;
}
.iaboutCon{color:#666;font:normal 1.25em/2 "Microsoft YaHei";}

footer{
	position:relative;

}
/* navfoot */
.navFootBox{
	 width: 100%; 
	 padding: 0 3.125% 3.125% 3.125%; 
}
.navFoot{ 
	width: 100%;
	background: #a60d22;
}
.navFoot a{
	float:left;
	width: 20%; display: block;
	color:#fff;font:normal 1.375em/3 "Microsoft YaHei"; text-align: center;
	}
/*one-touch  foot 按钮*/
.one-touch{
	width:100%;
	background:#2f3841;
	color:#89969f;font-size:1em !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
	background:#232f36;
}
.one-touch a{
	float:left;
	width:25%;padding:0.125em 0;display:block;
	color:#89969f;text-align:center;
	cursor:pointer;
}
.one-touch a:visited{
	color:#89969e;
}
.one-touch a.pressed{
	color:#faff6a;
}
.one-touch a > span{
	display:block;
	font:0.6em/1.8 "Microsoft Yahei";
}
.one-touch .iconfont{
	font:2em/1.2 "Microsoft Yahei";
}

/* top  返回顶部 */
.cbtn-top{
	display: none;
	position:fixed;right:2%;bottom:10%;border-radius:50%;
	width:3.25em;height:3.25em; padding:0.3125em;
	color:#ffffff;font-size:1.2em;text-align:center;
	background: rgba(21,97,175,.3);
	cursor:pointer;	
}
.cbtn-top .iconfont{
	color:#ffffff;
	width:100%;height:100%;padding-top:0.1em;
	border-radius:50%;
	font-size:2em;
	background: rgb(21,97,175)
}
.cbtn-top span{
 display: block;
 font-size:1em;
}
.cbtn-top.pressed{
	background:rgba(21,97,175,.4);
}

/*nav  右导航*/
#rightnav{ display: none;}
#pageslide { 
	display:none; 
	width:22.25em;height:100%;
	background:#FFF5C1;
	position: fixed;top: 0; z-index: 999999;
}
.rightnav{
	z-index:9999 !important;
	width:22.25em !important;height:100%;
	background:#222c35;
	box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;
	
}
.rightnav > *{
	padding:2em 0;
}
.nav-in a{
	color:#899da8;font:1.375em/4 "Microsoft Yahei",Arial;
	display:block;
	color:#899da8;	
}
.nav-in a:visited{
	color:#899da7;	
}
.nav-in a.pressed{
	color:#fcdb00;
}
.nav-in .iconfont{
	color:#899da8;
	font-size:1.375em;line-height:3em;
}
.nav-in .font{
	font-size:0.5em;line-height:7.4em;
}
.nav-in .top{
	padding-top:2.2em;
}
.nav-in li{
	text-indent:1.5em;
	padding:0 1.2em;
	overflow: hidden;
}
/* end index module*/


/*  分页   module */
.conBodyBox{
	padding:3.125%;
	width: 100%;
	/*background:#0B61A4 ; */
}
.conBody{
	width:100%; height: 100%;  border: 0.125em solid #d4dde3; /*padding: 3%;*/
	background: #FFFFFF;
}
.conBodyContent{
	width:100%; height: 100%;  border: 0.125em solid #d4dde3; padding: 3%;
	background: #FFFFFF;
}
/*cdtl module view页 内容样式*/
.cdtl-txt{
	color:#666666;font:normal 1.25em/2 "Microsoft YaHei";
	word-wrap:break-word;word-break:break-all;
}
.cdtl-txt img{
	display:inline-block;
}
.cdtl-tl{
	padding:0 0.5em 3% 0.5em;margin:0 auto 0.5em auto;
	color:#333333;font:1.375em/2 "Microsoft YaHei";text-align:center;
	word-wrap: break-word;word-break: break-all;
	border-bottom: 1px dashed  #d2d2d2;
}
.cdtl-picBox{
	margin:2em 0;
	text-align:center;
}
.cdtl_pic{
	display:inline-block;
	max-width:80%;
}

/* 新闻列表 */
.pnews{
	width:100%;
	background:#ffffff;
}
.pnews li{
	color:#222;font:normal 1.25em/3.5 "Microsoft YaHei";
	padding:0 3.25% 0 2.25%;border-bottom: 1px  dashed    #cccccc;
}
.pnews li:last-child{
	border-bottom: none;
}
.pnews li .biao{
	 float: left;
	 color:#82b5dc;
	 margin-right: 2%;
}
.pnews li .idate{
	 float: right;
	 color:#999999;
}
.pnews li a{
	display:block;
	color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.pnews li a:visited{
	color:#333332;
}
.pnews .date{
	padding:0 1.5em;
	color:#d2d2d2;	
}


/*page pro  当前位置*/
.pproPosition{
	position: relative;
	width:100%; padding: 0% 3%; margin-bottom:3.125%;border-bottom:0.125em solid #c81731;
	color:#f02e49;font:1.5em/3 "Microsoft Yahei";
	background:#ffffff;
}
.pproPosition span{
	text-transform: uppercase;
	color: #1561af; font-family: impact;
}

/* pro  class分类 图标 */
.pproClass a{
	position:absolute;right:3%;top:26%;
	display: block;
	border:1px solid #000000; padding: 0% 5%;
	color:#000000;font:1em/1.5 "Microsoft Yahei";
	cursor:pointer;	
}

/*  proclass dl 页*/
.classList{ width: 100%;}
.classList dl{ 
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
}
.classList dt a{
	padding: 0% 3%;
	color:#1461b1;font:1.5em/2.6 "Microsoft Yahei";
}
.classList dd { color: #666666; padding-bottom: 3%;}
.classList dd a{
	display: inline-block; padding:0% 3% ; 
	color:#666666;font:1.25em/1.8 "Microsoft Yahei";
}


/*page pro 页  pic list*/
.ppro{
	width:100%;
}
.ppro .metro-b{
	position:relative;
	width:100%;padding:3%; border-bottom: 1px solid #d4dde3;
	background: #ffffff;
}
.ppro .metro-b:last-child{
	border-bottom: none;
}
.ppro .metro-b .pic{
	float:left;
	width: 31%;
}
.ppro .metro-b .pic img{
    margin:0 auto;
}
.ppro .metro-b .text{
	float:left;
	width: 69%;
	padding-left:1em;
	color:#666666;font:1em/1.8 "Microsoft Yahei";
}
.ppro .metro-b .text .aa{
	display:block;
	color:#333333;font:1.25em/2 "Microsoft Yahei"; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* list 、view  翻页    */
.pgList{ width: 100%; padding-left: 35%; margin-top: 3.125%; text-align:center;}
.pgList .pgNext,.pgList .pgPre{
	 float:left;
	 width:9.3%; display: block;
	 color:#ffffff;font-size: 1.25em; line-height: 1.8em;
	 background: #1561af;
} 
.pgList .pgPre{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	}
.pgList  span{
	float: left;
	width:27.6%;
	display: block;
	color:#1561af;font-size: 1.25em; line-height: 1.8em;
}

.pgListView{ 
	width: 100%;
}
.pgListView .pgNextView,.pgListView .pgPreView{
	 width: 100%; padding: 0 3%; display: block;
	 border: 1px solid #cccfd6; border-radius: 5px;
	 color:#1662ad;font-size: 1.25em; line-height: 2.2em;
	 text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.pgListView .pgPreView{ margin-bottom:2%;margin-top:5%;} 
.pgListView .backList,.pgListView .backListClass{
	width:45% ; display: block; margin: 5% auto 2% auto;
	border-radius: 3px;
	color:#ffffff;font-size: 1.25em; line-height: 1.8em; text-align: center;
	background: #c81731;
}
.pgListView .backListClass{margin-bottom:5%;}

.searchback{
	width:45% ; display: block; margin: 5% auto 2% auto;
	border-radius: 3px;
	color:#ffffff;font-size: 1.25em; line-height: 1.8em; text-align: center;
	background: #c81731;
}
.searchfont{color:#666;font-size:1.25em;line-height:2em;padding-top:1em;padding-bottom:1em}
.searchfont a{color: #1561af;}
.searchfont a:visited{color: #1561ae;}

/*media query*/
@media screen and (min-width:640px){
	.all{
		width:640px;
		margin:0 auto;
	}
	.rightnav{
		width:22.25em !important;
	}
	.afPopup{
		width:640px;
	}
}
@media screen and (max-width:540px){
	body,html{font-size:14.5px;}
}
@media screen and (max-width:480px){
	body,html{font-size:13px;}
}
@media screen and (max-width:420px){
	body,html{font-size:11.5px;}
}
@media screen and (max-width:360px){
	body,html{font-size:10px;}
}
@media screen and (max-width:320px){
	body,html{font-size:9px;}
}
