@charset "utf-8";
/* CSS Document */

/**********************************Gong Gong***********************************/

body, header, footer, nav, section, aside, h1, h2, h3, h4, h5, h6, p, div, ul,ol, li, dl, dt, dd, strong, textarea,input{
	margin: 0;
	padding: 0
}
body, input, button, textarea, select {
	font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', Arial, Helvetica, sans-serif;
	-moz-border-radius:0; 
	-ms-border-radius:0;
    -webkit-border-radius:0;  
     border-radius:0; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
input, button, textarea, select {
	-webkit-appearance: none;
}

li{ list-style:none}

img {
	vertical-align: middle;
	border: 0
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a {
	color: #909090;
	text-decoration: none;
	outline: 0
}
*, ::after, ::before {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-o-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none
}
img {
	max-width: 100%;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

/*******************************************Begain**************************************************/
#header{
	width:100%;
	max-height:98%; 
	background:#212c43;
	overflow:hidden;
	padding-bottom:3px;
}
#header p{
	float:left;
	width:50%;
	margin-top:4px;
	margin-left:3%;
}
.search{
	float:right;
	width:60%;
	text-align:right;
	margin-top:20px;
	margin-right:3%;	
}
.input_bg{
	border:1px #485a7d solid;
	border-right:none;
	background:#212c43;
	width:70%;
	padding:0 3%;
	height:38px;
	vertical-align:top;
	color:#ccc;
	font-size:16px;
}
.sear{
	vertical-align:top; 
	background:url(../images/search.jpg) center no-repeat;
	background-size:cover;
	border:none;
	width:41px;
	height:40px;
	cursor:pointer;
}

/****nav******/
.nav{
	width:100%;
	overflow:hidden;
	height:45px;
	line-height:45px;
	background:#004f9c;
	font-family:Microsoft YaHei;
	font-size:18px;
}
.nav li{
	float:left;
	border-left:1px #3272b0 solid;
	width:24%;
	text-align:center;
}

.nav li:first-child{
	border-left:none;
}

.nav li a{
	color:#FFF;
	display:block;
}

#mo_nav{
	color:#04b3ff;
}

/****main*****/
.main{
	width:94%;
	overflow:hidden;
	margin:5px 3% 3%;
}

/******bottom_nav*****/
.bottom_nav{
	width:94%;
	border-top:1px #e5e5e5 solid;
	padding-top:10px;
	overflow:hidden;
	padding-left:3%;
	padding-right:3%;
	height:36px;
	line-height:36px;
}
.nav_bottom{
	width:74%;
	margin:0 auto;
	background:#004f9c;
	border-top-left-radius: 15px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 0px;
	padding-left:4%;
	border:0;
}
.fanhui{
	width:22%;
	text-align:center;
	background:#e86304;
	border-top-left-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 15px;
	color:#FFF;
	font-size:16px;
	font-family:Microsoft YaHei;
}
.fanhui a{
	color:#FFF;
	text-decoration:none;
}
.nav_bottom li{
	display:block;
	float:left;
	width:33%;
	text-align:center;
	font-family:Microsoft YaHei;
	font-size:16px;
}
.nav_bottom li a{
	display:block;
	color:#FFF;
}

/*****banquan*****/
.banquan{
	width:96%;
	background:#e3e3e3;
	text-align:center;
	color:#666666;
	font-family:Microsoft YaHei;
	font-size:15px;
	margin-top:10px;
	padding:2%;
}

.fot-nav{
	width:100%;
	overflow:hidden;
	background:url(../images/ft-bg.jpg) repeat-x;
	padding:10px 0;
	border-top:2px #0192d1 solid;
}
.fot-nav ul{}
.fot-nav ul li{float:left; width:25%; text-align:center; position:relative}
.fot-nav ul li a{ display:block; padding-top:20px;font-size:16px; color:#fff; overflow:hidden; position:relative; }

.fot-nav ul li:nth-child(1){background:url(../images/ico4-1.png) no-repeat top}
.fot-nav ul li:hover:nth-child(1){background:url(../images/ico4.png) no-repeat top}

.fot-nav ul li:nth-child(2){background:url(../images/ico5.png) no-repeat top}
.fot-nav ul li:hover:nth-child(2){background:url(../images/ico5-2.png) no-repeat top}

.fot-nav ul li:nth-child(3){background:url(../images/ico6.png) no-repeat top}
.fot-nav ul li:hover:nth-child(3){background:url(../images/ico6-3.png) no-repeat top}

.fot-nav ul li:nth-child(4){background:url(../images/ico7.png) no-repeat top}
.fot-nav ul li:hover:nth-child(4){background:url(../images/ico7-4.png) no-repeat top}

.fot-nav ul li:nth-child(5){background:url(../images/ico8.png) no-repeat top}
.fot-nav ul li:hover:nth-child(5){background:url(../images/ico5-5.png) no-repeat top}

/******sub_nav********/
.sub_nav{
	background:url(../images/sub_01.jpg) repeat-x;
	width:100%;
	overflow:hidden;
	height:32px;
	line-height:32px;
	position:relative;
	margin-top:3%;	
}
.sub_nav b{
	margin-right:10px;
	float:left;
	width:114px;
	height:32px;
	text-align:center;
	font-family:Microsoft YaHei;
	font-size:15px;
	color:#FFF;
	background:url(../images/sub_nav.jpg) no-repeat;
}
.sub_nav span{	
	overflow:hidden;
	color:#757575;
	font-size:14px;
	font-family:Microsoft YaHei;
}

.sub_nav i{
	float:right;
	background:url(../images/sub_02.jpg) right top no-repeat;
	width:10px;
	height:100%;
	margin-left:10px;
}

.sub_nav span a{
	color:#333333;
}


/**nei_ye**/
.nei_ye{
	width:100%;
	font-family:Microsoft YaHei;
	line-height:28px;
	font-size:14px;
	color:#828282;
	padding-top:20px;
}
.nei_ye h2{
	display:block;
	font-size:22px;
	color:#000;
	text-align:center;
	border-bottom:1px #dddddd solid;
	padding-bottom:5px;
	margin-bottom:15px;
}
.return{
	width:99.70%;
	border:1px #e6e6e6 solid;
	height:41px;
	position:relative;
	line-height:41px;
	margin-top:20px;
	text-align:right;
}
.return a{
	font-size:22px;
	color:#000;
	font-family:Microsoft YaHei;
	margin-right:10px;
}
.return span{
	background:url(../images/fan_l.jpg) no-repeat;
	width:17px;
	height:43px;
	position:absolute;
	top:-1px;
	left:-1px;
}


/****news_list****/
.news_list{
	width:100%;
}
.news_list li{
	display:block;
	background:url(../images/news_bottom.jpg) repeat-x bottom;
	height:32px;
	line-height:32px;
	font-size:14px;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap; 
	outline: 0 !important;
}
.news_list li a{
	color:#666666;
}

.nei_ye h3{
	text-align:center;
	line-height:26px;
	font-size:14px;
}
.news_qt{
	width:100%;
	margin-top:15px;
}
.news_qt li{
	height:40px;
	line-height:40px;
	background:#e8f5fa;
	margin-bottom:5px;
	font-weight:600;
	color:#000;
	padding-left:5px;
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap; 
	outline: 0 !important;
	padding-right:5px;
}
.news_qt li a{
	color:#666;
	font-weight:normal;
}


.feedback{
	margin-top:15px;
}
.feedback,.feedb_a{
	width:100%;
	overflow:hidden;
}
.feed_l{
	width:80%;
	float:left;
}
.feed_r{
	width:20%;
	float:right;
	text-align:center;
	margin-bottom:5px;
}
.feed_r img{
	width:100%;
	max-width:100%;
}
.ab{
	display:block;
	margin-bottom:15px;
}
.ab input{
	float:left;
	width:80%;
	border:1px solid #e5e4e4;
	background-color:#fafafa;
	font-family:Microsoft yahei;
	margin:0px;
	padding:5px 5px 5px 5px;
	margin-bottom:15px;
	font-size:14px;
}
.ab input{
	height:25px;
	margin-bottom:25px;
}
.feedb_b textarea{
	height:70px;
	width:96%;
	border:1px solid #e5e4e4;
	background-color:#fafafa;
	font-family:Microsoft yahei;
	margin:0px;
	padding:5px 5px 5px 5px;
	margin-bottom:15px;
	font-size:14px;
}
/****/
.about_bt{
	font-size:22px;
	color:#464646;
	font-weight:600;
	text-indent:0.5em;
}
.about_bt1{
	font-size:14px;
	text-indent:0.5em;
	color:#606060;
}
/*****/
.fenx_a{ padding-bottom:20px; overflow:hidden}
.fenx_a li{ border-bottom:1px solid #d5e3e8; float:left; width:100%; background:url(../images/go.png) no-repeat right; }
.fenx_a li span{  line-height:50px; font-size:14px; color:#333; padding-left:10px;}
.fenx_a li a{ float:left; width:50%}
.fenx_a li img{ width:30px; padding-top:10px; display:block; float:left}






/*************2014-05-26***********/

body{margin:0 auto; max-width:640px;}
.h_main{margin-top:5px 0 3%;}
.h_main h1{width:99%;overflow:hidden;background:#004f9c;height:45px;font-size:20px;font-family:Microsoft YaHei;line-height:45px;color:#FFF;padding-left:1%; margin-top:5px;}
.h_main h1 img{margin-right:1%;}
.h_main h1 a{width:25%;float:right;	height:45px;background:#0192d1;	text-align:center;color:#FFF;font-size:16px;}

/*****banner******/
.banner{margin-top:2px;}
.banner img{width:100%;}

/*****product****/
.product{width:100%; margin-top:3%;}
.product li{padding:0 1% 3%;	border-bottom:1px #dddddd solid; margin-bottom:3%;}
.product li a{display:block;width:100%;overflow:hidden;}
.product li a .fl{width:34%;padding-bottom:29%;	border:2px #CCC solid;position:relative;}
.product li a .fl img{position:absolute;z-index:1;max-width:100%;max-height:100%;left:0; top:0; right:0; bottom:0; margin:auto;}
.product li .fl span{position:absolute;z-index:2;right:-2px;bottom:-2px;width:11.8%;padding-bottom:11.8%;background:url(../images/pro_more.jpg) no-repeat;background-size:cover;}
.product li a .fr{width:60%;font-family:Microsoft YaHei;}
.product li a .fr .lst_tit{font-size:18px; line-height:28px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#333333;}
.product li a .fr .lst_txt{margin-top:5px; color:#666666; max-height:54px; overflow:hidden;}

/***inside nav********/
#ny_navbtn{float:right; margin:10px 25px 0; height:32px; width:40px; background:url(../images/mobile-menu-button.png) center no-repeat; background-size:contain; cursor:pointer;}
#ny_slidenav{position:fixed; z-index:9; top:0; width:180px; background:#2e2e2e; height:100%; overflow-y:auto; right:-180px;}
#ny_slidenav dl{margin-top:10px;}
#ny_slidenav dt{height:38px; line-height:38px; font-size:15px; text-indent:10px;}
#ny_slidenav dt a{display:block; color:#fff;}
#ny_slidenav dt a span{font-family:Simsun; font-weight:bold;}
#ny_slidenav dd{margin-top:5px; padding-bottom:10px;}
#ny_slidenav dd a{display:block; color:#fff; height:30px; line-height:30px; font-size:13px; text-indent:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*history*/
.hiscon{ padding:0 25px 0; margin-top:-19px; margin-bottom:30px; overflow:hidden;}
.hiscona{overflow:hidden; margin-top:19px; color:#333333; line-height:24px;}
.hiscona>p{float:left; padding-top:2px; width:30%;}
.hiscona>div{margin-left:35%; font-size:13px;}
.hiscona .histit{font-size:15px; color:#000000; font-weight:bold;}

/****products**/
.pro_list{overflow:hidden;}
.pro_list li{width:31%;	float:left; margin-left:1.7%; margin-bottom:3%;}
.pro_list li a{display:block;}
.pro_list li a div{position:relative; border:1px #cccccc solid; border-bottom:none; padding-bottom:85.2%;}
.pro_list li a div img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.pro_list li a div i{position:absolute; right:0px; bottom:0px; width:15%; height:15%; background:url(../images/pro_dian.jpg) right bottom no-repeat; background-size:contain; min-width:15px; min-height:14px;}
.pro_list li a p{width:100%; padding:1.5% 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px; color:#fff; text-align:center; background:#004F9C}
.more{width:140px;height:30px;background:#e86304;color:#FFF;text-align:center;line-height:30px;margin:10px auto;}
.more a{color:#FFF; display:block;}
.ps_img{margin:25px 0 15px; text-align:center;}
.ps_subtit{color:#000; font-size:20px; font-weight:600; margin:25px 0 15px;}
.protable{background:#ffffff; border-radius:6px;border:1px solid #8e8e8e;-moz-box-shadow:1px 1px 2px 2px #999999;box-shadow:1px 1px 2px 2px #999999;}
.protable table{width:100%;}
.protable tr td{padding-left:25px;height:32px;line-height:32px;color:#4a4a4a;border:1px solid #8e8e8e;}
.protable tr td:first-child{width:23%;text-align:center;font-weight:bold;padding-left:0;}

/*partner*/
.partnerul{overflow:hidden;}
.partnerul li{width:31%; float:left; margin-left:1.7%; margin-bottom:3%;}
.partnerul li div{position:relative; border:1px #cccccc solid; padding-bottom:42.2%;}
.partnerul li div img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}
.partnerul li p{text-align:center; padding:2% 0; color:#333333; font-size:13px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.caselist li{width:47%; float:left; margin-left:2%; position:relative; padding-bottom:38%;}
.caselist li img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}

@media screen and (max-width:480px){
	.pro_list li{width:45%; margin-left:3.3%;}
	.caselist li{width:96%; padding-bottom:74.45%;}
}

@media screen and (max-width:320px){
	#ny_navbtn{width:30px; height:25px; margin:18px 20px 0;}
	.hiscona>p{float:left; padding-top:2px; width:40%;}
	.hiscona>div{margin-left:45%;}	
	.pro_list li a p{font-size:13px;}
	.partnerul li{width:47%; float:left; margin-left:2%; margin-bottom:3%;}
}


#AspNetPager1{ display:block; width:100%; overflow:hidden; margin-bottom:15px; margin-top:15px; margin-left:40px;}
#AspNetPager1 a{ display:inline; padding:5px 8px 5px 8px; background:#94C2CC; color:#252525; margin-right:5px}