/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
.content {
    width: 100%;
    overflow: hidden;
    margin-top: 130px;
}
.banner_Innovation{
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.Innovation_bj{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    height: 400px;
    max-width: 1920px;
}
.Innovation_title{
   width: 1200px;
    margin: 0 auto;
    color: #fff;
    padding-top: 135px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}
.Innovation_title h2{
    font-size: 42px;
    padding-top: 10px;
    background: url("../images/banner_bj_xian.png") no-repeat top left;
}
.Innovation_title p{
    font-size: 48px;
}

/*����*/
.subNav{
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ebebeb;
}
.subNav ul{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.subNav ul li{
    float: left;
    margin-right: 15px; color:#b3b3b3
}
.subNav ul li a{
    color: #b3b3b3;
    font-size: 16px;
    line-height: 50px;
}
.breadcrumbs li a span:hover{
    color: #32a138;
}
.subNav ul li .sep{
    background: url("../images/nav_img.png") no-repeat top center;
    display: inline-block;
    width: 20px;
    height: 2px;
    margin-left: 10px;
    margin-bottom: 2px;
}
.subNav ul li img{
    margin-top: 25px;
}
.subNav ul li.current{
    color: #32a138;
    border-bottom: 3px solid #32a138;
    padding-bottom: 11px;
    margin-top: 15px;
}
/*banner ����ͼ����*/

/*Innovation*/
/*introduce*/
.main_Innovation{
    width: 100%;
    padding-bottom: 100px;
}
.Innovation_bjs{
    background: #fbfbfb;
    width: 100%;
}
.Innovation_top{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 4% 0;
/*    text-align: center;*/
}
.Innovation_top h3{
    font-size: 28px;
    color: #282c33;
/*    margin-bottom: 4%;*/
    font-weight: normal;
    padding: 0 10%;
    text-align: center;
}
.Innovation_bjs h3{
     margin-bottom: 0%;
}
.Innovation_top h3 span{
    font-size: 19px;
    color: #999999;
}
.Innovation_top .article p{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-bottom: 24px;
    text-indent: 2em;
}

.Innovation_bottom{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
}
.Innovation_bottom .img{
    margin-top: 7%;
    margin-bottom: 7%;
    width: 100%;
    height: auto;
}
.Innovation_bottom .img img{
    width: 100%;
}
.Innovation_bottom_icon{
    width: 100%;
}
.Innovation_bottom_icon ul{
    border-top: 1px solid #dbdbdb;
}
.Innovation_bottom_icon ul li{
    float: left;
    width: 50%;
    text-align: center;
    border-right: 1px solid #dbdbdb;
    margin-right: -1px;
    padding: 6% 0;
}
.values .article{
    margin-top: 4%;
}
.values{
    width: 100%;
/*    padding-top: 7%;
    padding-bottom: 10%;*/
}
.Innovation_bottom .values{
    margin-top: 4%;
}
.values li{
    float: left;
    width: 31.333333%;
    margin: 0 1%;
}
.values li img{
    width: 100%;
}
.values li h4{
    font-size: 20px;
    color: #333333;
    margin-top: 10px;
}
.values li p{
    font-size: 14px;
    color: #999999;
    line-height: 22px;
}
.values li .p_article{
    color: #666666;
    margin-top: 5px;
}
.innovation{
    width: 100%;
    margin-top: 7%;
    margin-bottom: 10%;
    border: 1px solid #fff;

}
.innovation li{
    float: left;
    width: 33%;
    text-align: center;
    padding: 6% 0;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
.innovation li:nth-of-type(3),.innovation li:nth-of-type(6){
    border-right: 0!important;
}
.innovation li p{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-top: 20px;
}
.Innovation_bottom p.xian{
    position: absolute;
    left: 0;
    bottom: 15%;
    height: 1px;
    width: 100%;
    border-bottom: 20px solid #ffffff;
}


.social{
    width: 100%;
    margin-top: 7%;
    margin-bottom: 10%;
}
.social_left{
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
}
.social_right{
    float: left;
    width: 50%;
}
.social_left div{
    max-width: 437px;
    margin: 0 auto;
}
.social_left img{
    width: 100%;
}
.social_list li h6{
    font-size: 20px;
    color: #333333;
}
.social_list li p{
    font-size: 14px;
    color: #333333;
    width: 100px;
}
.social_list .li_1{
    position: absolute;
    top: 22%;
    left: 28%;
    width: 100px;
}
.social_list .li_2{
    position: absolute;
    top: 22%;
    left: 54%;
}
.social_list .li_3{
    position: absolute;
    top: 48%;
    left: 60%;
}
.social_list .li_4{
    position: absolute;
    top: 68%;
    left: 41%;
}.social_list .li_5{
     position: absolute;
     top: 48%;
     left: 22%;
 }

.social_right ul{
    width: 85%;
    padding-top: 3%;
    padding-left: 10%;
}
.social_right ul li{
    margin-bottom: 15px;
}
.social_right ul li h5{
    font-size: 18px;
    color: #333333;
    line-height: 26px;
}
.social_right ul li p{
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    background: url("../images/social_dian.png") no-repeat 4px 8px;
    padding-left: 28px;
}
/*legal*/
.legal{
    width: 100%;
}
.legal li{
    width: 100%;
    float: left;
    background: #fafafa;
    margin-bottom: 20px;
}
.legal_left{
    float: left;
    width: 39%;
    max-width: 468px;
}
.legal_left img{
    width: 100%;
}
.legal_right{
    width: 55%;
    float: left;
    padding: 0 3%;
    padding-top: 3%;
}
.legal_right .article{
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.legal_right p{
    width: 142px;
    height: 40px;
    border: 1px solid #32a138;
    line-height: 40px;
    color: #32a138;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-top: 5%;
    margin-bottom: 1%;
    cursor: pointer;
}
.legal_right p:hover{
    background: #32a138;
    color: #fff;
}

/*compliance*/
.compliance{
    width: 100%;
}
.compliance li{
    width: 100%;
    margin-bottom: 20px;
}
.compliance_title{
    width: 95%;
    height: 60px;
    line-height: 60px;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    font-size: 20px;
    color: #333333;
    padding: 0 2%;
}
.bjs{
    background: #32a138!important;
    color: #ffffff!important;
}
.img_jt{
    background: url("../images/jt_x.png") no-repeat center right;
    display: inline-block;
    width: 25px;
    height: 25px;
    float: right;
    margin-top: 18px;
    cursor: pointer;
}
.block{
    display: block!important;
}
.img_jt_s{
    background: url("../images/jt_s.png") no-repeat center right !important;
}
.compliance .article{
    width: 82%;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    padding: 2% 15% 2% 2%;
    display: none;
}

/*Innovation����*/

/*media*/
.media{
    width: 100%;
}
.media ul{
    width: 100%;
    display: inline-block;
/*    margin: 0 -1%;*/
}
.media ul li{
    float: left;
    width: 47.6%;
    margin: 0 1%;
    border: 1px solid #f2f2f2;
    margin-bottom: 3%;
}
.media_left{
    float: left;
    width: 49%;
}
.media_left img{
    width: 100%;
}
.media_right{
    float: left;
    width: 48%;
    padding-left: 3%;
    margin-top: 1%;
    margin-bottom: 1%;
}
.media_right h4{
    font-size: 15px;
    color: #333333;
    font-weight: normal;
    line-height: 20px;
    height: 80px;
}
.media_right .article{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.media_right p{
    width: 142px;
    height: 40px;
    border: 1px solid #32a138;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-top: 7%;
    cursor: pointer;
    color: #32a138;  
}
.media_right p a{
    display: inline-block;
    width: 142px;
    height: 40px;
    color: #32a138;   
}
.xz a{
    width: 132px!important;
}
.xz a{
    text-align: left;
    padding-left: 10px;
}
/*.media_right p:hover{
    background: #32a138;
    color: #ffffff;
}*/
.media_right p a:hover{
    background: #32a138;
    color: #ffffff;
}
/*weChat*/
.weChat{
    width: 85%;
    padding-left: 15%;
    margin-bottom: 10%;
}
.weChat_left{
    float: left;
    width: 28%;
}
.weChat_left p{
    font-size: 16px;
    text-align: center;
}
.weChat_left img{
/*    width: 100%;*/
}
.weChat_left strong{
    color: red;
    text-decoration: underline;
}
.weChat_right{
    float: left;
    width: 67%;
    padding-left: 5%;
}
.weChat_right h3{
    font-size: 16px;
    font-weight: bold;
    color:#32a138;
    padding-top: 10px;
    padding-bottom: 15px;
    background: url("../images/weixin_xian.png") no-repeat top left;
}
.weChat_right .article{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    padding-top: 5%;
}

/*news*/
.news{
    width: 100%;
/*    margin-bottom: 100px;*/
}
.news_top{
    width: 97.8%;
    margin-bottom: 40px;
    border: 1px solid #f2f2f2;
    margin-left: 1%;
}
.news_top_left{
    float: left;
    width: 50%;
}
.news_top_left img{
    width: 100%;
}
.news_top_right{
    float: left;
    width: 42%;
    padding: 0 3%;
    padding-top: 2%;
}
.news_top_right h4{
    margin-bottom: 3%!important;
}
.news_top_right .article{
    display: -webkit-box;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical;
}
.news_top_right p.gd{
    margin-top: 10%!important;
}
.news h4{
    font-size: 15px;
    color: #333333;
    font-weight: normal;
    line-height: 20px;
    height: 80px;
}
.news .article{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}
.news p.gd{
    width: 142px;
    height: 40px;
    border: 1px solid #32a138;
    line-height: 40px;
    color: #32a138;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-top: 7%;
    cursor: pointer;
}
.news p.gd:hover{
    background: #32a138;
    color: #ffffff;
}
.news_bottom{
    width: 100%;
}
.news_bottom ul{
    width: 100%;
    display: inline-block;
}
.news_bottom ul li:first-child{
    width: 97.6%;
}
.news_bottom ul li{
    float: left;
    width: 47.6%;
    border: 1px solid #f2f2f2;
    margin-bottom: 3%!important;
    margin: 0 1%;
}
/*.news_bottom ul li.list0{
    width: 97.6%!important;
}*/
.news_bottom_left{
    float: left;
    width: 49%;
}
.news_bottom_left img{
    width: 100%;
    display: inherit;
}
.news_bottom_right{
    float: left;
    width: 48%;
    padding-left: 3%;
/*    padding: 0 3%;*/
    margin-top: 1%;
    margin-bottom: 1%;
}
/*news_pages*/
.news_pages{
    width: 100%;
    margin-bottom: 100px;
}
.news_pages_top{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.news_pages_top .time{
    font-size: 14px;
    color: #32a138;
    margin-top: 15px;
}
.news_pages_top img{
    max-width: 600px;
    width: 100%;
    margin-bottom: 30px;
}
.news_pages .article{
    width: 100%;
/*    margin-top: 30px;*/
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}
.nsbd img{max-width:100%;height:auto !important;}
.news_pages .article p{
    margin-bottom: 26px;
    text-indent: 2em;
}
.news_pages .article p img{
    max-width: 800px;
    width: 100%;
}



/*contact*/
.contact{
    width: 100%;
    margin-bottom: 100px;
}
.contact_left{
    float: left;
    width: 42%;
}
.contact_left ul{
    width: 100%;
}
.contact_left ul li{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
.contact_left ul li img{
    float: left;
}
.contact_left ul li img:nth-of-type(2){
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.contact_left ul li p{
    float: left;
    font-size: 12px;
    color: #666666;
    margin-left: 15px;
    line-height: 30px;
}
.contact_right{
    float: right;
    width: 58%;
    height: 400px;
}

/*Industry*/
.Industry{
    width: 100%;
/*    padding-bottom: 100px;*/
}
.Industry ul{
    width: 100%;
}
.Industry ul li{
    float: left;
    width: 31.333333%;
    margin-bottom: 20px !important;
    margin: 0 1%;
    position: relative;
}
.Industry ul li div img{
    width: 100%;
}
.Industry ul li p{
    position: absolute;
    left: 25%;
    bottom: 20px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    width: 60%;
    text-align: center;
}

/*Industry_pages*/
.Industry_pages{
    width: 100%;
    padding-bottom: 100px;
}
.pages_left{
    width: 43%;
    float: left;
}
.pages_left img{
    width: 100%;
}
.pages_right{
    width: 52%;
    float: left;
    padding-left: 5%;
}
.pages_right p{
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}
.pages_right p:first-of-type{
     margin-bottom: 10px;
}
.pages_right p strong{
    font-size: 20px;
    font-weight: bold;
    color:#32a138;
}
/*.pages_right ul li{
    font-size: 12px;
    color: #666666;
    line-height: 24px;
}*/

/*qualification*/
.qualification{
    width: 100%;
    padding-bottom: 100px;
}
.qualification ul{
    width: 100%;
}
.qualification ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.qualification ul li p{
    font-size: 16px;
    color: #333333;
    margin-top: 30px;
    padding: 0 20px;
}
/*systems*/
.systems{
    width: 100%;
    padding-bottom: 100px;
}
.systems ul{
    width: 100%;
}
.systems ul li{
    float: left;
    width: 31.333333%;
    margin: 0 1%;
    position: relative;
    text-align: center;
    color: #fff;
}
.systems_img img{
    width: 100%;
}
.systems ul li .title{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.systems ul li .title h4{
    font-size: 20px;
    margin-top: 25%;
    line-height: 28px;
    font-weight: normal;
}
.systems ul li .title p{
    font-size: 14px;
}
.systems ul li .title .gd{
    width: 142px;
    height: 40px;
    border: 1px solid #fff;
    line-height: 40px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 9%;
}
.systems ul li .title .gd a{
    display: inline-block;
    width: 142px;
    height: 40px;
    color: #fff;
}
.systems ul li .title .gd:hover{
    border: 1px solid #32a138;
}
.systems ul li .title .gd a:hover{
    background: #32a138;
}
/*systems_pages*/
.systems_pages{
    width: 100%;
    padding-bottom: 100px;
}
.systems_pages_img{
    float: left;
    width: 43%;
}
.systems_pages_img img{
    width: 100%;
}
.systems_pages_right{
    float: left;
    width: 52%;
    padding-left: 5%;
}
.systems_pages_right .article{
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-top: 20px;
}
.systems_pages_right .article p strong{
    font-weight: bold;
}
.systems_pages_right .icon{
    margin-top: 30px;
    width: 100%;
}
.systems_pages_right .icon ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.systems_pages_right .icon ul li p{
    font-size: 13px;
    color: #282c33;
    margin-top: 5px;
}
/*download*/
.download{
    width: 100%;
/*    padding-bottom: 100px;*/
}
.download .xz{
    background: url("../images/icon_xz.png") no-repeat 85% center;
}
.download .xz a{
    text-align: center;
}

/*technology��Ʒ�ͼ���*/
.technology{
    width: 100%;
    padding-bottom: 100px;
}
.technology ul{
    width: 100%;
}
.technology ul li{
    float: left;
    width: 47.6%;
    border: 1px solid #f2f2f2;
    margin-bottom: 20px!important;
    margin: 0 1%;
    max-height: 196px;
    overflow: hidden;
}
.technology_left{
    float: left;
    width: 50%;
}
.technology_left img{
    width: 100%;
	max-height:196px; height:196px;
}
.technology_right{
    float: left;
    width: 45%;
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.technology_right h4{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 1%;
    min-height: 48px;
}
.technology_right .article{
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}
.technology_right p{
    max-width: 142px;
    min-width: 100px;
    width: 80%;
    height: 40px;
    border: 1px solid #32a138;
    line-height: 40px;
    color: #32a138;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-top: 7%;
    cursor: pointer;
}
.technology_right p:hover{
    background: #32a138;
    color: #fff;
}
/*technology_pages*/
.technology_video{
    float: left;
    width: 100%;
    margin-top: 4%;
/*    max-height: 471px;*/
    overflow: hidden;
}
.technology_video .video{
    float: left;
    width: 42%;
}
.technology_img{
    float: right;
    width: 58%;
}
.technology_img img{
    width: 100%;
}
.technology_pages{
    float: left;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 20px;
/*    padding-right: 3%;*/
}
.technology_pages strong{
    font-size: 16px;
    color: #32a138;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 30px;
    display: block;
}
.technology_pages p{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    padding-left: 10px;
/*    background: url("../images/social_dian.png") no-repeat center left;*/
}
.technology_pages_img{
    float: left;
    width: 25%;
    margin-top: 15%;
    padding-right: 5%;
}
.technology_pages_img img{
    width: 100%;
}


/*手机二级导航*/
.nav_bottom{
   display: none;
}



@media screen and (max-width: 1215px){
    .Innovation_top{
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
    }
    .legal{
        width: 96%;
        padding-left: 2%;
    }
    .technology_pages{
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
    }
    .technology_pages p{
        padding-left: 0;
    }
    .systems_pages{
        width: 96%;
        padding-left: 2%;
    }
    .systems_pages_top img{
        width: 100%;
    }
    .Industry_pages{
        width: 96%;
        padding-left: 2%;
    }
    .contact{
         width: 96%;
        padding-left: 2%;
    }
    .sy_news{
        width: 96%;
        margin-left: 2%;
    }
    .banner_title{
        width: 45%;
        bottom: 30px;
    }
    
    
    /*手机二级导航*/
    .nav_bottom{
       display: block;
       width: 100%;
       margin-bottom: 100px;
    }
    .nav_bottom h2{
        font-size: 20px;
        color: #32a138;
        text-indent: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #32a138;
    }
    .nav_bottom ul{
        width: 100%;
    }
    .nav_bottom ul li{
        width: 100%;
/*        height: 50px;*/
        line-height: 50px;
        width: 100%;
          border-bottom: 1px dashed #DDDDDD;
    }
    .nav_bottom ul li a{
        display: block;
        width: 94%;
        margin-left: 5%;
        padding-left: 10px;
        background: url("../images/nav_dian5.png") no-repeat center left;
    }
    .nav_bottom ul li a.active{
        color: #32a138;
        background: url("../images/nav_dian2.png") no-repeat center left;
    }
    .nav_bottom ul li a.current{
        color: #32a138;
        background: url("../images/nav_dian2.png") no-repeat center left;
    } 
    .subNav{
        display: none;
    }
}
@media screen and (max-width: 960px){
    .Innovation_top{
        padding: 8% 0;
    }
    .Innovation_bjs h3{
        margin-bottom: 8%;
    }
    .social_right{
        width: 100%;
    }
    .social_right ul{
        padding-left: 2%;
        width: 96%;
    }
    .social_left{
        display: none;
    }
    .Innovation_bottom p.xian{
        bottom: 11%;
    }
    .compliance{
        padding-left: 2%;
        width: 96%;   
    }
    .compliance .article{
        width: 87%;
        padding: 4% 8% 4% 4%;
    }
    .legal_right{
        padding-top: 2%;
        min-height: 97px;
    }
    .legal_right .article{
        -webkit-line-clamp: 2;
    }
    .legal_right p{
        height:35px;
        line-height: 35px;
    }
    .legal li{
        position: relative;
    }
    .technology_video .video{
        width: 80%;
        margin: 0 auto;
        float: none;
    }
    .video img{
        width: 100%;
    }
    .technology_img{
        width: 80%;
        margin: 0 auto;
        float: none;
    }
    .technology_img img{
        margin-top: 20px;
    }
    .systems ul li .title h4{
        height:56px;
        margin-top: 15%;
    }
    .Industry ul li{
        width: 46%;
        margin: 0 2%;
    } 
    .news_bottom ul li,.news_bottom ul li.list0{
        width: 96%!important;
        margin: 0 2%
    }
    .news_pages{
        width: 96%;
        padding-left: 2%;
    }
    .media ul li{
        width: 96%;
        margin: 0 2%;
        margin-bottom: 30px;
    }
    .contact_left,.contact_right{
        width: 96%;
        padding-left: 2%;
    }
    .contact_left{
        margin-bottom: 30px;
    }
    
}
@media screen and (max-width: 640px){
    .values li{
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        margin: 0;
        margin-bottom: 30px;
    }
    .legal_left img{
        display: block;
        width: 200px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .legal_right{
        width: 100%;
        padding-left: 215px;
        box-sizing: border-box;
    }
    .legal_right .article{
        line-height: 20px;
    }
    .technology ul li{
        width: 96%;
        margin: 0 2%;
    }
    .systems ul li{
        width: 96%;
        padding-left: 2%;
        margin: 0;
        margin-bottom: 30px;
    }
    .systems ul li .title h4{
        margin-top: 25%;
    }
    .systems_pages_img{
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    .systems_pages_right{
        margin-top: 30px;
        width: 100%;
        padding-left: 0;
    }
    .Industry ul li{
        width: 96%;
    }
    .pages_left{
        width: 100%;
    }
    .pages_right{
        width: 100%;
        padding-left: 2%;
        margin-top: 30px;
    }
    .qualification ul li{
        width: 50%;
        margin-bottom: 30px;
    }
    .qualification ul li img{
        display: block;
        min-width: 149px;
        min-height: 146px;
        margin: 0 auto;
    }
    .qualification ul li p{
        min-height: 63px;
    }
    .Innovation_title{
        width: 98%;
        padding-left: 2%;
        margin-left: -300px;
    }
  
}


#maximg img{ max-width:100%; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}