@charset "utf-8";
/* CSS Document */
*{ margin:0;
 border: none;
 padding:0; 
 font-size:12px;
 font-family:"微软雅黑";
 list-style-type: none; 
 color:#b2b2b6;}
img,ul,li,p,h1,h2,h3,h4,h5,h6,input,textarea{ display:block;}
a{ text-decoration:none;}
h1,h2,h3,h4,h5,h6,h7,h8{font-weight:normal;}
.clearfix{ clear:both}
body,html{ height:100%}







.page{
	width: 300px;
	margin: 0px auto;
	text-align: center;

}
.page a{


	margin-right: 15px;
	color: #666

}
.pag a span{



}
.current{

	color: #0065cc;
	margin-right: 15px



}




.li01{ background:#000}
.bbg{ border-bottom:2px solid #0c4da2}
.li02{ background:#0c4da2 !important}
/*nav*/
.nav_box{ position: fixed; width:100%; z-index:999;}
.nav_box ul{ width:1100px; margin:0 auto; background:rgba(255,255,255,0.85); position:relative; transition:background 1s}
	.nav_box ul li{ float:left;  width:112px;border-right:1px solid #e0e0e0;}
		.nav_box ul li>a{font-size:16px; line-height:80px;text-align:center; color:#505063;cursor:pointer; display:block;}
.nav_box ul li:nth-child(1){background:#0c4da2; width:150px; height:84px;border-right:0;}
	.nav_box ul li:nth-child(1) img{ width:98px; margin-left:auto; margin-right:auto; margin-top:8px;}
.nav_box ul li:nth-child(2):after{ content:"";width:0; height:4px; display:block; background:#0c4da2; transition:width 0.3s}
.nav_box ul li:nth-child(3):after{ content:"";width:0; height:4px; display:block; background:#0c4da2; transition:width 0.3s}
.nav_box ul li:nth-child(4):after{ content:"";width:0; height:4px; display:block; background:#0c4da2; transition:width 0.3s}
.nav_box ul li:nth-child(5):after{ content:"";width:0; height:4px; display:block; background:#0c4da2; transition:width 0.3s}
.nav_box ul li:nth-child(6):after{ content:"";width:0; height:4px; display:block; background:#0c4da2; transition:width 0.3s}			
.subnav{ width:1100px; height:60px; position:absolute; left:0;bottom:0; transition:bottom 1s ease-out,opacity 0.5s  ; background:rgba(0,0,0,0.85) }
				 .subnav a{ float:left; line-height:60px !important; margin:0 20px; font-size:16px;transition:all 1s; cursor:pointer; color:#9d9dbf}

.subnav{bottom:0; z-index:-1; opacity:0}
.nav_box ul li:hover .subnav{bottom:-60px; opacity:1; transition:opacity 0.5s 0.3s,bottom 1s ease-out }
.nav_box ul li:hover::after{ width:112px}				
/*banner*/
.banner{ position:relative; width:100%; height:722px;}
	.banner>dd{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
	.banner_txt{ width:1100px; position:absolute; left:50%; margin-left:-550px; height:100%; top:0; z-index:10;}
		.banner_txt .txt_1{ position:absolute; top:50%; margin-top:-100px;}
		.banner_txt .txt_1 img{ width:370px; margin-bottom:8px;}
		.banner_txt .txt_1 h1{ font-size:46px; color:#f2f3f4; letter-spacing:2px;}
		.banner_txt .txt_1 h1 strong{ font-size:64px; color:#0c4da2; font-weight: 100;}
	.banner ul{ width:330px; position:absolute; left:50%; margin-left:-165px; bottom:50px; z-index:90}
	.banner ul li{ width:100px; background:rgba(255,255,255,0.5); height:5px; float:left}
	.banner ul li:nth-child(2){ margin:0 15px;}
.banner_bottom{ width:100%; height:5px; background:rgba(25,65,153,0.8)}	
/*module*/
.module_box{ width:1100px; height:160px; margin:0 auto; margin-top:40px;}
	.mm{ height:160px; width:350px; float:left; position:relative;}
		.mm img{ position:absolute;}
	.module_1:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:0px; height:5px; background:#808080; transition:width 0.5s}
	.module_2:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:0px; height:5px; background:#808080;transition:width 0.5s}
	.module_3:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:0px; height:5px; background:#808080;transition:width 0.51s}
	.module_2{ margin-left:25px; margin-right:25px;}
		.module_box span,.module_box .module_right{ float:left; margin-top:60px; position:absolute;top:50%; margin-top:-20px;}
		.module_box .module_right{width:236px; left:100px;}
		.module_box img{ opacity:0; transition:opacity 1s}
			.module_box .module_right h1{ color:#4f4f4f; transition: all 1s;cursor: default}
			.module_box .module_right p{ color:#808080;cursor: default}
		.module_box span{ margin-left:20px;  width:55px; height:50px; transition:left 0.5s,margin 0.5s}
		
/*product*/	
.product_big_box{ width:100%; margin-top:40px; position:relative; }
	.product_title{ width:300px; position:absolute; left:50%; margin-left:-150px;top:50px; border-bottom:1px solid #06f; border-top:1px solid #06f; padding:10px 0;}
		.product_title h1{ font-size:28px; color:#fff; width:120px; margin:0 auto;}
		.product_title h2{ font-size:24px; color:#f2f2f2; width:180px; margin:0 auto; text-transform:capitalize; margin-top:10px;}
	.product_box{width:1232px;position: absolute; left:50%;margin-left: -616px;top:50%;margin-top: -360px;}
	.product,.product_leftbin,.product_rightbin{ float:left;}
	.product_leftbin,.product_rightbin{ width:66px; height:370px;}

	.product_leftbin img{ position:absolute; left:0; top:50%; margin-top:-19px; }
	.product_rightbin img{ position:absolute; right:0; top:50%; margin-top:-19px; }
	.product{ width:1100px; height:370px; overflow:hidden;}
		.content{ float:left; position:relative}
			.content span{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); width:275px; height:370px; opacity:0; transition:opacity 0.5s;}
			.product .content_top{ width:235px; height:100px; background:#fff; padding-left:40px; padding-top:20px;}
				.product .content h3{ font-size:18px; color:#0e0e0e; margin-bottom:15px; cursor: default; transition:all 1s}
				.product .content h4{ font-size:16px; border:1px solid #00f; width:80px; padding:0 10px; text-align:center; line-height:30px; color:#00f;cursor: default;transition:all 1s}
	
/*column*/	
.column_box{ width:1100px; margin-left:auto; margin-right:auto; margin-top:40px;}
	.column_box .column_1,.column_box .column_2{ float:left; width:370px; position:relative;}
	.column_box .column_1:nth-child(2){ margin:0 15px;}
	.column_box .column_1{ width:350px;}
	.column_1 img{ width:100%;}
	.column_box .column_1 span{ padding:10px 15px; width:320px; background:#f8f9fa; height:100px; }
		.column_box h1{ font-size:14px; color:#666; margin-bottom:8px; transition: color 0.5s}
		.column_box p{ color:#a1a1a1;transition: color 0.5s}
	.column_box .column_2 img,.column_box .column_2 span{ float:left; }
	.column_box .column_2 span{ width:200px;background:#e7e8e9; height:93px; padding:15px 10px;}
	.column_box .column_2 img{ width:150px;}
	.column_2_top,.column_2_bottom{ position:relative; }
	.column_2_bottom{margin-top:14px;}
.column_1::before,.column_1::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.column_2_top::before,.column_2_top::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.column_2_bottom::before,.column_2_bottom::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
	
/*footer*/
.footer_box{ width:100%; background:#1e1e1e; margin-top:50px; padding-top:30px; padding-bottom:4px;}	
	.footer_box	.footer{ width:1100px; margin:0 auto;}
		.left_footer{ float:left; margin-left:60px;}
		.left_footer li { float:left; margin-right:40px; margin-left:50px}
			.left_footer li a{ font-size:14px; color:#7d7d7d; line-height:30px; cursor: pointer; transition:color 0.3s; display:block;}
			.left_footer li a:nth-child(1){ font-size:16px; color:#CCC;}
			
		.right_footer{ float:right; width:340px; cursor: default}
			.right_footer a,.right_footer h4{font-size:16px;color:#CCC}
			.right_footer a{ cursor:pointer; transition:all .5s}
			.right_footer h1{ font-size:28px; color:#FFF}
			.right_footer h2,.right_footer h3{ font-size:14px;color:#7d7d7d;}	
			.right_footer .link{ width:260px; margin-top:10px; border-top:1px solid #343434; padding-top:10px;}
			.right_footer span{ width:50px; height:50px; margin-right:10px; float:left; margin-top:20px;}
			.bottom_footer{ border-top:1px solid #343434; padding-top:4px; margin-top:20px; width:1100px;}
				.bottom_footer h5{ float:left; color:#7d7d7d}
				.bottom_footer h6{ float:right;color:#7d7d7d}
				
/*about*/
.w1100{
	width:1100px;
	margin:auto;
	}
.about_banner{
	width:100%;
	height:400px;
	overflow:hidden;
	}
.about_banner img{
	display:block;
	width:100%;
	}

.about_big_box{
	width:100%;
	padding:60px 0;
	}
.about_box h1{
	color:#555;
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
	}
.about_text{
	width:800px;
	margin:auto;
	}
.about_text p{
	text-align:center;
	color:#888;
	line-height:24px;
	margin-bottom:10px;
	}

.about_honor_box{
	background:#f4f7f9;
	padding:60px 0;
	}
.about_honor{
	overflow:hidden;
	position:relative;
	}
.about_honor > h1{
	color:#555;
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
	}
.about_honor ul{
	width:6000px;
	margin-left:-550px;
	border-bottom:solid 1px rgba(0,0,0,.1);
	padding-bottom:50px;
	}
.about_honor ul li{
	width:275px;
	float:left;
	}
.about_honor ul li img{
	display:block;
	width:90%;
	margin:0 6%;
	border-bottom:2px solid #06C;
	float:left;
	}
.honor_btn{
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-30px;
	opacity:0.1;
	transition:all .5s;
	}
.about_honor_box:hover .honor_btn{
	opacity:1;
	}
.honor_btn span{
	display:block;
	width:40px;
	height:60px;
	background:#999;
	position:relative;
	transition:all .5s;
	cursor:pointer;
	}
.honor_btn span:hover{
	background:#06C;
	}
.honor_btn span:before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	border-top:solid 3px #FFFFFF;
	border-left:solid 3px #FFFFFF;
	position:absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	transform-origin:left bottom;
	position:absolute;
	top:20px;
	left:15px;
	}
.honor_btn span:last-child:before{
	position:absolute;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	
	left:3px !important;
	}

.about_hope_box{
	width:100%;
	padding:60px 0;
	background:url(../images/banner_2.jpg) no-repeat fixed;
	background-size:cover;
	}
.about_hope h1{
	color:#FFF;
	font-size:24px;
	margin-bottom:20px;
	}
.about_hope p{
	color:#FFF;
	font-size:14px;
	}

.about_shop_box{
	padding:60px 0;
	}
.about_shop h1{
	color:#555;
	font-size:24px;
	margin-bottom:30px;
	}
.about_shop_text{
	width:700px;
	float:left;
	}
.about_shop p{
	line-height:24px;
	color:#666;
	text-indent:24px;
	margin-bottom:10px;
	}
.about_shop_right{
	width:240px;
	float:right;
	height:200px;
	background:url(../images/jiantou_top.png) no-repeat;
	background-size:contain;
	}

.about_factory_box{
	width:100%;
	background:#f4f7f9;
	padding:60px 0;
	}
.about_factory h1{
	color:#555;
	font-size:24px;
	margin-bottom:30px;
	}
.about_factory ul li{
	width:275px;
	float:left;
	}
.about_factory ul li img{
	display:block;
	width:96%;
	margin:auto;
	border-bottom:3px solid #0066CC;
	}


.new li{
	width:334px;
	float:left;
	margin:0 16px;
	margin-bottom:40px;
	position:relative;
	margin-top:60px;
	opacity:0;
	cursor:pointer;
	}
.new li:before{
	box-sizing:border-box;
	content:"";
	height:0;
	width:0;
	position:absolute;
	top:0;
	left:0;
	}
.new li:after{
	box-sizing:border-box;
	content:"";
	height:0;
	width:0;
	position:absolute;
	bottom:0;
	right:0;
	}
.new li:hover:before{
	width:100%;
	height:100%;
	border-top:solid 2px #0c4da2;
    border-right:solid 2px #0c4da2;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	}
.new li:hover:after{
	width:100%;
	height:100%;
	border-bottom:solid 2px #0c4da2;
    border-left:solid 2px #0c4da2;
	-webkit-transition: width 0.25s ease-out 0.50s, height 0.25s ease-out 0.75s;
    transition: width 0.25s ease-out 0.50s, height 0.25s ease-out 0.75s;
	}
.new li img{
	display:block;
	width:100%;
	}
.new_con{
	padding:10px;
	background:rgba(0,0,0,.02);
	}
.new_con h2{
	font-size:14px;
	color:#555;
	margin-bottom:4px;
	}
.new_con p{
	line-height:22px;
	}
.new_con span{
	display:block;
	margin-top:6px;
	}




.contact_box{
	position:relative;
	height:600px;
	}
.contact_con{
	height:500px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-550px;
	z-index:66;
	}
.contact_con h1{
	font-size:24px;
	margin-top:30px;
	color:#555;
	margin-bottom:30px;
	}
.contact_con h1 span{
	display:block;
	font-size:18px;
	color:#555;
	}
.contact_con h2{
	font-size:18px;
	width:240px;
	margin-top:20px;
	color:#555;
	margin-bottom:20px;
	}
.contact_con p{
	color:#555;
	margin-bottom:10px;
	}
.contact_con_text{
	margin-top:20px;
	}
.contact_con input{
	border:solid 1px rgba(0,0,0,.3);
	width:260px;
	padding:6px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}
.contact_con textarea{
	width:546px;
	height:130px;
	padding:10px;
	border:solid 1px rgba(0,0,0,.3);
	}
.submit{
	background:#06C;
	color:#FFF;
	margin-top:30px;
	border:none !important;
	width:120px !important;
	padding:8px 0 !important;
	margin-bottom:10px;
	}

#dituContent{
	position:absolute;
	right:0;
	top:0;
	z-index:99 !important;
	}


.pro_box{
	padding-bottom:30px;
	}
.pro_bigbox_nav{
	width:100%;
	margin-bottom:40px;
	}
.pro_box_nav{
	width:100%;
	border-bottom:solid 1px rgba(0,0,0,.2);
	margin-bottom:30px;
	}
.pro_nav li{
	width:140px;
	text-align:center;
	border-right:solid 1px rgba(0,0,0,.2);
	font-size:14px;
	color:#06C;
	padding:4px 0;
	float:left;
	cursor:pointer;
	padding:30px 0;
	}
.pro_nav li:first-child{
	border-left:solid 1px rgba(0,0,0,.2);
	}
.pro_nav_active{
	color:#FFF !important;
	background:#06C;
	}
.pro_nav li:hover{
	color:#FFF !important;
	background:#06C;
	}
.pro_sub_nav li{
	font-size:14px;
	width:80px;
	border:solid 1px rgba(0,0,0,.2);
	text-align:center;
	float:left;
	margin-right:20px;
	color:#777;
	padding:6px 0;
	cursor:pointer;
	}
.pro_sub_nav li:hover{
	color:#06C !important;
	border:solid 1px #06C;
	}
.pro_sub_nav_active{
	color:#06C !important;
	border:solid 1px #06C !important;
	}



.pro li{
	width:252px;
	float:left;
	margin-left:10px;
	margin-right: 10px;
	margin-bottom:40px;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	}







.pro li img{
	display:block;
	width:100%;
	}
.pro li:after{
	content:"";
	display:block;
	width:100%;
	height:229px;
	background:rgba(0,0,0,.1);
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all .2s;
	}
.pro li:hover:after{
	opacity:1;
	}
.pro_con{
	padding:20px;
	background:rgba(0,0,0,.02);
	transition:all .4s;
	}
.pro_con p{
	font-size:16px;
	color:#333;
	transition:all .4s;
	}
.pro_con span{
	display:block;
	width:100px;
	text-align:center;
	border:solid 1px #0066CC;
	color:#0066CC;
	font-size:14px;
	padding:4px 0;
	margin-top:12px;
	transition:all .4s;
	}
.pro li:hover .pro_con{
	background:#0066CC;
	}
.pro li:hover p{
	color:#FFF;
	}
.pro li:hover span{
	border:solid 1px #FFFFFF;
	color:#FFF;
	}

.subpro{
	position:relative;
	}
.subpro_img_box{
	width:420px;
	float:left;
	}
.subpro_img{
	width:400px;
	}
.subpro_img img{
	display:block;
	width:100%;
	}

.subpro_s_img{
	margin-top:10px;
	}
.subpro_s_img img{
	display:block;
	width:120px;
	float:left;
	margin-right:10px;
	cursor:pointer;
	}
.subpro_text{
	width:498px;
	float:left;
	padding-left:50px;
	padding-top:30px;
	background:#efefef;
	height:334px;
	}
.subpro_text h2{
	font-size:26px;
	color:#06C;
	margin-bottom:20px;
	}
.subpro_text p{
	color:#888;
	font-size:14px;
	line-height:24px;
	margin-bottom:10px;
	}
.pro_same{
	padding:60px 0;
	position:relative;
	overflow:hidden;
	}
.pro_same h1{
	font-size:24px;
	text-align:center;
	margin-bottom:30px;
	color:#888;
	}
.pro_same ul{
	width:6000px;
	}
.pro_same ul li{
	width:200px;
	float:left;
	margin:0 10px;
	position:relative;
	cursor:pointer;
	}
.pro_same ul li img{
	display:block;
	width:100%;
	}
.pro_same ul li:after{
	content:"";
	display:block;
	width:100%;
	height:186px;
	background:rgba(0,0,0,.1);
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all .5s;
	}
.pro_same ul li:hover:after{
	opacity:1;
	}
.pro_same_con{
	width:165px;
	padding:12px 20px;
	margin:auto;
	background:#fafafa;
	transition:all .5s;
	}
.pro_same_con p{
	color:#555;
	font-size:14px;
	transition:all .5s;
	}
.pro_same_con span{
	display:block;
	width:80px;
	border:solid 1px #0066CC;
	color:#0066CC;
	text-align:center;
	margin-top:10px;
	padding:3px 0;
	transition:all .5s;
	}
.pro_same ul li:hover .pro_same_con{
	background:#06C;
	}
.pro_same ul li:hover .pro_same_con p{
	color:#FFF;
	}
.pro_same ul li:hover .pro_same_con span{
	color:#FFF;
	border:solid 1px #FFFFFF;
	}
.samepro_btn{
	width:1100px;
	position:absolute;
	top:57%;
	left:0;
	margin-top:-30px;
	opacity:.5;
	}
.pro_same:hover .samepro_btn{
	opacity:1;
	}
.samepro_btn span{
	display:block;
	position:relative;
	width:35px;
	height:60px;
	background:rgba(0,0,0,.1);
	transition:all .5s;
	}
.pro_same:hover .samepro_btn span{
	background:#06C;
	}
.samepro_btn span:before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	border-top:solid 3px #FFFFFF;
	border-left:solid 3px #FFFFFF;
	position:absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	transform-origin:left bottom;
	position:absolute;
	top:20px;
	left:12px;
	}
.samepro_btn span:last-child:before{
	position:absolute;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	
	left:0px !important;
	}