@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
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}

/*顶部*/
.header_top{width:100%; height: 40px; background: #221e1f;}
.nav_right{width:auto; float: left; font-size: 14px; line-height: 40px; color: rgba(255,255,255,0.62)}
.header_right{float: right; line-height: 40px;}
.header_right p{font-size: 15px; color: #fff; float: left; margin-right: 5px;}
.header_right a{font-size: 14px; color: #fff; float: left; margin-right: 8px; background: url(../images/bx.png) no-repeat left center;padding-left:10px; }
.header_right a:hover{color:#7e191e}



/* 导航栏 */
.header_nav{width:100%; height:100px; }
.h_logo{width:97px; height: 66px; float: left; margin-top: 12px;}
.h_logo img{width:100%;  height: auto}
#menu{ height:100px; width:70%; float: left; margin-left: 6%}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height: 100%;}
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height: 100%; width:14%; border-left:1px solid #f5f5f5}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; text-align:center; font-size:15px; z-index: 2; position: relative; color:#333333;height:75px; margin-top:25px; }
#menu .nav .nLi h3 a{color:#333333;  overflow: hidden}
#menu .nav .sub{ display:none; width:140px; left:50%; margin-left: -70px;  top:100px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nLi:hover h3 a{color: #d7171e;}
#menu .nav .sub li{zoom:1; }
#menu .nav .sub a{display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#d7171e; }
#menu .nav .nLi .sub a:hover{ color:#d7171e;}
#menu .nav .active h3 a{color: #d7171e; }
#menu .nav .active,#menu .nLi:hover{background: url(../images/hx.png) no-repeat center bottom}
#menu .nLi:hover h3 a{border-bottom: 2px solid #e70012}
.header_dhs{width:15%; height:100px; float: right; background: #333333; text-align: center; padding-top:15px; }
.header_dhs h4{font-size:15px; color: #fff; line-height: 35px;}
.header_dhs p{font-size: 18px; color: #fff;}
#menu .nav .nLi i{ height: 22px; display: block; margin: 0px auto;}
#menu .nav .nLi i.n1{width: 24px; background: url(../images/yonggang_2.png) no-repeat}
#menu .nav .nLi i.n2{width: 22px; background: url(../images/yonggang_3.png) no-repeat}
#menu .nav .nLi i.n3{width: 21px; background: url(../images/yonggang_4.png) no-repeat}
#menu .nav .nLi i.n4{width: 23px; background: url(../images/yonggang_5.png) no-repeat}
#menu .nav .nLi i.n5{width: 27px; background: url(../images/yonggang_6.png) no-repeat}
#menu .nav .nLi i.n6{width: 25px; background: url(../images/yonggang_7.png) no-repeat}
#menu .nav .nLi i.n7{width: 30px; background: url(../images/yonggang_8.png) no-repeat}
#menu .nav .nLi h3 p{height:35px; line-height:35px;}
#menu .nav .nLi:hover i.n1,#menu .nav .active i.n1{width: 24px; background: url(../images/yonggang_1.png) no-repeat}
#menu .nav .nLi:hover i.n2,#menu .nav .active i.n2{width: 22px; background: url(../images/yonggang_3_hover.png) no-repeat}
#menu .nav .nLi:hover i.n3,#menu .nav .active i.n3{width: 21px; background: url(../images/yonggang_4_hover.png) no-repeat}
#menu .nav .nLi:hover i.n4,#menu .nav .active i.n4{width: 23px; background: url(../images/yonggang_5_hover.png) no-repeat}
#menu .nav .nLi:hover i.n5,#menu .nav .active i.n5{width: 27px; background: url(../images/yonggang_6_hover.png) no-repeat}
#menu .nav .nLi:hover i.n6,#menu .nav .active i.n6{width: 25px; background: url(../images/yonggang_7_hover.png) no-repeat}
#menu .nav .nLi:hover i.n7,#menu .nav .active i.n7{width: 30px; background: url(../images/yonggang_8_hover.png) no-repeat}






/* 首页:banner */
.banner{ width:100%;  position:relative;  height:600px;clear: left; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -40px; bottom:30px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #ddd; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li.on{background:#e70012}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%; }





/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; margin-top: 60px; }
.index_about_left{width:45%; height: auto; float: left}
.index_about_left h5{font-size: 18px; color: #e70012; font-weight: bold;}
.index_about_left h3{font-size: 32px; color: #333333; font-weight: bold;}
.index_about_left p{font-size: 14px; color: #666666; line-height: 24px; margin-top:20px;}
.index_about_num{width:80%; height: auto; overflow: hidden; margin-top: 42px;}
.index_about_num dl{width:44%; height: auto; background: url(../images/sx.png) no-repeat right; float: left; margin-bottom: 20px; }
.index_about_num dl:nth-child(2n){background:none; float: right}
.index_about_num dl dt{width:100%; height: 35px; font-size: 14px; color:#666666 }
.index_about_num dl dt span{font-size: 36px; color: #333333; font-family: "Impact"}
.index_about_num dl dd{font-size: 14px; color: #666; line-height: 26px; height: 35px; line-height: 35px;}
.index_about_right{width:50%; height: auto;  float: right}
.index_about_right img{width:100%;}
/*广告*/
.index_gg{width:100%; height:167px; background: url(../images/ygdz_5.jpg) no-repeat center; margin-top: 72px; padding-top: 38px;}
.index_gg_info{width:50%;  height: auto;}
.index_gg_info .gg_dh{width:auto; height: auto;  float: left; position: relative}
.index_gg_info .gg_dh dl{width: 57px; height: auto; margin-right: 34px;}
.index_gg_info .gg_dh dl dt{width:52px; height: 52px; border: 2px  solid #fff; background: rgba(255,255,255,0.2); text-align: center; border-radius: 50%; margin: 0px auto;}
.index_gg_info .gg_dh dl dt img{ margin: 10px auto 0;}
.index_gg_info .gg_dh dl dd{width:100%; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center}
.gg_dh .gg_pic{width:100px; height: 100px; position: absolute; top:82px;  left:0; opacity: 0; z-index: 999}
.gg_dh p{width:150px; height: 45px; line-height: 45px; background: rgba(255,255,255,0.8); text-align: center; font-size: 18px;  color:#333; position: absolute; top:82px; left: 0; opacity: 0;    transition: .6s;}
.index_gg_info .gg_dh:hover p{opacity: 1}
.index_gg_info .gg_dh:hover .gg_pic{opacity: 1}
.index_gg_info .gg_dh:hover dd{color:#e70012}


/*产品中心*/
.index_product{width:100%; height:477px; overflow: hidden; background:url(../images/pro_bjs.jpg) no-repeat center; padding-top: 61px }
.index_product_title{width:100%; height: auto; overflow: hidden; text-align: center}
.index_product_title h3{font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 20px;}
.index_product_title p{font-size: 14px; color: #666666;}
.index_product ul{width:100%; height: auto; overflow: hidden; margin-top: 45px;}
.index_product ul li{width:24%; height: auto; float: left; margin-right:1.3%; position: relative; overflow: hidden}
.index_product ul li img.p_img{width:100%; height: 100%; display: block}
.index_product ul li p{width:155px; height: 45px; background: rgba(231,0,18,0.75); text-align: center; line-height: 45px; position: absolute; left:20px; bottom:20px; font-size: 16px; color: #fff;  font-weight: bold;}
.index_product ul li:last-child{margin-right:0 }
.pro_hover{width:100%; height: 100%; position: absolute; top:100%; left:0;  background: rgba(231,0,18,0.6); text-align: center; padding-top: 21%; transition: all 0.4s ease-in-out;}
.pro_hover h4{font-size: 16px; color: #ffffff; font-weight: bold; height:35px; line-height:35px;}
.pro_hover span{font-size: 14px; color: #fff;}
.index_product ul li:hover .pro_hover{top:0}
.index_product ul li:hover p{opacity: 0}



/*新闻*/
.index_news{ width: 100%; height: auto; overflow: hidden;  margin-top: 54px;}
.in_news_left{width:53%; height: auto; overflow: hidden; float: left; margin-top:20px;}
.in_news_left li{width:46%; height: auto; float: left; margin-right: 4%;}
.news_left_pic{width:100%; height: 196px; overflow: hidden}
.news_left_pic img{width: 100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_left_xx{width:100%; height: 152px; background: #f8f8f8; padding: 10px 15px;}
.news_left_xx h4{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #333333}
.news_left_xx span{font-size: 14px; color: #999999; height: 30px; line-height: 30px; display: block}
.news_left_xx p{width:100%; height: 58px; font-size: 14px; color: #666666; line-height: 26px; overflow: hidden; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.in_news_left li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.in_news_left li:hover h4,.in_news_left li:hover p,.in_news_left li:hover span{color:#e70012}
.in_news_right{width:47%; height: auto; overflow: hidden; float: right; margin-top:20px;}
.in_news_right li{width:100%; height: 162px; background: #f8f8f8; padding: 15px; margin-bottom:23px;}
.in_news_right li h4{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_right li .news_right_num{width:100%; height: 30px; line-height: 30px;}
.in_news_right li .news_right_num p{font-size: 14px; color: #999999; background: url(../images/t.png) no-repeat left center; padding-left: 15px; margin-right: 15px;float: left}
.in_news_right li .news_right_num span{font-size: 14px; color: #999999; background: url(../images/y.png) no-repeat left center; padding-left: 15px; }
.in_news_right li p.news_p{width:100%; height: 50px; font-size: 14px; color: #666666; line-height: 26px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 10px;}
.in_news_right li:last-child{margin-bottom: 0}
.in_news_right li:hover h4,.in_news_right li:hover p,.in_news_right li:hover span{color:#e70012}
.keyword_light{font-size:14px; line-height:28px; color:#666}
.ny_bioati{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center;  clear: both}
.ny_btime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;
                    clear: both; font-size:14px;}

.in_news_right li:hover .news_right_num p{ background: url(../images/h_t.png) no-repeat left center; }
.in_news_right li:hover .news_right_num span{ background: url(../images/h_y.png) no-repeat left center; }

.in_yqlj{width:1200px;height:auto;margin:0 auto;text-align:left;padding:10px 0px;}

/*快捷导航*/
.index_daohang{width:100%; height:243px; background: url(../images/kj_bj.jpg) no-repeat center; padding-top: 45px; margin-top:60px}
.index_daohang ul{width:100%; height: auto; overflow: hidden;}
.index_daohang ul li{width:25%; height: auto; float: left}
.dh_pic{width:130px; height: 113px;  background: url(../images/yonggang_14.png)  no-repeat center; margin: 0px auto; text-align: center; padding-top: 37px;
-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.index_daohang ul li p{width:100%; height: 40px;  line-height: 40px;  font-size: 18px; color:#fff; text-align: center; margin-top: 8px;}
.index_daohang ul li:hover p{color:#e70317}
.index_daohang ul li:hover .dh_pic{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}


/*案列*/
.index_case{width:100%; height: 328px; margin-top: 60px;}



/*底部*/
.footer{width: 100%; height:314px; background:url(../images/ygdz_7.jpg) no-repeat; padding-top:65px; margin-top:40px;}
.footer_left{width:255px; height: 100%; float: left}
.footer_left h4,.footer_xx h4{font-size: 18px; color: #cccccc; margin-bottom: 10px;}
.footer_left .f_nav{width:100%; height: auto; overflow: hidden; margin-top:25px;}
.footer_left .f_nav a{width:50%; float: left; height: 30px; color: #999999; font-size: 14px;}
.footer_left .f_nav a:hover{color:#fff}
.footer_xx{width:340px; height: auto; float: left; margin-left: 17%}
.footer_xx p{font-size: 14px; color: #999999; height:30px; line-height: 30px; padding-left: 25px; margin-bottom:5px}
.footer_xx .f_info{width:100%; height: auto; overflow: hidden}
.f_info .f1{background: url(../images/f1.png) no-repeat left center}
.f_info .f2{background: url(../images/f2.png) no-repeat left center}
.f_info .f3{background: url(../images/f3.png) no-repeat left center}
.f_info .f4{background: url(../images/f4.png) no-repeat left center}
.footer_xx .f_info a{color:#999999}
.footer_pic{width:139px; height: 110px; float: right; margin-top: 50px;}
.footer_pic img{width:109px; height: 108px; float: left}
.footer_pic p{width:30px; height: 108px; border: 1px solid #fff; border-left:0; font-size: 14px; color: #fff; float: left; writing-mode:tb-rl; padding-top: 15px; padding-right:5px;}

.footer_ban{width:100%; height: 45px; line-height:45px;overflow: hidden; background: #222222; margin-top: 29px;}
.footer_zhichi{width:auto; height:45px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px; font-size: 14px; color:#cccccc;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 11px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top: 11px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 14px; color: #cccccc;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; font-size: 14px; color:#cccccc; float: left}
.f_brq a{margin-left: 15px; font-size: 14px; color: #cccccc}
.f_brq a:hover{color:#7e191e!important}
.index_kuaijie{width:100%; height: auto;  padding: 15px;overflow: hidden}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 16px; color: #cccccc; margin: 0px 10px;}
.index_kuaijie p{font-size: 16px; color: #cccccc; float: left; }
.index_kuaijie a:hover{color:#7e191e}



/* 内页banner */
.news_banner{ height: 300px; width: 100%; background:#ddd url(../images/news_banner.jpg) no-repeat center;}
.about_banner{ height: 300px; width: 100%; background:#ddd url(../images/about_banner.jpg) no-repeat center;}
.goods_banner{ height: 300px; width: 100%; background:#ddd url(../images/goods_banner.jpg) no-repeat center;}
.case_banner{ height: 300px; width: 100%; background:#ddd url(../images/case_banner.jpg)  no-repeat center;}
.service_banner{ height: 300px; width: 100%; background:#ddd url(../images/service_banner.jpg)  no-repeat center;}
.contact_banner{ height: 300px; width: 100%; background:#ddd url(../images/contact_banner.jpg)  no-repeat center;}



/*内页导航*/
.ny_about{width:100%; height: auto; font-size: 14px; color: #666; line-height: 28px; margin-top: 40px;}
.ny_about img{max-width: 100%}
p.inside_con_title{ font-size: 30px; color: #fff;  padding-top: 215px; line-height: 54px;}
.location,.location a{ color: #fff; font-size: 14px; width:100%; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.location a:hover{ color: #e70317}
.inside_con{ height: 64px; line-height: 64px; background: #f4f4f4;}
.inside_con ul li{ margin-top: 12px;  float: left; position: relative;}
.inside_con ul li::before{content: "";position: absolute; height: 15px; width: 1px; background: #dedede; left: 0; top: 12px;}
.inside_con ul li:last-child::after{content: "";position: absolute; height: 15px; width: 1px; background: #dedede; right: 0; top: 12px;}
.inside_con ul li a{ display: block; height: 40px; line-height: 40px;padding: 0 26px; font-size:14px;}
.inside_con ul li.active a{background: #e70317; color: #fff;}
.inside_con ul li.active::before{content: ""; display: none}
.inside_con ul li.active:hover::before{content: ""; display: none}
.inside_con ul li:hover{background: #e70317; color: #fff;}
.inside_con ul li:hover a{color:#fff}
.inside_body{ min-height: 300px; padding: 60px 0; overflow: hidden;}
.inside_body p{line-height: 30px; margin-bottom: 10px; color: #666; font-size: 14px;}




/* 新闻列表 */
.news_first{ height:auto; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 16px;  margin-top: 30px; overflow: hidden}
.news_first a.news_first_img{ display: block; width: 284px; height: 200px; overflow: hidden; float: left; }
.news_first a.news_first_img img{ width: 100%; height: auto;transition:all 0.4s;}
.news_first a.news_first_img img:hover{transform: scale(1.1); transition: all .4s; }
.news_first .news_first_right{ width: auto; height: 200px; margin-left:295px;}
.news_first .news_first_right p{ font-size: 18px; line-height: 64px; color: #333;}
.news_first .news_first_right p:hover{color: #e70317}
.date_cunt{ height: 30px; line-height: 30px;}
.date_cunt li{ display: inline-block; float: left; margin-right: 20px; color: #999; padding-left: 20px; font-size: 14px;}
.date_cunt li.date{ background: url(../images/tl_index_20.png) no-repeat left;}
.date_cunt li.cunt{ background: url(../images/tl_index_21.png) no-repeat left;}
.news_first .news_first_right span{ display:block; line-height: 1.5; width:100%; height:45px; color: #666; text-align: justify; font-size: 14px; margin-top: 10px;
  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}



.news_first .news_first_right i{ font-style: normal; display: block; margin-top:15px; color: #999; font-size: 14px;}

.inside_news_list{ width: 100%; overflow: hidden;}
.inside_news_list li{ float: left; width:48%; height: 142px; margin-bottom: 16px; border-bottom: 1px solid #eee;}
.inside_news_list li:nth-child(2n){float:right}
.inside_news_list li:hover{  background: #f8f8f8;}
.inside_news_list li .news_left{ float: left; width: 104px; margin-top: 38px; background: url(../images/hw_top_26.png) no-repeat right center; text-align: center; font-size: 42px; color: #333; line-height: 32px;}
.inside_news_list li .news_left span{ font-size: 14px; color: #666;}
.inside_news_list li .news_right{ width:auto; padding: 28px 24px 0 24px; margin-left:104px; }
.news_right h4{ font-size: 18px; line-height: 32px; width:100%; height:35px; line-height:35px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.inside_news_list li .news_right a:hover{ color: #e70317}
.inside_news_list li .news_right p{font-size: 14px; line-height: 26px; color: #666; width: 100%; height:58px; overflow: hidden}







/*工程案列 */
.ny_case,.ny_goods,.ny_service{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.ny_service{font-size:14px; color:#666;  line-height:28px;}
.ny_service img{max-width: 100%; height:auto!important}
.case_list{ width: 100%; overflow: hidden;}
.case_list li{width:24%; float: left; border: 1px solid #eee; margin-right: 16px; margin-bottom: 16px; } 
.case_list li .img{ width: 100%;  margin: 0 auto; overflow: hidden; height: 203px; overflow: hidden; padding: 10px 10px 0;}
.case_list li .img img{ width: 100%; height: 100%;  display: block}
.case_list li:hover{ border: 1px solid #e70317}
.case_list li:hover div{ color: #e70317}
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 15px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.case_list li:nth-child(4n){margin-right: 0;}



/*联系我们 */
.ny_contact{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
#map{ width: 65%; border: 1px solid #e8e8e8; height: 418px; margin-bottom: 30px; float:left;}
.contact_fs_main{ height: 418px; width:35%; background: #fff; border: 1px solid #e8e8e8; border-left: none; float: left; padding-left: 43px;}
.contact_fs_main h3{display: block;font-size: 18px; margin-top: 48px; line-height: 56px; margin-bottom: 10px; position: relative;}
.contact_fs_main h3::after{ content: ""; display: block; height: 5px;  width: 32px; background: #e70317; position: absolute; left:0; bottom: 0; }
.contact_fs_main p{ line-height: 26px;  color: #666; text-indent: 30px;  font-size: 14px;}
.contact_fs_main p a{ color: #666;}
.contact_fs_main p.contact_icon1{ background: url(../images/f1.png) no-repeat left;}
.contact_fs_main p.contact_icon2{ background: url(../images/f2.png) no-repeat left;}
.contact_fs_main p.contact_icon3{ background: url(../images/f3.png) no-repeat left;}
.contact_fs_main p.contact_icon4{ background: url(../images/f4.png) no-repeat left;}
.contact_fs_main img{ margin-top: 10px;}
.BMap_bubble_title{ font-size: 16px; color: #e70317; font-weight: bold;}
.BMap_bubble_content{ line-height: 24px;}


/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:50%;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; 
    background:url(../images/fx.png) no-repeat;

}
.lxfx li:first-child i{ background-position:-36px 0; height: 22px; margin-bottom: 5px; }
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center; font-size: 14px;
}
.lxfx li {
    background:#d7171e;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}

.lxfx li:first-child{ position: relative;}
.lxfx li:first-child img{ display: none;}
.lxfx li:first-child:hover img{ display: block; position: absolute; right:100px; top: 0;}


.lxfx li i.icon-top {
    background-position: -30px -49px;
    height: 32px;}


/*手机导航*/
.index_header{display: none;}
.sj_header{width:100%; clear:both; height:70px;  padding: 0px 10px; }
.logo{float:left; width:9%; margin-top: 12px;}
.menu{float:right; height:25px; width:34px; margin-top: 20px; }
.menu img{height:100%; width:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}
.logo img{width:100%; height: 100%;}
.openmenu{overflow-y:scroll; }
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#e70012; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%; padding-top:10px; text-align:center; clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:0.9em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff; width:100%; height:100%; display:block;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:1em; font-size:0.9rem; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}

/*banner*/
.sj_banner{width:100%; display: none;}
.sj_banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%;margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; font-size: 18px; display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-pagination-bullet-active{background: #e70012}


/*手机行业应用*/
.sj_yyhy{display: none;}

/*sj底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index:888; height: 60px;width: 100%; background:#e70012; font-size: .14rem; padding: 0px 10px; display: none;}
footer li{width: 20%;height: 100%;float: left}
footer li img{width: 24px;height: 24px;display: block;margin: 0 auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top:6px;color: #fff}
footer span{line-height:30px; font-size: 12px; color: #fff; display: block; width: 100%;}
footer li a.active{background:#221e1f;color: #fff}
.copy {width: 100%; padding-top:25px; text-align: center; line-height: 20px; clear: both; font-size: 14px; display: none;}
.copy a{ font-size: 16px; color: #999; height: 30px; line-height: 30px;}
.copy p{width:100%; font-size: 16px; color: #999; line-height: 30px;}
.copy  span{ font-size: 26px; color: #bb0101; font-weight: bold; margin-left:2px;}
.copy img{ width:28px; height: 22px; float: left;}
.copy .iconfont{  font-size: 25px; color: #666666; margin-right:6px;}




/*手机banner*/
.sj_banner .swiper-pagination-bullet-active { opacity: 1; background: #007aff;}
.sj_banner .swiper-pagination-switch {width: 8px;  height: 8px; display: inline-block; border-radius: 100%; background: #000;   margin: 0px 5px;}
.sj_banner .swiper-active-switch { background: #1a5bb5}
.sj_banner .swiper-pagination{bottom:10px; width: 100%; left:0; text-align: center}


/*手机产品*/
.sj_product{width:100%; height: auto; overflow: hidden; display: none; margin-top: 20px;}
.swiper-slide{background: none;}
.sj_product .swiper-slide a{width:100%; height: 100%; display: block; background: none; }
.sj_product .swiper-slide img{width:100%; height: auto;}
.sj_product .swiper-slide p{width:100%; height: 40px; line-height: 40px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; font-size: 0.9rem}


/*手机产品详情*/
.sj_pro{width:100%; height:auto; overflow:hidden; padding:0px 10px; display:none;}
.sj_pro_img{width:100%; height:auto; margin:15px   0}
.sj_pro img{max-width:100%; height:auto;}
.sj_pro_info{font-size:0.9rem; color:#666; line-height:26px;}
.sj_pro_info h4{width:100%; line-height:28px; margin-bottom:10px; font-size:1.2rem; color:#333; font-weight:bold; text-align:center}
.ny_rtime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;clear: both; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both}
.keyword_light img{max-width:100%;}
.ny_ps_list{margin-top:30px;}


.ny_ps_list table tr td img{ width: 100%;}


/*手机页码*/
.page-list{ position:relative; margin:20px 0; clear:both; display:none;}
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:25%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.page-list span{ color:#999; }
.page-list a{ color:#1eabf3; }
.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
.page-list .current{ display:block; float:left; }









@media only screen and (max-width:1200px ) {
	.container{width:100%; padding: 0px 10px;}
}





@media only screen and (max-width:1024px ) {
	#menu{margin-left: 3%}
	.banner{height: 320px; background-size: 100% 100%!important;}
	.index_gg_info{padding-left: 10%}
	.slick-slide a{width:99%; height: auto;}
	.lxfx{display: none;}
	.case_list li{width: 24.2%; margin-right: 1%}
	.case_list li .img{height:auto;}
	.contact_fs_main{width:46%}
	#map{width:54%}
	.index_gg{display: none;}
}


@media only screen and (max-width:768px ) {
	body{padding-bottom: 80px;}
	.header_nav,.banner,.footer{display: none;}
	.index_header,.sj_banner{display: block}
	footer,.copy{display: block}
	.index_about_left,.index_about_right,.in_news_left,.in_news_right{width:100%; float: none}
	.index_about_num{margin: 20px auto;}
	.index_product ul li{width:49%; margin-right: 0; margin-bottom: 10px;}
	
	.index_product ul li:nth-child(2n),.in_news_left li:nth-child(2n){float: right}
	.index_product{height: auto;  background-size: 100% 100%}
	.in_news_left li{margin-right: 0; width: 48%}
	.news_left_pic{height: auto;}
	.slick-prev{left:44%;}
	.slick-next{right:44%}
	#proshow{display:none;}
	.sj_pro{display:block;}
	
}


@media only screen and (max-width:425px ) {
	.logo{width: 17%}
	.index_about{margin-top:20px;}
	.index_about_num{width:90%}
	.index_product ul li:hover .pro_hover{top:100%}
	.index_daohang ul li{width:48%; margin-bottom: 20px}
	.index_daohang{width: 100%; height: auto; overflow: hidden; background-size: cover}
	.slick-prev{left:36%;}
	.slick-next{right:36%}
	.inside_con{width:100%; height: auto; overflow: hidden; }
	.inside_con ul li{width:33.33%; text-align: center; margin-bottom: 15px;}
	.ny_about{font-size: 0.9rem}
	.case_list li{width: 49%; margin-right: 0}
	.case_list li:nth-child(2n){float: right}
	.inside_con ul li a{padding: 0}
	.contact_fs_main,#map{width:100%; border: 0; padding-left: 0}
	.contact_fs_main h3{margin-top: 0px;}
	.inside_news_list li{width:100%;}
	.news_first a.news_first_img{width:100%; float:none;}
	.news_first .news_first_right{width:100%; height:auto;  margin-left:0px;}
	.ny_btime{font-size:0.9rem}
	.ny_service{margin-top:10px;}
	.inside_pro li{width:50%!important;}
	.inside_con ul li:last-child::after{background:none}
	.goods_banner,.about_banner,.news_banner,.case_banner,.service_banner,.contact_banner{height:auto;}
	p.inside_con_title{padding-top:70px;}
	.page-list{display:block;}
	.digg{display:none;}
	.index_product ul li p{width:90%; left:50%; margin-left:-45%;}

	
}




@media only screen and (max-width:375px ) {
	
	
}

@media only screen and (max-width:320px ) {
	.slick-next{right:35%}
	.slick-prev{left:35%}
	
}