@charset "utf-8";

/* CSS Document */

ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu{margin:0; padding:0;}

header,article,footer,nav,section,aside,menu{ display:block;}

table{ border-collapse:collapse; border-spacing:0; }

img{ border:none;}

a:link,a:visited{color:#000;text-decoration:none;outline:none;}

a:active,a:hover{color:#000; text-decoration:none;}

body{ margin:0;padding:0;font:12px/22px Microsoft Yahei;/* font-size:1em; line-height:1.571em;*/ min-width:320px; max-width:639px; margin:0 auto;}

.fl{ float:left;}

.fr{ float:right;}

.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}

.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}

.fix{*zoom:1;}

.bg{ background:#F5F5F5;}

/**============ Reset End ===============**/

.navbar{background:#ffffff; border-bottom:0px solid #666666}

.navbar .ico-home,.navbar .ico-nav{float:left;width:20%;height:100px;overflow:hidden;text-indent:-9999em;background:url(../images/ico-home.png) center center no-repeat;}

.navbar .ico-nav{float:right;background:url(../images/ico-nav.png) center center no-repeat;}

.navbar #title{float:left;width:58%;height:100px;margin:0 1%;font-size:3.142em;font-weight:normal;color:#fff;line-height:100px;text-align:center;overflow:hidden;-webkit-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; -moz-transition:font-size 0.2s ease-out;transition:font-size 0.2s ease-out;}

.header .description{height:58px;font-size:1.7em;font-weight:normal;line-height:58px;text-align:center;-webkit-transition:font-size 0.2s ease-out;-moz-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; transition:font-size 0.2s ease-out;}

.header .description span{padding:2px 5px;overflow:hidden;color:#ffea00;font-weight:bold;background:#3493d7;border-radius:1em;}

/**============= 通用标题 =========**/

.index-hd{height:68px;line-height:68px;padding:18px 20px 0 70px;border-bottom:3px solid #3493d7;background:url(../images/ico-tt.png) 20px 38px no-repeat;}

.index-hd .more{float:right;font-size:24px;}

.index-hd h3{display:inline;font-size:32px;font-weight:normal;}

.index-hd strong{color:#cbcbcb;font-size:24px;font-weight:normal;text-transform:uppercase;}

.links{margin-top:30px;}

.links h3{height:90px;padding:0 0 0 20px;line-height:90px;background:#209a0c;font-size:28px;font-weight:normal;color:#fff;}

.links .bd{padding:20px;}

.links .bd a{margin:0 10px;font-size:24px;color:#666;}


/**============底部=================**/

.copyright{ min-height:50px; line-height:50px;text-align:center;margin:1em 0;font-size:1em; color:#999; background-color:#eeeeee}

.copyright a{color:#999;}

.footer{height:119px}

.footer-con{width:100%;height:118px;position:fixed; z-index:100; right:0; bottom:0;background:#22523f;border-top:1px solid #666666;-webkit-transition:right .5s ease;transition:right .5s ease;}

.footer li{ float:left; width:25%;}

.footer li a,.footer li span{display:block;height:44px;padding:74px 0 0 0;text-align:center;font-size:24px;color:#fff;cursor:pointer;}

.footer li.zx a{background:url(../images/ico-mess.png) center 15px no-repeat;}

.footer li.tel a{background:url(../images/ico-tel2.png) center 15px no-repeat;}

.footer li.yy a{background:url(../images/ico-yy.png) center 15px no-repeat;}

.footer li.dh span{background:url(../images/ico-nav2.png) center 15px no-repeat;}


/*导航菜单样式*/

#nav6 {
	line-height: 43px;
	height: 129px;
	width: 100%;
	background-image:url(/wap/images/bg.png);
}
#nav6 a {
	color: #FFFFFF;
	text-decoration: none;
	height: 43px;
	width: 33%;
	text-align: center;
	display: block;
	float: left;
	font-weight:bold;	font-size:14px
}
#nav6 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	height: 43px;
	width: 33%;
	text-align: center;
	display: block;
	float: left;
}
#nav6 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	height: 43px;
	width: 33%;
	text-align: center;
	background-image:url(/wap/images/agh.gif);
	display: block;
	float: left;
}

/**==================弹出导航菜单==============**/

#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}

.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}

.nav{position:fixed;top:0;right:-480px;z-index:9999;width:480px;height:100%;background:#207162;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openMenu{right:480px;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}

.nav h3{padding:65px 0 30px 25px;font-size:3.142em;font-weight:normal;color:#fff;line-height:50px;}

.nav h3 a { color:#fff;}

.scrollerBox{ position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}

.scroller {position: absolute;width:100%;padding:0 0 100px 0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}

/**============= 右边菜单 ========================**/

.nav ul li a{display:block;height:90px;overflow:hidden;padding:0 0 0 24px;line-height:90px;color:#dcdcdc;font-size:2em;border-bottom:1px solid #ffffff;}

.home ul li span{ display:block;float:left;width:72px;height:90px;margin:0 1.2em 0 0;}


/**================ 简介 =====================**/

.i-news-about{padding:15px;max-height:495px; overflow:hidden;font-size:2em; line-height:1.8em;}

.i-news-about .i-news-about-pic{ float:left; width:240px; border:2px solid  #efe5cf; margin:0 10px 0 0;}

.i-news-about p { font-size:2em; line-height:1.8em;}

.moreinfo { font-size:1.8em; text-align:right;}



/**======================== 菜单 ==================**/

.ks-nav dl{overflow:hidden;clear:both;padding:30px 50px;border-top:1px solid #454545;}

.ks-nav dl dt{padding:0 0 30px 20px;font-size:2.5em;color:#fffc00; text-shadow:0 0 1px #000;}

.ks-nav dl dt a{color:#fffc00;}

.ks-nav dl dd{float:left;width:50%;}

.ks-nav dl dd a{display:block;width:140px;margin:8px auto;padding:4px 8px;color:#000;font-size:1.5em;line-height:1.5em;text-align:center;background:#ffffff;border-radius:30px;box-shadow:0 0 10px #4b4b4b;}

#gotop{display:none;position:fixed;z-index:777;width:82px;height:110px;right:10px;bottom:130px;background:url(../images/top.png) no-repeat;cursor:pointer;}



/**=======================================**/

.des p { height:88px; overflow:hidden;}

@media screen and (max-width: 639px){

	.navbar .ico-home,.navbar .ico-nav{height:70px;background-size:29.5px 24.5px;}

	.navbar .ico-nav{background-size:24.5px 21.5px;}

	.navbar #title{height:50px;font-size:1.571em;line-height:50px;}	

	.header .description{height:29px;font-size:0.9em;line-height:29px;}	

	.header .description span{padding:2px 5px;color:#ffea00;border-radius:1em;}	

	

	.index-hd{height:34px;line-height:34px;padding:9px 10px 0 35px;border-bottom:1px solid #3493d7;background:url(../images/ico-tt.png) 10px 19px no-repeat; background-size:14px 14px;}

	.index-hd .more{float:right;font-size:12px;}

	.index-hd h3{display:inline;font-size:16px;font-weight:normal;}

	.index-hd strong{color:#cbcbcb;font-size:12px;font-weight:normal;text-transform:uppercase;}

	

	.links{margin-top:15px;}

	.links h3{height:45px;padding:0 0 0 10px;line-height:45px;font-size:14px;}

	.links .bd{padding:10px;}

	.links .bd a{margin:0 5px;font-size:12px;}



	.copyright{font-size:0.8em;}

	.footer{height:60px}

	.footer .footer-con{height:59px;}

	.footer li{ float:left; width:25%;}

	.footer li a,.footer li span{height:22px;padding:37px 0 0 0;font-size:12px;line-height:18px;}

	.footer li.zx a{background:url(../images/ico-mess.png) center 7px no-repeat;background-size:29px 24px;}

	.footer li.tel a{background:url(../images/ico-tel2.png) center 7px no-repeat;background-size:26px 25px;}

	.footer li.yy a{background:url(../images/ico-yy.png) center 7px no-repeat;background-size:22px 27px;}

	.footer li.dh span{background:url(../images/ico-nav2.png) center 7px no-repeat;background-size:24px 21px;}

	/**==================== 右边菜单 ===============**/	

	.nav{width:240px;}

	.nav h3{padding:20px 0 15px 12px;font-size:1.571em;font-weight:normal;color:#fff;line-height:25px;}	

	.nav ul li{clear:both;}

	.nav ul li a{display:block;height:35px;padding:0 0 0 12px;line-height:35px;font-size:1em;}

	.home ul li span{width:36px;height:40px;}

	/**================ 简介 =====================**/

	.i-news-about { max-height:230px; line-height:22px; font-size:14px;}

	.i-news-about .i-news-about-pic { width:160px;}

	.i-news-about p { font-size:1em;}

	.moreinfo { font-size:14px;}



	/**==================== 菜单 ===============**/

	.ks-nav dl{overflow:hidden;clear:both;padding:15px 25px;border-top:1px solid #454545;}

	.ks-nav dl dt{padding:0 0 15px 10px;font-size:1.2em;color:#fffc00; text-shadow:0 0 1px #000;}

	.ks-nav dl dd{float:left;width:50%;}

	.ks-nav dl dd a{display:block;width:70px;margin:4px auto;padding:2px 4px;color:#000;font-size:1em;line-height:1.5em;text-align:center;background:#ffffff;border-radius:15px;}

	#gotop{width:41px;height:55px;right:0;bottom:65px;background-size:41px 55px;}	

	

	.nav{right:-240px}

	.openMenu{right:240px;}

	.openNav{right:0;}


}



/* CSS Document */
/*-------------------------------------- 全局公共样式---------------------------- ------------*/
A:link {
	FONT-SIZE: 12px;COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 12px;COLOR: #333333; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 12px;COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 12px;RIGHT: 0px; COLOR: #ff6600; POSITION: relative; TOP: 0px; TEXT-DECORATION: none
}


A.font1 {
	FONT-SIZE: 14px; COLOR: #017da1; TEXT-DECORATION: none
}
A.font2 {
	FONT-SIZE: 14px; COLOR: #fff; TEXT-DECORATION: none
}
A.font3 {
	COLOR: #fff; LINE-HEIGHT: 30px; TEXT-DECORATION: none
}
A.font4 {
	FONT-WEIGHT: normal; COLOR: #515253; LINE-HEIGHT: 30px
}
A.font5 {
	FONT-SIZE: 14px; COLOR: #118eba; TEXT-DECORATION: none
}

.gray14 {
	font-size: 14px;
	line-height:170%;
}
.gray14 A:visited {
	FONT-SIZE: 14px;COLOR: #222; TEXT-DECORATION: none
}
.gray14 A:active {
	FONT-SIZE: 14px;COLOR: #222; TEXT-DECORATION: none
	}
.gray14 a {
	font-size: 14px;
	color: #222;
	text-decoration: none;
}
.gray14 a:hover {
	font-size: 14px;
	color: #cc0000;
	text-decoration: underline;
}


.gray14ind {
	font-size: 15px;
	color: #ffffff;
	line-height:170%;
}
.gray14ind a:visited {
	FONT-SIZE: 15px;COLOR: #ffffff; TEXT-DECORATION: none
}
.gray14ind A:active {
	FONT-SIZE: 15px;COLOR: #ffffff; TEXT-DECORATION: none
}
.gray14ind a {
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
}
.gray14ind a:hover {
	font-size: 15px;
	color: #ffff00;
	text-decoration: none;
}


.gray14ind2 {
	font-size: 14px;
	line-height:170%;
}
.gray14ind2 a {
	font-size: 14px;
	color: #ff6600;
	text-decoration: none;
}
.gray14ind2 a:hover {
	font-size: 14px;
	color: #0084CC;
	text-decoration: none;
}

.gray14zx {
	font-size: 13px;
	line-height:100%;
}
.gray14zx a {
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
.gray14zx a:hover {
	font-size: 13px;
	color: #ff0000;
	text-decoration: underline;
}


.gray14about {
	font-size: 15px;
	line-height:100%;
}
.gray14about a {
	font-size: 15px;
	color: #555555;
	text-decoration: none;
}
.gray14about a:hover {
	font-size: 15px;
	color: #ff0000;
	text-decoration: underline;
}

.bottom A:visited {
	FONT-SIZE: 12px;COLOR: #222222; TEXT-DECORATION: none
	line-height:30px;
	
}
.bottom A:active {
	FONT-SIZE: 12px;COLOR: #222222; TEXT-DECORATION: none
	line-height:30px;
}

.bottom {
	font-size: 12px;
	color: #222222;
	line-height:30px;
}
.bottom a {
	font-size: 12px;
	color: #222222;
	text-decoration: none;
	line-height:30px;
}
.bottom a:hover {
	font-size: 12px;
	color: #ff0000;
	text-decoration: underline;
	line-height:30px;
}

.yqlj {
	font-size: 12px;
	line-height:100%;
}
.yqlj a {
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}
.yqlj a:hover {
	font-size: 12px;
	color: #ffff00;
	text-decoration: underline;
}

.classfl {
	font-size: 14px;
	line-height:100%;
}
.classfl A:visited {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.classfl A:active {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.classfl a {
	font-size: 14px;
	color: #222222;
	text-decoration: none;
}
.classfl a:hover {
	font-size: 14px;
	color: #cc0000;
	text-decoration: underline;
}


.fw {
	font-size: 14px;
	line-height:100%;
}
.fw A:visited {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.fw A:active {
	FONT-SIZE: 14px;COLOR: #222222; TEXT-DECORATION: none
}
.fw a {
	font-size: 14px;
	color: #222222;
	text-decoration: none;
}
.fw a:hover {
	font-size: 14px;
	color: #cc0000;
	text-decoration: underline;
}

.left{ float:left}
.m_top{ margin-top:8px;}
.m_left{ margin:0 8px 0 8px;}
h4{ font-size:14px; font-weight:bold; color:#fff;}
h3{font-weight:bold; color:#333333; text-align:center}
h2{font-weight:bold; color:#333333; text-align:center; font-size:16px;}
.border{border:1px solid #C8E5ED;}
form{ padding:0px; margin:0px ; border:0px;}
/*------------------------------------- top---------------------------- ------------*/

.wei{ width:950px; line-height:20px; font-size:12px;}
.wei span{float:left;}
.search1_1{ width:250px; height:20px; display:inline; float:right;}
.search1_1 input{width:180px; height:17px;float:left; line-height:16px; border:1px solid #9DDAE7; color:#999}
.search1_1 label input{ width:54px; margin-left:8px; height:20px; border:none;}
.link1{ width:950px; border:1px solid #C8E5ED}
.link_title{ width:900px; height:22px;background:url(../images/right_bj.gif); font-size:14px;padding:7px 0 0 13px; color:#2B98B3}
.link_centen{ margin:5px; line-height:25px;}
.link_centen span{ margin:0px 5px; color:#CCC;}
.foot{ width:950px; text-align:center; line-height:28px; margin:10px 0; float:left;}
.foot1{ width:950px; margin-top:8px; border:1px solid #C8E5ED; background-color:#ffffff; text-align:center; padding:8px 0px 5px 0px; float:left;}
.page_nav{width:100%; margin-top:8px; margin-bottom:8px; line-height:28px; float:left;}
.page_nav a{border:1px solid #CCC; width:40px; line-height:22px; padding-top:2px; margin-right:2px; display:block; float:left; text-align:center;}


TD.prd2 {
	VERTICAL-ALIGN: middle
}
.prd2 A:link {
	FONT-SIZE: 14px; HEIGHT: 30px; FONT-FAMILY: "微软雅黑"; BACKGROUND-IMAGE: url(../images/flbg1.jpg); background-position:50% 0%; COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 25px; LINE-width: 105px
}
.prd2 A:visited {
	FONT-SIZE: 14px; HEIGHT: 30px; FONT-FAMILY: "微软雅黑"; BACKGROUND-IMAGE: url(../images/flbg1.jpg); background-position:50% 0%; COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 25px; LINE-width: 105px
}
.prd2 A:hover {
	FONT-SIZE: 14px; HEIGHT: 30px; FONT-FAMILY: "微软雅黑"; BACKGROUND-IMAGE: url(../images/flbg2.jpg); background-position:50% 0%; COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 25px; LINE-width: 105px
}
.prd2 A:active {
	FONT-SIZE: 14px; HEIGHT: 30px; FONT-FAMILY: "微软雅黑"; BACKGROUND-IMAGE: url(../images/flbg2.jpg); background-position:50% 0%; COLOR: #ffffff; TEXT-DECORATION: none; DISPLAY: block; LINE-HEIGHT: 25px; LINE-width: 105px
}

/* 产品标题 */
.max_protext{
	float: right;
	width: 50%; 
}
.max_protext1{
	border-bottom: 1px solid #eee;
	padding-bottom: 5%;margin-left:10px;
}
.max_protext1 h3{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding-bottom: 4%;
}
.max_protext1 p{
	font-size: 16px;
	color: #8d8d8d;
	padding-bottom: 2.5%;
}
.max_protext1 p span{
	color: #dd2727;
	font-size: 24px;
}
