@charset "utf-8";

/* CSS Document */
*{ padding:0; margin:0;}
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:14px/22px "Microsoft Yahei",微软雅黑;/* font-size:1em; line-height:1.571em;*/ min-width:320px;}

.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;}
.bg_x{ background:#F5F5F5; display:block; height:8px; margin-top:15px;}

.hide{display: none}
/**============ Reset End ===============**/
.top{ width:100%; display:block;}
.top a{ width:100%; display:block; padding:0; margin:0;}
.top a img{ width:100%;}

.navbar{background:#165BBA;}

.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:#165BBA;border-radius:1em;}

/**============= 通用标题 =========**/


.title{height:90px;padding:0 0 0 20px;line-height:90px;background:#165BBA;font-size:28px;font-weight:normal;color:#fff;}

.title h3 .t_img{ float:left; height:10px; padding-top:1.2%; position:relative;}

.title h3 .t_img img{ height:100%; padding-left:120px; padding-top:5px; position:absolute;}

.title a.more{float:right;font-size:24px; color:#fff; padding-right:10px;}

/**============内页导航=================**/
.n_title{ width:96%; padding:3% 2%; text-align:center;}
.n_title a{ /*display:inline-block;*/ float:left; background:#F4F4F4; color:#333; width:23%; padding:2% 0%; margin:2% 1% 0 1%; font-size:1.7em;}
.n_title a:hover{ background:#3266CC; color:#fff;}
.n_title a.on{ background:#3266CC; color:#fff;}

/**============产品分类=================**/
.p_nav{ width:98%; padding:0% 1% 3% 1%; text-align:center;}
.p_nav a{ /*display:inline-block;*/ float:left; border:1px solid #f4f4f4; color:#999; width:22%; padding:2% 0%; margin:2% 0% 0 2%; font-size:1.7em; float:left;}
.p_nav a:hover{ border:1px solid #3266CC; color:#3266CC;}
.p_nav a.on{ border:1px solid #3266CC; color:#3266CC;}

/**============独立出===============**/
.n_title_3 a,.p_nav_3 a{ display:inline-block; float:none;}

/**============发展历程=================**/
.history{ width:100%;}

/**============底部=================**/

.copyright{text-align:center;margin:1em 0;font-size:1em; line-height:1.6em;color:#999;}

.copyright span{ display:block; width:100%; text-align:center; margin:0 auto;}

.copyright span img{width:35%; margin:0 auto;}

.copyright p{color:#999; font-size:1.1482em}

.copyright a{color:#165bba; font-size:1.7em; margin-top:10px; display:block;}

.footer{height:70px; z-index:9999;}

.footer-con{width:100%;height:70px; line-height:70px;position:fixed; z-index:100; right:0; bottom:0;background:#165BBA;-webkit-transition:right .5s ease;transition:right .5s ease;}
.footer-con ul{ height:70px;}

.footer li{ float:left; width:33.3%; height:70px; background:url(../images/z.jpg) right no-repeat;}

.footer li a,.footer li span{display:block;height:70px; line-height:70px; text-align:left;font-size:1.7em;color:#fff;cursor:pointer; padding-left:80px;}

.footer li.zx a{background:url(../images/ico-mess.png) center 15px no-repeat; background-position:10px 12px;}

.footer li.tel a{background:url(../images/ico-tel2.png) center 15px no-repeat; background-position:10px 12px;}

.footer li.yy a{background:url(../images/ico-yy.png) center 15px no-repeat; background-position:10px 12px;}

.footer li.dh span{background:url(../images/ico-nav2.png) center 15px no-repeat; background-position:10px 12px;}

/**==================弹出导航菜单==============**/
#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:-268px;z-index:9999;width:268px;height:100%;background:#2066c7;-webkit-transition:all .5s ease;transition:all .5s ease;}

.openMenu{right:268px;-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:90%; right:0; margin:20px 0 50px 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:#fff; font-size:2em;border-bottom:1px dashed #165bba;}
.nav ul li a:hover{background:#165bba;}

.home ul li span{ display:block;float:right;width:20px;height:90px;margin:0 1.5em 0 0;}
.home ul li span img{ width:100%;}

.nav dl{ display:block; padding-top:5%;}
.nav dl dt{ display:block; width:100%;}
.nav dl dt a{ display:block; float:left; width:20%; padding:0 1%;}
.nav dl dt a img{ width:100%;}
.nav dl dd{ display:block; width:100%;}
.nav dl dd img{ width:90%;}

#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;}

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

	.navbar .ico-home,.navbar .ico-nav{height:50px;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;}	


	.title{height:45px;padding:0 0 0 10px;line-height:45px;font-size:1.14285em; font-weight:normal;}
		
	.title h3 .t_img{ float:left; height:10px; position:relative;}
	
	.title h3 .t_img img{ height:100%; padding-left:69px; position:absolute; padding-top:9px;}
	
	
	.title a.more{float:right; font-size:12px; padding-right:10px;}

	.copyright{font-size:0.8em;}

	.footer{height:50px}

	.footer .footer-con{height:50px; line-height:50px;}

	.footer li{ float:left; width:33.3%;}

	.footer li a,.footer li span{height:50px; padding:15px 0 0 0;/*font-size:1.14285em;*/font-size:1.1em;line-height:18px;padding-left:45px;}

	.footer li.zx a{background:url(../images/ico-mess.png) left no-repeat;background-size:29px 24px; background-position:10px 12px;}

	.footer li.tel a{background:url(../images/ico-tel2.png) left no-repeat;background-size:26px 25px; background-position:10px 12px;}

	.footer li.yy a{background:url(../images/ico-yy.png) left no-repeat;background-size:22px 27px; background-position:10px 12px;}

	.footer li.dh span{background:url(../images/ico-nav2.png) left no-repeat;background-size:24px 21px; background-position:10px 12px;}


	/**==================== 菜单 ===============**/	

	.nav{width:180px;}

	.nav h3{padding:32px 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:45px;padding:0 0 0 12px;line-height:45px;font-size:1em;}

	.home ul li span{width:8px;height:45px;}

	#gotop{width:41px;height:55px;right:0;bottom:65px;background-size:41px 55px;}	

	.nav{right:-180px}

	.openMenu{right:180px;}

	.openNav{right:0;}
	
	/**============内页导航=================**/
	.n_title a{ /*display:inline-block;*/ float:left; background:#F4F4F4; color:#333; width:23%; padding:2% 0%; margin:2% 1% 0 1%; font-size:1em;}
	/**============产品分类=================**/
	.p_nav a{ /*display:inline-block;*/ float:left; border:1px solid #f4f4f4; color:#999; width:22%; padding:1% 0%; margin:2% 0% 0 2%; font-size:0.9em;}
	
	/**============独立出===============**/
	.n_title_3 a,.p_nav_3 a{ display:inline-block; float:none;}

}