﻿/*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:#ffffff;
}
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.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{
	position: relative; z-index: 10;
	background:#006cb3}
/*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:#ffffff;font:2.8em/2.2 "Microsoft Yahei";text-align:center;
	cursor:pointer;
}
.cbtn-nav:visited{
	color:#fffffe;
}

/*left-btn 返回/搜索*/
.cbtn-search,.cbtn-back{
	position:absolute;left:3.125%;top:0;
	width:10%;height:100%;display:block;
	color:#ffffff;font:2.8em/2.2 "Microsoft Yahei";text-align:center;
	cursor:pointer;
}
.cbtn-search:visited,.cbtn-back:visited{
	color:#fffff4;	
}

/*banner*/
.banner{ 
	position: relative;
	width: 100%;  }
/*srch*/
.srch{
	position:absolute;left:0; top: 0;z-index: 99999999;
	width:90.625%; margin: 1.5% 4.6875%;
	font-size:1.625em;
	-webkit-appearance:none;
	display: none;
	background: #0064a6;
	border-radius: 5px;
}
.srch-txt{
	width:100%; border:none; 
	color:#ffffff;font:0.75em/2.6 "Microsoft YaHei"; text-indent: 1em;
	border-radius: 5px;
	background:#0064a6;cursor:pointer;
	-webkit-appearance:none;
}
.srch-txt::-webkit-input-placeholder{
	color:#c9e6f9;
}
.srch-sub{
	position:absolute;top:0;right:0;
	width:17%;height:100%;border:none;border-radius: 5px;
	color:#c9e6f9;font:2em/1 "Microsoft YaHei";text-align:center;
	background:#0064a6;
	cursor:pointer;
	-webkit-appearance:none;
}


/*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:2em;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:#133169;
}
.slide{
	width:100%;margin:0 auto;
}

.inav{ width: 93.75; padding: 3% 3.125% 0 3.125%;
	background: #bbdcf5;	
}
.inav a{ 
	float:left;
	width: 25%; display: block; padding-top:20% ;
	color:#5ba1d6;font:1.375em/2.3 "Microsoft YaHei";text-align:center;
	background: #ffffff;
}
.inav a:visited{color:#5ba1d5;}
.inav .inavBg1{
	background: url(../images/nav01.jpg)  center 27% no-repeat  #ffffff;
	background-size:66.667% ;
}
.inav .inavBg2{
	background: url(../images/nav02.jpg)  center 27% no-repeat #ffffff;
	background-size:66.667% ;
}
.inav .inavBg3{
	background: url(../images/nav03.jpg)  center 27% no-repeat #ffffff;
	background-size:66.667% ;
}
.inav .inavBg4{
	background: url(../images/nav04.jpg)  center 27% no-repeat  #ffffff; 
	background-size:66.667% ;
}


.notice{
	width: 93.75; padding: 0% 3.125% 0% 3.125%;
	background: #bbdcf5;	
}
#n_con {
	width: 100%;
	height: 100%;
	overflow: hidden;
	color:#298fd2;
	font: 1em/1em "Microsoft YaHei";
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding: 0.5em 0 0.5em 0;
}
#n_con marquee{font-size:1.25em;line-height: 1.25em;}
#n_c_in{ width: 700%;  float:left} 
#n1p,#n2p{ float:left; padding-right: 2em;}
  
.iproCla{ width: 100%; padding:none;}
.iproCla a{
	float:left;
	width: 33.33%; padding:1%;
	-webkit-transform-origin:  left top;
	transform-origin: left top;
	border-bottom:1px solid #bbdcf5;
	border-right:1px solid #bbdcf5;
	height:92px;
}
.iproCla a span{
	font:1.2em/25px "Microsoft YaHei";
	width:100%;
	display: block;
	text-align:center;
	color:#333;
	padding:15px 10px;
	height:80px;
	border:1px solid #fff;
	overflow:hidden;}
.iproCla a:nth-child(1){
	border-top:1px solid #bbdcf5;
	border-left:1px solid #bbdcf5;}
.iproCla a:nth-child(2){
	border-top:1px solid #bbdcf5;}
.iproCla a:nth-child(3){
	border-top:1px solid #bbdcf5;}
.iproCla a:nth-child(4){
	border-left:1px solid #bbdcf5;}
.iproCla a:nth-child(5){}
.iproCla a:nth-child(6){}
.iproCla a:nth-child(7){
	border-left:1px solid #bbdcf5;}
.iproCla a:nth-child(8){}
.iproCla a:nth-child(9){}

/*itl  标题*/
.itl{
	position:relative;
	width:93.75%;
	margin:3.125% auto 0 auto;
}
.itl-tl{
	width: 33%; 
	color:#ffffff;font:1.5em/1.8 "Microsoft YaHei"; border-right:0.8em solid #9acaef;
	background: #298fd2;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.itl-tl span{
	display: block; 
	color:#ffffff; text-align: center;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
	
}
.itl-more{
	width: 93.75%; margin: 0em auto 0.5em auto;
	color:#636363;font:1em/2.75 "Microsoft Yahei"; text-align: right;
	background: #d5d5d5;
}
.itl-more a{
	display:block;
	text-align: center;
	color:#636363; 
}
.itl-more a:visited{
	color:#636362;
}

.imore{
	width: 28.125%; margin: 0 auto 0 auto;
	color:#ffffff;font:1.375em/2 "Microsoft Yahei"; text-align: center;
	background: #298fd2;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.imore span{
	display: block; 
	color:#ffffff; text-align: center;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
}
/*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;padding-bottom: 2.5%;
}
.ipro .metro-b{
	position:relative; float: left;
	width:31.6%; padding:0.8%;margin:0% 2.6% 2.6% 0%; border: 1px solid #b7d9f3; 
	
}
.ipro .metro-b .pic{
	width: 100%;
}
.ipro .metro-b img{
	display: block;
    margin:0 auto;
}
.ipro .metro-b:nth-child(3n){margin-right:0%;  }



/*inews*/

.inews{
	width:100%;margin:0 auto; 
}
.inews li{
	width: 100%; padding: 2% 6.25%;
	background: #ffffff;
}
.inews li:nth-child(2n){
	background: #ededed;
}

.inews li a .inewsTitle{
	display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	color:#5f5f5f;font:normal 1.375em/2.4 "Microsoft YaHei";	
}
.inews li a p{color:#9f9f9f;font:normal 1.25em/1.8 "Microsoft YaHei";	}
.inews li a:visited .inewsTitle {
	color:#5f5f5e;
}
.inews li a:visited p {
	color:#9f9f9e;
}

.iTel{
	width:88.5%; margin-left:3.125%; margin-top: 3.125%;
	color:#ffffff;font:normal 1.375em/2.5 "Microsoft YaHei"; text-align: center;	
	background: #79b8e8;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.iTel span{ 
	display: inline-block;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
}
.iTel .num{ 
	vertical-align:middle;
	color:#ffffff;font-size: 1.2em;	 line-height: 1.5em;
	text-transform: uppercase;  font-family: impact;
}

/*icase*/
.icase{
	width:84.375%;margin:3.125% auto;
}
.icase .metro-b{
	position:relative; float: left;
	width:46%; margin:0% 8% 0% 0%;
	
}
.icase .metro-b .pic{
	display: block;
	width: 100%;padding:2.4%; border: 1px solid #b7d9f3; 
}
.icase .metro-b .pic img{
	display: block;
    margin:0 auto;
}
.icase .metro-b .title{
	 display: block;
	color:#5f5f5f;font: 1.25em/2 "Microsoft YaHei"; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.icase .metro-b a:visited .title{color:#5f5f5e;}
.icase .metro-b:nth-child(2n){margin-right:0%;  }



footer{
	position:relative;

}
/* navfoot */

.navFoot{ 
	width: 90%; margin-left:3.125%; padding-top: 3.125%;
}
.navFoot a{
	float:left;
	width: 20%; display: block; border-right:0.3em solid #ffffff;
	color:#fff;font:normal 1.375em/2.2 "Microsoft YaHei"; text-align: center;
	background: #79b8e8;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.navFoot a:visited{color:#fffffe;}
.navFoot li:nth-child(2n) a{background: #298fd2;}
.navFoot li:last-child a{ margin-right: 0%;}	
.navFoot  span{
	 display: block;
	 transform: skew(145deg);
	-webkit-transform: skew(145deg);
}
.copy{
	width: 100%;
	color:#535353;font:normal 1.375em/4 "Microsoft YaHei"; text-align: center;
}
.copy a{color:#535353;}
.copy a:visited{color:#535352;}

/*one-touch  foot 按钮*/
.one-touch{
	width:100%;
	background:#006cb3;
	color:#ffffff;font-size:1em !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
}
.one-touch a{
	float:left;
	width:25%;padding:0.15em 0;display:block; 
	color:#ffffff;text-align:center;
	cursor:pointer;
}
.one-touch a:visited{
	color:#fffffe;
}
.one-touch a > span{
	display:block;
	font:0.4em/1 "Microsoft Yahei";
}
.one-touch .iconfont{
	font:3em/1.2 "Microsoft Yahei";
}


/*nav  右导航*/
#rightnav{ display: none;}
#pageslide { 
	display:none; 
	width:22.25em;height:100%;
	background:#0f2a5d;
	position: fixed;top: 0; z-index: 999999;
}
.rightnav{
	z-index:9999 !important;
	width:22.25em !important;height:100%;
	background:#0064a6;
	/*box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;*/
	
}
.rightnav > *{
	 padding-top:2.2em;
	 width: 74%; margin: 0 auto;
	 border-bottom: 1px solid #005288;
}
.nav-in a{
	color:#ffffff;
	font: 1.75em/3 "Microsoft Yahei",Arial;
	text-align: center;
	display:block;
}
.nav-in a:visited{
	color:#fffffe;	
}
.nav-in li{
	/* padding:0 1.2em; */
	overflow: hidden;
	border-bottom: 1px solid #107ac0;
	border-top: 1px  solid #005288;
}
.nav-in li:first-child{
	border-top: none;
}
/* end index module*/


/*  分页   module */
.conBodyBox{
	/*padding:3.125%;*/
	width: 100%; margin: 0 auto;
	/*background:#0B61A4 ; */
}
.conBodyBox #tip a{color: #159cdc;}
.conBody{
	width:100%; height: 100%;   /*padding: 3%;*/
	background: #FFFFFF;
}
.conBodyContent{
	width:93.75%; height: 100%; margin: 0 auto;   padding: 3.625% 0% 2% 0% ;
	background: #FFFFFF;
}
.conBodyContent table{ width:100%;}
/*cdtl module view页 内容样式*/
.cdtl-txt{
	color:#5f5f5f;font:normal 1.1em/2.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:#535353;font:1.375em/2 "Microsoft YaHei";text-align:center;
	word-wrap: break-word;word-break: break-all;
}
.cdtl-picBox{
	margin:2em 0;
	text-align:center;
}
.cdtl_pic{
	display:inline-block;
	max-width:80%;
}
.pgListView{ 
	width: 100%;
}
.pgListView .pgNextView,.pgListView .pgPreView{
	 width: 95%; padding: 0 3%; display: block;
	 color:#ffffff;font-size: 1.25em; line-height: 2.1em;
	 background: #79b8e8;
	 transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.pgListView .pgNextView span,.pgListView .pgPreView span{
	color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	display: block;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
}
.pgListView .pgPreView{ margin-bottom:2%;margin-top:4%;} 
.pgListView .backList{
	width:30% ; display: block; margin: 4% auto 1% auto;
	color:#ffffff;font-size: 1.375em; line-height: 2em; text-align: center;
	background: #298fd2;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
.pgListView .backList span{
	
	display: block;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
}



/* 新闻列表 */
.pnews{
	width:100%;margin:0 auto; padding-top: 3%; padding-bottom: 3%; 
}
.pnews li{
	padding:0 4.6875% ;
	color:#333333;font:normal 1.25em/3.2 "Microsoft YaHei";
	background: #ffffff;
}
.pnews li:nth-child(2n+1){
	color:#333333;font:normal 1.25em/2.5 "Microsoft YaHei";
	background: #e2e2e2;
}
.pnews li .biao{
	 color:#82b5dc;
}
.pnews li a{
	display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;	
	color:#313131;
}
.pnews li a:visited{
	color:#313130;
}

.pnews .idate{
	color:#b7b7b7;
	padding-right:1%;
	font-weight: normal;
}

/*page pro  当前位置*/
.pproPositionHeight{
	position: relative;
	width:100%; padding-top: 1em;
}
.pproPosition{
	position: relative;
	
	color:#ffffff;font:1.5em/1.8 "Microsoft YaHei"; border-right:0.5em solid #9acaef;
	background: #298fd2;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
	
}
.posTitle{
	 position: absolute; left:-5%; top:0;
	display: block;
	padding-left:20px;
	color:#ffffff; text-align: center;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
	background: #298fd2;
}




/* pro  class分类 图标 */
.pproclass{
	/*position:absolute; z-index: 99;	cursor:pointer;	
	width: 33%;
	right:1%;top:1em;*/
	background: #000000; 
}
.pproClass .pproClassMenu{
	position:absolute; z-index: 99;	cursor:pointer;	
	width: 29%;
	right:1%;top:20%; 
	color:#ffffff;font:1.5em/1.8 "Microsoft YaHei"; border-left:0.5em solid #9acaef;
	background: #298fd2;
	transform: skew(135deg);
	-webkit-transform: skew(135deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
}
/*.pproClass  p{
	 position: absolute; right:0%; top:0%;
	 padding-right: 0%;
	 display: block; 
	 transform: skew(45deg);
	-webkit-transform: skew(45deg);
	background: #f98fd2;
}*/
.pproClass  .p{
	 position: absolute;
	 width: 28%;
	 right:0%; top:20%;z-index: 999;
	 display: block; 
	 color:#ffffff;font:1.5em/1.8 "Microsoft YaHei"; 
	 /*transform: skew(145deg);
	-webkit-transform: skew(145deg);*/
	background: #298fd2;
}
.pproClass .iconfont{ color:#ffffff; font-size:1.375em; line-height: 1em;}
/*  proclass dl 页*/

.classList{
	position:absolute;z-index:999;right:0%;
	min-width: 40%;padding:0% 2% 10px 2%;
	color:#ffffff;font: normal 1.1em/3 "Microsoft Yahei";text-align:left;
	background:#298fd2;
	display:none;
}
.classList ul li{
	border-bottom: 1px solid #9acaef;
}
.classList ul li a{
	text-align:center;
	display: block;
	color:#ffffff;
}
.classList ul li a:visited{
	color:#fffffe;
}

/*page pro 页  pic list*/
.ppro{
	width:84.375%;margin:3.125% auto;
}
.ppro .metro-b{
	position:relative; float: left;
	width:46%; margin:4% 8% 0% 0%;
}
.ppro .metro-b:nth-child(2n){
	margin-right:0%;
}
.ppro .metro-b .pic{
	display: block;
	width: 100%;padding:2.4%; border: 1px solid #b7d9f3; 
}
.ppro .metro-b .pic img{
   	display: block;
    margin:0 auto;
}
.ppro .metro-b .text{
	display: block;
	color:#5f5f5f;font: 1.25em/2 "Microsoft YaHei"; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}


/* 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;
}



/*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;}
}
.share{bottom: 9%;display: none;z-index: 9;position: fixed!important;width: 100%;margin: auto;left:0;right:0;}
/* 在线留言 */
.login{width: 100%;}
.login li{width:100%;height:auto;padding-bottom:3%;}
.login li img{float: right;margin-right: 10%;width: 25%;height: 3rem;}
.login_input{display:block;border:1px solid #d9d9d9;background:#fff;width: 100%;height: 3rem;font: 1.5rem/3rem "microsoft yahei";text-indent:1rem;-webkit-appearance:none;border-radius:0;}
.login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width: 100%;/* float:left; */height: 10rem;font: 1.5rem/3rem "microsoft yahei";text-indent:1rem;-webkit-appearance:none;border-radius:0;resize: none;}
.pin_width{width:51.78%;}
.login_pin{width:30%;float:left;height:4.2rem;margin-left:4%;}
.login_btn{width: 100%;height: 4rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font: 1.75rem/4rem "microsoft yahei";background-color: #006cb3;}

/* 幻灯 */
.ax-tac{text-align:center}
.slideBox{position:relative;overflow:hidden}
.slideBox img{width:100%}
.slideBox .hd{position:relative;top:-17px}
.slideBox .hd li{background:#298FD2;display:inline-block;width:8px;height:8px;border-radius:50%;text-indent:-9999px;margin:0 2px}
.slideBox .hd li.on{background:#FC0}