@charset "utf-8";

/*

*	****************************************

*	*           Public style               

*	****************************************

*/

/*public head*/

#head{

	background: url(../images/headLine.png) center 4px no-repeat,

				url(../images/headBg.png) left top repeat-x;

	height: 100px;

}

#head a.logo{

	display: block;

	width: 140px;

	height: 100px;

	float: left;

	background: url(../images/logo.gif) 6px 30px no-repeat;

}

#head .mainNav{

	padding-top: 40px;

	float: left;

	padding-left: 37px;

}

#head .mainNav li{

	float: left;

	margin-right: 15px;

}

#head .mainNav li a{

	display: block;

	padding: 0 8px;

	height: 58px;

}

#head .mainNav li h6{

	line-height: 14px;

	color: #333;

	font-size: 14px;

}

#head .mainNav li p{

	font-size: 12px;

	line-height: 26px;

	color: #d5d5d5;

	text-transform: uppercase;

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;

}

#head .mainNav li a:hover,

#head .mainNav li a.hover{

	border-bottom: 2px solid #f89e00;

}

#head .lng{

	height:100px;

	float:right;

	font-size:14px;

	line-height:100px;

	color:#444;

	padding-left:15px;

}

#head .lng a{

	color:#444;

}

#head .lng a:hover{

	color:#063b83;

	text-decoration:underline;

}

/*public footer*/

#footer1{

	background: #4c4c4c;

}

#footer1 .w1000{

	height: 38px;s

}

#footer1 h6{

	text-indent: 45px;

	line-height: 24px;

	color: #c8c8c8;

	font-size: 12px;

}

#footer1 a{

	color: #c8c8c8;

	padding-left:15px;

}

#footer1 a:hover{

	text-decoration: underline;

}

#footer2{

	background: #5a5a5a;
	padding-bottom: 20px;

}

#footer2 .w1000{

	height: 160px;

	background: url(../images/logo.png) 0 center no-repeat;

}

#footer2 .left{

	width: 374px;
    float: left;
    padding-top: 35px;
    padding-left: 148px;

}

#footer2 .left h6{

	font-size: 12px;

	color: #c8c8c8;

	line-height: 24px;

}

#footer2 .left a{

	color: #c8c8c8;

}

#footer2 a:hover{

	text-decoration: underline;

}

#footer2 img{

	display: block;
    float: right;

    height: 96px;
    padding-top: 15px;


}

#footer2 h6 .ba{
 float: left;
 width:calc(6px + 0.5rem);
 height:calc(6px + 0.5rem);
 padding-top: 5px;
 padding-right: 5px;
}
/*

*	****************************************

*	*            home page             

*	****************************************

*/



/*banner*/

#banner{

	height:461px;

	position: relative;

	overflow: hidden;

}

.swiper-container{

	width: 1920px;

	height: 461px;

	position: absolute;

	left: 50%;

	margin-left: -960px;

}

/*main public*/

.titlePublic{

	border-bottom: 1px solid #f0f0f0;

	font-size: 0;

	position: relative;

}

.titlePublic h6{

	font-size: 16px;

	color: #5e9f05;

	line-height: 16px;

}

.titlePublic h5{

	font-size: 18px;

	color: #333;

	line-height: 18px;

	margin-bottom: 8px;

}

.titlePublic h5 span{

	font-weight: bold;

	color: #5e9f05;

}

.titlePublic p{

	display: inline-block;

	padding: 0 10px 4px 10px;

	font-size: 12px;

	color: #999999;

	line-height: 20px;

	height: 24px; 

	border-bottom: 3px solid #5e9f05;

	margin-bottom: -1px;

}

.titlePublic a{

	display: block;

	width: 15px;

	height: 15px;

	background: url(../images/more.png) center center no-repeat;

	position: absolute;

	right: 0;

	bottom: 11px;

	filter: alpha(opacity=80);

	-webkit-opacity: 0.8;

	-moz-opacity: 0.8;

	-ms-opacity: 0.8;

	-o-opacity: 0.8;

	opacity: 0.8;

}

.titlePublic a:hover{

	filter: alpha(opacity=100);

	-webkit-opacity: 1;

	-moz-opacity: 1;

	-ms-opacity: 1;

	-o-opacity: 1;

	opacity: 1;

}



/*products*/

.products{

	margin-top: 45px;

	font-size: 0;

}

.tag{

	display: inline-block;

	padding-top: 25px;

	text-align: center;

}

.tag li{

	height: 32px;

	margin-right: -1px;

	margin-top: 10px;

	border:#d7d7d7 1px solid;

	-webkit-transform: skew(-20deg);

	-ms-transform: skew(-20deg);

	-o-transform: skew(-20deg);

	transform: skew(-20deg);

	display: inline-block;

}

.tag li a{

	display: block;

	height: 30px;

	font-size: 12px;

	color: #333333;

	line-height: 30px;

	padding: 0 15px;

	-webkit-transform: skew(20deg);

	-ms-transform: skew(20deg);

	-o-transform: skew(20deg);

	transform: skew(20deg);

}

.tag li.hover,

.tag li:hover{

	background: #f89e00;

	border-color: #f89e00;

}

.tag li.hover a,

.tag li:hover a{

	color: #fff;

}

.products .text{

	font-size: 12px;

	color: #666666;

	line-height: 24px;

	width: 510px;

	margin: 20px auto 0 auto;

}

.products .pro{

	margin-top: 30px;

	display: none;

}

.products .pro li{

	float: left;

	width: 166px;

	margin: 0 42px;

}

.products .pro li img{

	width: 152px;

	border: 1px solid #e8e8e8;

	padding: 6px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

}

.products .pro li h6{

	padding: 16px 0 14px 0;

	font-size: 14px;

	line-height: 14px;

	color: #666;

}

.products .pro li .more{

	margin: 0 auto;

}

/*case*/

.case{

	 padding-top: 28px;

	 padding-bottom: 36px;

	 background: #fafafa;

}

.case ul{

	padding-top: 60px;

}

.case ul li{

	width: 460px;

	height: 114px;

	padding: 0 20px 40px 20px; 

	float: left;

	position: relative;;

}

.case ul li img{

	display: block;

	width: 150px;

	height: 114px;

	margin-right: 15px;

	float: left;

}

.case ul li h5{

	font-size: 14px;

	line-height: 28px;

	color: #5e9f05;

}

.case ul li p{

	font-size: 12px;

	color: #aeaeae;

	line-height: 22px;

}

.case .more{

	position: absolute;

	left: 185px;

	bottom: 40px;

}

/*news*/

.news{

	padding-top: 25px;

}

.news .wrap{

	width: 980px;

	padding-top: 60px;

}

.news .wrap img{

	display: block;

	width: 360px;

	height: 220px;

	float: left;

}

.news .wrap ul{

	width: 590px;

	/*height: 220px;*/

	float: right;

}

.news .wrap ul li{

	margin-top: 18px;

	border-bottom: 1px dotted #bcbcbc;

	padding-bottom: 15px;

	position: relative;

}

.news .wrap ul li h6{

	font-size: 14px;

	color: #5e9f05;

	line-height: 20px;

}

.news .wrap ul li p{

	width: 470px;

	font-size: 12px;

	color: #999;

	line-height: 24px;

}

.news .wrap ul li .more{

	position: absolute;

	right: 15px;

	bottom: 15px;

}

/*contact*/

.contact{

	margin-top: 75px;

	background: url(../images/contactBg.jpg) center top no-repeat;

}

.contact .w1000{

	height: 446px;

	padding-top: 30px;

}

.contact .titlePublic h6{

	color: #fff !important;

}

.contact .titlePublic p{

	color: #bcc4b3 !important;

	border-color: #fff !important;

}

.contact ul{

	width: 960px;

	padding-top: 22px;

}

.contact ul li{

	width: 250px;

	height: 42px;

	float: left;

	margin-right: 105px;

	background-position: left top;

	background-repeat: no-repeat;

}

.contact ul li.item1{

	background-image: url(../images/phone.png);

}

.contact ul li.item2{

	background-image: url(../images/mail.png);

}

.contact ul li.item3{

	background-image: url(../images/location.png);

}

.contact ul li p{

	padding-left: 65px;

	font-size: 12px;

	color: #ffffff;

	line-height: 20px;

}

.contact .wrap{

	margin-top: 75px;

	width: 960px;

}

.contact .wrap img{

	width: 334px;

	height: 154px;

	display: block;

	float: left;

}

.contact .wrap form{

	width: 610px;

	float: right;

}

.contact .wrap input[type=text]{

	display: block;

	padding: 0 10px;

	width: 260px;

	height: 35px;

	border: none;

	background: #fff;

	line-height: 35px;

	color: #555;

}
/* 
.contact .wrap textarea{

	display: block;

	width: 590px;

	height: 80px;

	overflow: hidden;

	padding: 10px;

	margin-top: 19px;

	margin-bottom: 27px;

	border: none;

	background: #fff;

	font-size: 14px;

	color: #555;

	resize: none;

} */

.contact .wrap input[type=submit],
/* 
.contact .wrap input[type=reset]{

	display: block;

	width: 65px;

	height: 28px;

	float: right;

	border: none;

	cursor: pointer;

	font-size: 12px;

	color: #fff;

} */

.contact .wrap input[type=submit]{

	background: #ec7a00;
color: #fff;
	margin-left: 12px;

}

.contact .wrap input[type=submit]:hover{

	background: #dd7301;

}

.contact .wrap input[type=reset]{

	background: #cbcbcb;

}

.contact .wrap input[type=reset]:hover{

	background: #bbbbbb;

}

*[placeholder] {} 

/*

*	****************************************

*	*            Innnerpage              

*	****************************************

*/



/*thumbs*/

#thumbs{

	background: #f7f7f7;

	border-bottom: 1px solid #f0f0f0;

}

#thumbs .w1000{

	height: 38px;

}

#thumbs p{

	font-size:12px;

	color: #666666;

	line-height: 38px;

	background: url(../images/home.png) 20px center no-repeat;

	text-indent: 45px;

}

#thumbs a{

	color: #666666;

}

#thumbs a:hover{

	color: #f89e00;

}

/*subNav*/

#subNav{

	border-bottom: 1px solid #e6e6e6;

	text-align: center;

	font-size: 0;

}

#subNav ul{

	display: inline-block;

	padding-top: 28px;

}

#subNav ul li{

	height: 30px;

	padding: 0 16px;

	float: left;

}

#subNav ul li a{

	display: block;

	padding: 0 5px 15px 5px;

	font-size: 14px;

	color: #999999;

	line-height: 14px;

}

#subNav ul li a:hover,

#subNav ul li a.hover{

	color: #333;

	border-bottom: #f89e00 2px solid;

}



/*about*/

#about{

	width: 850px;

	padding-bottom: 100px;

	margin-top: 45px;

}

#about img{

	display: block;

}

#about p{

	font-size: 14px;

	color: #333;

	line-height: 28px;

	margin-bottom: 15px;

}





/*images & case*/

#case,#image{

	padding-top: 47px;

	padding-bottom: 100px;

	width: 963px;

}

.list{

	width: 963px;

}

.list li{

	float:left;

	width: 265px;

	padding: 0 28px 50px 28px;

}

.list li a{

	display: block;

}

.list li img{

	padding: 4px;

	border:1px solid #ebebeb;

	display: block;

	width: 255px;

	height: 197px;

}

.list li h1{

	font-size: 14px;

	text-align: center;

	color:#333;

	line-height: 24px;
width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list li:hover img{

	border-color:#f89e00;

}

.list li:hover h1{

	color:#f89e00;

}



/*products*/

#products{

	font-size: 0;

	padding-bottom: 100px;

}

#products .tag{

	padding-top:30px !important;

}

#products .list{

	padding-top: 40px !important;

}





/*products detail*/

#productsDetail{

	width: 850px;

	padding-top: 30px;

	padding-bottom: 100px;

}

#productsDetail .summary{

	width:370px;

	float:right;

	position:relative;

	height:390px;

}

#productsDetail .summary h1{

	font-size:24px;

	line-height:24px;

	padding-bottom:20px;

	color:#f89e00;

	border-bottom:#f89e00 2px solid;

	width:35px;

	margin-bottom:12px;

	overflow:visible;

	white-space:nowrap;

}

#productsDetail .summary h2{

	font-size:14px;

	color:#333;

	line-height:32px;

}

#productsDetail .summary p{

	margin-top:10px;

	font-size:14px;

	color:#333;

	line-height:25px;

}

#productsDetail .summary p span{

	font-weight:bold;

	color:#f89e00;

}

#productsDetail .title{

	font-size:0;

	line-height: 0;

	border-bottom:#ff900d 2px solid;

	margin:30px 0 20px 0;

}

#productsDetail .title h1{

	display:inline-block;

	width:140px;

	height:32px;

	text-align:center;

	line-height:32px;

	color:#fff;

	font-size:14px;

	background:#ff8a00;

	cursor:pointer;

}

#productsDetail .detail p{

	font-size:14px;

	color:#858585;

	line-height:26px;

	margin-bottom:10px;

}

#productsDetail .detail img{

	display:block;

	margin:0 auto;

	max-width:100%;

}



/*news list*/

#newsList{

	width: 850px;

	padding-top: 30px;

	padding-bottom: 100px;

}

#newsList li{

	padding-bottom:25px;

	height:66px;

}

#newsList li .time{

	width:66px;

	float:left;

	font-family:Arial !important;

}

#newsList li .time h1{

	height:45px;

	background:#4075cc;

	text-align:center;

	line-height:45px;

	font-size:24px;

	color:#fff;

}

#newsList li .time h2{

	height:20px;

	background:#5b98e6;

	text-align:center;

	line-height:20px;

	font-size:12px;

	color:#fff;

	margin-top:1px;

}

#newsList li .time h3{

	display:none;

}

#newsList li .text{

	width:770px;

	float:right;

}

#newsList li .text a{

	display:block;

	font-size:14px;

	color:#666;

	line-height:26px;

	width:90%;

}

#newsList li .text a:hover{

	color:#4075cc;

}

#newsList li .text h1{

	margin-top:3px;

	font-size:12px;

	color:#999;

	line-height:20px;

}





/*news detail*/

#newsDetail{

	width: 850px;

	padding-top: 30px;

	padding-bottom: 100px;

}

#newsDetail h1{

	font-size:18px;

	color:#333333;

	line-height:24px;

	text-align:center;

}

#newsDetail h2{

	font-size:12px;

	color:#666;

	line-height:30px;

	text-align:center;

	padding-bottom:14px;

	border-bottom:#ccc 1px dotted;

	margin-bottom:24px;

}

#newsDetail p{

	font-size: 14px;

	color: #333;

	line-height: 28px;

}

#newsDetail img{

	display:block;

	margin:0 auto;

	max-width:100%;

}





/*map*/



#map{

	width:850px !important;

	height:300px;

	border:#ccc solid 1px;

	font-size:12px;

	line-height: 24px;

	margin-bottom: 30px;

}



#contact{

	width: 850px;

	padding-top: 30px;

	padding-bottom: 100px;

}

#contact p{

	font-size: 14px;

	line-height: 28px;

	color: #333;

}

#contact a{

	font-size: 14px;

	line-height: 28px;

	color: #333;

	text-decoration: underline;

}

#contact a:hover{

	color: #f89e00;

}

#contact h6{

	font-size: 16px;

	color: #f89e00;

	line-height: 16px;

	padding-bottom: 10px;

	font-weight: bold;

}
#banner{
    width:100%;
}
.banner{
    width: 100%;
}