@charset "UTF-8";

*{margin: 0;padding: 0;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.container{padding: 94px 0 62px;width: 100%; overflow: hidden;-webkit-transition: .6s;  -moz-transition: .6s;  -ms-transition: .6s;  -o-transition: .6s;  transition: .6s;}

/*头部*/
.header{position: fixed;top:0;left: 0;width: 100%;z-index: 20;  -webkit-transition: .6s;  -moz-transition: .6s;  -ms-transition: .6s;  -o-transition: .6s;  transition: .6s;}
.head{background: #222222;padding: 17px 16px;position: relative;}
.hd_ser{width: 20px;height: 20px;background: url("../images/prod_06.png") no-repeat center;background-size: 100%;}
.hd_ser.hide{opacity: 0;filter:alpha(opacity=0);}
.logo{display: block;width: 150px;position: absolute;left: 50%;top:50%;  -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);}
.logo img{display: block;width: 100%;}
.menu_click{position: absolute;cursor: pointer;background-color: #222; right: 16px;top:50%;margin-top: -10px;width: 25px;height: 20px;  -webkit-transition: 1s;  -moz-transition: 1s;  -ms-transition: 1s;  -o-transition: 1s;  transition: 1s;}
.menu_click li{height: 2px;background: #a6a6a6;margin-top: 7px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.menu_click li.li1{margin-top: 0;}
.menu_click li.li2{margin-left: 8px;}
.menu_click.on{right: auto;left: 18px;margin-top: -8px;}
.menu_click.on li.li2{display: none;}
.menu_click.on li.li1{margin-top: 7px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.menu_click.on li.li3{margin-top: -2px;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.hd_search_wrap{padding: 12px 12%;display: none; position: absolute;top:54px;left: 0;width: 100%;background: rgba(3,3,3,0.2);overflow: hidden;}
.hd_search_wrap .text{display: block;width: 75%;float: left;line-height: 28px;background: #fff;border: none;padding: 0 20px;}
.hd_search_wrap .sub{display: block;width: 25%;float: right;color: #fff;text-align: center; line-height: 28px;background: #e60012;border: none;}
/*over*/

/*左侧导航栏*/
.nav_wrap{position: fixed;z-index: 21; width: 260px;padding: 50px 10px 50px 0; height: 100%;left: -260px;background: #f3f3f3;  -webkit-transition: .6s;  -moz-transition: .6s;  -ms-transition: .6s;  -o-transition: .6s;  transition: .6s;}
.nav{overflow-x:hidden;overflow-y: auto;height: 100%; }
.nav li{position: relative;border-bottom: 1px solid #dfdfdf;}
.nav li>a{display: block;line-height: 25px;color: #333333;font-size: 15px;margin: 0 50px 0 30px;padding: 10px 0;}
.nav li.click>a{text-align: center;color: #e60012;margin-left: 50px;}
.nav li i{display: block;width: 20px;height: 46px;position: absolute;right: 15px;top:0; background: url("../images/prod3_07.png") no-repeat center;background-size: 35%;  -webkit-transition: .8s;  -moz-transition: .8s;  -ms-transition: .8s;  -o-transition: .8s;  transition: .8s;}
.nav li.click i{right: 205px;background-image: url("../images/prod3_11.png");}
.nav2{display: none;}
.nav2 a{display: block;line-height: 23px;border-top: 1px solid #dfdfdf;color: #333333;font-size: 13px;padding: 8px 50px 8px 30px;}
/*over*/

/*内页二级分类*/
.menu_fixed{position: fixed;top:54px;left: 0;width: 100%;z-index: 3;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.menu_wrap{background: #f0f0f0;position: relative;z-index: 5;}
.menu_wrap h5{font-size: 16px;line-height: 40px;color: #222222;margin: 0 50px 0 16px;}
.menu_wrap .icon{width: 30px;background: url("../images/prod_17.png") no-repeat center;background-size: 28%; position: absolute;right: 5px;top:0;height: 40px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);}
.menu_wrap .icon.on{background-image: url("../images/prod_15.png");  -webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  transform: rotate(-90deg);}
.menu{display: none;border-top: 1px solid #e5e5e5; position: absolute;top:36px;background: #f0f0f0;left: 0;width: 100%;padding: 15px 16px 10px;}
.menu a{display: block;margin-bottom: 5px;font-size: 14px;color: #333333;line-height: 25px;}
.menu a.on,.menu a:hover{color: #e60012;}
/*over*/

/*分页*/
.page_list{text-align: center;padding: 30px 0 40px;}
.page_list a{font-family: "Arial"; display: inline-block;*zoom:1;*display:inline;width: 30px;line-height: 30px;color: #aaa;border: 1px solid #dddddd;margin: 5px 3px 0;}
.page_list a:hover,.page_list a.on{color: #e60012;border-color: #e60012;}
.page_list a.prev,.page_list a.next{border-color: transparent;}
/*上一个、下一个*/
.page_back{margin: 0 16px 25px;overflow: hidden;border: 1px solid #ddd;}
.page_back a{display: block;width: 33.33%;font-size: 14px;line-height: 35px; float: left;text-align: center;line-height: 35px;border-left: 1px solid #ddd;}
.page_back a:first-child{border: none;}
.page_back a:hover{color: #e60012;}
.page_list .shangyi{ display:none;}
/*over*/

/*关于宏耐*/
.about_list{overflow: hidden;position: relative;}
.about_list li{width: 50%;float: left;padding: 17px 10px 10px; }
.about_list li:before{content: " ";background: #d7d7d7;position: absolute;left:50%;top:0;width: 1px;height: 100%;}
.about_list li:after{content: " ";background: #d7d7d7;position: absolute;left: 0;top:50%;width: 100%;height: 1px;}
.about_list li .pic{width: 60%;margin: 0 auto 5px;}
.about_list li .pic img{display: block;width: 100%;}
.about_list li span{display: block;font-size: 12px;min-height: 44px; line-height: 22px;color: #666666;text-align: center;}
.develop{position: relative;margin: 30px 16px 40px;padding-top: 70px;background-image: url("../images/develop_11.jpg");background-repeat: repeat-y;background-position: 58px top;}
.develop:before{width: 35px;height: 35px;content: " ";position: absolute;left: 43px;top:0;background: url("../images/develop_03.jpg") no-repeat center;background-size: 100% auto;}
.develop li{padding-left: 80px;position: relative;margin-top: 35px;}
.develop li:before{width: 15px;height: 15px;content: " ";position: absolute;left: 51px;top:0;background: url("../images/develop_07.jpg") no-repeat center;background-size: 100% auto;}
.develop li:first-child{margin-top: 0;}
.develop li .date{position: absolute;left: 0;top:0;width: 70px;line-height: 22px;color: #e60012;font-size: 12px;}
.develop li span{display: block;line-height: 25px;color: #333333;font-size: 15px;margin-bottom: 5px;}
.develop li p{line-height: 22px;color: #666666;font-size: 12px;}
.honor{margin: 0 16px 0;overflow: hidden;padding-top: 10px;}
.honor li{float: left;width: 50%;padding: 0 15px 0 0;margin-top: 20px;}
.honor li.two{padding: 0 0 0 15px;}
.honor li .pic{display: block;border: 1px solid #e5e5e5;overflow: hidden;}
.honor li .pic img{display: block;width: 100%;}
.honor li span{font-size: 15px;line-height: 25px;margin-top:7px; color: #666666; display: block;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*over*/

/*产品展厅*/
.product{padding: 14px 8px 0;overflow: hidden;}
.product li{float: left;width: 50%;padding: 0 8px;margin-top: 16px;}
.product li .pic{display: block;overflow: hidden;}
.product li .pic img{display: block;width: 100%;}
.product li .con{display: block;line-height: 35px;color: #333333;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 16px; text-align:center;}
.product li:hover .con{box-shadow: 0 0 20px rgba(0,0,0,0.1);color: #e60012;}
/*详情*/
.product_detail{padding: 30px 16px 40px;}
.product_detail img{display: block;width: 100%;}
.product_detail h1{font-size: 16px;line-height: 26px;color: #333333;margin: 15px 0 10px;}
.pd_table{width: 100%;margin-bottom: 20px;}
.pd_table td{width: 50%;font-size: 14px;line-height: 22px;color: #666666;padding:5px 0 5px 20px; }
.pd_table td:first-child{padding-left: 0;}
.rec_pd{padding-bottom:30px;}
.rec_pd h5{text-align: center;font-size: 16px;line-height: 26px;color: #333333;margin: 15px 0 0;}
.rec_pd .product{padding-top: 0;}
/*over*/

/*新闻中心*/
.new{margin: 0 16px;padding-top: 16px;}
.new li{overflow: hidden;border-top: 1px solid #e8e5e2;padding: 14px 0 0;margin-top: 14px;}
.new li:first-child{border-top: none;margin-top: 0;}
.new li .pic{display: block;float: left;width: 36%;overflow: hidden;}
.new li .pic img{display: block;width: 100%;}
.new li .con{display: block;float: right;width: 63%;overflow: hidden;padding-left: 16px;}
.new li .con span{display: block;font-size: 15px;line-height: 25px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new li .con i{font-style: normal; display: block;font-size: 11px;margin: 0 0 3px; line-height: 20px;color: #999999;font-family: "Arial";}
.new li .con p{line-height: 20px;color: #666666;font-size: 12px;height: 40px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
@media (max-width: 400px) {
    .new li .con p{height: 20px;-webkit-line-clamp: 1; }
}
/*详情*/
.detail{padding: 25px 25px;}
.new_detail .tit{border-bottom: 1px solid #d7d7d7;padding-bottom: 15px;margin-bottom: 20px;}
.new_detail .tit h1{font-size: 15px;line-height: 25px;color: #333333;margin-bottom: 5px;}
.new_detail .tit div{overflow: hidden;}
.new_detail .tit div span{display: block;font-size: 11px; float: left;line-height: 20px;color: #999999;margin-left: 8px;}
.new_detail .tit div span:first-child{margin-left: 0;}
.detail p{color: #666666;font-size: 14px;}
.detail img{display: block;max-width: 100%;}
.detail h5{font-size: 15px;line-height: 25px;color: #333333;}
.rec_new .tit{overflow: hidden;border-bottom: 1px solid #d7d7d7;padding-bottom: 20px;margin: 0 16px 0;padding-top: 20px;}
.rec_new .tit a{display: block;float: left;margin-right: 16px; text-align: center;font-size: 15px; width: 120px;height: 40px;line-height: 40px;color: #222222;border: 1px solid #ddd;}
.rec_new .tit a:hover{color: #e60012;border-color: #e60012;}
.new_det_more{width: 125px;text-indent: 25px;font-size: 11px;line-height: 35px;color: #333333;display: block; margin: 30px auto 40px;position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.new_det_more:after{content: " ";position: absolute;right: 20px;top:0;width: 20px;height: 100%;background: url("../images/more_07.png") no-repeat center;background-size: 100% auto; }
.new_det_more:hover{color: #fff;background-color: #e60012;}
.new_det_more:hover:after{background-image: url("../images/more_03.png");}
/*over*/

/*联系我们*/
.contact{overflow: hidden;margin: 30px 16px 0 }
.contact li{float: left;min-width: 50%;margin-bottom: 25px;overflow: hidden;}
.contact li .pic{width: 80px;height: 80px;float: left;}
.contact li .pic img{display: block;width: 100%;}
.contact li .con{float: left;margin-left: 20px;margin-top: 17px;}
.contact li .con span{display: block;font-size: 15px;line-height: 25px;color: #696868;}
.contact li .con p{display: block;font-size: 12px;line-height: 22px;color: #666666;}
@media (max-width: 400px) {
    .contact li .pic{width: 60px;height: 60px;}
    .contact li .con{margin-left: 15px;margin-top: 5px;}
}
@media (max-width: 350px) {
    .contact li{width: 100%;}
    .contact li .pic{width: 60px;height: 60px;}
    .contact li .con{width: 200px;margin-left: 20px;}
}
.map{overflow: hidden;}
.map img{display: block;width: 100%;}
.hn_form{margin: 0 8px 40px;padding-top: 18px;}
.hn_form li{overflow: hidden;margin: 15px 8px 0;}
.hn_form .text {outline: none;  -webkit-appearance: none;  border-radius: 0;padding: 0 9px; width: 100%;border: 1px solid #dedede;line-height: 38px;font-size: 15px;color: #666666;background: #fff;}
.hn_form li.sel_1ist{margin: 15px 0 0;}
.hn_form li.sel_1ist .sel_wrap{width: 33.333%;padding: 0 8px;float: left;}
.hn_form li.sel_1ist .sel_wrap select{outline: none;position: relative;  -webkit-appearance: none; background: url("../images/form_03.jpg") no-repeat 90% center #fff; border-radius: 0; padding: 0 9px; width: 100%;border: 1px solid #dedede;line-height: 38px;height: 38px; font-size: 15px;color: #666666;}
@media (max-width: 340px) {
    .hn_form li.sel_1ist .sel_wrap.min_width{padding: 0 8px 0 0;}
    .hn_form li.sel_1ist .sel_wrap.min_width select{padding: 0 3px;}
}
.hn_form li.sel_1ist2 .sel_wrap{width: 50%;}
.hn_form .textarea {background-color: #fff; outline: none;  -webkit-appearance: none;  border-radius: 0;padding: 6px 9px; width: 100%;height: 100px; border: 1px solid #dedede;line-height: 25px; font-size: 15px;color: #666666;}
.hn_form .yzm { background-color: #fff; display: block; outline: none;  -webkit-appearance: none;  border-radius: 0;padding: 0 9px; width: 140px;border: 1px solid #dedede;line-height: 38px;font-size: 15px;color: #666666;}
.hn_form .sub {background-color: #fff; display: block; outline: none;  -webkit-appearance: none;  border-radius: 0;text-align: center; width: 140px;border: 1px solid #e60012;line-height: 38px;font-size: 15px;color: #e60012;}
.hn_form li span{display: block;float: left;margin-right: 10px;color: #666666;font-size: 15px;line-height: 38px;}
.hn_form li span input{margin-right: 3px;}
/*over*/

/*首页*/
.swiper-container {  width: 100%;  height: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;  }
.swiper-slide{  width:100%;  height:100%;  position: relative;  padding:54px 0 62px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.swiper-slide.vertical{display: flex;justify-content: center;align-items: center;}
.swiper-slide img{max-width: 100%;display: block;}
.swiper-pagination-bullet {  width: 6px;  height: 6px;  background: #fff;  opacity: .4;  }
.swiper-pagination-bullet-active {  opacity: 1;  }


/*f1*/
.banner{width: 100%;}
.banner .flexslider{position:relative; clear: both; overflow:hidden;z-index: 1; width: 100%;height: 100%;}
.banner .flex-viewport{width: 100%;height: 100%;}
.banner .flexslider .slides{width: 100%;height: 100%;}
.banner .flexslider .slides li{position:relative;width: 100%;height: 100%;}
.banner .flexslider .slides li a{position:relative;display: block;width: 100%;height: 100%;}
.banner .flexslider .slides li a img { width: 100%;display:block;height: 100%; }
.banner .flex-direction-nav{}
.banner .flex-direction-nav li a{width:35px; height:11px;border-radius: 100%;  position: absolute;top:50%;margin-top: -5px; display: block;font-size: 0;text-indent:-9000px; -webkit-transition: 0.4s; transition: 0.4s;}
/*.banner .flex-direction-nav li a.flex-prev{left: 2.8%;background: url("../images/index2_09.png") no-repeat center;}
.banner .flex-direction-nav li a.flex-next{right: 2.8%; background: url("../images/index2_05.png") no-repeat center;}
.banner .flex-direction-nav li a.flex-prev:focus{background: url("../images/index2_03.png") no-repeat center;}
.banner .flex-direction-nav li a.flex-next:focus{background: url("../images/index2_10.png") no-repeat center;}*/
.banner .flex-control-nav{display: none; padding: 0; position: absolute;bottom: 33px;left: 0;height: 24px;line-height: 24px; width: 100%; text-align: center;}
.banner .flex-control-nav li{vertical-align: middle; display: inline-block;*display: inline;zoom:1;margin: 0 4px;padding: 0;}
.banner .flex-control-nav li a{border-radius: 12px; display: block; font-size: 0;color: transparent;width: 12px;height: 12px;background-color: rgba(243,243,245,0.6);}
.banner .flex-control-nav li a:hover,.flex-control-nav li a.flex-active{background-color: #2f95e2;width: 37px;}
/*f2*/
.ind_tit{margin: 0 16px;}
.ind_tit h5{font-size: 17px;line-height: 27px;color: #222222;}
.ind_tit h6{font-size: 12px;line-height: 18px;color: #999999;font-family: "Arial";}
.ind_wrap .product{padding-top: 0px;}
.ind_wrap .new_det_more{margin-bottom: 20px;margin-top: 15px;}
.ind_wrap .product li{margin-top: 5px;}
/*f3*/
.ind_f3{margin: 5px 16px 0;}
.ind_f3 p{font-size: 14px;line-height: 22px;color: #666666;margin-bottom: 10px;height: 88px;overflow: hidden;}
.ind_f3 img{display: block;max-width: 100%;}
@media (max-width: 340px) {
    .ind_f3{margin-top: 13px;}
    .ind_f3 p{line-height: 18px;font-size: 13px;height: 54px;}
    .ind_wrap .new_det_more{margin-top: 25px;}
}
/*f5*/
.ind_wrap5{margin-top: 3%;}
.ind_f5{position:relative; clear: both; overflow:hidden;z-index: 1; width: 100%;}
.ind_wrap .new{padding-top: 10px;}
.ind_f5 .flex-viewport{width: 100%;height: 100%;}
.ind_f5 .slides{width: 100%;height: 100%;}
.ind_f5 .slides>li{position:relative;width: 100%;height: 100%;}
.ind_f5 .flex-direction-nav{}
.ind_f5 .flex-direction-nav li a{width:40px;box-shadow: 0 0 10px rgba(0,0,0,0.1); height:33px; position: absolute;top:50%;margin-top: -16px; display: block;font-size: 0;text-indent:-9000px; -webkit-transition: 0.4s; transition: 0.4s;}
.ind_f5 .flex-direction-nav li a.flex-prev{left: 2.8%;background: url("../images/index_14.png") no-repeat center #fff;background-size: 60% auto;}
.ind_f5 .flex-direction-nav li a.flex-next{right: 2.8%; background: url("../images/index_20.png") no-repeat center #fff;background-size: 60% auto;}
.ind_f5 .flex-direction-nav li a.flex-prev:hover{background: url("../images/index_11.png") no-repeat center #e60012;}
.ind_f5 .flex-direction-nav li a.flex-next:hover{background: url("../images/index_16.png") no-repeat center #e60012;}
.ind_f5 .flex-control-nav{display: none; padding: 0; position: absolute;bottom: 33px;left: 0;height: 24px;line-height: 24px; width: 100%; text-align: center;}
.ind_f5 .flex-control-nav li{vertical-align: middle; display: inline-block;*display: inline;zoom:1;margin: 0 4px;padding: 0;}
.ind_f5 .flex-control-nav li a{border-radius: 12px; display: block; font-size: 0;color: transparent;width: 12px;height: 12px;background-color: rgba(243,243,245,0.6);}
.ind_f5 .flex-control-nav li a:hover,
.ind_f5 .flex-control-nav li a.flex-active{background-color: #2f95e2;width: 37px;}
.ind_f5 .new{padding-top: 0;}
.ind_f5 .new li{padding-top: 10px;margin-top: 10px;}
.ind_f5 .new li .pic{width: 30%;}
.ind_f5 .new li .con{width: 69%;}
.ind_f5 .new li .con p{height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*f6*/
.ind_f6_wrap1{margin-top: 10%;}
.ind_f6_p{margin: 25px 16px 0;}
.ind_f6_p p{font-size: 14px;line-height: 24px;color: #666666;}
.ind_f6{position: absolute;left: 0;bottom:62px;background: #333333;width: 100%;}
.ind_map{position: absolute;bottom: 218px;left: 0;}
.ind_map img{display: block;max-width: 100%;}
.ind_ft{overflow: hidden;margin: 0 8px;padding: 20px 0 10px;}
.ind_ft li{float: left;padding: 0 8px;}
.ind_ft a{line-height: 25px;color: #fff;font-size: 15px;display: block;}
.ind_f6 p{margin: 0 16px 0;color: rgba(255,255,255,0.3);font-size: 12px;line-height: 20px;}
.ind_f6 p a{color: rgba(255,255,255,0.3);font-size: 12px;line-height: 20px;}
.ind_bottom{margin: 10px 16px 20px;padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.1);}
.ind_bottom p{margin: 0;}
@media (max-width: 360px) {
    .ind_f6_wrap1{margin-top: 3%;}
    .ind_f6_p{margin-top: 10px;}
    .ind_f6_p p{font-size: 13px;line-height: 19px;}
    .ind_ft{padding: 15px 0 8px;}
    .ind_ft a{font-size: 13px;line-height: 19px;}
    .ind_f6 p,.ind_f6 p a{font-size: 11px;line-height: 17px;}
    .ind_bottom{margin-bottom: 10px;}
    .ind_map{overflow: hidden;bottom: 180px;}
}

/*弹出的建议留言框*/
.pup_wrap{display: none; position: fixed;top:0;left: 0; z-index: 100;width: 100%;background: rgba(0,0,0,0.7);height: 100%;padding: 30px 0 10px;}
.pup_wrap .sign_out{display: none;height: 0;width: 0;}
.pup_wrap .sign_out li{position: fixed;top:25px;right: 10px; z-index: 101;width: 40px;height: 1px;background: #fff;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.pup_wrap .sign_out li:first-child{margin: 0;top:25px;right: 10px;   -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.pup_wrap .hn_form{height: 100%;overflow-x: auto;position: relative;z-index: 102;}
.pup_wrap .hn_form li span{color: #fff;}



/*底部*/
.foot{z-index: 10;left: 0; width: 100%; background: #222222;position: fixed;bottom: 0;padding: 6px 0;overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.foot a{display: block;width: 25%;float: left;border-left: 1px solid rgba(255,255,255,0.05);}
.foot a:first-child{border-left: 1px solid #222;}
.foot a .icon{width: 30px;height: 30px;margin: 0 auto;background-size: 100% auto; background-repeat: no-repeat;background-position: center;}
.foot a .icon1{background-image: url("../images/prod_30.png");}
.foot a:hover .icon1{background-image: url("../images/ft_03.png");}
.foot a .icon2{background-image: url("../images/prod_32.png");}
.foot a:hover .icon2{background-image: url("../images/ft_05.png");}
.foot a .icon3{background-image: url("../images/prod_35.png");}
.foot a:hover .icon3{background-image: url("../images/ft_07.png");}
.foot a .icon4{background-image: url("../images/prod_37.png");}
.foot a:hover .icon4{background-image: url("../images/ft_09.png");}
.foot a span{display: block;text-align: center;font-size: 12px;color: #fff;line-height: 20px;}
.foot a:hover span{color: #E60012;}
/*over*/

/*右侧浮动的*/
.float_right{position: fixed;right: 10px;bottom: 10%;z-index: 10;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.float_right ul{position: relative; }
.float_right li{width: 60px;height: 69px;padding: 8px 0; margin-bottom: 10px;background: #929292; text-align: center; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.float_right li div{height: 28px;margin: 0 auto 5px;}
.float_right li div img{}
.float_right li span{display: block;font-size: 10px;line-height: 20px;color: #fff;}
.float_right li:hover{background-color: #e60012;}
.float_right li.right-cancel{ position: absolute;width: 20px;right: -10px;top:-10px;z-index: 60;background: #fff;height: 20px;padding: 0;border-radius: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.float_right li.right-cancel img{display: block;width: 34%;margin: 4px auto;}
.float_right li.right-cancel.on{  -webkit-transform: rotate(-180deg);  -moz-transform: rotate(-180deg);  -ms-transform: rotate(-180deg);  -o-transform: rotate(-180deg);  transform: rotate(-180deg);}



.yanzhengma{
    margin-top: -40px;
    margin-right: -20px;}
    
    .index_f4{width: 100%;display: block; background-size: cover;background-repeat: no-repeat;background-position: center;}