@charset "utf-8";/*!

/*-------------base--------------*/

.pagebase_banner { background: url(../images/base-2.jpg) center top; height: 660px; position: relative; width: 100%; text-align:center}

	.pagebase_img{ width:111px; margin: 0 auto; padding-top:230px;}
.pagebase_banner h2{  color:#162238;font-size:40px; line-height:70px;}
.pagebase_banner h3{ font-size:18px; color:#454545;line-height:24px;}

/*-------------base--------------*/
.pagenews_banner { background: url(../images/base-3.jpg) center top; height: 347px; position: relative; width: 100%; text-align:center}
.newsBanner { width: 366px; margin: 0 auto; padding-top:130px; }
.newsBanner .newsMenu { margin: 76px auto 0; text-align: center; }
.newsBanner .newsMenu li { display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 49px; line-height: 49px; overflow: hidden; margin-right:2px; }
.newsBanner .newsMenu li a { display: block; height: 100%; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; font-size: 20px; color: #fff; background: #4d4d4d; }
.newsBanner .newsMenu li a:hover { background: #d51737; }
.newsBanner .newsMenu li.on1 a { background: #d51737; }
.por {
    position: relative;
}.wp {
    margin: 0 auto;
    width: 1202px;
}

.newsCon { padding-top: 20px; padding-bottom: 50px; width: 100%; background-color: #eaeaea; background-image: url(../images/bg6.jpg); background-position: center top; background-attachment: fixed; background-repeat: no-repeat; }
.newsCon .readMore { display: block; margin: 0 auto; width: 177px; height: 33px; border: 3px solid #d2d2d2; text-align: center; line-height: 33px; font-size: 14px; color: #929292; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.newsCon .readMore:hover { border-color: #d51737; background-color: #d51737; color: #fff; }

.newsBox { margin-bottom: 5px; overflow: hidden; }
.newsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 593px; height: 159px; background-color: #fff; overflow: hidden; }
.newsBox .newsList li .info a { font-size: 16px; color: #333; }
.newsBox .newsList li .info a span { color: #df0b19; }
.newsBox .newsList li .info a:hover { color: #df0b19; }
.newsBox .newsList li .info p { color: #999; line-height: 20px;  height: 62px; overflow: hidden; font-size:12px; }
.newsBox .newsList li .info p a{font-size: 12px; color: #d51737; line-height: 20px; padding-left:6px}
.newsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.newsBox .newsList li .img img { width: 100%; height: 100%; }
.newsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsList li:first-child { margin-top: 348px; margin-right: 15px; }
.newsBox .newsSlide { position: absolute; top: 0; left: 0; width: 593px; height: 333px; background-color: #fff; }
.newsBox .newsSlide .bd { padding: 20px; }
.newsBox .newsSlide .bd .img { display: block; float: left; width: 280px; height: 240px; }
.newsBox .newsSlide .bd .img img { width: 100%; height: 100%; }
.newsBox .newsSlide .bd .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
.newsBox .newsSlide .bd .info { margin-left: 300px; }
.newsBox .newsSlide .bd .info a { font-size: 20px; color: #333; line-height: 1.5; }
.newsBox .newsSlide .bd .info a span { color: #d51737; }
.newsBox .newsSlide .bd .info a:hover { color: #d51737; }
.newsBox .newsSlide .bd .info p { padding-top: 5px; color: #999; font-size: 14px; line-height: 24px; }
.newsBox .newsSlide .bd .info p a{font-size: 12px; color: #d51737; line-height: 20px; padding-left:6px}
.newsBox .newsSlide .hd { height: 12px; }
.newsBox .newsSlide .hd ul { float: right; margin-right: 25px; margin-top: 20px; }
.newsBox .newsSlide .hd ul li { float: left; width: 12px; height: 12px; margin-left: 8px; background: url(../images/dot3.png) no-repeat; cursor: pointer; }
.newsBox .newsSlide .hd ul li.on { background-image: url(../images/dot4.png); }

.newsNum { margin: 0 auto 10px; background: url(../images/icon33.png) center no-repeat; text-align: center; color: #ccc; font-family: "Arial"; width: 39px; height: 12px; line-height: 12px; }

.newsInfoCon { position: relative; margin-top: -20px; margin-bottom: 55px; background-color: #fff; }
.newsInfoCon .otherPage { border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }
.newsInfoCon .pageList { float: left; margin-left: 27px; padding: 12px 0; }
.newsInfoCon .pageList li { line-height: 32px; font-size: 14px; color: #333; }
.newsInfoCon .pageList li a { color: #333; }
.newsInfoCon .pageList li a:hover { color: #d51737; }
.newsInfoCon .otherTool { float: right; padding-top: 18px; }
.newsInfoCon .otherTool li { position: relative; float: left; width: 58px; text-align: center; cursor: pointer; }
.newsInfoCon .otherTool li a { display: block; line-height: 24px; font-size: 14px; color: #333; text-align: center !important; padding-top: 32px; padding-left:0px; background:none; margin:0px; float:none; }
.newsInfoCon .otherTool li.close { background: url(../images/icon36.png) center top no-repeat; }
.newsInfoCon .otherTool li.close a:hover{ background: url(../images/icon36s.png) center top no-repeat; }
.newsInfoCon .otherTool li.share { background: url(../images/icon37.png) center top no-repeat; }
.newsInfoCon .otherTool li.share a:hover{ background: url(../images/icon37s.png) center top no-repeat; }
.newsInfoCon .otherTool li.share:hover .shareBox { display: block; }
.newsInfoCon .otherTool li:hover a { color: #d51737; }
.newsInfoCon .otherTool li .shareBox { position: absolute; display: none; width: 150px; bottom: 56px; left: 0; border: 1px solid #ccc; background-color: #fff; }
.newsInfoCon .otherTool li .shareBox dt { line-height: 24px; border-bottom: 1px solid #ccc; background-color: #f1f1f1; font-size: 14px; text-indent: 10px; color: #333; text-align: left; }
.newsInfoCon .otherTool li .shareBox dd { padding: 10px; }

.newsInfoBox { padding: 50px 145px; }
.newsInfoBox .closeBtn { position: absolute; top: -18px; right: 0; width: 59px; height: 70px; border-top: 2px solid #d51737; text-align: center; background-color: #fff; z-index: 3; }
.newsInfoBox .closeBtn a { display: block; padding-top: 45px; height: 25px; line-height: 25px; font-size: 14px; color: #bcbcbc; background: url(../images/icon34.png) no-repeat; }
.newsInfoBox .closeBtn a:hover { background: url(../images/icon35.png) no-repeat; color: #f2b9c3; }
.newsInfoBox h1 { text-align: center; font-size: 30px; line-height: 1.2; margin-bottom: 7px; }
.newsInfoBox .time { text-align: center; font-size: 14px; color: #999; margin-bottom: 40px; }
.newsInfoBox .article { font-size: 14px; line-height: 30px; min-height: 300px; }
.newsInfoBox .article p { margin-bottom: 15px; }
.newsInfoBox .article img { max-width: 100%; height: auto !important; }

.reNewsTit { margin: 0 auto 30px; font-size: 20px; color: #999; width: 433px; height: 21px; background: url(../images/icon38.png) no-repeat; text-align: center; line-height: 21px; }

.reNewsBox { position: relative; }
.reNewsBox .newsList { margin-bottom: 20px; }
.reNewsBox .newsList li { float: left; margin-bottom: 15px; padding: 17px 20px; width: 553px; height: 125px; background-color: #fff; overflow: hidden; }
.reNewsBox .newsList li .info a { font-size: 16px; color: #333; }
.reNewsBox .newsList li .info a span { color: #df0b19; }
.reNewsBox .newsList li .info a:hover { color: #df0b19; }
.reNewsBox .newsList li .info p { color: #999; line-height: 20px; padding-top: 8px; height: 62px; overflow: hidden; }
.reNewsBox .newsList li .img { float: right; margin-left: 20px; display: block; width: 146px; height: 124px; overflow: hidden; }
.reNewsBox .newsList li .img img { width: 100%; height: 100%; }
.reNewsBox .newsList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }
/*-------------xinwen--------------*/
@media (min-width: 1230px)

{

    .container

    {

        width: 1230px;

    }

}
.g_sec1 {padding-top: 100px;}
.g_sec1top { position: relative; padding-bottom: 140px;}
.g_content1 { width: 1360px;  margin: 0 auto;position: relative;}
.g_sec1 .g_title { text-align: right; overflow: hidden;}
.g_title h3 { color: #c7000b; font-size: 40px; line-height: 58px;font-weight: bold; margin-bottom: 30px; }
.g_title p {color: #666666;font-size: 16px;line-height: 36px;}
.g_fadeup1 {-webkit-animation: fadeInUp 1s ease-out both; animation: fadeInUp 1s ease-out both; animation-delay: 0.4s;}
.g_fadein1 {  -webkit-animation: fadeIn 1s ease-out both; animation: fadeIn 1s ease-out both;  animation-delay: 0.3s;}
.g_sec1bot {
    background: #f2f4f7;
    padding: 60px 0 60px 0;
		position:relative
}
.g_sec1topbj {
    width: 1495px;
    position: absolute;

    left: -130px;
}
.g_sec1sktu {
    width: 784px;
   
}


.g_sec1botfl {
    width: 42%;
    padding-right: 180px;

}

.g_sec1botfr { width: 58%; height:200px; position: absolute;  right:0; top:-110px;}

.g_sec1botfl h4 {color: #c7000b; font-size: 32px;

    font-weight: bold;

    line-height: 42px;

    margin-bottom: 20px;

}

.g_sec1nrfl {

    width: 32px;

}

.g_sec1nrfl img {

    width: 100%;

}

.g_sec1nrfr {

    width: calc(100% - 32px);

    padding-left: 26px;

}

.g_sec1nrfr h5 {

    color: #c7000b;

    font-size: 24px;

    font-weight: bold;

    line-height: 34px;

}

.g_sec1nrfr p {

    color: #666666;

    font-size: 16px;

    line-height: 30px;

    height: 40px;

    overflow: hidden;

}

.g_sec1botnr {

    margin-bottom: 30px;

}

.g_sec2 {
    position: relative;
    padding: 145px 0 0;
}

.g_sec2 {

    position: relative;

    padding: 145px 0 124px;

}

.g_sec2bj1 {

    position: absolute;

    width: 402px;

    bottom: 0;

    left: 0;

}

.g_sec2bj1 img,
.g_sec2bj2 img {

    width: 100%;

}

.g_sec2bj2 {

    position: absolute;

    width: 819px;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.g_sec2 .g_title {

    width: 50%;

    padding-right: 200px;

    /*position: absolute;

    top:0;

    left:0;*/

}

.g_sec2fl {

    width: 50%;

    padding: 0 40px;

}

.g_sec2_nr {

    margin: 0 -40px;

    position: relative;

}

.g_sec2nr {

    position: relative;

}

.g_sec2wz {

    width: 450px;

    background: #fff;

    padding: 36px 55px;

    margin-left: 36px;

    margin-top: -76px;

    position: relative;

    z-index: 10;

    box-shadow: 0 10px 20px 5px rgba(107, 107, 107, .14);

}

.g_sec2wz h5 {

    color: #162238;

    font-weight: bold;

    font-size: 24px;

    line-height: 34px;

    margin-bottom: 10px;

}

.g_sec2wz p {

    color: #162238;

    font-size: 16px;

    line-height: 30px;

}

.g_sec2fl {

    position: absolute;

}

.g_sec2 {

    position: relative;

    padding: 145px 0 0;

}
.g_pic {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.g_pic img {
    width: 100%;
    height: 100%;
    transition: all .36s ease;
}
.g_pic1 {
    position: relative;
    top: 0;
    left: 0;
}
.g_sec2wz {
    width: 450px;
    background: #fff;
    padding: 36px 55px;
    margin-left: 36px;
    margin-top: -76px;
    position: relative;
    z-index: 10;
    box-shadow: 0 10px 20px 5px rgba(107, 107, 107, .14);
}
.g_sec2wz h5,.g_sec2wz1 h5 {
    color: #162238;
    font-weight: bold;
    font-size:2rem;
    line-height: 34px;
    margin-bottom: 10px;
}
.g_sec2wz p,.g_sec2wz1 p {
    color: #162238;
    font-size: 16px;
    line-height: 30px;
}
.g_sec2wz1 p,.g_sec2wz1 h5 {
    color: #ffffff;
}
.swiper-box .g_sec2wz1 {
    width:100%; text-align:center;
    padding: 36px 0px; background:none;
    margin: 50px 0 0 0;
    position: relative;
    z-index: 10;

}
<!--第二end-->
<!--第二屏start-->

.chTitle {
    font-weight: bold;
    font-size: 2.75rem;
}
.quality {
    display: flex;
}

.engTitle {
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}
.chTitle {
    font-weight: bold;
    font-size: 2.75rem; color:#03538F;
}
.green{color:#03538F}
.yellow{color:#fcc9a4}
.desc {
    font-size: 1rem;
    margin-top: 2rem;
}

.quality-content .num{margin-bottom:3rem}
.quality{display:flex}
.quality>div{width:50%; overflow:hidden}
.quality-content {
    background: #03538F;
    color: #fff;
    padding: 10% 9% 0;
}
.quality-content .chTitle{color:#fcc9a4;margin-top:1rem}
.quality-img{line-height:0;position:relative}
.cultural-content{background:#f2f2f2;padding:5% 8% 0}
.cultural-content .chTitle{margin-top:1rem}
.approval-content {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(3,33.3333333333333%);
    line-height: 1.75;
    color:#fff
}

.approval-content div{
        display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(0,0,0,0.5);
    opacity:0;
    transition:opacity .3s;
    transition-delay:.1s
}
.approval-content div:hover{opacity:1}
.quality-s{margin-top:4rem}
.standard {
    display: flex;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(255,255,255,.7);
	    border-top: 1px solid rgba(255,255,255,.7);
    justify-content:space-between;
    align-items:center
}
.standard span{
        padding-top: 1rem;
    margin-right: 3rem;
}
.standard .desc{margin-top:1rem}
.standard h3{color:#fcc9a4;font-size:1.15rem}
.cultural-content .standard{border-color:rgba(0,0,0,.7);padding:1.05rem 0;color:#000}
.cultural-content .standard h3{color:#000;font-weight:bold}
.cultural-content .standard span{padding-top:0}
.idea-box{position:relative;font-size:0}
.idea-box .idea{
        position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    color: #fff;
}
.flex-box{display:flex;transition:.15s all}
.cultural-content .standard:hover{color:#03538F}
.cultural-content .standard:hover h3{color:#03538F}
.cultural-content .standard:hover path{stroke: rgb(0, 131, 117);}
.cultural-content .standard:hover .flex-box{padding-left:1rem}
.quality-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .3s all;
    transition-delay:0s !important
}
.quality-content .more__link {
    width: 155px;
    margin-top: 3rem;
    color: #fcc9a4;
    border-color: #fcc9a4;
}
.quality-content .more__link:hover{color:#000}

/*<!--第二屏end-->




<!--第三屏start-->*/
.news_title p {
    color: #666666;
    font-size: 16px;
    line-height: 36px;
}

.index_top{ background:#eeeeee;padding: 100px 0 0px 0;overflow: hidden;}
.fnt_44{
    font-size: 40px; font-weight:bold; color:#c7000b;
}
.fnt_22{
    font-size: 22px; color:#333;
}
.news_tab a,.index_botom a{ color: #111}
.news_title{text-align: center;padding-bottom: 40px;}

.news_tab{text-align: center;margin-bottom: 80px}

.news_tab dl,.news_tab,.news_tab dt{height: 56px;line-height: 56px;}

.news_tab ul{display: inline-block;}

.news_tab li{float: left;}

.news_tab dl{overflow: hidden;padding: 0 65px;}

.news_tab dt{float: left;width: 56px;position:relative;margin-right: 10px;}

.news_tab dt img{width: 100%;height: 100%;position: absolute;left: 0;top:0;}

.news_tab dt .news_ic01{top:0;}

.news_tab dt .news_ic02{top:100%;}



.news_tab dd{float: left;}



.news_tab li.on dt .news_ic01{top:100%;}

.news_tab li.on dt .news_ic02{top:0;}

.news_tab li.on a{color: #e3a128;}



.news_list li:first-child dl{border-top: 1px dashed #e7e7e7;}

.news_list dl{overflow: hidden;border-bottom: 1px dashed #e7e7e7;padding:30px 60px;padding-right: 70px;}

.news_list dt{float: right;width:526px;}

.news_list dd{float: left;width:calc(100% - 610px);padding-top: 80px;}

.news_list h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_list p{max-height: 128px; -webkit-line-clamp: 4;}

.news_time{margin: 25px 0;}

.news_more{padding-top: 30px;}

.news_more a{display: inline-block;width: 140px;height: 34px;line-height: 34px;text-align: center;background: #e3a128;color: #fff;border-radius: 20px;}



.index_botom{background: #f6f6f6;padding: 10px 0 100px 0;}
.index_list ul{overflow: hidden;margin: 0 -20px;display: none;}

.index_list ul:first-child{display: block;}

.index_list li{float: left;width: 33.33%;}
.zonghe li{
	width: 50%;
}
.index_list dl{margin: 0 20px;background: #fff;}
.g_content1 .index_list{ margin-top:50px;}
.index_list dt{height: 0;padding-bottom:81.6%;overflow: hidden;position: relative;}
.zonghe .tran_scale{
    height: 0;
    padding-bottom: 55.6%;
    overflow: hidden;
    position: relative;
}

.index_list dt a,.index_list dt img{position: absolute;top:0;left: 0;width: 100%;height: 100%;}

.index_list dd{padding:55px 25px;padding-top: 0;position: relative;z-index: 2;}

.index_list p{margin-bottom: 12px;}

.index_list h3{overflow: hidden;line-height: 30px; text-align:center}

.index_insert{margin-top: -40px;background: #fff;padding: 35px 25px;padding-bottom: 55px;border-bottom: 2px solid #e7a745;}
.zonghe .index_list dt a, .index_list dt img {position: absolute;top: 0; left: 0; width: 100%; height: auto;}
.tran_scale { overflow: hidden; display: block;}

.section-title {
    font-size: 2rem;
    font-weight: bold; padding-top:5rem; color:#c52327; text-align:center;
}
.standard-con .section-title,.strength .section-title {
    font-size: 44px
}
.section-desc{margin-top:1rem; font-size:16px;text-align:center;}
.standard-con{text-align:center;background:#f9f9f9}
.swiper-box {
    background: #be9562;
    margin-top: 5rem;
    padding:0 5% 5rem 5%;
    position:relative
}
.swiper-slide{background:#fff; width:15%; float:left; margin-right:1.65%}
.swiper-slide img{ width:100%}
.swiper-slide div{padding:2rem;color:#be9562}
.ch_t{font-size:1.25rem}
.eng_t{font-size:1rem}
.swiper-button-next, .swiper-button-prev {
    width: 20px;
    background-size: 20px 44px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:5%}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:5%}
.swiper-pagination {
    bottom: 5rem;
    width:100%;
    left:0;
}
.swiper-pagination-bullet{margin:0 4px}
.system{text-align:center;padding:8rem 0}
.system-c {
    background: url("/Images/quality/system/pic (5).jpg")no-repeat center;
    background-size: cover;
    color: #fff;
    margin-top: 5rem;
    display: flex;
    padding: 22rem 5rem;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.system-i{    margin: 1rem 4rem;}
.system-i img{width:5rem;margin-bottom:2rem}
.system-ch{font-size:1.5rem}
.system-eng{font-size:1rem}



.enterprise{display:flex;}
.enterprise-i{position:relative;width:calc(100% / 3);line-height:0}
.enterprise-i-c {
    position: absolute;
    color: #fff;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-top: 45%;
}
.enterprise .enterprise-i-t {
    font-weight: bold;
    margin: 3rem 0 1rem;
    font-size: 2rem;
    line-height:1
}
.enterprise-i p{line-height:20px;  font-size:16px; color:#fff}
.enterprise-i .hide-o{opacity:0;}
.enterprise-i-c *{transition:all .3s ease}
.delay-1{transition-delay:.1s}
.delay-2{transition-delay:.08s; font-size:24px; line-height:36px; color:#fff; line-height:60px;}
.delay-3{transition-delay:.14s}
.delay-4{transition-delay:.18s}
.delay-5{transition-delay:.22s}
.delay-6{transition-delay:.26s}
.enterprise-i:hover>.enterprise-i-c *{transform:translateY(-20px);opacity:1}
.idea .img-fill{margin-top:6rem}
.enterprise-i:hover .enterprise-i-c{background:rgba(0,0,0,.6)}
.enterprise-i-c{transition:background .15s linear}


.strength{text-align:center;background: #fff; color:#fff}
.s-content{display:flex;flex-wrap:wrap;background:#c52327;margin-top:2rem}
.s-content>div{width:50%;}
.s-img{line-height:0}
.s-img>img{width:100%}
.s-text {
    color: #fff;
    text-align: left;
    padding: 5rem;
    padding-right: 11rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.s-text .desc{
        padding-bottom: 3rem;
    margin-bottom: 0;
    border-bottom: 1px solid;
}
.s-text h2{font-size:0.9rm;font-weight:bold ; color:#be9562}
.know-More,.know-More span{ color:#ffffff}
.know-More  .arrow-line{ background:#fff}




.index-business {
	background-color:#fff;
	padding:106px 0 132px;
	overflow:hidden
}
.index-business {
padding:20px 0 0 0
}

.col-lg-3 {
    width: 25%;
}
.index-business .index-buss-main .row {
	margin:0 -10px
}
.index-business .index-buss-main .col-lg-3 {
	padding:0 10px;
	text-align:center
}
.index-business .index-buss-main .col-lg-3 .buss-item {
	position:relative;
	overflow:hidden;
transition:all .3s
}
.index-business .index-buss-main .col-lg-3 .buss-item {
	position:relative;
	overflow:hidden;
transition:all .3s
}
.index-business .index-buss-main .col-lg-3 .buss-item>img {
    width: 100%;
}
.index-business .index-buss-main .col-lg-3 .share {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
transition:all .3s
}
.index-business .index-buss-main .col-lg-3 .share {
opacity:.3
}
.index-business .index-buss-main .col-lg-3 .share:hover{opacity:.6} 
.index-business .index-buss-main .col-lg-3 .buss-text {
	position:absolute;
	bottom:0%;
	z-index:50;
	width:100%;
	padding:0 12.5%;
	color:#fff;
transition:all .3s
}
.index-business .index-buss-main .col-lg-3 .buss-text .buss-icon i {
font-size:58px
}
.index-business .index-buss-main .col-lg-3 .buss-text h4 {
	font-size:24px;
	padding-bottom:40px; color:#fff
}

.index-business .index-buss-main .col-lg-3 .buss-text .hover-vs {
	max-height:0;
transition:all .5s

}
.index-business .index-buss-main .col-lg-3 .buss-text .hover-vs p {
	font-size:16px;
	font-weight:400;
	line-height:27px;
	padding-bottom:12px;
	color:#fff;
	opacity:.9
}

.g_sec5 {

    position: relative;

}

.g_sec5bj {

    width: 100%;

    height: 973px;

    position: relative;

}

.g_sec5bj img {

    position: relative;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    width: auto;

    height: 100%;

}

.g_sec5nr {

    position: absolute;

    top: 70px;

    left: 50%;

    transform: translateX(-50%);

}

.g_sec5nr .g_title {

    width: 1100px;

    margin: 0 auto 100px;

}

.g_sec5fl {

    width: 25%;

    text-align: center;

}

.g_sec5fl p {

    color: #c7000b; height:72px; overflow:hidden; line-height:72px;

    font-size: 72px;

    font-family: "ROBOTO-BOLD" !important; padding:0; margin:0

}

.g_sec5_span {

    display: block;

    color: #ffffff;

    font-size: 18px;

    line-height: 36px;

}
.g_sec5 .g_title h3,.g_sec5 .g_title p{ text-align:center}
.fl {
    float: left;
}
.page_title{ padding-bottom:4rem; text-align:center}
.strength .section-desc{ color:#666}
.htitle h3,.htitle .fnt_35,.htitle .fnt_16,.quality-content h3,.quality-content .fnt_35,.quality-content .fnt_16,.fuwucontent_page h3,.fuwucontent_page .fnt_35,.fuwucontent_page .fnt_16{ text-align:left}
.quality-content .fnt_16{ line-height:24px;}
.standard h3{color:#fcc9a4;font-size:18px; line-height:48px}

.padding {
    margin: 0 auto;
    max-width: 1600px;
}
.clients-list {}

	.clients-list ul li {
		width: 33.33%;
	}
	.clients-list ul li:nth-child(even) {
		background-color: #f2f2f2;
	}

	.clients-list-item {
		position: relative;
		padding: 60px 20px 30px;
		text-align: center;
		border: 1px solid #eee;
	}

	.clients-list-item span.iconfont {
		position: absolute;
		top: 15px;
		right: 15px;
		display: inline-block;
		font-size: 2.4rem;
		color: rgba(0, 0, 0, .1);
	}

	.clients-list-logo {
		width: 30%;
		margin: 0 auto 20px;
	}

	.clients-list-logo img {
		max-width: 100%;
		max-height: 100%;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
	}

	.clients-list-item h3 {
		font-size: 14px;
		line-height: 1.4; color:#666666
	}


	.clients-list-item:hover .clients-list-logo img {
		filter: none;
	}

	.clients--list-desc {
		display: none;
		transition: none;
		line-height: 1.4;
		padding: 0 15px;
	}

	.clients--list-desc blockquote {
		position: relative;
		text-align: left;
		margin-top: 15px;
		font-size: 14px;
		line-height: 1.6;
		color: rgba(0, 0, 0, .5)
	}

	.clients--list-desc blockquote:before,
	.clients--list-desc blockquote:after {
		position: absolute;
		color: rgba(0, 0, 0, .1);
		font-family: "iconfont" !important;
		font-size: 18px;
		display: inline-block
	}

	.clients--list-desc blockquote:before {
		left: -25px;
		top: -5px;
		content: "\e03b"
	}

	.clients--list-desc blockquote:after {
		bottom: -20px;
		right: 0;
		content: "\e03a"
	}
	.flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

	@media (max-width:768px) {
		.clients-list ul li {
			width: 50%;
		}

		.clients-list-item h3 {
			font-size: 16px;
		}
	}

	@media (max-width:480px) {
		.clients-list-item h3 {
			font-size: 14px;
		}
	}