﻿
.iphone-nav{display:none;z-index:501;position:fixed;top:.5rem;bottom:0;right:0;width:70%;background-color:rgba(0, 145, 215, 0.85);overflow:hidden}
.iphone-nav .ul>li{position:relative}
.iphone-nav .ul .hd{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #a6d9f1;padding:0 .125rem}
.iphone-nav .ul .hd a{display:block;color:#fff;line-height:.4rem;font-size:.125rem}
.iphone-nav .ul .hd i{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;line-height:.4rem;text-align:right;color:#fff;font-size:.125rem}
.iphone-nav .two{display:none}
.iphone-nav .two>li{position:relative}
.iphone-nav .two>li:after{content:'';position:absolute;top:50%;right:.15rem;width:14px;height:14px;margin-top:-7px;background:url("../images/icon19.png") no-repeat center;background-size:100%}
.iphone-nav .two>li a{display:block;width:100%;padding-left:.15rem;line-height:.4rem;font-size:.125rem;color:#fff}


.moblie-search{padding:.125rem .1rem;border-bottom:1px solid #a6d9f1;}
.moblie-search-box{position:relative;padding-left:.1rem;padding-right:.35rem;height:.35rem;border-radius:10px;background:#f5f5f5;overflow:hidden}
.moblie-search-box input{width:100%;height:100%;border:0px;font-size:.12rem;color:#666;background:#f5f5f5}
.moblie-search-box button{position:absolute;right:0;top:0;width:.35rem;height:.35rem;border:0px;background:url("../images/icon25.png") no-repeat center center;background-size:70%}

/*-----------banner------------*/
.home-banner{position:relative}
.home-banner .banner-item{position:relative;overflow:hidden;height:1000px;background-repeat:no-repeat;background-position:center}
.home-banner .banner-item img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-height:100%}
.home-banner .mo-banner-item{position:relative;display:block;padding-top:50.925%;background-repeat:no-repeat;background-position:top center;background-size:100%}
.home-banner .mo-banner-item img{position:absolute;top:0;left:0;max-height:100%;max-width:100%}
.home-banner .swiper-pagination-bullets{bottom:10px}
.home-banner .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;opacity:1; margin:0 2px;}
.home-banner .swiper-pagination-bullet-active{background:rgba(255, 255, 255, 0); border:1px solid #fff;width:9px;height:9px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}

/*-----------产品中心------------*/
.product{ overflow:hidden;}
.index_1_1{ width:100%; margin:0 auto; overflow:hidden;display:block;}
.index_1_1 li{ width:25%;float:left;}
.index_1_1 li i{ width:42px; height:36px; margin:15px auto 0; display:block; text-align:center; }
.index_1_1 li i.bg0{ background:url(../images/index_0_icon0.png);background-size:100% 100%;}
.index_1_1 li i.bg1{ background:url(../images/index_0_icon1.png);background-size:100% 100%;}
.index_1_1 li i.bg2{ background:url(../images/index_0_icon2.png);background-size:100% 100%;}
.index_1_1 li i.bg3{ background:url(../images/index_0_icon3.png);background-size:100% 100%;}
.index_1_1 li i.bg4{ background:url(../images/index_0_icon4.png);background-size:100% 100%;}

.index_1_1 li i.bg5{ background:url(../images/index_0_icon5.png);background-size:100% 100%;}
.index_1_1 li i.bg6{ background:url(../images/index_0_icon6.png);background-size:100% 100%;}
.index_1_1 li i.bg7{ background:url(../images/index_0_icon7.png);background-size:100% 100%;}
.index_1_1 li i.bg8{ background:url(../images/index_0_icon8.png);background-size:100% 100%;}
.index_1_1 li i.bg9{ background:url(../images/index_0_icon9.png);background-size:100% 100%;}

.index_1_1 li h6{ display:block; text-align:center; font:12px/26px "微软雅黑";color:#333;}

.m-bt { display:block; text-align:center;padding: 1em; color:#d20d00; font-size:1.17em;}
.m-bt b { color:#d20d00;}
.m-bt em { display:block; text-transform:uppercase; color:#989898; font-size:0.9em; }
.pro_all
{
	position: relative;
	z-index: 999;
}
.pro_all .sclwrap_box, .pro_all .m-box
{
	height: 380px;
}
.roll_t
{
	position: relative;
	height: 38px;
	color: #666;
	padding: 0 1px;
	border-bottom: 1px solid #d20d00;
	z-index: 999;
}
.roll_t li
{
    width: 19%;
	position: relative;
	float: left;
	font-size: 110%;
	background: rgba(222, 220, 220, 0.57);
	margin-right: 1px;
	padding: 0 10px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.roll_t li.z-on
{
	color: #fff;
	font-weight: bold;
	background: #d20d00;
}
.roll_t li:last-child:before
{
	display: none;
}
.c_list
{
	height: 375px;
	padding: 16px 0 0 0;
	overflow: hidden;
}
.m-c_list li:nth-child(2n) {
    margin-right: 0;
}
.c_list li
{
    width: 48.67%;
    float: left;
    margin-bottom: 0.5833em;
    display: block;
    border: 1px solid #df5242;
    box-sizing: border-box;
	margin-left:4px;
}
.c_list li a
{
	display: block;
    position: relative;
    box-sizing: border-box;
}
.c_list li em
{
    display: block;
    text-align: center;
    font-size: 1em;
    height: 2.5em;
    line-height: 30px;
    color: #fff;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #292929;
    overflow: hidden;
}
.c_list img
{
    border: 1px solid #fff;
    box-sizing: border-box;
	display: block;
    min-height: 140px;
	max-height: 140px;
    width: 100%;
}
.c_list span
{
	display: block;
	text-align: center;
	width: 100%;
	line-height: 35px;
}
.m_case_img{
width:100%;
max-height: 190px;
}
.widget-footer{	text-align: center;padding-bottom: 1em;}
.widget-footer > .more {
    border: 1px solid #d20d00;
    color: #d20d00;
}
.widget-footer>.more {
	margin:0 auto;
    display: block;
    box-sizing: border-box;
    width: 150px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    font-size: 110%;
    box-shadow: 0 1px 1px 0 grey;
}
.newsUl{
  width: 100%;
  height: auto;
  overflow: hidden;}
  .newsLi{
    width: 100%;
    height: 1.98rem;
    border-bottom: 1px dashed #d2d2d2;

  }
  .newsUl .newsLi {

	    border-bottom: 0.10em dashed #c5bfad;
    color: #666;
    font-size: 0.81667em;
    height: 10em;
    line-height: 1.84em;
    overflow: hidden;
    margin-bottom: 0.25em;
}
  .newsLi:last-child{
    border-bottom: none;
  } .newsLiPic{
    margin-top: 0.18rem;
    height: 8rem;
	width: 9rem;
    border: 1px solid #dcdcdc;
    float: left;
	margin-left: 1rem;
	margin-right: 1rem;
  }
  .newsLiRight{
	height: 1.8rem;
	padding:0.5rem;
	font-size:110%;padding-left: 1rem;
	}
  .newsLiRight a{ 
	  color:#000;
	  font-size:110%;
}
    .newsLiRight1{
		padding-right:0.5rem;
      letter-spacing: 0.03rem;
    }
    .newsLiRight2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
    }
    .newsLiRight3{
      width: 100%;
      height: 1.8rem;
      text-align: right;
      @include font(0.2rem,#999999);
      height: 1.8rem;

}

.slide-content { width:99%; margin:0 auto;margin-top:15px; overflow:hidden;}
.slide-content .slide-item{position:relative;float:left;color:#000;font-size:0;text-align:center;width:48%; margin:0px 1%;cursor:pointer;margin-bottom: 1.4%;}
.slide-content .slide-item .item-bg{width:100%;height:100%}
.slide-content .slide-item .mask{position:absolute;left:0;right:0;top:0;bottom:0}
.slide-content .slide-item .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.6);transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .bg.other-bg{opacity:.82;filter:alpha(opacity=82);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(82))}
.slide-content .slide-item .mask .content{position:absolute;left:0;right:0;top:20%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .line-panel .item-line{width:20px;height:2px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-img-panel{position:relative;width:32%;height:55px;display:inline-block;}
.slide-content .slide-item .mask .content .item-img-panel .item-img,
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover{position:absolute;left:0;right:0;top:0;width:100%;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-title{color:#fff;font-size:15px;line-height:24px;margin:0;padding:0;margin-top:5px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-desc{font-size:16px;color:#fff;text-align:center;margin-top:30px;padding:0 20px;line-height:1.5;height:30px}
.slide-content .slide-item .mask .content .item-link{display:inline-block;border:1px solid #fff;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;margin-top:62px}
.slide-content .slide-item .mask .content .item-link:hover{color:#00c1de;background:#fff}
.slide-content .slide-item .mask .content .item-desc,.slide-content .slide-item .mask .content .item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}





.case{padding:25px 0 35px;background: #FFF;}

.case_t{background:url(../images/case_t.png) center center no-repeat;padding: 10px 0px;}
.case_t p { text-align: center; color:#000;} 
.case_t p.title {color: #0091d7; font-size: 18px; font-weight:bold;line-height:1.5;letter-spacing: 3px;} 
.case_t p.subtitle { color:#333333; font-size:12px;line-height:1.5; text-transform:uppercase;} 

.index_1_2{ width:100%; margin:0 auto; overflow:hidden;display:block;}
.index_1_2 li{ width:16.66%; padding-bottom:6px;float:left;}
.index_1_2 li i{ width:40px; height:40px; margin:10px auto 0; display:block; text-align:center; }
.index_1_2 li i.bg1{ background:url(../images/index_1_icon1.png);background-size:100% 100%;}
.index_1_2 li i.bg2{ background:url(../images/index_1_icon2.png);background-size:100% 100%;}
.index_1_2 li i.bg3{ background:url(../images/index_1_icon3.png);background-size:100% 100%;}
.index_1_2 li i.bg4{ background:url(../images/index_1_icon4.png);background-size:100% 100%;}
.index_1_2 li i.bg5{ background:url(../images/index_1_icon5.png);background-size:100% 100%;}
.index_1_2 li i.bg6{ background:url(../images/index_1_icon6.png);background-size:100% 100%;}
.index_1_2 li h6{ display:block; text-align:center; font:12px/25px "微软雅黑"; padding-top:5px; color:#333;}


.case_box{ width: 100%; height: auto; display:block;margin:0 auto; }
.case_box ul{ margin-right:8px;overflow:hidden;}
.case_box li{ width:50%; float:left; padding:8px 0px 0px 8px; box-sizing:border-box; display:inline-block; position:relative; overflow:hidden; cursor:pointer;}
.case_box li i{ width:100%; height:100%; display:block;}
.case_box li i img{ width:100%;}

.case_box li span{ width:calc(100% - 8px); padding:8px 0px;display:block; background:rgba(0,0,0,0.55); position:absolute; left:8px; bottom:0px; text-align:center;}
.case_box li span h6{width:100%; height:1; display:block; font-size:14px;color:#fff; font-weight:normal;}


/*---------------公司简介---------------*/
.about_bg{width:100%; padding:0px 0px 30px; overflow:hidden;}

.about_bg .box_m{ width:96%; margin:0 auto;}
.box_m .about_fl{ width:100%;}
.box_m .about_fl img{ max-width:100%;}

.box_m .about_fr{ width:100%;}
.about_u{  width:96%; margin:0 auto;margin-top:10px;margin-bottom:15px;overflow:hidden;}
.about_u p{ color:#505050; font-size:15px; line-height:1.8; text-indent:1em; }

.about_gst{ margin-bottom:10px; overflow:hidden;}
.about_gst h3{ color:#fff; background:#0a5898; font-size:18px; line-height:2.5; font-weight:normal; float:left; display:inline-block;  width:45%; text-align:center;}
.about_gst span{background:#0593d8; color:#fff;font-size:18px; line-height:2.5; font-weight: bold; float:left;display:inline-block; width:55%;text-align:center;}

/*-------------新闻中心------------*/
.news_bg{width:100%; overflow:hidden;}
.news_bg .box_m{ width:96%; margin:0 auto; margin-top:20px;}

ul .nenk{ padding-bottom:14px; overflow:hidden; margin-bottom:10px; background:url(../images/line.jpg) center bottom no-repeat;}
ul .nenk:last-child{ background:none;}

.nejk{display:block;float: left;width:67%;}
.nejk-ti{ display:block; margin-bottom:3px; line-height:28px;height:28px; overflow:hidden; font-size:16px; color:#000;}
.nejk-js{ display:inline-block; line-height:20px; font-size:14px; color:#848282;}
.nejk-more{ display:inline-block; line-height:18px; font-size:12px; color:#fff; background:#0593d8; padding:2px 5px; margin-top:2px;}

.ne-date{ display:inline-block; float:right;line-height:20px; font-size:12px; color:#4d4d4d;}

.netu{ display:block; float:right; width:30%;}
.netu img { max-width:100%;}

/*-----------合作伙伴-------------*/
.partner_bg{width:100%; padding:10px 0px; overflow:hidden;background:#fff;border-top:1px solid #c2c2c2;}
.partner_box{ width:100%; margin:0 auto;}
.partner_box ul{}
.partner_box ul li{ width:50%; float:left; margin:8px 0px ;}
.partner_box ul li img{ max-width:100%;}




/*------------联系我们--------------*/
.contact_bg{ width:100%; background:#fff;padding:20px 0px 0px; overflow:hidden; border-top:1px solid #c2c2c2;}
.contact_box{ width:100%; margin:0 auto; overflow:hidden;}

.f_logo{ width:90%; margin:0 auto; margin-bottom:15px;}
.f_logo .f_box{ text-align:center;}
.f_logo h5{ overflow:hidden; margin-bottom:10px;}
.f_logo h5 img{ max-width:70%;}
.f_logo h3{ color:#2d2d2d; font-size:18px; line-height:1.5;font-weight:bold;}

.f_lx{width:100%;padding-top:15px; overflow:hidden;}
.f_lx .img{ display:none;}
.f_lx li{ line-height:32px;color:#202020; float:left; width:50%;font-size: 14px; font-weight:normal;}
.f_lx li:nth-child(5){ width:100%;}

.r_title{ text-align:center;background:url(/mobile/images/r_title_bg.png) center center no-repeat; height:45px; margin:10px 0px 15px;}
.r_title h3{ font-size:20px; font-weight:bold; color:#2e2e2e; line-height:1.5; letter-spacing:5px;font-family:Source Han Sans CN,"Microsoft YaHei";}
.r_title h3 span{color:#379ac6; }
.r_title p{ font-size:12px;color:#333; line-height:1;text-align:center; text-transform:uppercase;font-family:Arial;}


.r_lists{width:100%; margin:0 auto;}
.r_lists .slideGroup{ width:100%;}
.r_lists .slideGroup .parHd{text-align:left;margin-left: 0.3rem;margin-bottom:0px;}
.r_lists .slideGroup .parHd ul{float:left;position:absolute;top:-1px;  }
.r_lists .slideGroup .parHd li {font-size:13px; padding:2px 0px;text-align: center;display: inline-table;cursor:pointer;color: #030303;width:auto; height:auto; line-height:1.5;margin:0px;margin-bottom:5px;width: 24%; border:1px solid #464646;}


.r_lists .slideGroup .parHd li.on {background:#d20d00; color: #fff;border:1px solid #d20d00;}
.r_lists .slideGroup .parHd li:first-child{margin-left: 0px;}

/*.r_lists .slideGroup .parHd li:nth-child(2n+1){ background:#3b8bad;}
.r_lists .slideGroup .parHd li:nth-child(2n){ background:#d09c77;}*/

.r_lists .slideGroup .parBd{padding:8px 5px 10px;}
.r_lists .slideGroup .slideBox{ overflow:hidden; zoom:1; }
.r_lists .slideGroup .parBd ul{ margin-left:-2%; overflow:hidden;}
.r_lists .slideGroup .parBd ul li{ width:48%; margin-left:2%; margin-bottom:10px;float: left;position: relative;}
.r_lists .slideGroup .parBd ul li .r_img{width:100%;}
.r_lists .slideGroup .parBd ul li .r_img img{width:100%; height:auto;}

.r_lists .slideGroup .parBd ul li .r_p{ position:absolute; left:0;top:0; background:rgba(0, 0, 0, 0.7); height:22px; line-height:22px; color:#fff; font-size:12px; padding:0px 10px;}
.r_lists .slideGroup .parBd ul li .r_p em{color:#fff; font-size:12px; font-style:normal;}
.zil_img{ text-align:center; margin:5px 0px 20px;}
.zil_img span{
	background-color:#ec1709; /* Ã¦ÂµÂÃ¨Â§Ë†Ã¥â„¢Â¨Ã¤Â¸ÂÃ¦â€Â¯Ã¦Å’ÂÃ¦â€”Â¶Ã¦ËœÂ¾Ã§Â¤Âº */
    background-image: linear-gradient(#fba86d, #ec1709); color:#fff; font-size:18px; letter-spacing:5px; display:inline-block; padding:8px 40px; border-radius:30px;}
.trait_lists{ margin-left:-1%; overflow:hidden; margin-bottom:25px;}
.trait_lists li{ width:32.33%; float:left; margin-left:1%;}
.trait_lists li .trait_img img{ max-width:100%;}


.trait_lists li h3{font-size:16px; color:#242424; font-weight:normal;font-family:"Microsoft YaHei"; text-align:center;line-height:1.5;}
.trait_lists li p{font-size:12px; color:#000000;font-family:"Microsoft YaHei"; padding:2px 1px 5px; box-sizing:border-box; line-height:1.5;}

.r_ztitle{margin:20px 0px 20px; overflow:hidden; background:#d20d00; padding:3% 0px;}
.r_ztitle .bohao_tu{ margin-bottom:2%;}
.r_ztitle .zixun{ margin-bottom:2%;display: block;}
.r_ztitle img{ max-width:100%;}
.customers{font-family:'Microsoft YaHei';width:100%;border-collapse:collapse;margin-bottom: 25px;}
.customers td, .customers th {font-family:'Microsoft YaHei';font-size:12px;border:1px solid #000000;padding:5px 10px;text-align:center;color:#2e2e2e;line-height:2;}
.customers th {font-size:16px;padding-top:5px;padding-bottom:4px; font-weight:bold;border-top:none;}
.customers tr th:first-child{ color:#232323;font-size:14px; padding:0px 7px; font-weight:normal;}
.customers tr th.alt {color:#000000;background-color:#e6eced; color:#d20d00;}
.customers tr td.alt {color:#000000;background-color:#e6eced;}

.area_lists{ margin-left:-1%; overflow:hidden; margin-bottom:5px;}
.area_lists li{ width:32.33%; float:left; margin-left:1%; margin-bottom:6px;}
.area_lists li .area_img{ padding:0px;}
.area_lists li .area_img img{ max-width:100%;}
.area_lists li p{font-size:14px; color:#4e4e4e;font-family:"Microsoft YaHei"; text-align:center; box-sizing:border-box; line-height:30px;height:30px;}
.process_kuang{margin-bottom:5px;}
.process_lists{ width:100%; margin:0 auto;margin-bottom:5px;}
.process_lists ul{ overflow:hidden;margin-top:5px;margin-left:-1%;}
.process_lists li{ width:49%; float:left; margin-left:1%; margin-bottom:8px;}
.process_lists li .process_img{width:100%; text-align:center; margin-bottom:3px;}
.process_lists li .process_img img{ max-width:100%; }

.process_lists li p{font-size:12px; color:#000000;line-height:1.8;}
.ratio_tu{ overflow:hidden; margin-bottom:10px;}
.ratio_tu ul{ margin-left:-1%;}
.ratio_tu li{ float:left; width:32.33%; margin-left:1%;text-align:center;}
.ratio_tu li .ratio_img{border:1px solid rgba(34, 34, 34, 0.6);}
.ratio_tu li .ratio_img img{ max-width:100%;}
.ratio_tu li p{font-size:12px; color:#333;text-align:center;line-height:1.5;}
footer{ background:#202020; width:100%; padding:15px 0px;}
footer .footer_n{ width:100%; margin:0 auto;overflow: hidden; text-align:center; font-size:14px; color:#fff;}
footer .footer_n p{ text-align:center; font-size:12px; color:#fff;}
footer .footer_n a{ text-align:center; font-size:12px; color:#fff;}
.science{ width:100%; overflow:hidden;}
.science img{ max-width:100%;}

.dbgao {height:50px;}
.lfooter { width:100%; height:50px; background:#f97261; position:fixed; bottom:0px; z-index:9999; }
.lfooter ul li { width:100%; height:auto; float:left; text-align:center; padding:5px 0px; }

.lfooter ul li img{ margin-bottom:4px;}
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}

.lfooter ul li:nth-child(2n){ background:#e43c33;}

.lfooter ul li.bohao{background:#f47f29;}


.pop {display: none;width: 90%;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);margin: auto;z-index: 130;}
.bgPop{  display: none; position:fixed;  z-index: 129;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.7);box-sizing: border-box;}

.choose-city-warp{width: 100%;padding: 25px 10px;background-color: rgba(255,255,255,1);border-radius: 5px;z-index: 199;overflow: hidden;}
.choose-city{background: url(/mobile/images/navbg.jpg);background-size: cover;width: 100%;height: 100%;/* padding: 15px; */box-sizing:border-box;overflow: hidden}



.layui-layer-setwin {
    position: absolute;
    right: 25px;
    top: 15px;
    font-size: 0;
    line-height: initial;
}

.pop-close {
    position: absolute;
    right: -40px;
    top: -28px;
    width: 30px;
    height: 30px;
    margin-left: 0;
	background:url(../images/icon-close.png);
    _display: none;
}



