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

html,body {margin:0; padding:0; color:#000;font: 12px "微软雅黑";}
ul,li{margin:0px;padding:0px;list-style-type:none;}

a{text-decoration: none;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; line-height:none;}
h1{ font-size:24px;}
h2{ font-size:22px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
p,dl,dt,dd,ol{ margin:0; padding:0;}
.clear{height:0px; clear:both;}
img{ border:0px; max-width:100%; margin:0; padding:0;}
input,select,textarea{ border-radius: 0; font-family:"微软雅黑"; font-size:100%; outline: none; box-sizing:border-box; resize:none; padding:0; margin:0;}
input::-webkit-input-placeholder{ color:#999;}

table,tr,td{
	margin: 0;
    padding: 0;

}
.left{ float:left !important;}
.right{ float:right !important;}
.input{ -webkit-appearance: none;}
.hidden{ display:none}
.block{ display:block !important;}
.relative{ position:relative;}
.fafafa{ background:#fafafa; padding-bottom:60px;}

/*brand*/
.x_nav{
	float: right;
}
.x_nav a,
.x_nav span{
	float: left;
	font-size: 12px;
	color: #999;
	margin-left: 6px;
	line-height: 60px;
	
}
.x_nav .on{
	color: #666;
}
.about{
	width: 100%;
	height: auto;
}
.about_left{
	width: calc(50% - 20px);
	float: left;
	padding-right: 20px;
}
.about_left h1{
	font-size: 30px;
	color: #333;
}
.about_left p{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-top: 47px;
}
.about_right{
	width: 50%;
	float: right;
}
.about_right img{
	display: block;
	width: 600px;
	height: 380px;
}
.yuanjing{
	width: 100%;
	background:url(../images/brand-2.png) center no-repeat;
	background-size: cover;
	padding: 52px 0 48px;
	margin-top: 60px;
	
}
.yuanjing h1{
	color: #fff;
	font-size: 30px;
	text-align: center;
}
.yuanjing p{
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 48px;
	margin-top: 43px;
}
.linian{
	width: 100%;
	background-color: #fafafa;
	padding-bottom: 60px;
}
.linian h1{
	font-size: 30px;
	color: #333;
	line-height: 148px;
}
.linian_1{
	background-color: #fff;
	height: 318px;
	padding:0 20px;
}

.linian_2{
	width: calc(25% - 31px);
	float: left;
}
.linian_2 h1{
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 64px;
}
.linian_2 img{
	display: block;
	width:120px;
	height: 120px;
	margin:0 auto;
}
.linian_2 p{
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 24px;
	margin-top: 18px;
}
.linian_1 span{
	width: 1px;
	background-color: #ccc;
	height: 150px;
	float: left;
	margin:84px 20px;
}
@media screen and (min-width:300px) and (max-width:800px){
.x_nav{
	margin-right: 10px;
		
}
	.x_nav a,
.x_nav span{
	line-height: 30px;
	
}
.about_left{
	width: calc(100% - 20px);
	padding:0 10px;
}
.about_left h1{
	font-size: 20px;
	line-height: 22px;
}
.about_left p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
}
.about_right{
	display: none;
}
.yuanjing{
	padding: 24px 0;
	margin-top: 24px;
	
}
.yuanjing h1{
	font-size:24px;
}
.yuanjing p{
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}
.linian{
	padding-bottom: 30px;
}
.linian .auto > h1{
	font-size: 24px;
	line-height: 83px;
	padding-left: 10px;
}
.linian_1{
	height: auto;
	padding:0 10px;
	margin: 0 10px;
	
}

.linian_2{
	width: calc(50% - 12px);
	padding-bottom: 9px;
}
.linian_2 h1{
	line-height: 44px;
}
.linian_2 img{
	width:40%;
	height: 40%;
}
.linian_2 p{
	margin-top: 9px;
}
.linian_1 span{
	margin:40px 10px;
}
	.linian_1 span:nth-child(4){
		width: 0;
		height: 0;
		clear: both;
		margin:0;
	}

}
/*2craftsmanshipxx*/
.shangmian .auto>h1{
	font-size: 30px;
	color: #333;
	margin-bottom: 60px;
}
.ban{ width:600px; height:640px; position:relative; overflow:hidden;float: left;}
.ban2{ width:600px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:600px; height:500px;}
.ban2 ul li img{display: block;width: 100%;height: 100%;}
.prev{ float:left; cursor:pointer;}
.num{ height:130px;overflow:hidden; width:500px; position:relative;float:left;margin-left: 35px;}
.min_pic{ margin-top:20px; width:600px;height: 120px;}
.num ul{ position:absolute; left:0; top:0; }
.num ul li{ width:144px; height:120px;margin-right: 22px;}
.num ul li.on{ border:2px solid #005199;width: 140px;height: 116px;}
.num ul li img{
	display: block;
	width: 140px;
	height: 116px;
}
.prev_btn1{  margin-top:30px;  cursor:pointer; float:left;margin-left: 0px;}
.prev_btn1 .hide_left{
	display: none;
}
.prev_btn1:hover .show_left{
	display: none;
}
.prev_btn1:hover .hide_left{
	display: block;
}
.next_btn1{   margin-top:30px;cursor:pointer;float:right;}
.next_btn1 .hide_right{
	display: none;
}
.next_btn1:hover .show_right{
	display: none;
}
.next_btn1:hover .hide_right{
	display: block;
}
.shangmian_wz{
	float: left;
	width: calc(50% - 20px);
	margin-left: 20px;
}
.shangmian_wz1{
	font-size: 16px;
	color: #333;
	margin-bottom: 19px;
}
.shanmian_wz2{
	float: left;
	width: 80px;
	text-align: right;
	color: #666;
}
.shanmian_wz3{
	float: right;
	width: 493px;
}
.shangmian_an1,
.shangmian_an2
{
	float: left;
	width: 178px;
	height: 43px;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	margin-top: 39px;
}
.shangmian_an1{
	border: 1px #333 solid;
	margin-left: 90px;
}
.shangmian_an1 a{
	color: #333;
}
.shangmian_an1 a i{
	padding-right:3px;
}
.shangmian_an2{
	background-color: #005199;
	border: 1px solid #005199;
	margin-left: 40px;
}
.shangmian_an2 a{
	color: #fff;
}
.cpsx_bg table{
	width: 100%;
	/*height: 250px;*/
	border-collapse:collapse;
}
/*.cpsx_bg tr .cpsx_bg1{
	width: 200px;
	border-right: 1px #333 solid;
	font-size: 14px;
	color: #666;
	text-align: right;
	background-color: #fafafa;
	
}
.cpsx_bg tr .cpsx_bg2{
	width: 400px;
	border: 1px #333 solid;
	font-size: 14px;
	color: #333;
	
}*/
.cpsx_bg tr td{
	padding: 0 20px;
}
.cnxh h2{
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.cnxh_2{
	width: 285px;
	height: 285px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 58px;
}
.cnxh_2:nth-child(1){
	margin-left: 0;
}
.cnxh_2>a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.cnxh_2 a img{
	display: block;
	width: 285px;
	height: 285px;
	
}
.cnxh_2bt{
	height: 40px;
	text-align: center;
	background-color: rgba(0, 81, 153,0.8);
	position: absolute;
	width: calc(100% - 40px);
	bottom: 0;
	left: 0;
	padding: 0 20px;
}
.cnxh_2:hover .cnxh_2bt{
	height: 285px;
}
.cnxh_2bt h1{
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}
.cnxh_2bt p{
	display: none;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-top: 7px;
}
.cnxh_2an{
	display: none;
	height: 30px;
	width: 120px;
	border: 1px solid #fff;
	color: #fff;
	line-height: 30px;
	margin-top: 19px;
}
.cnxh_2bt:hover.cnxh_2bt p{
	display: block;
	
}
.cnxh_2bt:hover.cnxh_2bt a{
	display: inline-block;
}
.cnxh_2bt:hover.cnxh_2bt h1{
	margin-top: 47px;
}
@media screen and (min-width:300px) and (max-width:800px){
.shangmian .auto>h1{
	font-size: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top:10px;
	margin-right:10px;
}
.ban{ width:375px; height:426px; overflow:hidden;left: calc(50% - 187px);}
.ban2{ width:375px; height:313px; overflow:hidden;}
.ban2 ul li{ width:375px; height:313px;}
.num{ height:84px;overflow:hidden; width:320px; margin-left: 15px;}
.min_pic{ width:375px;height: 83px;}
.num ul li{ width:100px; height:83px;margin-right: 10px;}
.num ul li.on{ width: 96px;height: 79px;}
.num ul li img{
	display: block;
	width: 96px;
	height: 79px;
}
.prev_btn1{ width: 10px;height: 30px;}
.next_btn1{  width: 10px; height: 30px;}
	
	
.shangmian_wz{
	width: calc(100% - 20px);
	margin: 6px 10px 0;	
}
.shangmian_wz1{
	margin-bottom: 9px;
	
	font-size: 14px;
}
.shanmian_wz2{
	width: 25%;

	
}
.shanmian_wz3{
	width: 75%;
	
}
	.shangmian_an{
		width: 340px;
		margin: 0 auto;
	}
.shangmian_an1,
.shangmian_an2
{
	width: 148px;
	height: 33px;
	line-height: 35px;
	margin-top: 18px;
	
}
.shangmian_an1{
	margin-left: 10px;
}

.shangmian_an2{
	margin-left: 20px;
}
.cpsx{
	margin-top: 30px;
}
.cpsx_bg{
	width: calc(100% - 20px);
	margin:0 auto 0;
	border-bottom:0;
}
.cpsx .auto h2{
	margin-left: 10px;
}
.cpsx_bg tr .cpsx_bg1{
	width: calc(35% - 20px);
	border:0;
	border-bottom:1px solid #333;
	line-height:50px;
}
.cpsx_bg tr .cpsx_bg2{
	width: calc(65% - 21px);
	border:0;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	line-height:50px;
}
.cpsx_bg tr .cpsx_bg2 span{
	vertical-align:middle; 
	display:table-cell;
	height:50px;
	line-height: normal !important;
}
.cpsx_bg tr td{
	padding: 0 10px;
	display:inline-block;
	float:left;
}
.cnxh{
	margin-bottom: 30px;
	margin-top: 26px;
}
.cnxh_2{
	width: calc(100% - 20px);
	height: auto;
	margin:28px 10px 0;
	
}
.cnxh_2:nth-child(1){
	margin-left: 10px;
}
.cnxh_2 a img{
	display: block;
	width: 100%;
	height: 100%;
}
.cnxh_2bt{
	height: 40px;
	text-align: center;
	background-color: rgba(0, 81, 153,0.8);
	position: absolute;
	width: calc(100% - 40px);
	bottom: 0;
	left: 0;
	padding: 0 20px;
}
.cnxh_2:hover .cnxh_2bt{
	height: 285px;
}
.cnxh_2bt h1{
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}
.cnxh_2bt p{
	display: none;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-top: 7px;
}
.cnxh_2an{
	display: none;
	height: 30px;
	width: 120px;
	border: 1px solid #fff;
	color: #fff;
	line-height: 30px;
	margin-top: 19px;
}
.cnxh_2bt:hover.cnxh_2bt p{
	display: block;
	
}
.cnxh_2bt:hover.cnxh_2bt a{
	display: inline-block;
}
.cnxh_2bt:hover.cnxh_2bt h1{
	margin-top: 47px;
}
}