@charset "utf-8";
/* CSS Document */
html,body,body{margin:0;padding:0;border:0;}
body{
	color:#333;
	font:14px "Microsoft YaHei",微软雅黑,arial,sans-serif;
	
	}
body, div, span, object, iframe, h1, h2, h3, h4, h5,h6,p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
}
a{text-decoration:none;outline:none;color: #333;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';border: none;}
img{border:none;background:none;}
dl,dd,dt{margin: 0;padding: 0;}
ul,ol,li{list-style-type:none;padding: 0;margin: 0;}
.clearfix:{clear: both;}
h1,h2,h3,h4{margin: 0;padding:0;}
p{
	margin: 0;
	padding: 0;
}
/*顶部*/
.D1_bg{
	width: 100%;
}
.D1{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;

}
.D1_logo{
	max-width: 360px;
	float: left;
}
.D1_logo >a{
	display: block;
	line-height: 0;
}
.D1_logo >a>img{
	height: 100px;
	
}
.D1_right{
	float: right;
}
.D1_right >h4 , .D1_right >h4 >a {
    height: 35px;
    text-align: right;
    font-size: 12px;
    color: #333;
    line-height: 35px;
    font-weight: normal;
}
.D1_right .nav{
	margin-top: 8px;
}
.D1_right .nav >a{
	font-size: 20px;
	display: inline-block;
	color: #333;
	margin-left: 15px;
	line-height: 40px;
	padding-bottom: 14px;
}
.D1_right .nav >a:hover{
	color: #ff7f00;
	border-bottom: 3px solid #FF7F00;
	box-sizing: border-box;
}
/*banner*/

/*新轮播*/
#focus-banner{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#focus-banner-list{
	position: relative;
}
#focus-banner-list li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#focus-banner-list li img{
	width: 100%;
	vertical-align: top;
}
.focus-banner-img{
	display: block;
}

#focus-banner .focus-handle{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 100;
	display: block;
	width: 80px;
	height: 80px;
	background-image: url("../img/focus_handle.png");
}
#next-img{
	left: 0;
}
#next-img{
	left: 50px;
	background-position: 0 0;
}
#next-img:hover{
	background-position: 0 -80px;
}
#prev-img{
	right: 0;
}
#prev-img{
	right: 50px;
	background-position: -80px 0;
}
#prev-img:hover{
	background-position: -80px -80px;
}

#focus-bubble{
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 999;
}
#focus-bubble li{
	float: left;
	width: 20px;
	height: 2px;
	margin: 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:1px #fff solid;
	cursor: pointer;
}
#focus-bubble li a{
	display: block;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=0);
	opacity: 0;
}
#focus-bubble li.current{
	background-color: #fff;
}

/*热门搜索框*/

.D2_bg{
	width: 100%;
	margin-top: 10px;
}
.D2{
	width: 1200px;
	margin: 0 auto;
	background: #eeeeee;
	height: 40px;
	overflow: hidden;
}
.D2 .hot_search{
	float: left;
}
.D2 .hot_search p{
	display: inline-block;
	height: 40px;
}
.D2 .hot_search .hot_bg_one{
	font-size: 14px;
	line-height: 40px;
	width: 120px;
   	height: 40px;
    background: #FF7F00;
    position: relative;
    color: #fff;
    text-align: center;
    display: inline-block;
}
.D2 .hot_search .hot_bg_one:before{
	content:"";
    position: absolute;
    left: 100%;
    top: 11px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 16px solid #FF7F00;
    border-bottom: 10px solid transparent;
}
.D2 .hot_search p.hot_bg_two{
	margin-left: 30px;
}
.D2 .hot_search p.hot_bg_two >a{
	font-size: 14px;
	line-height: 24px;
	display: inline-block;
	margin: 0 15px;
	background: #999;
	border-radius: 8px;
	color: #fff;
	padding: 0 10px;
	/*width: 90px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;*/
}
.D2 .hot_ss{
	float: right;
}
.hot_ss form {
    margin-top: 7px;
    margin-right: 20px;
}
.hot_ss form input[type="text"] {
    width: 162px;
    height: 26px;
    border: 0;
    text-indent: 15px;
    font-size: 12px;
    color: #999;
    line-height: 40px;
    background: #fff;
    border: 1px solid #FF7F00;
    box-sizing: border-box;
    float: left;
}
.hot_ss form input[type="submit"] {
    width: 42px;
    height: 26px;
    border: 0;
    background: #FF7F00;
    color: #fff;
}
/*产品*/
.D3_bg{
	width: 100%;
	margin-top: 60px;
}
.D3{
	width: 1200px;
	margin: 0 auto;
}
.D3_pro_title{
	background: url(../img/icon_pro_title.png)no-repeat top center;
	text-align: center;
	font-size: 26px;
	height: 76px;
	color: #fff;
    line-height: 62px;
}
.D3_classify{
	text-align: left;
	margin-top: 30px;
}
.D3_classify >a{
	display: inline-block;
	width: 120px;
	font-size: 16px;
	line-height: 35px;
	background: #f1eff2;
	text-align: center;
	margin-right: 95px;
	padding: 0 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.D3_classify >a:hover{
	color: #FF7F00;
}
.D3_classify >a:nth-last-child(1){
	margin-right: 0;
}
.D3_product_box{
	margin-top: 30px;
	overflow: hidden;
}
.D3_product{
	float: left;
	margin-bottom: 20px;
}
.D3_product .D3_pro_col{
	width: 400px;
	height: 400px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 4px;
}
.D3_col_box{
	width: 370px;
	height: 370px;
    margin: 15px auto;
    position: relative;
}
#jptj{
	position: absolute;
	top:0;
	left: 0;
}
.D3_col_box > a{
	display: block;
}
.D3_col_box > a >img{
	text-align: center;
	width: 370px;
	height: 370px;
}
.D3_product   h1{
	font-weight: normal;
	font-size: 20px ;
	color: #333;
	line-height: 50px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 4px;
	margin-top: 10px;
	width: 400px;
}
.D3_product  h1>a{
	font-size: 20px ;
	color: #333;
	line-height: 50px;
	display: block;
	text-align: center;
	padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
	
}
.D3_product  h1>a:hover{
	color: #FF7F00;
}
/*关于我们*/
.D4_bg{
	width: 100%;
	margin-top: 40px;
}
.D4{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.D4_one{
	float: left;
	width: 600px;
}
.D4_one > h1{
	font-size: 26px;
	color: #333;
	margin-top: 20px;
}
.D4_one > span{
	font-size: 18px;
	color: #333;
	line-height: 30px;
	display: block;
    margin: 30px 0;
}
.D4_one > h2{
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
.D4_one > h2 >a{
	font-size: 16px;
	color: #FF7F00;
	margin: 0 8px;
}
.D4_two{
	float: left;
	width: 340px;
	height: 340px;
	margin-left: 100px;
	margin-top: 20px;
}
.D4_two >img{
	width: 340px;
	height: 340px;
}
.D4_three{
	float: left;
	margin-left: 65px;
	background: url(../img/icon_about_title.png)no-repeat top center;
	margin-top: 20px;
	width: 70px;
	height: 165px;
}
.D4_three >h3{
	font-weight: normal;
	font-size: 20px;
	width: 26px;
    color: #333;
    margin-top: 12px;
    margin-left: 8px;
}
/*新闻动态*/
.D5_bg{
	width: 100%;
	margin-top: 60px;
}
.D5{
	width: 1200px;
	margin: 0 auto;
}

.D5_news{
	overflow: hidden;
	margin-top: 30px;
}
/*左边新闻*/
.D5_news .D5_left{
	float: left;
	width: 570px;
}
.D5_news .D5_left .D5_title{
	width: 570px;
	height: 40px;
	background: #eeeeee;
}
.D5_left .D5_title > h1{
	width: 8px;
	height: 40px;
	background: #ff7f00;
	float: left;
}
.D5_left .D5_title > h2{
	font-size: 16px;
	color: #333;
	float: left;
	font-weight: normal;
	line-height: 40px;
	margin-left: 22px;
}
.D5_left .D5_title > h3{
	float: right;
	background: #ff7f00;
	margin-right: 15px;
}
.D5_left .D5_title > h3 > a{
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding: 0 10px;
}
#triangle-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #ff7f00;
    border-bottom: 8px solid transparent;
    margin-top: 4px;
}
.D5_list{
	margin-top: 35px;
}
.D5_list ul > li{
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
.D5_list ul > li > h4{
	float: left;	
}
.D5_list ul > li > h5{
	font-weight: normal;
	float: left;
	line-height: 24px;
	margin-left: 12px;
}
.D5_list ul > li > h5 >a{
	display: block;
	width: 435px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.D5_list ul > li > h5 >a:hover{
	color: #FF7F00;
}
.D5_list ul > li > p{
	float: right;
	color: #999;
	font-size: 12px;
	line-height: 24px;
	margin-right: 10px;
}
/*右边新闻*/
.D5_news .D5_right{
	float: right;
	width: 570px;
}
.D5_news .D5_right .D5_title{
	width: 570px;
	height: 40px;
	background: #eeeeee;
}
.D5_right .D5_title > h1{
	width: 8px;
	height: 40px;
	background: #ff7f00;
	float: left;
}
.D5_right .D5_title > h2{
	font-size: 16px;
	color: #333;
	float: left;
	font-weight: normal;
	line-height: 40px;
	margin-left: 22px;
}
.D5_right .D5_title > h3{
	float: right;
	background: #ff7f00;
	margin-right: 15px;
}
.D5_right .D5_title > h3 > a{
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	padding: 0 10px;
}
.D5_col{
	margin-top: 35px;
}
.D5_col dl{
	overflow: hidden;
    margin-bottom: 10px;
}
.D5_col dl dt{
	width: 100px;
	height: 100px;
	background: #eeeeee;
}
.D5_col dl:hover dt{
	border-top: 1px solid #FF7F00;
	border-bottom: 1px solid #FF7F00;
	border-left: 1px solid #FF7F00;
	box-sizing: border-box;
}
.D5_col dl dt >h1,h2{
	font-weight: normal;	
}
.D5_col dl dt{
	text-align: center;
	float: left;
}
.D5_col dl dt >h1{
	font-size: 50px;
	color: #595959;
}
.D5_col dl dt >h2{
	font-size: 16px;
	color: #595959;
}
.D5_col dl dd{
	width: 470px;
	float: left;
	border-top:1px solid #eeeeee ;
	border-bottom:1px solid #eeeeee ;
	border-right:1px solid #eeeeee ;
	box-sizing: border-box;
	height: 100px;
	padding-left: 20px;
}
.D5_col dl:hover dd{
	border-top: 1px solid #FF7F00;
	border-bottom: 1px solid #FF7F00;
	border-right: 1px solid #FF7F00;
	box-sizing: border-box;
}
.D5_col dl dd>h3{
	font-weight: normal;
	margin: 10px 0;
}
.D5_col dl dd>h3>a{
	font-size: 18px;
	color: #333;
}
.D5_col dl dd>p{
	font-size: 14px;
	color: #666;
	line-height: 20px;
}
/*案例*/
.D6_bg{
	width: 100%;
	margin-top: 60px;
}
.D6{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.D6_box{
	margin-top: 60px;
}
.D6_box .D6_list{
	float: left;
}
.D6_box .D6_list > span{
	width: 400px;
	height: 400px;
	display: block;
}
.D6_box .D6_list > span>a{
	display: block;
	text-align: center;
}
.D6_box .D6_list > span >a > img{
	width: 400px;
	height: 400px;
}
.D6_box .D6_list > span.main_img{
	overflow: hidden;
}
.D6_box .D6_list > span.D6_con{
	background: url(../img/icon_case_bg.png)no-repeat center;
	position: relative;
}
.D6_text{
	width: 200px;
	height: 60px;
	position: absolute;
	top: 42%;
    left: 28%;
    text-align: center;
}
.D6_text >a{
	display: block;
	font-size: 22px;
	color: #fff;
}
/*友情链接*/
.D7_bg{
	width: 100%;
	margin-top: 60px;
}
.D7{
	width: 1200px;
	margin: 0 auto;
}
.D7 .D7_title{
	/*width: 570px;*/
	height: 40px;
	background: #eeeeee;
}
.D7 .D7_title > h1{
	width: 8px;
	height: 40px;
	background: #ff7f00;
	float: left;
}
.D7 .D7_title > h2{
	font-size: 16px;
	color: #333;
	float: left;
	font-weight: normal;
	line-height: 40px;
	margin-left: 22px;
}
.D7_link{
	text-align:left;
	margin-top: 15px;
}
.D7_link >a{
	font-size: 14px;
	color: #333;
	margin-right: 10px;
}
.D7_link >a:hover{
	color: #FF7F00;
}
/*底部*/
.D8_bg{
	width: 100%;
	background: #34383b;
	margin-top: 60px;
}
.D8{
	width: 1200px;
	margin: 0 auto;
}
.D8 > h1{
	font-size: 30px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	background: url(../img/icon_footer.png)no-repeat bottom center;
}
.D8 > h2{
	font-size:30px ;
	color: #fff;
	text-align: center;
	line-height: 30px;
	margin: 40px 0;
}
.D8 > h2 >img{
	display: inline-block;
	margin-right: 15px;
}
.D8 .D8_nav{
	text-align: center;
	margin-bottom: 30px;
}
.D8 .D8_nav >a{
	font-size: 20px;
	display: inline-block;
	color: #79818a;
	margin:0 10px;
	line-height: 24px;
}
.D8 .D8_nav >a:hover{
	color: #fff;
}
.D8_bq{
	width: 640px;
	margin: 0 auto;
	color: #79818a;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.D8_bq >a{
	font-size: 12px;
	color: #79818a;
}
.D8_bq >a:hover{
	color: #fff;
}