/*banner*/



.banner{ width:100%; position:relative; }



.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }



.banner .bd ul{ width:100% !important; height:500px;}



.banner .bd li{ width:100% !important; height: 100%; overflow:hidden; text-align:center;  }



.banner .bd li a{ display:block; height:100%;}







.banner .hd{ width:100%; position:absolute; z-index:1; bottom:15px; left:0;}



.banner .hd ul{ text-align:center; }



.banner .hd ul li{ cursor:pointer; display:inline-block;width:10px;height:10px;background:#fff;margin:0 5px; border-radius: 50%; border: 1px solid #fff; font-size: 0px;}



.banner .hd ul .on{background: none;}







.banner .prev,



.banner .next{position:absolute; z-index:1; top:50%; margin-top:-40px; width:80px; height:80px; cursor:pointer; display:none;}



.banner .prev{left: 20px; background: url(../images/icon-left.png) no-repeat;}



.banner .next{right:20px; background: url(../images/icon-right.png) no-repeat;}







/*产品展示 开始*/







.part3{padding: 50px 0 40px 0; text-align: center;}



.part3 h2{font-size: 20px; line-height: 1; font-weight: normal; color: #666; font-family: Arial; text-transform: uppercase;}



.part3 h2:after{display: block; content: ""; width: 60px; height: 1px; background: #b19c99; margin: 15px auto;}



.part3 h3{font-size: 28px; color: #333; line-height: 1;}







.service{overflow: hidden; margin: 0 0 60px -18px;}



.service li{float: left; width: 25%;}



.service li a{display: block; margin-left: 18px; border: 1px solid #f5f5f5; padding: 80px 0 70px 0; position: relative; text-align: center; overflow: hidden;}



.service li a:after{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: ""; background: #333; z-index: -1; opacity: 0.5;}



.service li i{font-size: 50px; color: #f3f3f3;}



.service li h2{font-size: 16px; font-weight: normal; color: #f3f3f3; line-height: 1; padding: 20px 0 13px 0;}



.service li h3{font-size: 12px; font-weight: normal; color: #f3f3f3; text-transform: uppercase; line-height: 1; padding-bottom: 38px;}



.service li h3:after{margin: 15px auto 0 auto; display: block; content: ""; width: 30px; height: 2px; background: #fff;}



.service li span{font-size: 16px; line-height: 1; color: #f3f3f3; display: none;}



.service li em{position: absolute; left: 0px; top: 0px; width: 100%; padding-bottom: 150%; z-index: -1;}



.service li em img{width: 100%; height: 100%;}



.service li a:hover:after{background: #b19c99; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0.8;}



.service li a:hover i,



.service li a:hover h2,



.service li a:hover h3,



.service li a:hover span{color: #fff;}



.service li i,



.service li h2,



.service li h3,



.service li span,



.service li em,



.service li a:after{



	transition:all 0.3s;



	-moz-transition:all 0.3s;



	-ms-transition:all 0.3s;



	-o-transition:all 0.3s;



	-webkit-transition:all 0.3s;



}











/**/



.list3{margin-left: -20px; margin-top: 30px; margin-bottom: 20px; overflow: hidden;}



.list3 li{float: left; width: 25%; padding: 0 0 10px 20px; box-sizing: border-box;}



.list3 li a{display: block; position: relative; top: 0px; text-align: center;}



.list3 li span{display: block; position: relative; padding-bottom: 75%;}



.list3 li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border: 1px solid #d5d5d5;}



.list3 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 4px; box-sizing: border-box;}







.list3 li h2{padding: 10px 0 10px 0; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.list3 li a:hover span:after{border-width: 3px; border-color: #b19c99;}



.list3 li a:hover h3{background: #b80f05; color: #fff;}



.list3 li h3{



	transition:all 0.3s;



	-moz-transition:all 0.3s;



	-ms-transition:all 0.3s;



	-o-transition:all 0.3s;



	-webkit-transition:all 0.3s;



}











.part1{margin: 50px 0 40px 0; text-align: center; background: url(../images/titbg.jpg) no-repeat center top;}



.part1 h2{position: relative; font-size: 30px; line-height: 1; color: #000;}



.part1 h3{padding: 10px 0; font-size: 18px; color: #acacac; line-height: 1; font-family: Arial; text-transform: uppercase;}



.part1 span{display: block; color: #b4b4b4;}















/**/



.pro_bg{background: #f0f0f0; padding-bottom: 30px; overflow: hidden;}



.pro_tit{background: url(../images/pro_tit.jpg) no-repeat center top; height: 130px;}



.left_bg{background: #202020; margin-top: -130px; min-height: 500px;}



.part2{height: 130px; text-align: center; color: #fff; position: relative; z-index: 1;}



.part2:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; background: #8f0a0d; opacity: 1; z-index: -1;}



.part2 h2{padding-top: 40px; font-size: 14px; font-weight: normal; font-family: Arial; text-transform: uppercase;}



.part2 h3{padding-top: 10px; font-size: 22px; font-weight: bold; line-height: 1;}







.pro_class{padding: 20px 15px 0 15px;}



.pro_class li{margin-bottom: 12px;}



.pro_class li a{display: block; padding: 0 18px; line-height: 30px; font-size: 14px; background: #f3f4f4; border-radius: 50px;}



.pro_class li a:hover{background: #b19c99; color: #fff;}











.lxwm2{margin-top: 25px; background: #8f0a0d; padding: 30px 0 18px 24px; color: #fff;}



.lxwm2 span{display: block; padding: 15px 0 2px 4px;}



.lxwm2 h2{padding: 0 0 0 5px; font-family: Impact; font-weight: normal; font-size: 28px; line-height: 1;}



.lxwm2 p{padding: 12px 0 0 5px; line-height: 25px;}











.case_list{margin-left: -20px; margin-top: 30px;}



.case_list li{float: left; width: 33.33%; padding: 0 0 5px 20px; box-sizing: border-box;}



.case_list li a{display: block; position: relative; top: 0px; text-align: center;}



.case_list li span{display: block; position: relative; padding-bottom: 75%;background: #fff;}



.case_list li span:after{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; content: ""; border: 1px solid #d5d5d5; }



.case_list li span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto;  width: 100%; height: 100%; padding: 5px; box-sizing:border-box;}



.case_list li h2{padding: 10px 0 10px 0; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.case_list li a:hover span:after{border-width: 3px; border-color: #b19c99;}



.case_list li a:hover h3{background: #b80f05; color: #fff;}



.case_list li h3{



	transition:all 0.3s;



	-moz-transition:all 0.3s;



	-ms-transition:all 0.3s;



	-o-transition:all 0.3s;



	-webkit-transition:all 0.3s;



}















/**/



/**/



.list1{margin:80px 0 50px -40px;}



.list1:after{display: block; content: ""; clear: both; font-size: 0px;}



.list1 li{float: left; width: 33.33%;}



.list1 li a{display: block; margin-left: 40px; border: 2px solid #e7e7e7; padding: 20px;}



.list1 li span{display: block; margin: -80px auto 0 auto; width: 110px; height: 110px; text-align: center; line-height: 115px; overflow: hidden; background: #8f0a0d; color: #fff; border-radius: 50%;}



.list1 li span i{color: #fff; font-size: 52px;}



.list1 li h2{padding: 22px 0 28px 0; text-align: center; font-size: 16px; line-height: 1;}



.list1 li p{line-height: 25px; font-size: 14px; color: #333;}











/**/



.lxwm_bg{background:url(../images/i-contact-bg.jpg) no-repeat center; height: 294px;}



.lxwm{text-align: center; color: #fff;}



.lxwm h2{padding: 65px 0 25px 0; font-size: 32px; line-height: 1; font-weight: normal;}



.lxwm p{padding: 0 130px 25px 130px; line-height: 24px; font-size: 14px;}







.more{margin-bottom: 20px; text-align: center;}



.more a{display: inline-block; padding: 10px 30px; text-transform: uppercase; font-size: 14px; color: #8e0000; border: 1px solid #8e0000; border-radius: 0; position: relative; behavior:url(pie.htc);}



.more a:hover{background: #8e0000; color: #fff;}



.more2{}



.more2 a{color: #fff; border-color: #fff;}



.more2 a:hover{background: #fff; color: #333;}















/**/



.about{}



.about span{float: left; width: 440px;}



.about span i{display: block; position:relative; padding-bottom: 70%;}



.about span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc; box-shadow: 7px 7px 0 rgba(0,0,0,0.1);}



.about .con{margin-left: 490px;}



.about .con h2{padding-top: 10px; padding-bottom: 10px; font-size: 24px; font-weight: bold;}



.about .con h2:after{margin-top: 15px; display: block; content: ""; width: 30px; height: 2px; background: #fff;}



.about .con p{line-height: 25px; opacity: 0.8;}



.about .con a{margin-top: 30px; margin-right: 10px; display: inline-block; width: 150px; line-height: 40px; text-align: center; border-width: 1px; border-style: solid;font-size: 14px;}



.about .con a.zx{border-color: #b19c99; background: #b19c99; color: #fff;}



.about .con a.zx:hover{background: #373737; border-color: #373737; color: #fff;}



.about .con a.xx{border-color: #fff;}



.about .con a.xx:hover{background: #fff; color: #450001;}















/**/



.picMarquee-left{overflow:hidden; position:relative; margin-bottom: 20px;}



.picMarquee-left .bd{}



.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }



.picMarquee-left .bd ul li{float: left; width: 25%;}



.picMarquee-left .bd ul li a{display: block; position: relative; text-align: center; margin: 0 0 10px 15px; }



.picMarquee-left .bd ul li span{display: block; position: relative; padding-bottom: 70%;}



.picMarquee-left .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}



.picMarquee-left .bd ul li h2{padding: 15px 0 15px 0; font-size: 14px; color: #333; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}











/**/



.list2{overflow: hidden; margin-left: -70px;}



.list2 li{float: left; margin-bottom: 38px; width: 33.33%;}



.list2 li a{display: block; margin-left:70px;}



.list2 li span{float: left; width: 80px; height: 80px; text-align: center; border: 1px solid #b19c99; background: #b19c99; border-radius: 50%; font-size: 14px; color: #fff; font-family: Arial;}



.list2 li span i{margin-top: 17px; display: block; font-style: normal; font-size: 30px; line-height: 1;}



.list2 li .con{margin-left: 105px;}



.list2 li .con h2{padding-top: 15px; font-size: 16px; line-height: 1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.list2 li .con p{padding-top: 14px; color: #999; line-height: 24px; font-weight: 300;}



.list2 li a:hover span{background: #373737; border-color: #373737; color: #fff;}



.list2 li span{



	transition:all 0.3s;



	-moz-transition:all 0.3s;



	-ms-transition:all 0.3s;



	-o-transition:all 0.3s;



	-webkit-transition:all 0.3s;



}