@charset "utf-8";
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
li { list-style: none; }
img{max-width:100%}
a{color:#000000; text-decoration: none}

body{background: #fff}

input {  border:0;outline:none;  
-webkit-appearance: none;
}

.nav_mob{display: none;}
.menubtn{display: none;}
.head{width:100%; float:left;}
.head_main{width:1330px; margin:auto;}
.logo{width:214px; float:left;margin-top: 50px;margin-bottom: 40px}
.tel{width:197px; float:right; background: url(../images/index2_03.jpg) no-repeat top right; padding-right: 64px; height:130px;}
.tel h2{width:100%; float:left; text-align: right; font-size:14px;font-weight: 400;margin-top: 20px}
.tel h3{width:100%; float:left; text-align: right;font-size:16px;font-weight: 400;margin-top: 10px}
.tel span{width:100%; float:left; text-align: right;font-size:14px;margin-top: 20px}
.nav{width:100%; float:left; background: #004eb9}
.nav_main{width:1330px; margin: 0 auto}

.nav_main ul{width:100%;}
.nav_main  li{font-size:18px; color:#fff; line-height: 52px;display:inline-block;padding: 0px 60px ; background: url(../images/navline.jpg) center right no-repeat ; }
.nav_main  li:last-child{background:none}
.index_main{width:100%; float:left;}
.main{width:1365px; margin: 0 auto}
.nav_main  li a{color:#fff; }
.index_title{background: url(../images/titleline.jpg) center center no-repeat ;width:100%; float:left;margin-top: 60px }
.index_title h2{width:100%; float:left; text-align: center; font-size:24px}
.index_title span{width:100%; float:left; text-align: center; font-size:10px}
.index_about li{width:226px; float:left; }
.index_about span{width:100%; float:left; box-sizing: border-box;}
.index_about_text{width:100%; float:left;margin-top: 20px ;margin-bottom : 30px}	
.index_about_text h3{font-size:12px; width:800px; margin: 0 auto ; line-height:24px;color:#9a9a9a; text-align: center}

.index_about li span{padding-left: 35px; box-sizing: border-box;width:100%; float:left}

.index_about li span:last-child{padding-left: 45px; }
.main2 {width:1330px; margin: 0 auto}
.index_about_l{width:616px; float:left;margin-top: 38px}	
.index_about_r{width:667px; float:right; line-height: 34px;color:#1e2126; font-size:14px;margin-top: 38px}	
.index_about_r_but{width:162px; float:left;line-height: 42px; background: #004eb9;margin-top: 88px}

.index_about_r_but a{color:#fff;text-align: center;width:100%; float:left;}

.index_pro{width:100%; float:left;margin:104px 0px;}
.index_pro_bt{background: #004eb9; width:100%; float:left;line-height: 52px}
.index_pro_bt_l{width:286px; float:left; background: url(../images/bailine.jpg) center left no-repeat; margin-left:21px; }
.index_pro_bt_l h3{width:80px; float:left; color:#fff; font-size:18px; font-weight: 400;padding-left: 15px}
.index_pro_bt_l span{width:80px; float:left; color:#fff; font-size:12px; font-weight: 400;}
.index_pro_bt_r {width:53px; float:right; padding-right:14px }
.footer{width:100%; float:left;background: #363636; height:218px;color:#fff}
.footer_main{width:1330px; margin: 0 auto}
.footer_main_k{width:100%; float:left;position: relative}
.footer_nav li{font-size:14px; color:#fff; line-height: 22px;display:inline-block;padding: 0px 30px ;}
.footer_nav li a{ color: #fff;}
.footer_nav_con  span{font-size:14px; color:#fff; line-height: 22px;display:inline-block;padding: 0px 20px ;}
.footer_nav{width:100%; float:left; box-sizing: border-box; padding-left: 140px;margin-top: 30px;margin-bottom: 26px}
.footer_logo{position: absolute;width:137px;top:-22px } 
.footer_nav_con {width:100%; float:left; box-sizing: border-box; padding-left: 150px;font-size:14px; }
.about_ld{width:100%; float:left; text-align: center; margin-bottom: 60px}
.cptj{width:100%; float:left; background: url(../images/aboutbg.jpg) no-repeat; text-align: center ;padding-top: 64px; padding-bottom: 50px}

.main2_prol{width:309px; float:left;margin-top: 30px}
.main2_pror{width:997px; float:right;margin-top: 30px}
.main2_prol_list{background: #f0f0f0; width:100%; float:left;}
.main2_prol_list li{width:100%; float:left;background: url(../images/xx.jpg) no-repeat left bottom; line-height: 46px;padding-left: 10px; }
.main2_prol_list img{width:14px;float:left;padding-top: 23px; padding-right: 20px }
.main2_prol_list a{width:100%; float:left;box-sizing: border-box  }
.con_l{width:100%; float:left; background: url(../images/products_24.jpg) top left no-repeat;margin-top: 31px; margin-bottom:179px ;padding-top: 211px;padding-bottom: 40px}

.con_l span{width:100%; float:left; color:#fff; line-height: 37px; box-sizing: border-box; padding-left: 24px}
.picListpd ul{width:100%; float:left;}
.picListpd li{width:310px; float:left; border: ridge 1px #d3d3d3; margin-right: 25px;  margin-top: 30px;}

.picListpd .title a{width:100%; float:left; text-align: center}
.main2_pror_title h2{font-size:18px; color:#004eb9; font-weight: 300;width:100%; float:left; border-bottom: ridge 1px #004eb9; padding-bottom: 15px;padding-top: 34px }
 .picListpd li:nth-child(3n+3){ margin-right: 0px; }
.main2_pror_nr{width:100%; float:left; margin-bottom: 60px}
.main2_pror_nr2{width:480px; float:left; margin-top: 40px}
.proname{width:488px; float:left;margin-top: 40px; padding-left: 20px}
.proname span{width:100%; float:left; margin-bottom: 10px }
.proname a{color:#004eb9; width:100%; float:left; box-sizing: border-box; padding-left: 2px}
.proname img{width:29px; float:left; margin-right: 4px}
.pro_xx{width:100%; float:left;margin-top: 40px}
.pro_xx_but{width:116px; float:left; background: #004eb9; color:#fff; line-height: 40px; text-align: center}
.index_contact{background: url(../images/contactbg.jpg) no-repeat top center; width:100%; float:left;padding-top: 261px;padding-left:105px; box-sizing: border-box; margin-bottom: 100px;padding-bottom: 120px;margin-top: 60px}
.index_contact_l{width:434px; float:left;background: #fff;height:535px;box-sizing: border-box; padding-left: 50px; padding-top: 64px}

.index_contact_r{width:648px; float:left;background: #002353;height:535px; padding-left: 49px; padding-top: 36px; box-sizing: border-box}
.index_contact_l span{line-height: 32px;width:100%; float:left; color:#004eba; margin-bottom: 20px}

.index_contact_l img{width:36px; float:left; margin-top: 6px;margin-right: 8px}

.form_title{color:#fff;width:40px;float:left}




.contact_masgess{width:100%; float:left;}

.contact_masgess h2{width:100%; float:left; font-size: 16px; color:#ca5604; text-align: center}

.form_k_c{width:100%; float:left;}

.form_k_c .form_li1{width:329px; float:left;height: 30px; line-height: 30px;margin-bottom: 30px;padding-left: 10px; border: ridge 1px #fff; color:#fff; background: none }

.form_k_c2{width:100%; float:right; margin-bottom: 30px}

.form_k_c2 .form_li1{width:329px; float:left;height: 30px; line-height: 30px;padding-left: 10px;background: none; border: ridge 1px #fff; color:#fff }

.form_k4_c{width:100%; float:left;}

.form_k4_c .form_li5{width:500px; float:left;height: 130px; line-height: 130px;padding-left: 10px;border: ridge 1px #fff; color:#fff;background: none }
.form_li3{background: #fff ;border: none;padding: 10px; color: #fff; width:120px; color:#004eba; border: ridge 1px #004eba;margin-top: 30px;margin-left: 38px; }
.contact_masgess_title{width:100%;text-align: center}
.contact_masgess_bd{width:100%; float:left}





/*产品详情页1*/

.game163{ position: relative;  overflow: hidden; width: 480px;  border: ridge 1px #ccc}	
.game163 .bigImg{ height: 340px; position: relative; float:left;  width:480x; margin-right:15px;} 	
.game163 .bigImg li img{ vertical-align:middle;  width:480px; height:480px;border-bottom: ridge 1px #ccc; padding: 20px 0px    }	
.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }	




.game163 .smallScroll{  margin-bottom: 4px; width:100%; height:119px; float:left;}	
.game163 .sPrev{ display: block;  height: 16px;  background: url(../images/jt_14.jpg);  width:145px; position:absolute; bottom:0px;} 	
.game163 .sNext{ background: url(../images/jt_10.jpg);  display: block;  height: 16px;    width:145px; position:absolute;  } 	
.game163 .sPrev:hover{ background-position: 0 px;}	
.game163 .sNext:hover{ background-position: 0 px;}	
.game163 .smallImg{ float:left;   display:inline; width:100%; overflow: hidden; margin-top:8px;}	
.game163 .smallImg ul{ width:100%;  height: 9999px; overflow: hidden;  float:left}
	.game163 .smallImg li{ float: left; width:105px; height:105px;cursor:pointer;  display: inline;  border: #004eba solid 2px ; margin-right: 14px;}	
	.game163 .smallImg img{ width:105px; height:105px;  }	
	.game163 .smallImg .on img{ border-color: #1e50a2; }	
	.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}	
	.game163 .pageState span{ color: #f00; font-size: 16px;}


	.game163 .smallImg  li:nth-child(4n+4){ float: left; padding:  0;  }


/* 首页产品滚动css */
		.picMarquee-left{ width:100%;  overflow:hidden; position:relative;   box-sizing: border-box  ; border: ridge 1px #d4d4d4 }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:256px; height:256px; display:block; padding:2px; border-top:1px solid #efefef; border-right:1px solid #efefef;border-left:1px solid #efefef;  padding-bottom: 10px}
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px; color:#000;  border-bottom:1px solid #efefef; border-right:1px solid #efefef;border-left:1px solid #efefef;  width:100%; float:left; box-sizing: 
border-box}
		.picMarquee-left .bd ul li .title a{ line-height:24px; color:#000; width:100%; float:left;  padding-bottom: 10px }





	/* 手机bannercss -------------------------------------- */
	.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:100%;/* 设置焦点图最大宽度 */ }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:20px; right:47.5%; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(255,255,255,0.5 ); text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;   }
	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

	.p_list img{width:100%; float:left;}
	
.banner{width:100%; float:left;}
.mainabout{width:1220px; margin: 0 auto}
.mainabout2{width:1220px; margin: 0 auto}
.mainabout_l{width:285px; float: left}

.mainabout_l_title h2{width:100%; float:left;text-transform:uppercase; font-size:38px; color:#4c1800; font-weight:400}

.mainabout_l_title span{width:100%; float:left; font-size:18px; color:#4c1800; font-weight:400; margin: 10px 0;}
.linebg{width:100%; float:left; background: url(../images/line.jpg)  repeat-x; height:33px; }

.mainabout_l_list li{width:100%; float: left; text-align: center; background: url(../images/about_08.jpg) no-repeat; line-height: 43px; margin: 10px 0;box-shadow:0px 3px 20px 0px #c1c1c1; }

.mainabout_l_list ul{width:100%; float: left; margin-top: 56px; margin-bottom: 56px}

.mainabout_l_list{width:237px; margin: 0px auto; }


.mainabout_l_list li:hover{ background: #4c1800; color:#fff}


.mainabout_l_list li.on{ background: #4c1800; color:#fff;}
.mainabout_l_list li.on a{ color:#fff;}
.mainabout_l_list li a{ color:#000; display: block;}
.mainabout_l_list li a:hover{color:#fff; display: block;}

.mainabout_r{width:887px; float:right; margin-top: 30px;}

.mainabout_r_Text{line-height: 48px; width: 100%; padding-bottom: 50px; float:left}


.mainabout_r_Text_b_l{width:503px; float:left; margin-top: 10px;}


.mainabout_r_Text_b_r{width:357px; float:right; margin-top: 10px;}
.mainabout_r_newlist_date{width:40px; float: left; border: solid 1px  #4c1800; box-sizing: border-box;margin-right: 38px;}
.mainabout_r_newlist_date_t{width:100%; background: #4c1800; color:#fff; text-align: center}



.mainabout_r_newlist_date_b{width:100%; background: #fff; color:#4c1800;text-align: center; }
.mainabout_r_newlist_main {width:805px; float: left}
.mainabout_r_newlist_main h2{font-size:20px; font-weight: 400;font-size:20px;}
 

.mainabout_r_newlist_main span{width:100%; float: left; font-size:16px;margin: 20px 0}


.morebut a{width:100%;color:#4c1800; }
.mainabout_r_newlist {width:100%; float: left; border-bottom: solid 1px #eee; padding-bottom: 35px;margin-top:35px; }
.mainabout_r_nlist{width:100%; float:left; border:  dashed 1px #EEEEEE; padding: 20px;margin-bottom: 20px }
.mainabout_r_nlist_l{width:249px; float:left;  font-weight: 400}

.mainabout_r_nlist_c{width:500px; float:left; margin-left: 39px}
.mainabout_r_nlist_c h2{width:100%; float:left; font-size:16px; font-weight: 400; margin-bottom: 20px;} 
.mainabout_r_nlist_c span{width:100%; float:left; font-size:12px; font-weight: 100; line-height: 28px}
.mainabout_r_nlist_r_date{width:66px; float:left; margin-left: 10px;}
.mainabout_r_nlist_r_date_y{font-size:12px;}
.moreicon{background: url(../images/hui.png)no-repeat; width: 31px;height: 31px; float: left; margin-top: 20px;}
.mainabout_r_nlist:hover{background: #004eb9; border:1px #004eb9 solid  }

.mainabout_r_nlist:hover  h2{color:#fff}
.mainabout_r_nlist:hover  span{color:#fff}
.mainabout_r_nlist:hover  .mainabout_r_nlist_r_date{color:#fff}
.mainabout_r_nlist:hover .moreicon{background: url(../images/bai.png)no-repeat;}






@media screen and (min-width:768px) and (max-width:1400px) {
	
	
	
	
	.main_nr_l_da{display: none}
	
	
	
	
}



@media (max-width: 767px){
	.menubtn{display: block}
	.nav_mob{display:block;width:100%; float:left;font-size:18px; color:#fff; line-height: 52px; background: #004eba; float:left }
	.nav_main{width:100%; float:left;}
	.nav_mob li{float:left;font-size:18px; color:#fff; line-height: 52px;display:inline-block;padding: 0px 10px ; background: url(../images/navline.jpg) center right no-repeat ;  }
	
	.nav_mob  li:last-child{background:none}
	
	
	.nav{display:none;}
	.main{width:100%; float:left; box-sizing: border-box; padding: 10px}

	.index_about_text h3{width:100%; float:left; }
	.index_about li{width:50%; float:left; padding-bottom: 20px}
	
	.index_about_l{width:100%; float:left;}
	
	.index_about_r{width:100%; float:left;}
	
	.main2{width:100%; float:left; box-sizing: border-box; padding: 10px}
	
	.footer_main{width:100%; float:left;}
	.index_pro{}
	.head_main{width:100%; float:left}
	.logo{width:40%; float:left;padding-left: 10px}
	.tel{width:42%; float:right}
	
	.main2_prol{width:100%; display: none}
		.main2_pror{width:100%; float:left}
	.picListpd li{width:100%; float:left}
	
	
	.main2_pror_nr2{width:100%; float:left}
	.game163 .bigImg li img{width:100%; float:left}
	
	.game163{width:100%; float:left}
	.proname{width:100%; float:left}
	.index_contact{background: none}
	.index_contact_l{width:100%; float:left;padding-left:0px; padding-top:0px;margi:0px;height:auto}
	.index_contact{margin:0px;padding: 0px}
	.index_contact_r{width:100%; float:left;margin:0px;padding: 20px}
	.form_li3 {margin-left:0px
	}
	.form_k4_c .form_li5{width:100%; float:left;}
	}