@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.index_ban{width:100%; height: auto; display: block; margin-top:110px;}
.index_ban img{width:100%; height: auto; display: block}
.index_mendian{width:100%; height: auto; overflow: hidden; text-align: center; background: url(../images/men_bjs.png) no-repeat center; margin-bottom:60px;}
.index_mendian h3{font-size:50px; color: #229e6f; font-weight: bold; margin-top: -35px}
.img1{margin: 10px 0}
.zi_hui{font-size: 40px; color: #777777}
.index_mendian h4,.index_case h4{font-size: 50px; color: #ffc412; font-weight: bold;}
.index_mendian h4 i,.index_case h4 i{font-size: 54px; color: #229e6f; font-weight: bold;}
.zi_tab{width:auto; display: table; margin:30px auto; border: 1px solid #229e6f; font-size: 26px; color:#229e6f; border-radius: 25px; padding: 6px 30px}
.zi_p{font-size: 18px; color: #4d4d4d; line-height: 28px; margin-bottom: 30px;}
.zi_p span{font-size:24px; color:#229e6f; font-weight:bold;}
.in_md_pic{width:1200px; height: auto; overflow: hidden; position: relative; margin:36px auto 0;}
.in_md_pic img{width:100%; height: auto; display: block}
.in_md_dh{width:460px; height: 70px; background: #61bd96 url(../images/b_dhs.png) no-repeat 15px center; border-radius:35px; position: absolute; bottom:36px; left:50%; margin-left:-230px;}
.in_md_dh{width:460px; height: 70px; background: #61bd96 url(../images/b_dhs.png) no-repeat 15px center; border-radius:35px; position: absolute; bottom:36px; left:50%; margin-left:-230px;}
.in_md_dh span{font-size: 40px; color: #fff; line-height: 70px; font-weight: bold; float: left; margin-left: 85px}
.in_md_dh p{font-size: 17px; color: #fff; line-height: 26px; position: relative; float: right; margin-top: 10px; margin-right: 20px;}
.in_md_dh p:after{content: ""; width: 15px; height: 2px; background: #fff; position: absolute; top:50%; left:-25px;}
.index_product{width:100%; height: auto; overflow: hidden; background: url(../images/product_bjs.jpg) no-repeat center; text-align: center; padding: 65px 0}
.index_product .in_pro_t{margin-bottom: 20px;}
.in_pro_t{width:100%; height: auto; overflow: hidden; text-align: center; } 
.in_pro_t h3{font-size:50px; color: #229e6f; font-weight: bold; margin-top: -35px}
.index_case{width:100%; height: auto; display: block; background: url(../images/case_bjs.jpg) no-repeat bottom center; padding: 90px 0; text-align: center}
.index_case .in_pro_t{margin-bottom: 20px;}
.in_case_pic{width:auto; height: auto; overflow: hidden;  text-align: center; display: table; margin: 118px auto 0;}
.in_case_pic img{display: block}
.index_service{width:100%; height:950px; overflow: hidden; text-align: center; background: url(../images/service_bjs.jpg) no-repeat center; padding-top:70px;}
.index_service .in_pro_t p,.index_contact p{font-size: 40px; color: #777777}
.index_service .in_pro_t p span,.index_contact p span{color:#229e6f; font-weight:bold; font-size: 40px;}
.index_service .ser1{margin-top: 32px;}
.index_contact{width:100%; height: 908px; background: url(../images/join_bjs.jpg) no-repeat center bottom; padding-top: 65px;}
.index_contact_all{width:1300px; height:auto; margin: 26px auto 0;}
.index_contact_all img{width:591px; height: auto; float: left}
.in_contact_info{width:580px; height: auto; float: right}
.in_contact_info .num_zi{width:100%; height: 35px; line-height: 35px; font-size: 25px; color: #4d4d4d; text-align: center; margin-bottom: 40px; }
.in_contact_info .num_zi span{color:#ffc412; font-size:32px; font-weight: bold;}
.in_form{width:100%; height: auto; overflow: hidden}
.in_form .form_p{width:100%; height: 70px; line-height: 70px; border: 2px solid #229e6f; border-radius: 5px; padding: 0px 10px; margin-bottom: 10px;}
.in_form .form_p input[type="text"]{width:100%; height: 100%; border: 0; background: none; padding: 0px 10px; font-size: 18px; color: #4d4d4d}
.in_submit{width:100%; height: 70px; background: #fff; border-radius: 5px; text-align: center; line-height: 70px; font-size: 22px; color: #4d4d4d; background: #fff;
	border: 0; margin-top: 35px;}
.in_form p{font-size: 18px; color:#fff;  padding-left: 20px; margin-top: 15px;}
.in_submit:hover{background: #ffc412; color:#fff; cursor: pointer}


/*头部*/

.header{height:110px; width: 100%; position: fixed;  top: 0;left: 0; right: 0; background: #fff; z-index: 99; box-shadow: 0 0 10px #999; }
.header_top{width: 100%; height:40px;line-height: 40px; }
.header_top .container{height: 100%;}
.header_right{ width: 100%; height:100%; font-size:12px;color:#333; line-height:40px;}
.header_right p{ font-size: 14px; color:#c1c1c1; float: left; padding-left: 30px;}
.header_right div{float:right}
.header_right a{color:#c1c1c1}
.header_right img{ float: left; margin-top:7px; margin-right: 5px;}
.header_right .header_wx{ width:200px; height: 100%; margin-right: 8px; font-size: 14px; color:#c1c1c1}
.header_wx h3{ float:right; font-size: 18px; color: #298d53; line-height: 40px; font-weight: bold}
.header .container{height: 100%; }
.header_phone{ float:right; margin-top: 30px; }
.top{float: left; height:100%; width: 755px; margin-left:11px;}
.top-middle{width:100%;margin:0 auto;}
.top-middle>img{margin-top:26px; float: left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{position: relative}
.nav a{ color:#333;}
.nav .nLi{ float:left;  position:relative; display:inline; height: 111px;}
.nav .nLi h3{ float:left;text-align: center;width:93px; margin-top: 15px; }
.nav .nLi h3 p{width:70px; height: 100%; float: left}
.nav .nLi h3 a{ display:block;  font-size:15px; font-weight:normal; color:#222222; line-height: 100px; }
.nav .nLi h3 i{  background: url(../images/xia.png) no-repeat left center; float: left; width:10px; height:100%; display: block; display: none}
.nav .sub{ display:none;left:-10px; top:110px;  position:absolute;  line-height:26px; padding:0; width:110px;     z-index: 999;  }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height: 40px;  background:#33ae00;text-align: center; }
.nav .sub li p{ width:100%; float: left; margin: 0px; }
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #fff; font-size: 12px; height: 100%; }
.nav li.active h3{}
.nav li.active h3 a{ color: #33ae00}
.sub li:hover a{color:#fff; background: #ffa112; }
.logo{float:left; width:260px; margin-top: 33px;}
.logo a img{height: 100%; width: 100%; }
.nav .nLi:hover i{ display: block; }
.nav_active{width:35px; height: 29px; position: absolute; top: 40px; left: 0px; background: url(../images/active.png) no-repeat;}
.bootom{ background: url(../images/index.jpg) no-repeat center; height: 5484px;  }
.header_phone p > img{ padding-right:5px; }
.header_phone p { color: #333; }
.header_phone > h3{ font-size: 24px; font-weight: bold; }