/*page-banner*/
.page_banner{
	width: 100%;
	height: 649px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 100%; 
	position: relative;
}
.about .page_banner{
	background-image: url(../img/about_banner.jpg);
}
.news .page_banner{
	background-image: url(../img/news_banner.jpg);
}
.product .page_banner{
	background-image: url(../img/product_banner.jpg);
}
.service .page_banner{
	background-image: url(../img/about_banner.jpg);
}
.contactUs .page_banner{
	background-image: url(../img/contactUs_banner.jpg);
}

/*page-nav*/
.page_nav{
	width: 100%;
	height: 63px;
	padding: 0 5.5228%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
}
.page_nav .nav_list li{
	width: 20%;
	height: 63px;
	text-align: center;
	line-height: 63px;
}
.page_nav .nav_list li a{
	display: block;
	font-size: 14px;
	color: #fff;
}
.page_nav .nav_list li:hover,.page_nav .nav_list li.on{
	background-color: #FA7C00;
}
.page_nav .nav_list li .sub_name{
	width: 100%;
	height: 63px;
	text-align: center;
	line-height: 63px;
	font-size: 16px;
	color: #fff;
}
.page_nav .nav_list li .sub_name .icon{
	display: inline-block;
	vertical-align: middle;
}
.page_nav .nav_list li .sub_name .icon i{
	font-size: 20px;
	color: #fff;
}



.page_nav .nav_list li .sub_item{
	display: none;
	width: 100%;
}
.nav_list li .sub_item .item_tit{
	width: 100%;
	height: 60px;
	position: relative;
}
.nav_list li .sub_item .item_tit>a{
	display: block;
	height: 60px;
	line-height: 60px;
	background-color: rgba(250, 124, 0,.5);
}
.page_nav .nav_list li:hover .sub_name+.sub_item{
	display: block;
}
.nav_list li .sub_item a:hover{
	background-color: #fa7c00;
}
.nav_list li .sub_item .item_tit:hover>a{
	background-color: #fa7c00;
}
.nav_list li .sub_item .subnav-third{
	display: none;
	width: 200px;
	background-color: rgba(0,0,0,.5);;
	position: absolute;
	right: -200px;
	top: 0;
	z-index: 99;
}
.nav_list li .sub_item .item_tit:hover .subnav-third{
	display: block;
}
.nav_list .sub_item .subnav-third .third-nav{
	width: 100%;
	height: 30px;	
}
.nav_list .sub_item .subnav-third .third-nav a{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
}


/*about_part1*/
.about_part1{
	width: 100%;
	height: auto;
	padding: 0 5.5228%;
}
.about_part1 .about_mes .part_left{
	width: 100%;
	height: auto;
	padding: 65px 60px;
	background-color: #F6F6F6;
}
.about_mes .title h5{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-size: 26px;
	color: #333;
	border-bottom: 2px solid #333;
}
.about_mes .info_text{
	width: 100%;
	margin-top: 45px;
}
.about_mes .info_text p{
	font-size: 14px;
	color: #666;
	line-height: 260%;
}
.about_part1 .about_mes .part_right{
	width: 32%;
}
.about_part1 .about_mes .part_right .img_box{
	width: 100%;
	height: 608px;
}
.about_part1 .about_mes .part_right .img_box img{
	width: 100%;
	height: 608px;
}

/*about_part2*/
.about_part2{
	width: 100%;
	height: 608px;
	padding: 0 5.5228%;
	background: url(../img/culture_bg.jpg) no-repeat center top;
	background-size: auto 100%; 
}
.sub_tit{
	position: relative;
	z-index: 9;
	display: block;
	width: 215px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-color: #FA7C00;
}
.sub_tit p{
	display: inline-block;
	font-size: 18px;
	color: #fff;
}
.sub_tit .icon{
	display: inline-block;
	vertical-align: middle;
}
.sub_tit .icon i{
	font-size: 20px;
	color: #fff;
}
.about_part2 .pro_text{
	margin-top: 140px;
	font-size:20px;
	color: #333;
	line-height:200%;
}
.about_part2 .pro_text span{
	font-size: 35px;
	color:#994D00;
	font-weight: bold;
	display: inline-block;
	margin-right: 30px;
}

/*about_part3*/
.about_part3{
	width: 100%;
	height: 424px;
	background-color: #E6E6E6;
	padding: 0 5.5228%;
}
.about_part3 .design{
	width: 100%;
	position: relative;
}
.about_part3 .design .part_left{
	width: 43.2%;
	height: 424px;
	background-color: #fff;
	padding: 120px 0 0 55px;
	position: absolute;
	top: -60px;
}
.design .des_list .icon_img{
	margin-right: 80px;
	vertical-align: middle;
}
.design .des_list .tit{
	font-size: 15px;
	color: #555;
	line-height: 24px;
}
.design .des_list .text{
	padding: 9px 0;
}
.design .des_list p.txt{
	font-size: 14px;
	color: #555;
	line-height: 24px;
}
.about_part3 .design .part_right{
	width:56.8%;
	height: 424px;
	position: absolute;
	top: -60px;
	right: 0;
}
.about_part3 .design .part_right .img_box{
	width: 100%;
	height: 424px;
}
.about_part3 .design .part_right .img_box img{
	width: 100%;
	height: 424px;
}

/*about_part4*/
.about_part4{
	width: 100%;
	height: 435px;
	padding: 0 5.5228%;
	overflow: hidden;
	/*background: url(../img/honor_bg.jpg) no-repeat center top;
	background-size: auto 100%; */
}
.about_part4 .pro_text{
	margin-top: 240px;
}
.about_part4 .pro_text span{
	font-size: 48px;
	color: #fff;
	font-weight: bold;
}

/*news*/
.news .tabNews{
	width: 100%;
	position: relative;
	top: -63px;
	left: 0;
	right: 0;
	z-index: 9;
}
.news .tabNews .hd{
	width: 100%;
	height: 63px;
	background-color: rgba(0,0,0,.5);
}
.tabNews .hd ul{
	width: 1400px;
	height: 63px;
	margin: 0 auto;
	background-color: rgba(0,0,0,.5);
}
.tabNews .hd ul li{
	display: block;
	float: left;
	width: 50%;
	height: 63px;
	text-align: center;
	line-height: 63px;	
}
.tabNews .hd ul li a{
	display: block;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.tabNews .hd ul li.on a{
	background-color: #FA7C00;
}
.tabNews .bd ul,.tabNews .bd .con{
	width: 1400px;
	margin: 0 auto;
}
.tabNews .bd ul li{
	width: 23%;
	height: auto;
	margin-right: 2%;
	margin-top: 40px;
}
.tabNews .bd ul li:nth-child(4n){
	margin-right: 0;
}
.tabNews .bd ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.tabNews .bd ul li img{
	width: 100%;
	height: 243px;
}
.tabNews .bd ul li .news_txt{
	width: 100%;
	height: 56px;
	font-size: 14px;
	color: #666;
	line-height: 200%;
	margin-top: 15px;
	overflow: hidden;
}
.tabNews .bd ul li:hover .news_txt{
	color: #FA7C00;
}

/*分页*/
.page_list .ui_list{
	width: 1400px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 50px;
}
.ui_list li{
	margin-right: 10px;
}
.ui_list li a{
	display: block;
	width: 50px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	padding: 0;
	border: 1px solid #DCDCDC;
	font-size: 14px;
	color: #999;
}
.ui_list li.on a,.ui_list li:hover a{
	background-color: #FA7C00;
	color: #fff;
	border: 1px solid #FA7C00;
}

/*product*/
.pro_part1{
	width: 100%;
	padding: 0 5.5228%;
	margin-top: 30px;
	margin-bottom: 100px;
}
.pro_part1 .pro_mes .part_left{
	width: 47.5%;
}
.pro_part1 .pro_mes .part_left .img_box{
	max-width: 100%;
	height: 226px;
}
.pro_part1 .pro_mes .part_left .img_box img{
	width: 100%;
	height: 226px;
}
.pro_part1 .pro_mes .part_right{
	width: 50%;
}
.pro_mes .part_right .title .tit{
	font-size: 24px;
	color: #333;
	margin-top: 10px;
}
.pro_mes .part_right .pro_text{
	margin: 20px 0;
}
.pro_mes .part_right .pro_text p{
	font-size: 14px;
	color: #666;
	line-height: 150%;
}
.pro_mes .part_right .pro_list{
	max-width: 500px;
}
.pro_mes .part_right .pro_list li a{
	display: block;
	margin: 0 20px 10px 0;
	font-size: 14px;
	color: #666;
	line-height: 120%;
}
.pro_mes .part_right .pro_list li a:hover{
	color: #FA7C00;
	text-decoration: underline;
}

/*pro-detail*/
.proinfo_part1{
	width: 100%;
	margin: 50px 0 120px;
}
.proinfo_part1 .title h5{
	text-align: center;
	font-size: 24px;
	color: #333;
	margin: 55px 0;
}
.proinfo_part1 .table_box{
	margin: 0 15px;
}
.table_box .pro_table {
    font-size: 13px;
    line-height: 28px;
    color: #434343;
}
.pro_table .sta{
	background-color: #d0d0d0;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.pro_table .sta tr th {
	background-color: #d7deea;
	font-size: 12px;
	height: 100px;
	padding:0 5px;
}
.pro_table .sta tr .lie {
	width:auto;
	text-align: center;
	position:relative;
}
.pro_table .sta tr .sx {
	width: 220px;
	height:auto;
	padding-bottom:20px;
	text-align: center;
	position:absolute;
	left:0;
	background-color:#FEF2E7;
	box-shadow: 3px 3px 5px #888888;
	border-radius:4px 4px 0 0;
	border-top:4px solid #0e2141;
	z-index:99;
	display:none;
}
.pro_table .sta tr .sx .p1 {
	width:100%;
	height:40px;
	line-height: 150%;
	float:left;	
}
.pro_table .sta tr .sx .p2 {
	width:100%;
	height:auto;
	float:left;
	border-top:dashed 1px #CCC;	
}
.pro_table .sta tr .sx .p2 font{
	float:left;
	margin-left:10px;	
}
.pro_table .sta tr .lie:hover .sx{
	display:block;
}
.pro_table .sta tr .lie span {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-weight:normal;
	font-size:10px;
}
.pro_table .sta tr .lie em {
	height: 10px;
	width: 10px;
	border: 1px solid #999;
	display: inline-block;
	margin-right: 3px;
	cursor:pointer;
}

.pro_table .sta tr td {
	background-color: #FFF;
	text-align: center;
	font-size: 12px;
}
.pro_table .sta tr .nm {
	color: #e60012;
	text-align:left;
	font-size: 0;
}
.pro_table .sta tr .nm a{
	color: #e60012;
}
.pro_table .sta tr .nm .hot{
	margin-left:10px;
	
}
.pro_table .sta tr .gu {
	width:130px;
}
.pro_table .sta tr .nm em {
	display: inline-block;
	height: 10px;
	width: 10px;
	border: 1px solid #999;
	margin-right: 5px;
	cursor: pointer;
}
.pro_table .sta tr .sel {
	background-image: url(../img/gou.png);
}

/*partner*/
.content_wrap{
	width: 100%;
	margin-top: 63px;
}
.content_wrap .content_list{
	width: 100%;
	padding: 80px 5.5228% 0;
}
.content_wrap .content_list li{
	float: left;
	width: 18%;
	margin-bottom: 20px;
	margin-right: 2.5%;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.content_wrap .content_list li:nth-child(5n){
	margin-right: 0;
}
.content_list li .item_img{
	display: block;
}
.content_list li .item_img img{
	width: 100%;
	height: auto;
	border: 1px solid #f1f1f1;
}


/*07.12*/
.content_list li .item_img .tit{
	font-size: 14px;
	color: #383838;
	text-align: center;
	line-height: 150%;
	margin-top:10px;
}


/*service*/
.service_body{
	width: 100%;
	background-color: #fff;	
	padding: 50px 0 60px;
}
.service_body .page_title{
	margin-bottom: 30px;
}
.service_body .page_title h5{
	font-size: 28px;
	color: #333;
	line-height: 110%;
	text-align: center;
}
.service_body .page_title .en_tit{
	display: block;
	width: 100%;
	color: #6f6f6f;
	line-height: 24px;
	font-size: 13px;
	text-align: center;
}
/*.service_body .ser_info{
	width: 100%;
	padding: 0 5.5228%;
}
.service_body .ser_info .part_left{
	width: 47%;
}
.service_body .ser_info .part_left img{
	width: 100%;
}
.service_body .ser_info .part_right{
	width: 50%;
}
.ser_info .part_right .ser_text p{
	font-size: 14px;
	color: #6F6F6F;
	line-height: 24px;
}
.ser_info .part_right hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
    border-top: 1px dotted #d3d3d3;
    word-wrap: break-word;
    word-break: normal;
}*/
.quality,.technical,.social,.scheme{
	width: 1400px;
	margin: 0 auto;
}
.quality .txt{
	font-size: 14px;
	color: #666;
	line-height: 200%;
	margin-bottom: 15px;
}
.quality .txt strong{
	line-height: 180%;
	padding-left: 10px;
}
.quality .img_box{
	width: 230px;
	height: 315px;
	margin-bottom: 15px;
}
.quality .img_box img{
	width: 230px;
	height: 315px;
}

.technical .tech_head{
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.technical .tech_head .tips{
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
}
.technical .tech_head  select{
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}
.technical .list_order{
	width: 100%;
	margin-top: 30px;
}
.list_order table {
    background: #e0e0e0;
    border-top: 3px solid #999999;
    text-align: left;
}
.list_order table tr {
    background: #FFF;
    height: 40px;
}
.list_order table tr th {
    padding: 0 10px;
    background: #f0f0f0;
    color: #333333;
    text-align: left;
}
.list_order table tr td {
    padding: 0 10px;
}
.cont_right .content p {
    width: auto;
}
.content a{
    display: inline-block;
}
.social h3.tit{
	font-size: 16px;
	color: #333;
	line-height: 150%;
	margin-bottom: 10px;
}
.social .txt strong{
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
}
.social .txt .desc{
	font-size: 14px;
	color: #666;
	line-height: 180%;
	margin-bottom: 10px;
}
.social .img_box{
	width: 450px;
	height: 157px;
	margin-bottom: 10px;
}
.social .img_box img{
	width: 450px;
	height: 157px;
}
.social .txt .tips{
	font-size: 14px;
	color: #999999;
	line-height: 150%;
	margin-bottom: 10px;
}

.scheme .scheme_list{
	width: 100%;
	margin-bottom: 30px;
}
.scheme .scheme_list li{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 15px;
}
.scheme_list li .title a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0;
}
.scheme_list li .item .a_img{
	display: block;
	width: 163px;
	height: 107px;
	padding: 0;
}
.scheme_list li .item .a_img img{
	width: 163px;
	height: 107px;
}
.scheme_list li .item .txt{
	width: 87%;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.scheme_list li .item .txt span{
	width: 100%;
	text-align: right;
	display: block;
 	padding-top: 15px;
 	line-height: 20px;
}






/*contactUs*/
.contactUs_body{
	width: 100%;
	background-color: #f7f7f7;	
	padding: 50px 0 60px;
}
.contactUs_body .page_title{
	margin-bottom: 30px;
}
.contactUs_body .page_title h5{
	font-size: 28px;
	color: #333;
	line-height: 110%;
	text-align: center;
}
.contactUs_body .page_title .en_tit{
	display: block;
	width: 100%;
	color: #6f6f6f;
	line-height: 24px;
	font-size: 13px;
	text-align: center;
}
.contactUs_body .contactUs_info p{
	color: #6f6f6f;
	line-height: 24px;
	font-size: 13px;
	text-align: center;
}
.lxf{
    width:380px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.contactUs_body .contactUs_info .lxf p{
	text-align:left;
}
@media only screen and (max-width: 1399px) {
	/*news*/
	.tabNews .hd ul,.tabNews .bd ul,.page_list .ui_list,.tabNews .bd .con{
		width: 1200px;
	}
	.tabNews .bd ul li img{
		height: 208.5px;
	}
	.quality,.technical,.social,.scheme{
		width: 1200px;
	}
}


