/*初始化代码*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#3c3c3c; font-size:14px;font-family: "Microsoft YaHei";}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#332c2b; text-decoration:none; }
a:hover { text-decoration:none; color: #f13e45;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.clearfix:after {content: "."; display: block; height:0;
clear:both;visibility: hidden;}  .clearfix { *zoom:1; }

/*公共样式*/
.w1200{width: 1200px; margin: 0 auto;height: 100%;}
.f_l{float: left;}
.f_r{float: right;}

.title{text-align: center;margin-top: 36px;}
.title h2{font-size: 30px;color: #1c1c1c;}
.title span{color: #c8c8c8;}
.title i{display: block; width: 32px;height: 1px;background-color: #f13e45;margin: 20px auto;}

/*top*/
.top{width: 100%;height: 162px;}
.top .top_btn {display: block; height: 30px;line-height: 30px;text-align: right;}
.top .top_btn a{font-size: 14px;}
.top .top_btn .top_line{margin: 0 20px;}

.top .top_phone {height: 132px;}
.top .logo_phone .er{height: 100%;margin-left: 265px;}
.top .logo_phone .er img {margin-top: 9px;float: left;}

.top .top_phone{height: 132px;background: url(../images/phone_icon.png) left center no-repeat;}
.top .top_phone p{margin-top: 40px;margin-left: 50px;color: #000;font-size: 14px;}
.top .top_phone p span{font-weight: bold;font-size: 22px;color: #f13e45;}

/*nav*/
.nav{width: 100%;height: 50px;background: url(../images/navbg.jpg) center no-repeat;}
.nav ul li{float: left;}
.nav .line{height: 10px;width: 1px;margin-top: 20px;border-left: 1px dotted #fff;}
.nav ul li a{display: block; color: #fff;line-height: 50px;text-align: center;padding:0 46px;}
.nav ul li a:hover{background-color: rgba(0,0,0,.2);}
.nav_hover{background-color: rgba(0,0,0,.2);}

/*keyword*/
.keyword{width: 100%;height: 70px;box-shadow: 1px 1px 30px #f3f3f3;}
.keyword .kw{height: 24px;width: 60%;background: url(../images/hot.png) left center no-repeat;margin-top: 24px;line-height: 34px;padding-left: 40px;font-size: 14px;}
.keyword .kw strong{font-weight: bold;}

.keyword .search{height: 38px;}
.keyword .search .key{border: 1px solid #6c6c6c;border-right: 0; height: 38px;width: 240px;margin-top: 18px;float: left;padding-left: 15px;}
.keyword .search .Submit{border: 0;height: 40px;width: 50px;margin-top: 18px;float: left;background: url(../images/search.png) center no-repeat;background-color: #f13e45;cursor: pointer;}

/*Product*/

.Product .p_btn {height: 94px;padding: 0 72px; margin: 0 auto;}
.Product .p_btn ul:last-child{margin-top: 15px;}
.Product .p_btn ul li{width: 138px;height: 40px;background: url(../images/p_btn.jpg);float: left;margin-right: 15px;}
.Product .p_btn ul li:last-child{margin-right: 0;}
.Product .p_btn ul li a{display: block;width: 100%;height: 100%;color: #fff;text-align: center;line-height: 40px;}
.Product .p_btn ul li a:hover{background-color: rgba(0,0,0,.2);}

.Product .p_pic{margin-top: 36px;height: 684px;}
.Product .p_pic ul:last-child{margin-top: 18px;}
.Product .p_pic li{border: 1px solid #d8d8d8;height: 327px;width: 280px;float: left;margin-right: 24px;}
.Product .p_pic li:last-child{margin-right: 0;}
.Product .p_pic li:hover{border-color: #f13e45;}
.Product .p_pic li a.pic_bg {display: block;width: 100%;height: 282px;}
.Product .p_pic li a.pic_title{display: block;width: 100%;height: 45px;background-color: #d8d8d8;color: #3c3c3c;line-height: 45px;text-align: center;}
.Product .p_pic li .pic_title:hover{color: #f13e45;}

.Product .p_more{height: 40px;margin-top: 30px;}
.Product .p_more a{display: block; width: 150px;height: 40px;background-color: #e3e3e3;line-height: 40px;text-align: center;margin: 0 auto;}


/*横幅*/
.hf{width: 100%;height: 221px;background: url(../images/hf.jpg) center no-repeat;margin-top: 48px;color: #fff;}
.hf .hf_txt{margin-top: 62px;margin-left: 212px;}
.hf .hf_txt h1{font-size: 28px;margin-bottom: 10px;}
.hf .hf_txt p{font-size: 14px;margin-bottom: 10px;}
.hf .hf_txt i{display: block;width: 80px;height: 1px;background-color: #fff;margin-bottom: 7px;}
.hf .hf_txt p span{font-weight: bold;font-size: 24px;}

/*优势*/
.ys_title{height: 150px;width: 604px;margin: 0 auto;background: url(../images/ys.png) center no-repeat;}
.ys_title img {float: left;margin-top: 50px;margin-left: 156px;}
.ys_title span{float: left;color: #1c1c1c;font-size: 30px;line-height: 22px;display: block;padding-left: 10px;margin-top: 50px;}
.ys_title span i{font-size: 14px;font-style: normal;}

.ys_bg1{width: 100%;height: 450px;background: url(../images/ys_pic1.jpg) center no-repeat;margin: 0 auto;}
.ys_bg2{width: 100%;height: 450px;background: url(../images/ys_pic2.jpg) center no-repeat;margin: 0 auto;}
.ys_bg3{margin-top: 50px;background: url(../images/ys_pic3.jpg) right top no-repeat;}

.ys{display: block;height: 225px;}
.ys_bg2 .ys{padding-left: 55%;height: 170px;}
.ys_bg2 .ys:first-child{padding-top: 42px;}
.ys_bg3 .ys{height: 190px;}
.ys .nub {display: block;width: 60px;height: 85px;background: url(../images/nub_bg.jpg) center no-repeat;color: #fff;font-weight: bold;font-size: 36px;text-align: center;padding-top: 18px;}
.ys .nub i{display: block;width: 28px;height: 2px;background-color: #fff;margin: 0 auto;margin-top: 15px;}

.ys .ys_red{color: #f13e45;font-weight: bold;}
.ys .txt{margin-left: 20px;width: 370px;}
.ys .txt h2{font-size: 26px;color: #1c1c1c;border-bottom: 1px dotted #9b9b9b;line-height: 50px;}
.ys .txt p{color: #1c1c1c;font-size: 14px;line-height: 30px;margin-top: 10px;}

/*横幅2*/
.hf2{width: 100%;height: 260px;background: url(../images/hf2.jpg) center no-repeat;}

/*关于我们*/
.about{width: 100%;height: 772px;background-color: #f2f2f2;position: relative;z-index: 1;}

.about .ab_con .ab_txt{position: relative; width:46%;padding-left: 50px;height: 386px;}
.about .ab_con .ab_txt i{position: absolute;font-style: normal;font-size: 70px;color:rgba(227,227,227,.5);font-weight: bold;z-index: -1;top: -60px;}
.about .ab_con .ab_txt h1{font-size: 26px;color: #1c1c1c;margin-bottom: 10px;}
.about .ab_con .ab_txt h2{display: block; font-size: 14px;color: #b4b1b8;margin-bottom: 10px;}
.about .ab_con .ab_txt p{text-indent: 2em;}
.about .ab_con .ab_txt a{display: block;width: 150px;height: 40px;background-color: #e3e3e3;line-height: 40px;text-align: center;margin: 18px auto 0;}


/*生产车间*/
.middle_2_b{ padding:10px 0;position: relative;}
.middle_2_b dl{ overflow: hidden; padding-bottom:50px; padding-top:20px;}
.middle_2_b dt{ width:980px; margin-left:4px; margin-top:52px; float:left; box-shadow: 0px 0px 10px #dcdcdc;background-color: #f2f2f2;}
.middle_2_b_l ul{ width:960px; padding:20px 0; margin:0 auto;}
.middle_2_b_l ul li{ float:left; width:240px; text-align: center;}
.middle_2_b_l ul li img{ width:211px; height: 146px; text-align: center;}
.middle_2_b_l ul li span{display: block; font-size: 14px; padding-top:10px;}

.middle_2_b dd{ width:216px; float:right;}
.middle_2_b_r_title{ background: url(../images/cj1_bg.jpg); height:76px; text-align: center; color:#fff; font-size: 14px;}
.middle_2_b_r_title strong{display: block; font-size: 20px; padding-top:16px;}
.middle_2_b_r ul{}

.middle_2_b_r ul li:nth-child(1){ background: url(../images/cj2_bg.jpg);}
.middle_2_b_r ul li:nth-child(2){ background: url(../images/cj3_bg.jpg);}
.middle_2_b_r ul li:nth-child(3){ background: url(../images/cj4_bg.jpg);}

.middle_2_b_r ul li:nth-child(1) a{background: url(../images/cj2_icon.png) 40px center no-repeat;background-size: 32px 32px;}
.middle_2_b_r ul li:nth-child(2) a{background: url(../images/cj3_icon.png) 40px center no-repeat;background-size: 32px 32px;}
.middle_2_b_r ul li:nth-child(3) a{background: url(../images/cj4_icon.png) 40px center no-repeat;background-size: 32px 32px;}

.middle_2_b_r li:nth-child(1) a:hover:before{
	content: "";
	width:13px;
	height: 22px;
	background: url(../images/cj2_jt.png) no-repeat;
	position: absolute;
	left: -13px;
	top:20px;
}
.middle_2_b_r li:nth-child(2) a:hover:before{
	content: "";
	width:13px;
	height: 22px;
	background: url(../images/cj3_jt.png) no-repeat;
	position: absolute;
	left: -13px;
	top:20px;
}
.middle_2_b_r li:nth-child(3) a:hover:before{
	content: "";
	width:13px;
	height: 22px;
	background: url(../images/cj4_jt.png) no-repeat;
	position: absolute;
	left: -13px;
	top:20px;
}

.middle_2_b_r li a{ display: block; color:#fff;  padding:16px 0 16px 86px; text-decoration: none; line-height: 16px; position: relative;}
.middle_2_b_r li strong{ font-size: 16px;}

.slideTxtBox{position: absolute;top: -260px;z-index: 9;}

/*合作流程*/
.hz{width: 100%;height: 250px;}
.hz ul li{
	float: left;
	width: 14.2%;
	height: 141px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	transition: transform .5s;
    -moz-transition: transform .5s;
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
}
.hz ul li:nth-child(1){background: url(../images/hz1.png) center no-repeat;}
.hz ul li:nth-child(2){background: url(../images/hz2.png) center no-repeat;color: #000;}
.hz ul li:nth-child(3){background: url(../images/hz3.png) center no-repeat;color: #000;}
.hz ul li:nth-child(4){background: url(../images/hz4.png) center no-repeat;}
.hz ul li:nth-child(5){background: url(../images/hz5.png) center no-repeat;}
.hz ul li:nth-child(6){background: url(../images/hz6.png) center no-repeat;text-shadow: 1px 1px 1px #000;}
.hz ul li:nth-child(7){background: url(../images/hz7.png) center no-repeat;}
.hz ul li span{display: block; padding-top: 25px;line-height: 30px;}
.hz ul li:hover{transform:rotate(360deg);}

/*客户见证*/
.jz{width: 100%;height: 480px;}
.jz .jz_main ul li{width: 50%;float: left;height: 300px;position: relative;}
.jz .jz_main ul li .jz_txt{height: 260px;width: 296px;background-color: #f2f2f2;padding: 38px 146px 0 40px;color: #000;box-shadow: 1px 3px 1px #e5e5e5;}
.jz .jz_main ul li .jz_txt h1,.jz .jz_main ul li .jz_txt span{display: block; height: 34px;border-bottom: 1px dotted #a4a4a4;}
.jz .jz_main ul li .jz_txt span{line-height: 34px;}
.jz .jz_main ul li .jz_txt h1 a{font-size: 18px;color: #000;}
.jz .jz_main ul li .jz_txt h1 a:hover{color:#f13e45;}
.jz .jz_main ul li .jz_txt p{color: #616161;line-height: 30px;padding-top: 10px;}

.jz .jz_main ul li>a {
	display: block;
	width: 120px;
	height: 40px;
	background: url(../images/jz_btn.jpg);
	line-height: 40px;
	color: #fff;
	padding-left: 20px;
	position: absolute;
	bottom: -15px;
	left: 40px;
}
.jz .jz_main ul li>span {
	display: block;
	width: 216px;
	height: 238px;
	background-color: #ccc;
	position: absolute;
	top: 20px;
	right: 20px;
}

/*新闻中心*/
.in_news{width: 100%;height: 1200px;}
.in_news .news_main{margin-bottom: 50px;height: 210px;}
.in_news .news_main:nth-child(5){margin-bottom: 0px;}
.in_news .news_main ul li{float: left; width: 332px;height: 235px;margin-left: 102px;}
.in_news .news_main ul li:first-child{margin-left: 0;}
.in_news .news_main ul li a{display: block;width: 100%;height: 100%;color: #000;padding: 40px 24px 0 24px;position: relative;}
.in_news .news_main ul li a:hover{background: url(../images/news_bg.jpg);color: #fff;}
.in_news .news_main ul li a:hover P{color: #fff;}
.in_news .news_main ul li a:hover i{background: url(../images/news_w.png);}
.in_news .news_main ul li a .date{font-size: 36px;}
.in_news .news_main ul li a .year{font-size: 14px;}
.in_news .news_main ul li a h1{font-size: 18px;margin-top: 38px;}
.in_news .news_main ul li a p{color: #656565;margin-top: 18px;line-height: 30px;}

.in_news .news_main ul li a i{display: block;width: 44px;height: 11px;background: url(../images/news_h.png);margin-top: 28px;}

.in_news .news_main ul li a .news_pic{
	display: block;
	width: 305px;
	height: 203px;
	position: absolute;
	left: 38px;
	bottom: -75px;
}

/*footer底部*/
.footer{width: 100%;height: 430px;background: url(../images/foot_bg.jpg) center no-repeat;}
.footer ul{width: 100%;height: 320px;}
.footer ul li{width: 188px;float: left;color: #fff;}
.footer ul li.foot_contact{width: 255px;}
.footer ul li dt{font-size: 18px;margin: 42px auto;}
.footer ul li dd{line-height: 30px;}
.footer ul li a{color: #fff;}
.footer ul li a:hover{text-decoration: underline;}

.footer ul li h1{margin:42px 0 14px 0;}
.footer ul li p{line-height: 30px;}
.footer ul li .foot_phone{font-size: 20px;font-weight: bold;margin-bottom: 42px;}

.footer ul li.er{width: 120px;float: right;margin-top: 66px;}
.footer ul li.er p{text-align: center;}


.footer .foot_bottom{width: 100%;height: 58px;line-height: 58px;text-align: center;color: #fff;}
.footer .foot_bottom a{color: #fff;}