@charset "utf-8";

/* CSS Document */


table {
    border-collapse: collapse;
}
/*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:;

}

body,

html{

	-ms-overflow-style: none !important;

 	width:100%;

  	height:100%;

	/*overflow-x: hidden;*/

	background:#ffffff;

}

body {

  -webkit-text-size-adjust: none;

  /*font-family:"微软雅黑", Arial ;*/

  display: -webkit-box;                 /*盒模式，控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式*/

  -webkit-box-orient: vertical;

  -webkit-box-align: stretch;

  color:#444444;

}

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;	

}

.clear{

	float:none;clear:both;

	width:0;height:0;border:0;display:block;

	font-size:0;

	background:none;visibility:hidden;overflow:hidden;	

}



a{  color:#444444;

	text-decoration:none;

	outline:none; 
	cursor:pointer;

}

a:hover{color:#0059a9; text-decoration:none; outline:none;}

/*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{

	position: relative; z-index: 10; background:url(./images/header.jpg) repeat-x 0px 0px; background-size:1.5%; text-align:center; padding:2.5% 0 3% 0;}

.header1{

	position: relative; z-index: 10; text-align:center; color:#ffffff; font-weight:bold; font-size:2.0em; background:url(./images/header.jpg) repeat-x 0px 0px; background-size:1.5%; padding:4% 0 5% 0;}

/*common module*/

.logo{

	display:block;

	width:70%;margin:0 auto;
	text-align:center;

}





/*left-btn 返回/搜索*/

.cbtn-search,.cbtn-back{
	position:absolute;
	left:5%;
	top:38%;
	width:40px;
	height:27px;
	display:block;
	color:#ffffff;
	font:2.8em/2.2;
	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 ; 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 ;text-align:center;

	background:#0064a6;

	cursor:pointer;

	-webkit-appearance:none;

}





/*module slide banner 幻灯片效果*/

.mod-slide{

	position:relative;

	visibility:hidden;

	overflow:hidden;

}

.slide-in{

	position:relative;

	overflow:hidden;

}

.slide-in > div{

	position:relative;float:left;

	width:100%;

	font-size:0;text-align:center;

}

.slide-in > div img{

	display:inline-block;

}

.slide-pos{

	position:absolute;left:0;bottom:1.0em;z-index:9999;

	width:100%; padding:1% 0 0 0;

	text-align:center;

}

.slide-pos li{

	width:2em; height:0.2em; margin:0 0.4em; display:inline-block;

	background:#fff;

}

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

}



.menu_nav{ }

.menu_nav li{ float:left; width:25%; text-align:center; padding:1% 0 0 0;}

.menu_nav li a{ color:#ffffff;}

.pro1T{ background:#2268ae;}
.pro1T li{ float:left; width:33.0%}

.proT{ background:#155b9d; padding:2.5% 2%;}

.proTL{ float:left; font-weight:bold; font-size:1.4em; color:#ffffff;}

.proTR{ float:right; font-size:1.2em;}

.proTR a{color:#ffffff;}

.proTR a:hover{color:#b4dbff; text-decoration:none; outline:none;}

.pro{ clear:both;}

.pro li{float:left; width:33.333%; text-align:center; margin-top:2.5%;}

.pro li a{ color:#171717;}

.pro li a:hover{color:#0059a9; text-decoration:none; outline:none;}

.pro li img{border:1px solid #7e7b78; margin-bottom:5%; width:96%;}



.list_pro{}

.list_pro li{ border-bottom:1px dashed #b0b0b0; clear:both; padding-left:1%; padding-top:10px; height:130px;}

.list_pro li a{ color:#171717;}

.list_pro li a:hover{color:#0059a9; text-decoration:none; outline:none;}

.img{float:left; width:35%;}
.img img{ border:2px solid #cddcea; border-radius:3px; }
.font{ float:left; width:56%; padding:0 3%; line-height:30px;}

.font h4 a{ color:#171717;}

.font h4 a:hover{color:#0059a9; text-decoration:none; outline:none;}

.more{ float:left; margin-top:50px;}

.newsT{ margin-top:5%; border-bottom:1px solid #d7dee4;}
.newsT li{ float:left; height:28px; padding:0px 5px; margin-right:5px; font-size:16px;}
.newsT li a{color:#000000; height:28px; font-size:16px; font-weight:100; border:none;}
.lihover{ background:url(./images/bg_li.jpg) repeat-x left bottom; padding-bottom:11px;}

.news{padding:0 1.5% 1% 1.5%;}

.news li{border-bottom:1px dashed #b0b0b0; clear:both; height:40px; line-height:40px; padding:0% 1% 0% 1%; }

.news li a{ float:left; background:url(./images/ico.jpg) no-repeat 0px 19px; padding-left:1%; color:#555555;}

.news li a:hover{color:#0059a9; text-decoration:none; outline:none;}

.news li span{ float:right; color:#555555;}

.caseT{color:#000000; font-size:16px; font-weight:100; margin-top:5%;}

.case{ padding:3% 0;}

.case li{ float:left; width:33.333%; text-align:center; margin-bottom:2%;}

.case li img{ width:96%; margin-bottom:2%;}
.case_list{padding:3% 0;}
.case_list li{ float:left; width:50%; text-align:center; margin-bottom:2%;}

.case_list li img{ width:96%; margin-bottom:2%;}

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:1.375em/2.2 ; 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: #0059a9;}

.navFoot li:last-child a{ margin-right: 0%;}	

.navFoot  span{

	 display: block;

	 transform: skew(145deg);

	-webkit-transform: skew(145deg);

}

.copy{

	width: 100%;

	color:#4b4b4b;font:normal 1.375em/2 ; text-align: center; clear:bothl

}

.copy a{color:#4b4b4b;}

.copy a:visited{color:#535352;}



/*one-touch  foot 按钮*/

.one-touch{

	width:100%;

	background:#404040; background-size:100% ;

	color:#ffffff;font-size:1.5em !important;

	-webkit-backface-visibility:hidden;

	backface-visibility:hidden;

	-webkit-perspective:1000;

	perspective:1000;
	padding:2% 0;

}

.one-touch a{

	float:left;

	width:25%;padding:0.1em 0;display:block; 

	color:#ffffff;text-align:center;

	cursor:pointer;

}

.one-touch a:visited{

	color:#ffffff;

}

.one-touch a > span{

	display:block;

	font:0.4em/1;

}

.one-touch .iconfont{

	font:2em/5;

}





/*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:0.8em;

	 width: 74%; margin: 0 auto;

	 border-bottom: 1px solid #005288;

}

.nav-in a{

	color:#ffffff; font-size:1.5em; text-align: center;

	display:block;

}

.nav-in a:visited{

	color:#fffffe;	

}

.nav-in li{

	padding:1.2em 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*/



/*right-btn 导航*/

.cbtn-nav{
	position:absolute;
	right:5%;
	top:40%;
	width:32px;
	height:22px;
	display:block;
	color:#ffffff;
	text-align:center;
	cursor:pointer;

}

.cbtn-nav:visited{

	color:#ffffff;

}

/*right-btn 导航*/


/*left-btn 返回/搜索*/





.all{min-height:630px;}

/*media query*/

@media screen and (min-width:640px){

	.all{

		width:640px;

		margin:0 auto;

		min-height:630px;

	}

	.rightnav{

		width:22.25em !important;

	}

	.afPopup{

		width:640px;

	}

}

@media screen and (max-width:540px){

	body,html{font-size:16px;}

}

@media screen and (max-width:480px){

	body,html{font-size:14px;}

}

@media screen and (max-width:420px){

	body,html{font-size:12px;}

}

@media screen and (max-width:360px){

	body,html{font-size:12px;}

}

@media screen and (max-width:320px){

	body,html{font-size:10px;}

}



.showT{ text-align:center; padding:1%; border-bottom:1px dashed #d2d2d2;}

.showT h4{ margin-bottom:1%; padding:1.5%;}

.show{padding:1%; line-height:2.0em; min-height:505px;}

.page{padding:1%; line-height:2.0em; min-height:505px;}

.btn{ width:50%; text-align:center; padding:3.99% 0; float:left; background:url(./images/bg_btn.jpg) no-repeat top center; background-size:85%; margin:3% 0;}

.btn a{ color:#ffffff;}

.share{min-height:505px;}

/*page pro  当前位置*/

.pproPositionHeight{

	position: relative;

	width:100%; padding-top: 1em;

}

.pproPosition{

	position: relative;

	width: 33%;

	color:#ffffff;font:1.5em/1.8 "Arial"; 

	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: #0059a9;

}









/* 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.4em/1.8 "Arial"; border-left:0.5em solid #1d79cc;

	background: #0059a9;

	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.4em/1.8 "Arial"; 

	 /*transform: skew(145deg);

	-webkit-transform: skew(145deg);*/

	background: #0059a9; cursor:pointer;

	

}

.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 "Arial";text-align:left;

	background:#0059a9;

	display:none;

	top:2.8em;

}

.classList ul li{

	border-bottom: 1px solid #1d79cc;

}

.classList ul li a{

	display: block;

	color:#ffffff;

}

.classList ul li a:visited{

	color:#fffffe;

}

#popup a{ font:10em; font-weight:bold; color:#ffffff;}

.list_case{ padding-top:3%;}

.list_case li{ float:left; width:50%; text-align:center;}
.list_case li img{ width:96%;}
/*2015.10.28新加*/
.flash{ padding:20px; text-align:center;}
.sproT{ background:url(./images/tit5.jpg) no-repeat 0px 0px; background-size:100%; color:#ffffff; font-size:1.0em; padding:2% 0 2% 1%;}
.showpro{padding:1%; line-height:2.0em;}
.showpro span{ width:50%; padding-left:3%;}
.btn1{ width:50%; text-align:center; padding:1% 0; float:left; background:url(./images/btn1.jpg) no-repeat top center; background-size:98%; margin:3% 0;}
.btn1 a{ color:#ffffff;}
.btn2{ width:50%; text-align:center; padding:1% 0; float:left; background:url(./images/btn2.jpg) no-repeat top center; background-size:98%; margin:3% 0;}
.btn2 a{ color:#ffffff;}
.btn3{ width:50%; text-align:center; padding:1.5% 0; float:left; background:url(./images/btn3.jpg) no-repeat top center; background-size:98%; margin:3% 0;}
.btn3 a{ color:#ffffff;}

.con7R{ width:350px; border-top:2px solid #b9b9b9;}
.text{ background:url(./images/text.jpg) no-repeat 0px 0px; border:none; width:240px; height:22px; height:22px; padding-left:3px; margin:10px 0px; float:left;}
.con7R span{ margin-left:5px;}
.w{ width:70px; float:left;  margin:12px 0px; clear:both;}
.text1{background:url(./images/text.jpg) no-repeat 0px 0px; border:none; width:73px; height:22px; height:22px; padding-left:3px; margin:10px 0px; float:left;}
.area{ float:left; background:#cfcfcf; border-top:2px solid #b4b4b4; border-bottom:none; border-left:1px solid #b4b4b4; border-right:none;}
.yzm{ width:70px; height:22px; float:left; margin:10px 5px;}
.a1{ float:left;margin:10px 5px;}
.btnm{ width:111px; height:36px; background:url(./images/tj.jpg) no-repeat 0px 0px; color:#ffffff; font-size:16px; float:left; margin-left:50px; border:none;}
.btnm1{ width:111px; height:36px; background:url(./images/ct.jpg) no-repeat 0px 0px; color:#ffffff; font-size:16px; float:left; margin-left:15px; border:none;}







#pages {
    padding: 2% 0;
}
#pages a {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #333;
    display: inline-block;margin: 0 5px;
    padding: 0.5% 1%;
    text-align: center;
}
#pages a.a2 {
    
}
#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}
#pages span {
    background: #404040;
    border: 1px solid #999;
    color: #fff;
    display: inline-block;
    padding: 0.5% 1%;
    text-align: center;
}