@media (min-width: 1200px) {
    .container {
        width: 1230px;
    }
}
li{list-style: none}
a:hover{text-decoration: none !important;}
.navbar-header{height: 90px;}
.navbar-collapse{margin-top: 23px}
.navbar-toggle{margin-top: 32px;}
.navbar-default{background: #fff;border: 0;}
.navbar-nav{}
.logo{height: 80px;padding-left: 0;margin-top: 15px;}

.nav{padding: 0 3%}
.nav li{text-align: left;}
.nav li a{font-size: 16px;color: #3a3a3a;}
.navbar-default .navbar-nav>li>a{color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff !important;}
.search-box{margin-top: 36px;text-align: center}
.search-box ,.search-box a{color: #0042b8;font-size: 16px;font-weight: bold}
.container .search-box{text-align: right;}

/*下拉导航 S*/
.nav{  z-index:1;  height: 90px;list-style: none}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 22px 26px 22px; font-size:16px;  }
.nav .nLi .sub{ display:none; width:130px; left:0; top:90px;z-index: 9999; position:absolute; background:rgba(255,255,255,0.8);  line-height:26px; padding: 0; list-style: none;text-align: center; }
.nav .nLi .sub li{ zoom:1; border-bottom: 1px dotted #999;padding: 0}
.nav .nLi .sub a{ display:block; text-align: center;padding: 6px 5px;font-size: 14px;color: #333; }
.nav .nLi .sub a:hover{ background: #0042b8 ;color: #fff; }
.nav .active h3 a{  color:#0042b8;  padding-bottom: 26px; }

.form_box{margin-bottom: 100px;}
/*产品中心*/
.product-box{padding: 0 8%;}
.product-box .slideTxtBox{ width:100%;margin-top: 20px; }
.product-box .slideTxtBox .hd{ position:relative;overflow: hidden; }
.product-box .slideTxtBox .hd .tit{width: 30%;float: left;}
.product-box .slideTxtBox .hd .tit h3{font-size: 30px;color: #0042b8;font-weight: bold;}
.product-box .slideTxtBox .hd .tit p{color: #565656;font-size: 20px;}
.product-box .slideTxtBox .hd ul{width: 70%; float:right; list-style: none;height: 100%;padding: 0;display: flex; margin-top: 36px;}
.product-box .slideTxtBox .hd ul li{ cursor:pointer;height: 40px;text-align: center;line-height: 40px;background: #f6f6f6;margin-right: 5px;flex: 1}
.product-box .slideTxtBox .hd ul li:last-child{margin-right: 0;}
.product-box .slideTxtBox .hd ul li.on a{ background:#0042b8; color: #fff; }
.product-box .slideTxtBox .hd ul li a{display: block;width: 100%;height: 100%;font-size: 16px;color: #303030FF;}
.product-box .con_box{margin-top: 30px;height: 500px;background: #f6f6f6;}
.product-box .con_box .text{width: 50%;float: right;padding: 2% 3%}
.product-box .con_box .text .title{font-size: 20px;color: #0042b8;font-weight: bold;}
.product-box .con_box .text .desc{font-size: 14px;color: #3a3a3a;line-height: 30px;margin-top: 20px;}
.product-box .con_box .img{width: 50%;float: left;height: 100%;overflow: hidden}
.product-box .con_box .img img{width: 100%;height: 100%;transition: all .5s;}
.product-box .con_box .img img:hover{transform: scale(1.05);}
.product-box .sub-cate{margin-top: 30px}
.product-box .sub-cate .title{font-size: 20px;color: #0042b8;font-weight: bold;}
.product-box .sub-cate ul{overflow:hidden;padding: 0;margin-top: 20px;}
.product-box .sub-cate ul li{margin-right: 20px;margin-bottom: 10px;float: left;}
.product-box .sub-cate ul li a{font-size: 14px;color: #333;display: block;background: #fff;padding: 5px 10px;border:1px solid #ccc;}
.product-box .sub-cate ul li a:hover{background: #0042b8;color: #fff;border-color: #00428b;}
.product-box .btnn{margin-top: 60px;}
.product-box .btnn a{display: inline-block;padding: 10px 40px;color: #333;font-size: 16px;margin-right: 30px;border:1px solid #ccc;background:#fff url("../images/down-icon.png") 15px center no-repeat;}
.product-box .btnn a.on{color: #fff;border-color: #00428b;background:#0042b8 url("../images/zixun.png") 15px center no-repeat;}

/*应用案例*/
.cases-box{padding: 0 8%;text-align: center;margin-top: 50px;}
.cases-box .case-tit h3{font-size: 30px;color: #0042b8;font-weight: bold;}
.cases-box .case-tit p{color: #565656;font-size: 20px;}
.cases-box .cases-list{margin-top: 30px;}
.cases-box .cases-list .item{position: relative;margin-bottom: 20px;}
.cases-box .cases-list .item a{color: #fff}
.cases-box .cases-list .item .img{overflow: hidden}
.cases-box .cases-list .item .img img{transition: all .5s;}
.cases-box .cases-list .item .img img:hover{transform: scale(1.05);}
.cases-box .cases-list .item .tit{position: absolute;bottom: 0;background: rgba(0,0,0,0.5);padding: 10px 0;width: 100%;font-size: 16px;}


/*关于我们*/
.about-box{padding: 3% 8%;background: url("../images/about_bg.jpg") center;background-size: cover;}
.about-box .about-tit{text-align: center;}
.about-box .about-tit h3{font-size: 30px;color: #fff;font-weight: bold;}
.about-box .about-tit p{color: #fff;font-size: 20px;}
.about-box .text1,.about-box .text2{text-align: center;font-size: 14px;line-height: 32px;color: #fff;}
.about-box .scroll{margin: 70px 0;}
.about-box .scroll .item{text-align: center;color: #fff;}
.about-box .scroll .item .num{font-size: 40px;margin-bottom: 20px;}
.about-box .scroll .item .desc{font-size: 20px;}

/*首页新闻*/
.news-warp{padding: 3% 8%;background: url("../images/22.png") bottom;}
.news-warp .news-tit{text-align: center;}
.news-warp .news-tit h3{font-size: 30px;color: #0042b8;font-weight: bold;}
.news-warp .news-tit p{color: #565656;font-size: 20px;}
.news-warp .news-list{margin-top: 30px;margin-bottom: 40px;}
.news-warp .news-list .item{background: #fff;}
.news-warp .news-list .item .img{overflow: hidden}
.news-warp .news-list .item .img img{transition: all .5s}
.news-warp .news-list .item .img img:hover{transform: scale(1.05);}
.news-warp .news-list .text{padding: 10px 30px;transition: all .5s}
.news-warp .news-list .text:hover{background: #00428b}
.news-warp .news-list .text:hover .tit,.news-warp .news-list .text:hover .desc{color: #fff;}
.news-warp .news-list .text .tit{font-size:18px;color: #3a3a3a;margin-top: 10px;font-weight: bold}
.news-warp .news-list .text .desc{font-size: 14px;line-height: 26px;color: #656565;margin-top: 20px;}
.news-warp .news-list .text .icon{padding: 20px 0;}



.b-logo{padding-left: 10%;}
.copy{padding-right: 5%;}
footer{ background: #31343d;  font-size: 12px;  color: #272a2e; padding: 30px 8%}
footer .menu{}
footer .menu dl{float:left;}
footer .menu dl dt{font-size: 16px;color: #fff;margin-bottom: 5px;}
footer .menu dl dd{padding: 8px 0;}
footer .menu dl dd a{color: #b0b0b0}
footer .menu .qrcode{margin-top: 30px;}
footer .copy{color: #b0b0b0;border-top: 1px solid #504f4f;padding-top: 20px;}
footer p{font-size: 14px;}
footer a{color: #b0b0b0}
footer a:hover{text-decoration: none;color: #272a2e}
footer .info p{text-align: right;color: #bfbfbf;}
footer .info p.img img{display: inline-block;margin-bottom: 10px;}
footer .info p.tel{font-size: 30px;}
footer .info .qrcode img{display: inline-block;}

.item:hover .box{/*background:#000;*/}
.item:hover .box:hover img{opacity:0.6;filter:alpha(opacity=60);}
.item:hover .box:hover .font{opacity: 100;}
.item .box {overflow:hidden;position:relative;}
.item .box img{max-width:100%;transition:all .5s;max-height: 200px;}
.item .box .font{width:96%;top:0;left:0;bottom:0;right:0;position:absolute;color:#fff;font-size:14px;text-align: left;padding:  20px;margin: auto;opacity: 0;}
.item .box .font h3{font-size:26px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;text-align:center;}
.item .box .font p{padding: 0 10px;}
.item .box:hover img{transform: scale(1.05, 1.05);}
.item .box .font::before,.item .box .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.item .box .font::before{top:25px;right:15px;bottom:25px;left:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.item .box .font::after{top:15px;right:25px;bottom:15px;left:20px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.item .box:hover .font::before,.item .box:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.item .title{font-size: 16px;;text-align: center;color: #333;padding-top: 10px;}

@media(min-width: 1720px){
    /*.nLi h3 a{padding: 0 30px;}*/
}
@media (min-width: 1500px) and (max-width: 1720px){
    .nav .nLi h3 a{padding: 0 30px 26px 30px;}
    .search-box .tel{display: none;}
}
@media (min-width: 1380px) and (max-width: 1500px){
    .nav .nLi h3 a{padding: 0 20px 26px 20px;}
    .search-box .tel{display: none;}
    .nav{height: 80px;}
    .navbar-collapse{margin-top: 10px}
    .navbar-brand{padding: 6px 0 0 0}
    .search-box{margin-top: 26px;}
    .search-box, .search-box a{font-size: 15px;}
    .nav .nLi .sub{top: 80px}
    .logo{width: 100%;}
}
@media (min-width: 1130px) and (max-width: 1380px){
    .nav .nLi h3 a{padding: 0 14px 20px 14px;}
    .search-box .tel{display: none;}
    .nav{height: 70px;}
    .navbar-collapse{margin-top: 0}
    .navbar-brand{padding: 6px 0 0 0}
    .search-box{margin-top: 18px;}
    .search-box, .search-box a{font-size: 15px;}
    .nav .nLi .sub{top: 70px}

    .nav{height: 60px;}
    .navbar-collapse{margin-top: 0}
    .navbar-brand{padding: 6px 0 0 0}
    .search-box{margin-top: 18px;}
    .search-box, .search-box a{font-size: 15px;}
    .nav .nLi .sub{top: 60px}
    .logo{width: 80%;}

    .index-link ul li{width: 16.333% !important;}

}
@media (max-width: 1130px){
    .nav .nLi h3 a{padding: 0 10px 20px 10px;font-size: 15px;}
    .search-box .tel{display: none;}
    .nav{height: 60px;}
    .navbar-collapse{margin-top: 0}
    .navbar-brand{padding: 6px 0 0 0}
    .search-box{margin-top: 18px;}
    .search-box, .search-box a{font-size: 15px;}
    .nav .nLi .sub{top: 60px}
    .logo{width: 80%;}
}
@media (min-width: 768px){
    #myCarousel{margin-top: 90px !important;}
    .navbar-header{height: 90px;}
    .container-fluid .navbar-header{padding-left: 10%}
    /*.logo{width: 100%;}*/
    .nav>li.active a{  background: none; border-bottom: 3px solid #0042b8;  }
    .navbar-default .navbar-nav > .active > a{color: #fff;}
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {  background: none;  color: #fff !important;  }
    .nav>li.active .sub a{border: 0;}
    .index-warp .tit{text-align: left}
    .index-warp .tit a{font-size: 24px}



    .s-lm-img{margin-top: 150px !important;min-height: 500px !important;}
    .s-lm-img .cont-warp{width: 50%;margin: 0 auto;padding-top: 6%;color: #fff;font-size: 18px;}
    .s-lm-img .cont-warp h3{text-align: center;font-size: 28px;padding-bottom: 30px;}
    .product h3,.cases h3{padding-left: 15px;color: #3472a9;font-weight: bold;}
    .product ul{background: #e4e1e1;width: 90%;margin-top: 40px;height: 400px;}
    .product ul li{line-height: 24px;font-size: 14px;background: url("../images/circle1.png") no-repeat 10px;border-bottom: 1px solid #fff;padding: 10px 0 10px 40px;cursor: pointer}
    .product ul li:hover,.product ul li.active{background:#3472a9 url("../images/circle2.png") no-repeat 10px;}
    .product ul li a{color: #333;}
    .product ul li:hover a,.product ul li.active a{color: #fff;}
    .product-img .img{height: 400px;text-align: center;}
    .product-img .img img{max-width: 400px;}
    .product-img .tit{padding-top: 10px;font-size: 14px;text-align: center;}
    .cases{background: #e4e1e1;}
    .cases h3{margin-bottom: 30px;}
    .cases .tit{font-size: 15px;text-align: center;padding-top: 15px;}
    .cases a{color: #333;}
    /*新闻*/
    .content{padding: 0 10px;}
    .content .title{font-size: 20px !important;}
    .content img{max-width: 100%;}
    .content .desc{font-size: 14px !important;}
    .content .content-detail{font-size: 14px !important;}
    /*产品 列表*/
    .product-list {margin-top: 30px;}
    .product-list .img img{max-width: 340px;max-height: 230px}

    /*产品详情*/
    .slideTxtBox{margin-top: 20px}
    .slideTxtBox .bd .item{padding-top: 15px;font-size: 14px;}

    .page{font-size: 14px !important;}
    .content{padding: 0 10px;}
    .content .title{font-size: 16px;font-weight: bold;}
    .content img{max-width: 100%;}
    .content .desc{font-size: 13px;color: #777;border-bottom: 1px dotted #ccc;padding: 10px 0;}
    .content .content-detail{font-size: 12px;line-height: 26px;margin-top: 10px;}

    .other .item .tit a{font-size: 14px !important;}


    .news-menu{margin-top: -150px;margin-left: 20px;}
    .news-menu li{margin-right: 5px;padding: 0;width: 152px;height: 50px;}
    .news-menu li a{text-align: center;height: 43px; background: #fff;color: #555;display: block;font-size: 16px;line-height: 43px;border: 1px solid #555;}
    .news-menu li a:hover,.news-menu li.active a{background: #ef9a49;color: #fff !important;border: 1px solid #ef9a49;}
    .news-menu li.active,.news-menu li:hover{background: url("../images/active.png") no-repeat center ;color: #fff}
    .product-warp .product-item .top span{font-size: 16px !important;padding: 8px 20px !important;}

}
@media (max-width: 768px){
    .nav li{padding: 0 2px;}
    .logo{width: 70%;}
    #banner-box{height: 300px !important;}
    .banner-list li .animate-box .t-d h2{ font-size: 18px !important; }
    .slider-btn{margin-top: 15px !important;}
    .animate-box .t-d p{line-height: 22px !important;}


    .s-lm-img{margin-top: 80px;min-height: 200px;}
    .s-lm-img .cont-warp{width: 90%;margin: 0 auto;padding-top: 2%;color: #fff;font-size: 18px;}
    .s-lm-img .cont-warp h3{text-align: center;font-size: 18px;padding-bottom: 15px;}
    .s-lm-img .cont-warp .desc{font-size: 14px;}

    .product h3,.cases h3{padding-left: 15px;color: #3472a9;font-weight: bold;font-size: 18px;}
    .product ul{background: #e4e1e1;width: 100%;margin-top: 10px;}
    .product ul li{line-height: 24px;font-size: 14px;background: url("../images/circle1.png") no-repeat 10px;border-bottom: 1px solid #fff;padding: 10px 0 10px 40px;cursor: pointer}
    .product ul li:hover{color: #fff;background:#3472a9 url("../images/circle2.png") no-repeat 10px;}
    .product-img .img{text-align: center;}
    .product-img .img img{width: 400px;}
    .product-img .tit{padding-top: 10px;font-size: 14px;text-align: center;}
    .cases{padding: 0;}
    .cases h3{margin-bottom: 30px;}
    .cases .tit{font-size: 15px;text-align: center;padding-top: 15px;}
    .cases a{color: #333;}

    .detail .attr{margin-top: 20px;margin-bottom: 20px;}
    .detail .attr ul li{font-size: 13px !important;}
    .slideTxtBox .hd, .other .hd{height: 30px !important;line-height: 30px !important;}
    .tab li{height: 30px !important;line-height: 30px !important;padding: 0 12px !important;font-size: 14px !important;}

    .spec-preview{border: 0;width: auto !important;height: auto !important;}
    .spec-preview img{max-width: 100% !important;height: auto !important;}
    .spec-scroll{width: auto !important;}
    .spec-scroll .items ul li{margin: 0 5px !important;}

    .news-menu{display: inline-block;margin-top: 20px;}
    .news-menu li{margin-right: 5px;padding: 3px 8px;background: #fff;margin-bottom: 10px;display: inline-block;border:1px solid #ccc;}
    .news-menu li a{text-align: center;width: 100%; background: #fff;color: #555;display: block;font-size: 12px;}
    .news-menu li a:hover,.news-menu li.active a{background: #ef9a49;color: #fff !important;}
    .news-menu li.active,.news-menu li:hover{background: url("../images/active.png") no-repeat center ;color: #fff;background-size: auto}

    footer .copy{margin-top: 0;padding: 10px;}
    .index-link h3{font-size: 20px;}
    .side-menu{min-height: auto !important;margin-bottom: 20px;}
    .side-menu ul li{font-size: 14px !important;}
    .side-menu ul li a{padding: 8px 0 !important;}

    .news-list{padding: 10px !important;min-height: auto !important;}
    .news-list .title a{font-size: 14px !important; }
    .product-warp .product-item .item h3{font-size: 15px !important;}
    .product-warp .product-item .item .desc{font-size: 12px !important;line-height: 22px !important;padding-right: 10px ;}
    .product-warp .product-list .tit,.product-warp .product-list .link{padding: 0 10px ;}
    .product-warp .product-list .intro{padding: 10px !important;font-size: 12px !important;}
    .page-row .desc,.app-list .desc{font-size: 12px !important;}
    .page-row .product a{font-size: 12px !important;padding: 0 5px !important;}
    .index-link ul li{width: 33.333% !important;}

}
.breadcrumb li,.breadcrumb li a{font-size: 14px;color: #333}
/*导航动画效果*/
.cl-effect-3 a::after {
    position: absolute;
    top: 86%;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(29,107,215,1);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

/***********************************内页相关********************/
.bgccc{background: #edf4f8;}
.crumb{font-size: 15px;color: #333;padding: 30px 0;}
.crumb a{color: #333;}
.market{padding-top: 20px;font-size: 15px;}
.market a{color: #333;}
.pagemenu{margin: 20px 0;border-bottom: 1px solid #cfcfcf;padding-bottom: 5px;}
.pagemenu .page-tit h3{display: inline-block;border-left: 3px solid #0042b8;font-size: 22px;padding-left: 20px;}
.pagemenu .page-menu{text-align: right;margin-top: 15px;}
.pagemenu .page-menu li{display: inline-block;margin-right: 20px;}
.pagemenu li a{display: inline-block;padding: 8px 20px;font-size: 16px;color: #333;}
.pagemenu li a.active,.pagemenu li a:hover{color: #0042b8;}
.pages-box{text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#0042b8;border-color: #0042b8}
/*新闻页 css*/
.news-box{margin-bottom: 30px;padding-bottom: 30px;}
.news-li{padding: 20px 0;color: #333;border-bottom: 1px solid #ededed;overflow: hidden;cursor: pointer;}
.news-li .img{width: 20%;float: left;overflow: hidden}
.news-li .img img,.news-li-top .img img{transition: all .5s;}
.news-li .img:hover img,.news-li-top .img:hover img {  opacity: 0.8;  transform: scale(1.05);  }
.news-li .txt{width: 64%;float: left;padding-left: 30px;border-right: 1px solid #b5b5b5;padding-right: 30px;}
.news-li .txt .tit{font-size: 18px;}
.news-li .txt .line{width: 8%;height: 2px;background: #999;margin: 10px 0;}
.news-li .txt .tit a{color: #333;font-size: 16px;}
.news-li .txt .desc{font-size: 14px;color: #999;line-height: 26px;}
.news-li .txt .source{font-size: 12px;color: #999;padding-top: 5px;}
.news-li:hover .txt .tit a{color: #0066a3}
.news-li:hover .more a{background: #0066a3;color: #fff;}
.news-li .more{width: 16%;text-align: center;float: left;margin-top: 50px;}
.news-li .more a{display: inline-block;padding: 3px 10px;background: #dadada;border-radius: 3px;color: #989696;font-size: 12px;}

/*案列页*/
.case-top{text-align: center;margin: 50px;}
.case-top .case-tit h3{font-size: 30px;color: #0042b8;font-weight: bold;}
.case-top .case-tit p{color: #565656;font-size: 20px;}
.case-item-list{min-height: 600px;text-align: center;padding:  0 8%;}
.case-item-list .item{margin-bottom: 20px;}
.case-item-list .txt{font-size: 16px;padding: 15px;width: 100%;background: #898989;color: #fff;transition: all .5s}
.case-item-list .item .img{width: 100%;overflow: hidden}
.case-item-list .item .img img{transition: all .5s;}
.case-item-list .item:hover img {  opacity: 0.8;  transform: scale(1.05);  }
.case-item-list .item:hover .txt{background: #0042b8}

/*关于我们*/
.about-warp{padding: 70px 8%;min-height: 500px;background: url("../images/30.png") center;}
.about-warp .about-us{background: #fff;}
.about-warp .text{float: left;width: 50%;padding: 3% 5%;}
.about-warp .text .tit h3{font-size: 30px;color: #0042b8;font-weight: bold;}
.about-warp .text .tit p{color: #565656;font-size: 20px;}
.about-warp .text .txt{line-height: 34px;font-size: 14px;color: #575757;margin-top: 40px;background: url("../images/21.png") right top no-repeat;padding-right: 6%}
.about-warp .text .txt p{text-indent: 30px}
.about-warp .text .txt .more{margin-top: 30px;}
.about-warp .text .txt .more a{padding: 4px 30px;border: 1px solid #ccc; color: #333;;display: inline-block;transition: all .5s}
.about-warp .text .txt .more a:hover{background: #0042b8;color: #fff;border-color: #0042b8}
.about-warp .img{float: left;width: 50%}
/*资质荣誉*/
.about-honor{background: url("../images/2.png") center;padding: 3% 0;}
.about-honor .tit{text-align: center;}
.about-honor .tit h3{font-size: 30px;color: #fff;font-weight: bold;}
.about-honor .tit p{color: #fff;font-size: 20px;}
.about-honor .desc{font-size: 16px;color: #fff;line-height: 34px;text-align:center;margin-top: 50px; }
.honor-list{padding: 0 8%;margin: 50px 0;}
.honor-list .item{margin-bottom: 20px;}

/*企业文化*/
.culture{background: #0042b8;padding: 5% 0;}
.culture .tit{text-align: center;}
.culture .tit h3{font-size: 30px;color: #fff;font-weight: bold;}
.culture .tit p{color: #fff;font-size: 20px;}
.culture .text{text-align: center;font-size: 16px;line-height: 34px;color: #fff;margin: 30px 0;}
.culture .cul-list{padding:  0 8%;margin-top: 50px;}
.culture .cul-list .item{color: #fff;text-align: center;}
.culture .cul-list .item .img{border: 1px solid #ccc; border-radius: 50%;width: 150px;height: 150px;text-align: center;line-height: 150px;vertical-align:middle;display: inline-block}
.culture .cul-list .item .txt{margin-top: 20px;}
.culture .cul-list .item .txt h3{font-size: 20px;font-weight: bold;padding-bottom: 10px;}
.culture .cul-list .item .txt p{font-size: 14px;}

/*资料下载*/
.down-box{margin-top: 20px;min-height: 500px;}
.down-box ul{margin: 0;padding: 0;}
.down-box ul li{padding: 15px 10px;border-bottom: 1px dotted #ccc;transition: all .5s;cursor: pointer;}
.down-box ul li .glyphicon {font-size: 14px}
/*.down-box ul li:hover{background: #f00;color: #fff;}*/
.down-box ul li .down-btn{float: right;display: inline-block;background: #f00;padding: 5px 10px;color: #fff;margin-right: 10px;transition: all .5s;}
.down-box ul li .down-btn:hover{background: #fabe00;}

/*合作伙伴*/
.coop-warp{margin: 50px 0;}
.coop-warp .top-tit{text-align: center;}
.coop-warp .top-tit h3{font-size: 30px;color: #0042b8;font-weight: bold;}
.coop-warp .top-tit p{color: #565656;font-size: 20px;}
.coop-warp .top-tit .desc{font-size: 18px;color: #575757;margin: 30px 0}
.coop-warp .coop-list{padding: 0 8%}
.coop-warp .swiper-slide img{border: 1px solid #ccc;padding: 2px;}
.coop-warp .coop-list .item{width: 20%;text-align: center;float: left;height: 100px;justify-content: center; /* 水平居中 */  align-items: center;display: flex ;margin-bottom: 20px;}
.coop-warp .coop-list .item .img{}
.coop-warp .coop-list .item .img img{display: inline-block;}

.page{ text-align:center;  color:#999;clear: both;font-size: 12px;padding: 50px 0;}
.page a{ margin:0 5px; border:#0066a3 solid 1px; display:inline-block; padding:2px 10px; line-height:16px; background:#fff; color:#999;}
.page span{ margin:0 5px; border:#0066a3 solid 1px; display:inline-block; padding:2px 10px; line-height:16px;  color:#fff; background:#0066a3;}
.page .next{padding:2px 6px 1px !important;}

/*商品列表*/
.product-warp{min-height: 800px}
.product-warp .menu .top{padding: 20px;background: #0042b8;color: #fff;margin-top: -50px;}
.product-warp .menu .top h3{border-left: 3px solid #fff;padding-left: 20px;font-size: 24px;]}
.product-warp .menu .top h3 span{font-size: 16px;font-weight: normal;text-transform: uppercase;}
.product-warp .menu ul{background: #ECECEC;margin: 0;padding: 0;height: 100%}

.product-warp .menu li{}
.product-warp .menu li .tit{font-size: 16px;padding: 10px 0 10px 40px;background: url("../images/jt_1.png") 92% center no-repeat;border-bottom: 1px solid #fff;}
.product-warp .menu li .tit a{color: #2B2B2B;display: block;width: 100%;height: 100%}
.product-warp .menu li .sub{background: #F9F9F9;}
.product-warp .menu li .sub dl{margin: 0;}
.product-warp .menu li .sub dd{padding: 10px 0 10px 40px;}
.product-warp .menu li .sub dd a{font-size: 14px;color: #333;}
.product-warp .list{margin-top: 20px;}
.product-warp .list .item{margin-bottom: 20px;}
.product-warp .list .img{overflow: hidden;max-height: 260px;}
.product-warp .list .img img{transition: all .5s;}
.product-warp .list .text{padding: 15px 0;text-align: center;background: #ECECEC;color: #2B2B2B;transition: all .5s;font-size: 16px;}
.product-warp .list a:hover img{transform: scale(1.05);}
.product-warp .list a:hover .text{background: #0042b8;color: #fff}



.page-row{background: #fff;overflow: hidden}
.page-row h3{padding-bottom: 15px;border-bottom: 1px solid #ff7c00;color: #ff7c00;font-size: 18px;}
.page-row .desc{padding: 10px 0;line-height: 26px;font-size: 14px;}
.page-row  label{display: inline-block;background: #05228d;color: #fff;padding: 3px 10px;}
.page-row .product{border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.page-row .product a{display: inline-block;padding: 0 15px;font-size: 14px;color: #ff7c00;}
.app-list{background: #fff;padding: 20px;}
.app-list .app-item{border-bottom: 1px dashed #ccc;margin-bottom: 20px;}
.app-list .title{border-bottom: 1px solid #ff7c00}
.app-list .title span{display: inline-block;padding: 5px 14px;background: #ff7c00;color: #fff;font-size: 14px;}

.app-list .desc{font-size: 14px;color: #333;line-height: 26px;}
.app-list .desc label{color: #ff7c00}
.app-list .img{max-width: 100%;margin-top: 20px;}
.app-list .imgs{margin-top: 20px;overflow: hidden}
.app-list .imgs .item{width: 31.8%;float: left;margin-right: 10px}
.app-list .imgs .item img{max-width: 100%}

/*产品详情*/
.detail-warp{background: #fff;}
.detail-warp .detail-top{padding-top: 40px;}
.detail-warp .btn-group{padding-top: 30px;}
.detail-warp .btn-group a{display: inline-block;background: #0042b8;color: #fff;padding: 5px 30px;font-size: 14px;}
.detail-warp .btn-group a.down{background: #0042b8;margin-left: 20px;}

.pages-box{ text-align:center;  color:#999;clear: both;font-size: 12px;background: #fff;padding: 50px 0;}
.pages-box a{ margin:0 5px; border:#0042b8 solid 1px; display:inline-block; padding:2px 10px; line-height:16px; background:#fff; color:#333;}
.pages-box span{ margin:0 5px; border:#0042b8 solid 1px; display:inline-block; padding:2px 10px; line-height:16px;  color:#fff; background:#0042b8;}
.pages-box .next{padding:2px 6px 1px !important;}

/*悬浮链接*/
.suspension{position:fixed;z-index:9999999;right:0;top:40%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




.content,.page-content{background: #fff;padding: 20px;min-height: 500px;}
.content .title{font-size: 16px;font-weight: bold;color:#ff7c00 }
.content img{max-width: 100%;}
.content .desc{font-size: 13px;color: #777;border-bottom: 1px dotted #ccc;padding: 10px 0;}
.content .content-detail{font-size: 12px;line-height: 26px;margin-top: 10px;margin-bottom: 50px;}
.page-content h3{padding-bottom: 15px;border-bottom: 1px solid #ff7c00;color: #ff7c00;font-size: 18px;}
.content,.page-content img{max-width: 100%;}
/* ---- 应用---- */

.product-list .name{font-size: 14px;padding-top: 10px;}


.inner_bottom li{
    overflow: hidden;
    margin-bottom: 10px;
}

.inner_bottom li label{
    display: inline-block;
    width: 186px;
    color: #7c7c7c;
    font-size: 15px;
    line-height: 27px;
}

.inner_bottom  ul{
    margin-top: 42px;
}

.inner_bottom li input{
    width: 266px;
    border: 1px solid #d6d6d6;
    background: transparent;
    line-height: 27px;
    font-size: 15px;
    color: #333;
    padding-left: 10px;
    border-radius: 3px;
}

.inner_bottom li textarea{
    height: 80px;
    width: 270px;
    border: 1px solid #d6d6d6;
    background: transparent;
    padding: 15px 7px;
}

#code{
    width: 86px;
}
/*****手机站导航****/
#navMobile .menu { width: 22px; height: 26px; /*background: #fff;*/ text-align: center; cursor: pointer;  padding:2px 6px; margin: 16px 30px 16px 0;/*border: #fff 1px solid;*/ z-index: 1; position: relative;}
#navMobile .menu .icon-bar{ display: block; width: 22px; height: 2px; border-radius: 1px; margin-top: 5px; background: #fff; }
#mobileMenu {display: none; position: absolute;  left: 0; top:62px; margin: 0; width: 100%; background:#272a2e;z-index: 1100;border-top: rgba(255,255,255,.5) 1px solid; }
/*#mobileMenu.show { -webkit-transform: translateX(250px); transform: translateX(250px); }*/
#mobileMenu dl { padding: 0px 20px 10px; }
#mobileMenu dd { line-height:50px; border-bottom: #ddd 1px solid; }
#mobileMenu dd a, #mobileMenu dd>span { display: block; color: #fff; font-size: 17px; }
#mobileMenu dd>span { cursor: pointer; background: url(../images/jia.png) right center no-repeat; }
#mobileMenu dd span.active { color: #e3e4e5; background: url(../images/jian.png) right center no-repeat; }
#mobileMenu dd ul { display: none;padding-left: 10px; }
#mobileMenu dd ul a { font-size: 15px;border-bottom:rgba(255,255,255,.2) 1px solid; }
#navMobile .mlogo{height: 65px;background: #272a2e}
#navMobile .mlogo img{width: 200px;margin: 10px 0 0 15px;}

/*------ 产品详情 -----------*/
.picFocus{ margin:0 auto;  width:100%; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1;margin-top: 10px; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center; margin-right:9px;   }
.picFocus .hd ul li img{ width:70px;  border:1px solid #ddd; cursor:pointer;  }
.picFocus .hd ul li:last-child{margin-right: 0;}
.picFocus .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }

.detail-warp .slideTxtBox,.other{ width:100%; text-align:left;  }
.detail-warp .slideTxtBox .hd,.other .hd{ height:40px; line-height:40px;  position:relative; }
.detail-warp .slideTxtBox .hd ul,.other .hd ul{ float:left;  position:absolute;  top:-1px; height:32px;   }
.detail-warp .slideTxtBox .hd ul li,.other .hd ul li{ float:left;  cursor:pointer; font-size: 16px;color: #333; padding: 0 50px}
.detail-warp .slideTxtBox .hd ul li.on,.other .hd ul li.on{  background: #0042b8;color: #fff;}
.detail-warp .slideTxtBox .bd .item{padding-top: 10px;}
.detail-warp .slideTxtBox .bd .item img{max-width: 100%;padding-top: 20px;text-align: center;font-size: 14px}
.detail-warp .slideTxtBox .files {padding-top: 20px;font-size: 16px;}
.detail-warp .slideTxtBox .files ul{width: 70%}
.detail-warp .slideTxtBox .files ul li{padding: 5px 0;width: 100%;}
.detail-warp .slideTxtBox .domain{margin-top: 10px;}
.detail-warp .slideTxtBox .domain .desc{font-size: 14px;line-height: 26px;color: #333;}
.detail-warp .slideTxtBox .domain .title{font-size: 18px;color: #ff7c00}
.detail-warp .slideTxtBox .domain .img{max-width: 100%;margin-top: 20px;}
.detail-warp .slideTxtBox .domain .imgs .item{width: 33%;float: left;padding: 20px;}
.detail-warp .slideTxtBox .domain .item-app{overflow: hidden;}

.detail .bread{font-size: 16px;margin-left: 15px;margin-bottom: 50px;}
.detail .attr h3{font-size: 24px;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-top: 0}
.detail .attr h3 a{color: #0042b8;}
.detail .attr ul li{font-size: 14px;padding-bottom: 5px;}
.detail .attr ul li span{color: #333}


/*底部菜单*/
.f-tab{position: fixed;bottom:0;height: 50px;background: #3472a9;width: 100%;color: #fff;font-size: 14px;line-height: 50px;z-index: 9999;border-top: 1px solid #ccc;}
.f-tab a{color: #fff;font-size: 16px;}

.f-menu{width: 100%;position: fixed;bottom:40px;background: #3472a9;z-index: 9998;display: none;max-height: 200px;overflow: scroll}
.f-menu li{padding: 10px 10px;color: #fff;border-bottom: 1px dashed #ccc;}
.f-menu li:last-child{border-bottom: none;}
.f-menu li a{color: #fff;font-size: 14px;display: block}


/****首页*****/

.ind_one{position: relative;margin-bottom: 30px;}
/***首页轮播图***/
.banner { width: 100%; position: relative;overflow: hidden;height: 649px; background: #000; }
.banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height:649px; overflow: hidden; /*background-size: cover;*/ }
.banner .bd li>a {display: block;width: 100%;height: 100%;}
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 60px; left: 0; height: 3px; line-height: 11px; }
.banner .hd ul { text-align: center;  }
.banner .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 60px; height:5px; margin:0 5px; background:#fff;overflow: hidden; line-height: 9999px; }
.banner .hd ul .on { opacity: 0.8;filter:alpha(opacity=80);background: #0042b8 }
.banner li.num1{background: url(http://www.lonsun.cn/images/banner01.jpg) top center no-repeat;}
.banner li.num2{background: url(http://www.lonsun.cn/images/banner02.png) top center no-repeat;}
.banner li.num3{background: url(http://www.lonsun.cn/images/banner03.png) top center no-repeat;}
.banner li.num4{background: url(http://www.lonsun.cn/images/banner04.png) top center no-repeat;}
.banner li.num5{background: url(http://www.lonsun.cn/images/banner05.png) top center no-repeat;}
.banner li.num6{background: url(http://www.lonsun.cn/images/banner06.png) top center no-repeat;}

.banner li .banner_left{width: 50%;padding-top: 150px;color: #fff;}
.banner li .banner_left h1{font-size: 54px;}
.banner li .banner_left h3{font-size: 24px;margin: 22px 0 44px;}
.banner li .banner_left p{font-size:20px;line-height: 34px;margin: 22px 0 35px;}
.banner li .banner_left .more{display: block;width:118px;height: 38px;text-align: center;line-height: 38px;border:rgba(255,255,255,.7) 1px solid;font-size: 18px;color: #fff;}
.banner li.num1 .banner_right{position: absolute; width:440px;top: 144px;right: 40px; }
.banner li .banner_right img{max-width: 100%;}

.banner li.num2 .banner_right{position: absolute; width:624px;right: -36px;top: 138px;}

.banner li .ban{position: relative;height: 100%;}
.banner li.num3 .banner_right{width:497px;position: absolute;bottom: 0;right: 0;}

.banner li.num4 .ban{margin-top: 150px;text-align: center;}
.banner li.num4 .ban2{margin-top: 15px;}
.banner li.num4 .ban4{margin-top: 40px;}

.banner li.num5 .ban{margin-top: 90px;text-align: center;}
.banner li.num5 .ban3{margin-top: 10px;}
.banner li.num5 .ban1{margin-top: 15px;}
.banner li.num5 .ban2{margin-top: 10px;}

.banner li.num6 .ban1{position: absolute;top: 50%; margin-top:-163px;left: 10px;}
@media only screen and (max-width:1366px) {
    .banner li.num2 .banner_right{width:600px;top:140px;right:10px;}
}

/***首页数字滚动***/
.ind_num{position: absolute;width: 100%; background: url(http://www.lonsun.cn/images/back20.png);left: 0;bottom: 0;}
.ind_num_list li{width: 25%;padding:25px 0; float: left;text-align: center;color: #fff; background: url(http://www.lonsun.cn/images/white10.png) left repeat-y;}
.ind_num_list li p{height:30px;line-height:30px;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_num_list li.num1{background: none;}
.ind_num_list li .text{font-size: 21px;height: 50px;}
.ind_num_list li .text span{font-size: 42px;font-family: arial;position: relative;}
.ind_num_list li sup{font-size: 24px;position: absolute;top: 0;right: -20px;z-index: 1;}
.ind_num_list li i{font-style: normal;}


@media (min-width: 992px) and (max-width:1199px) {
    .ind_title{font-size: 34px;padding: 50px 0 35px;}
    .banner{height:406px;}
    .banner .bd li{background-size: 1200px;height:406px;}
    /*.banner .bd li>a{height:406px;}*/
    .banner .hd{bottom: 50px;}
    .banner li .banner_left{padding-top: 120px;padding-left: 20px;}
    .banner li .banner_left h1{font-size:45px;}
    .banner li .banner_left h3{font-size: 22px; margin: 20px 0 30px;}
    .banner li .banner_left p{font-size:18px;line-height: 30px;margin: 20px 0 25px;}
    .banner li.num1 .banner_right{width:300px;}
    .banner li.num2 .banner_right{width:500px;top:100px;right:10px;}
    .banner li.num3 .banner_right{width:290px;}
    .banner li.num4 .ban{margin-top: 120px;text-align: center;}
    .banner li.num4 .ban1 img{width: 865px;}
    .banner li.num4 .ban2 img{width: 400px;}
    .banner li.num4 .ban3 img{width: 300px;}
    .banner li.num4 .ban4{margin-top: 30px;}
    .banner li.num4 .ban4 img{width: 700px;}
    .banner li.num5 .ban{margin-top: 80px;text-align: center;}
    .banner li.num5 .ban1 img{width: 600px;}
    .banner li.num5 .ban2 img{width: 500px;}
    .banner li.num6 .ban1{margin-top: -80px;}
    .banner li.num6 .ban1 img{height: 190px;}

    .ind_num{position: static;background: #09146d;}

}
@media (min-width:768px) and (max-width:991px) {
    .ind_title,.ind_about .ind_title{font-size: 30px;padding: 40px 0 30px;}
    .banner{height: 335px;}
    .banner .bd li{background-size:992px;height:335px;}
    /*.banner .bd li>a{height:335px;}*/
    .banner .hd{bottom:30px;}
    .banner li .banner_left{padding-top: 100px;padding-left: 20px;}
    .banner li .banner_left h1{font-size:30px;}
    .banner li .banner_left h3{font-size: 20px; margin: 20px 0 30px;}
    .banner li .banner_left p{font-size:16px;line-height: 26px;margin: 20px 0 20px;}
    .banner li.num1 .banner_right{width:200px;}
    .banner li .banner_left .more{font-size: 16px;}
    .banner li.num2 .banner_right{width:400px;top:100px;right:20px;}
    .banner li.num3 .banner_right{width:240px;right: 20px;}
    .banner li.num4 .ban{margin-top: 100px;text-align: center;}
    .banner li.num4 .ban1 img{width:700px;}
    .banner li.num4 .ban2 img{width: 280px;}
    .banner li.num4 .ban3 img{width: 240px;}
    .banner li.num4 .ban4{margin-top: 20px;}
    .banner li.num4 .ban4 img{width: 600px;}
    .banner li.num5 .ban{margin-top: 60px;text-align: center;}
    .banner li.num5 .ban3 img{width: 400px;}
    .banner li.num5 .ban1 img{width: 500px;}
    .banner li.num5 .ban2 img{width: 400px;}
    .banner li.num6 .ban1{margin-top: -60px;left: 10px;}
    .banner li.num6 .ban1 img{height: 130px;}

    .ind_num{position: static;background: #09146d;}
    .ind_num_list li{padding: 20px 0;}
    .ind_num_list li .text span{font-size: 38px;}

}
@media (max-width: 767px) {
    .ind_title,.ind_about .ind_title{font-size:28px;padding:30px 0;}
    .banner{height: 260px;}
    .banner .bd li{background-size:768px;height:260px;}
    /*.banner .bd li>a{height:260px;}*/
    .banner .hd{bottom:25px;}
    .banner li .banner_left{padding-left:15px;}
    .banner li .banner_left{padding-top: 60px;}
    .banner li .banner_left h1{font-size:20px;}
    .banner li .banner_left h3{font-size: 18px; margin: 15px 0 20px;}
    .banner li .banner_left p{font-size:14px;line-height: 24px;margin: 10px 0 10px;}
    .banner li.num1 .banner_right{width:210px;top: 62px;right: 20px;}
    .banner li .banner_left .more{font-size: 16px;}
    .banner li.num2 .banner_right{width:300px;top:60px;right:30px;}
    .banner li.num3 .banner_right{width:200px;right: 30px;}
    .banner li.num4 .ban{margin-top: 30px;text-align: center;}
    .banner li.num4 .ban1 img{width:600px;}
    .banner li.num4 .ban2 img{width: 200px;}
    .banner li.num4 .ban3 img{width: 200px;}
    .banner li.num4 .ban4{margin-top: 20px;}
    .banner li.num4 .ban4 img{width: 520px;}
    .banner li.num5 .ban{margin-top: 10px;text-align: center;}
    .banner li.num5 .ban3 img{width: 300px;}
    .banner li.num5 .ban1 img{width: 400px;}
    .banner li.num5 .ban2 img{width: 400px;}
    .banner li.num6 .ban1{margin-top: -50px;left: 10px;}
    .banner li.num6 .ban1 img{height: 100px;}

    .ind_num{display: none; position: static;background: #09146d;}
    .ind_num_list li{padding: 20px 0;}
    .ind_num_list li .text{font-size: 18px;}
    .ind_num_list li .text span{font-size: 30px;}
    .ind_num_list li sup{font-size: 20px;}
}

@media (max-width:640px) {
    .banner li .banner_left{width: 60%;}
    .banner li .banner_left .more{margin:15px 0 0;}
    .banner li.num1 .banner_right{width:180px;}
    .banner li.num2 .banner_right{width:210px;top:70px;right:10px;}
    .banner li.num3 .banner_right{width:200px;}
    .banner li.num4 .ban{margin-top: 30px;text-align: center;}
    .banner li.num4 .ban1 img{width:460px;}
    .banner li.num4 .ban2 img{width:140px;}
    .banner li.num4 .ban3 img{width: 100px;}
    .banner li.num4 .ban4{margin-top: 20px;}
    .banner li.num4 .ban4 img{width: 420px;}
    .banner li.num5 .ban{margin-top: 10px;text-align: center;}
    .banner li.num5 .ban3 img{width: 300px;}
    .banner li.num5 .ban1 img{width: 400px;}
    .banner li.num5 .ban2 img{width: 300px;}
    .banner li.num6 .ban1{margin-top: -40px;left: 10px;}
    .banner li.num6 .ban1 img{height:80px;}
    .ind_intro .text{display: none;}
    .ind_intro .text2{display: block;}
}

@media (max-width:480px) {
    .ind_title,.ind_about .ind_title{font-size:24px;padding:25px 0 20px;}
    .banner .hd{bottom:20px;}
    .banner{height: 160px;}
    .banner .bd li{height: 160px;}
    /*.banner li .banner_left,.banner li .banner_right{display: none;}*/
    .banner li .banner_left p{display: none;}
    .banner li .banner_left{padding-top:40px;}
    .banner li .banner_left h1{font-size:18px;}
    .banner li .banner_left h3{font-size: 14px; margin: 10px 0 10px;}
    .banner li .banner_right{width:140px;}
    .banner li .banner_left .more{font-size: 14px;width:80px;height: 30px;line-height: 30px;}

    .banner li.num1 .banner_right{width:100px;}
    .banner li.num2 .banner_right{width:180px;top:40px;right:10px;}
    .banner li.num3 .banner_right{width:130px;right: 10px;}
    /*.banner li.num1{background: url(../images/wap_banner01.png) center no-repeat;}
    .banner li.num2{background: url(../images/wap_banner02.png) center no-repeat;}
    .banner li.num3{background: url(../images/wap_banner03.png) center no-repeat;}*/
    .banner li.num4 .ban{margin-top:20px;text-align: center;}
    .banner li.num4 .ban1 img{width:300px;}
    .banner li.num4 .ban2{margin-top: 5px;}
    .banner li.num4 .ban2 img{width:140px;}
    .banner li.num4 .ban3 img{width: 100px;}
    .banner li.num4 .ban4{margin-top: 10px;}
    .banner li.num4 .ban4 img{width: 300px;}
    .banner li.num5 .ban{margin-top: 0;text-align: center;}
    .banner li.num5 .ban1,.banner li.num5 .ban2 { margin-top: 5px;}
    .banner li.num5 .ban3 img{width: 180px;}
    .banner li.num5 .ban1 img{width: 200px;}
    .banner li.num5 .ban2 img{width: 300px;}
    .banner li.num6 .ban1{margin-top: -35px;left: 10px;}
    .banner li.num6 .ban1 img{height:70px;}
    .banner .bd li.num6{background-size: 570px;}



    .ind_num_list li{width: 33.333%;border-bottom:rgba(255,255,255,.1) 1px solid;}
    .ind_num_list li.num4,.ind_num_list li.num5{width: 50%;}
    .ind_num_list li .text{height: 40px;font-size: 16px;}
    .ind_num_list li .text span{font-size:24px;}
    .ind_pro_zq_ul li img,.ind_pro_zq_ul2 li img{width: 56px;height: 56px;}

}


/*企业文化*/
#wra_qiyewenhau{ width: 100%;  float: left;  padding: 0;  }
#wra_qiyewenhau .qiye1{  width: 50%;  float: left;  height: auto;
    /* min-height: 229px; */
    /* max-height: 229px; */  padding: 3.6% 8%;  -webkit-transition: all ease 0.3s;  -moz-transition: all ease 0.3s;  -o-transition: all ease 0.3s;  transition: all ease 0.3s;  }
#wra_qiyewenhau .qiye2{  width: 50%;  float: left;
    /* min-height: 229px; */
    /* max-height: 229px; */
}
#wra_qiyewenhau li{  min-height: 229px;  max-height: 229px;  list-style: none;  background: #efefef;  overflow: hidden;  -webkit-transition: all ease 0.3s;  -moz-transition: all ease 0.3s;  -o-transition: all ease 0.3s;  transition: all ease 0.3s;
}
#wra_qiyewenhau li:hover{
    background: #2572e6;
}
#wra_qiyewenhau .qiye1 h1{
    font-size: 26px;  color: #333;
}
#wra_qiyewenhau .qiye1 p{
    color: #666;  margin: 6px 0;
}
#wra_qiyewenhau li:hover .qiye1 h1{
    color: #fff;
}
#wra_qiyewenhau li:hover .qiye1 p{
    color: #fff;
}
#wra_qiyewenhau li:nth-of-type(2) .qiye1,
#wra_qiyewenhau li:nth-of-type(4) .qiye1,
#wra_qiyewenhau li:nth-of-type(6) .qiye1{
    float:right;
}