@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0;}
body {font-size: 14px; color: #333; margin:0px;background:#F8F8F8; padding:45px 0 40px;}
a{ color:#333; text-decoration:none;}
a:active, a:hover{ color: #333; text-decoration:none;}
:focus{outline:0}
img { border-style: none;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,dl {list-style:none;}
li{ list-style:none;}
input,button{ vertical-align:middle}
.clear{display:block;height:0;clear:both;content:"";overflow:hidden;visibility:hidden;}

.head{padding:15px 0px; text-align:center; background:#006cb3; color:#fff;}
.head img{ width:15%; height:40px;}
.head h2{font-size:16px;}
.head p{ font-size:16px;}
.head a{display:block; width:38px; height:40px;background:no-repeat center; background-size:auto 20px; }
.head a#list{ background-image:url(../images/list.png); }
.navIcon{height:40px; display:block; background:#006cb3; line-height:40px; width:40px; position:fixed; right:0px; z-index:10; top:0px;}

#message form{ margin:0px auto; margin-right:10px;}
#message form .left{width:25%; text-align:right; vertical-align:top; height:100%;}
#message  textarea{width:88%;}
#message form  input{ border:1px solid #666; margin-right:10px; width:89%; height:30px; margin-bottom:10px;}
/*快捷导航*/
.zhezhao { width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index: 999; display: none }
.nav { width: 150px; height: 100%; position: fixed; left: -160px; top: 0; background: #fff; z-index: 999; overflow: auto; }
.nav h1 { font-size: 16px; color: #fff; padding: 0 20px; height: 40px; line-height: 40px; background: #006cb3 }
.nav li { padding: 0 10px }
.nav li a { display: block; height: 40px; padding: 0 10px; line-height: 40px; font-size: 14px; color: #666; border-bottom: 1px dashed #ddd }
.nav li:last-child a { border: none }
.nav li a:active { background: #ddd }
/*公司简介*/
.tit{width:100%; background:#333; padding:10px 0px;}
.tit h2{color:#fff; font-size:16px; margin-left:10px;}
.tit span{float:right;}
.tit span a{color:#FFF; font-size:12px; font-weight:normal; margin-right:10px; border-bottom:1px solid #CCC;}
a:hover{color:#f00;}
.company p{text-indent:24px; line-height:25px; margin:0px 10px; padding:10px 0px;}
/*新闻资讯*/
.news ul{margin:5px 10px; line-height:30px;}
.news ul li{border-bottom:1px dotted #999999;}
.news ul li span{float:right; color:#f00;}
.news ul li a:hover{color:#F00;}

.newBt{margin-left:10px; margin-bottom:40px}
.newBt p{line-height:25px;}
.newBt p span{color:#F00;}
/*banner*/
#wrapper { width: 100%; overflow: hidden; background:#FFF;  }
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:6px; height:6px;  line-height: 99em; background:#999;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #FFF; }

/*导航*/
.product{ overflow:hidden; padding-bottom:20px;}
.product ul li{display:block; float:left;width:33%; text-align:center; padding:10px 0px;}
.product ul li span{display:block; text-align:center; }

/*底部*/
footer{ width:100%; height:40px; line-height:40px; background:#333; position:fixed; left:0; bottom:0;}
footer a{ display:block; width:20%; height:40px; float:left; background:no-repeat center; background-size:auto 20px;}
footer a#fanhui{ background-image:url(../images/fanhui.png);}
footer a#list{ background-image:url(../images/sqsj.png);}
footer a#home{ background-image:url(../images/home.png);}
footer a#tel{ background-image:url(../images/tel.png);}
footer a#map{ background-image:url(../images/qq.png);}


/*内页顶部*/
.lanm{ position:fixed; width:100%; height:45px; padding:0px; left:0; top:0; z-index:998; background:#006cb3; display:box; display:-webkit-box; display:-moz-box;}
.lanm .navCon{width:40px; height:40px; position:absolute; top:0px; right:0px;}
.lanm span{ width:40px; height:40px; display:block; position:absolute; top:0px; left:0px;}
.lanm h1{ display:block; color:#FFF; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; line-height:45px; text-align:center; font-size:18px; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#back{ border-right:1px solid #444; background:#006cb3; position:absolute; z-index:1000;}
#back a{ display:block; height:100%; background:url(../images/back.png) no-repeat center; background-size:10px auto;}
#lm{ border-left:1px solid #444; height:100%; background: #383838 url(../images/lm.png) no-repeat center; background-size:auto 15px; -webkit-background-size:auto 15px; -moz-background-size:auto 15px; -o-background-size:auto 15px;}
.lanm .submenu{ position:absolute; width:100%; left:0; top:45px; background:#FFF; display:none;}
.lanm .submenu a{ display:block; height:40px; line-height:40px; border-bottom:1px solid #E8E8E8; margin:0 10px; background:url(../images/arr.png) no-repeat right center;background-size:auto 12px;}
.lanm .submenu a:last-child{ border:none;}
.zhezhao2{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index:990;display:none}

/*新闻*/
.newslist {}
.newslist li { border-bottom: 1px solid #DDD; }
.newslist li:nth-child(2n){ background:#FFF;}
.newslist li a { display: block; overflow: hidden; padding: 20px 10px; }
.newslist li img { width: 80px; height: 60px; float: left; margin-right: 10px; }
.newslist li h1 { font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist li p { margin: 0; padding: 0; line-height: 30px; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pagelist{text-align:center; padding:20px;}
.pagelist span{font-size:20px; padding:0px 10px;}
.pagelist #current{ background:#CCC;}
/*新闻详情*/
.news_tit{ padding:10px; line-height:20px; text-align:center; margin-top:10px; border-bottom:1px solid #DDD; font-size:16px; font-weight:bold;}
.news_txt{ line-height:200%; padding:10px;  font-size:14px;}
.news_txt table{ text-align:center}


.news_txt table{ text-align:center}

.news_txt table td{ display:block;width:100%; margin-top:3em;}
.news_txt table td img{ width:100%;}



/*汽车系列*/
.car_fenlei{ height:36px; line-height:36px; padding:0 10px; margin-top:10px; border-bottom:3px solid #CCC; }
.car_fenlei strong{ height:36px; font-size:18px; display:inline-block; border-bottom:3px solid #666; position:relative; color:#900; }
#jiao{ width:10px; height:5px; position:absolute; left:50%; margin-left:-5px; bottom:18px;}
.car_list{ background:#FFF;  border-bottom:1px solid #DDD; overflow:hidden;}
.car_list li{ width:50%; padding:10px 0; float:left; text-align:center; border-bottom:1px dashed #EEE;}
.car_list li a{width:100%;}
.car_list li img{ max-width:99%; margin:0 2%;  display:block; }
.car_list li span{ display:block; margin-top:6px; line-height:17px; height:34px; overflow:hidden;}





.car_xx{background:#FFF; padding:10px; border-bottom:1px solid #DDD; overflow:hidden;}
.car_xx p{ margin:5px 0;}
.jiage{ font:bold 14px/20px Arial; color:#F00;}

.btn{  text-align:center; color:#FFF; display:inline-block; font-size:16px; font-weight:bold; border-radius:5px; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
background-image: -webkit-linear-gradient(top, #999, #666);
background-image: linear-gradient(to bottom, #999, #666);}

.dhbj{ padding:0 10px; height:36px; line-height:36px; margin-right:10px;}
.dhbj span{  background:url(../images/tel.png) no-repeat left center; background-size:auto 18px; padding-left:18px;}
.sqsj{ padding:0 10px;  height:36px; line-height:36px;}
.sqsj span{ background:url(../images/sqsj.png) no-repeat left center; background-size:auto 18px; padding-left:22px;}

.box{ background:#FFF; border-bottom:1px solid #DDD;  overflow:hidden;}
.box td{ border:1px solid #DDD; padding:10px; color:#999; vertical-align:top;}
.box p{ color:#333; margin:8px 0 0;}

.box th{ height:30px; background:#EEE;}






/*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-left: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
	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("../images/iconfont.woff") format('woff'),
  url("../images/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{  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{
	 padding: 0% 3.125% 0% 3.125%;
	background: #bbdcf5;	
}
#n_con {
	width: 100%; height: 3.125%; overflow: hidden;
	color:#298fd2;font:1em/2.7 "Microsoft YaHei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#n_con span{font-size:1.25em; line-height: 1em;}
#n_c_in{ width: 700%;  float:left} 
#n1p,#n2p{ float:left; padding-right: 2em; color:#333; font-weight:bold}
  
.iproCla{ width: 93.75%; padding: 3.125%;}
.iproCla a{
	float:left;
	width: 33.33%; padding:0% 3%;
	color:#ffffff;font:1.375em/2 "Microsoft YaHei";
	-webkit-transform: skew(35deg);
	transform: skew(35deg);
	-webkit-transform-origin:  left top;
	transform-origin: left top;
}
.iproCla a span{ 
	display: block;
	color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	-webkit-transform: skew(145deg);
	transform: skew(145deg);}
.iproCla a:nth-child(1){background: #298fd2;}
.iproCla a:nth-child(2){background: #64a9df;}
.iproCla a:nth-child(3){background: #87c0ec;}

/*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;
}

.listMore{
	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;
}
.listMore 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; text-align:center; line-height:24px
	
}
.ipro .metro-b li{ float:left}
.ipro .metro-b .pic{
	width: 100%;
}
.ipro .metro-b img{
	display: block;
    margin:0 auto;
}
.ipro .metro-b span{ text-align:center; color:#000}
.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{ width:100%; height:40px; line-height:40px; background:#006cb3; position:fixed; left:0; bottom:0; margin-top:30px}
footer a{ display:block; width:20%; height:40px; float:left; background:no-repeat center; background-size:auto 20px;}
footer a#fanhui{ background-image:url(../images/fanhui.png);}
footer a#list{ background-image:url(../images/sqsj.png);}
footer a#home{ background-image:url(../images/home.png);}
footer a#tel{ background-image:url(../images/tel.png);}
footer a#map{ background-image:url(../images/qq.png);}
footer span{font-family: "Microsoft Yahei",Arial; color: #ffffff;    text-align: center;    font: normal 1.375em/2.5 "Microsoft YaHei";}

/* 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:#0064a6;
	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.6 "Microsoft Yahei",Arial; text-align: center;
	display:block;
}
.nav-in a:visited{
	color:#fffffe;	
}
.nav-in li{
	text-indent:1.5em;
	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 ; */
}
.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;
}
/*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%;	
}

/*page pro  当前位置*/
.pproPositionHeight{
	position: relative;
	width:100%; padding-top: 1em;
}
.pproPosition{
	position: relative;
	width: 33%;
	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:-10%; top:0;
	display: block;
	padding-left: 25%;
	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: 33%;
	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: 32%;
	 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: 50%;padding:0% 2%;
	color:#ffffff;font: normal 1.1em/2.2 "Microsoft Yahei";text-align:left;
	background:#298fd2;
	display:none;
}
.classList ul li{
	border-bottom: 1px solid #9acaef;
}
.classList ul li a{
	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;}
}

