.i-ban {position: relative; overflow: hidden; width: 100%; z-index: 1; height: 650px !important; }

.i-ban ul, .i-ban li {width: 100%; height: 100%; }

.i-ban .btns {position: absolute; bottom: 76px; left: 10.5%; z-index: 10; } 

.i-ban .btns span {display: inline-block; width: 50px; height: 2px; margin-right: 10px; background-color: rgba(250,250,250,.4); position: relative; cursor: pointer; } 

.i-ban .btns span i {display: block; height: 100%; position: absolute; width: 0;background: #fff; }

.body-wrap .loader {z-index: 10;}

.i-ban li {background-size: cover !important; position: absolute; left: 100%; top: 0; overflow: hidden; }

.i-ban li .gray-bg {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0.3; filter: alpha(opacity=30); }





.i-ban li .cent-cont {position: absolute; left:50%; top: 50%; margin-top: -160px; color: #fff; z-index: 3;transform: translateX(-50%); }

.i-ban li .word {color: #fff; font-size: 40px; line-height: 68px;text-align: center; }

.i-ban li .word p {position: relative; overflow: hidden; height: 68px;font-weight: bold; }

.i-ban li .word p .font-sign {position: relative; display: block; top: 20px; opacity: 0; filter: alpha(opacity=0); } 

.i-ban li.active .word p .font-sign {top: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(0); transition: all 0.5s ease 0s; } 

.i-ban .word .group_but.font-sign {position: relative; display: block; top: 20px; opacity: 0; filter: alpha(opacity=0); }

.i-ban li.active .word .group_but.font-sign {top: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(0); transition: all 0.5s ease 0s; } 







.i-m-ban {height: 500px !important; position: relative; overflow: hidden; display: none; }

.i-m-ban ul {height: 100%; }

.i-m-ban li {height: 100%; position: relative; background-size: cover !important; }

.i-m-ban .cent-cont {position: absolute; width: 90%;left:50%;top: 50%; margin-top: -240px; color: #fff; transform: translateX(-50%);}

.i-m-ban .word {color: #fff; font-size: 26px; line-height: 56px;text-align: center;}

.i-m-ban .word p {position: relative; overflow: hidden; height: 56px; }

.i-m-ban .word p .font-sign {position: relative; display: block; top: 20px; opacity: 0; filter: alpha(opacity=0);font-weight: bold; }

.i-m-ban li.swiper-slide-active .word p .font-sign {top: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(0); transition: all 0.5s ease 0s; }



.i-m-ban .word .group_but.font-sign {position: relative; display: block; top: 20px; opacity: 0; filter: alpha(opacity=0); }

.i-m-ban li.swiper-slide-active .word .group_but.font-sign {top: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(0); transition: all 0.5s ease 0s; } 





.i-m-ban .page-btns {position: absolute; bottom: 76px; left: 5.5%; z-index: 2; height: 2px;width:auto; }

.i-m-ban .page-btns span {display: inline-block; width: 50px; height: 2px; margin-right: 10px; background-color: #3a333f; position: relative; cursor: pointer; vertical-align: top;border-radius: 0; }

.i-m-ban .page-btns span i {display: block; height: 100%; position: absolute; width: 0; background-color: #918c94;border-radius: 0;  } 

.i-m-ban .page-btns span.swiper-pagination-bullet-active i { transition: width 4s linear 0s;}

.group_but{margin-top: 10px;line-height: 40px;}

.group_but a.but{width: 140px;height: 40px;line-height: 40px;text-align:left;border-bottom: 2px solid #c70019;font-size:16px;display: inline-block;color:#666;padding-left:38px;position: relative;margin: 0 16px;}

.group_but a.but:before{width:12px;height: 1px;background: #333;content: "";display: inline-block;position: absolute;left:22px;top:50%;opacity: 0; transition:all 0.3s;-webkit-transition: all 0.3s;}

.group_but a.but:hover{padding-left:50px;}

.group_but a.but:hover:before{opacity: 1;left:30px;}

.i-ban li:nth-of-type(2) .group_but a,.i-m-ban li:nth-of-type(3) .group_but a{color:#666}

.i-ban li:nth-of-type(2) .group_but a.but:before {background:#666;}

.i-ban li:nth-of-type(3) .group_but a,.i-m-ban li:nth-of-type(4) .group_but a{color:#fff}

.i-ban li:nth-of-type(3) .group_but a.but:before,.i-m-ban li:nth-of-type(4) .group_but a.but:before{background:#fff}

.i-m-ban li:nth-of-type(3) .group_but a.but:before{background:#666;}









.swiper-lazy-preloader.loader:after{background-image: none;}



.marginb80{margin-bottom: 80px;}

.marginb140{margin-bottom: 140px;}

.tab_bg{width:100%;background: #fff;}

.tabs{width:100%;height: 100px;margin-bottom:50px;}

.tabs .swiper-slide {text-align: center;width: 25%;position:relative;cursor: pointer;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;height: 100px;}

.tabs .swiper-slide img{max-width:54%;opacity: .5;}

.tabs .swiper-slide:after{height:4px;width:100%;display: block;content: "";position: absolute;left:0;top: 0;transition: all 0.4s ease;-webkit-transition:all 0.4s ease;transform: scaleX(0);-webkit-transform: scaleX(0);background: #c70019;}

.tabs .swiper-slide.active:after{transform: scaleX(1);-webkit-transform: scaleX(1);}

.tabs .swiper-slide.active{background: #f5f5f5;}

.tabs .swiper-slide.active img{opacity: 1;}

.tabs-container .swiper-slide{width:100%;position: relative;height: 100%;padding-bottom:8%;padding-left:20px;}

.car_img{width:69.33%;height: 100%;box-shadow:0 15px 33px rgba(17,17,17,.1);-webkit-box-shadow:0 15px 33px rgba(17,17,17,.1);overflow: hidden;float: left;}

.car_img a{width:100%;height: 100%;display: block;}

.car_img a img{transition:all 0.8s ease;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;width:100%;}

.car_img a:hover img{ -webkit-transform-origin: center center; -webkit-transform: scale(1.1, 1.1);

    -moz-transform-origin: center center;-moz-transform: scale(1.1, 1.1);}



.car_info{width:45%;position: absolute;height: 85%;right:0;top:8%;background: #fff;box-shadow:0 15px 33px rgba(17,17,17,.1);-webkit-box-shadow:0 15px 33px rgba(17,17,17,.1);z-index: 99;margin-right: 20px;}

.info_box{width:76%;margin: auto;padding-top: 80px;}

.info_top{width:100%;margin-bottom: 30px;}

.h3{font-size:40px;color:#333;float: left;padding: 12px 0;border-bottom: 4px solid #c70019;line-height: 40px;font-weight: bold;position: relative;}

.h3:after{content: "";display: block;height: 2px;width:20px;background: #c70019;display: none;}

.xModel{float: right;font-size:44px;font-family: 'DINCONDBOLD';color:#c70019;margin-top: 12px;}

.xModel span{font-size:30px; font-family: 'DINCONDLIGHT';}

.describe{width:100%;word-wrap: break-word;line-height: 2em;font-size:16px;color:#666;text-align: left;}

.scene{position: absolute;left:12%;bottom:18%;z-index: 99;}

.c_more{width:140px;height: 46px;background: #c70019;position:absolute;left:-98px;bottom: 18%;line-height: 46px;display: block;}

.c_more span{font-size:20px;font-family: 'DINCONDLIGHT';color:#fff;display:inline-block;transform:translateX(54px);-webkit-transform:translateX(54px);transition: all 0.4s ease;-webkit-transition: all 0.4s ease; }

.c_more:before { width: 40px; height: 1px; background: #fff; content: ""; display: inline-block; position: absolute; left: -20px; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; }

.c_more:after { width: 40px; height: 1px; background: #fff; content: ""; display: inline-block; position: absolute; right:-20px; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s;opacity: 0; }

.c_more:hover span{transform:translateX(38px);-webkit-transform:translateX(38px);}

.c_more:hover:before{width:0;}

.c_more:hover:after{opacity: 1;right:20px;}



 .tabs-container .swiper-slide.direction .car_img{float: right;margin-right: 20px;}

 .tabs-container .swiper-slide.direction .car_info{left:0;right:auto;margin-left: 20px;margin-right: 0;}

 .tabs-container .swiper-slide.direction .c_more{right:-50px;left:auto;}

 .tabs-container .swiper-slide.direction .c_more:after {left:-20px; opacity: 0; }

 .tabs-container .swiper-slide.direction .c_more:hover span{transform:translateX(70px);-webkit-transform:translateX(70px)}

 .tabs-container .swiper-slide.direction .c_more:before{right:-20px;left:auto;}

 .tabs-container .swiper-slide.direction .c_more:hover:after{opacity: 1;left:20px;}





.part_t{position: absolute;left:8%;top:-60px;z-index: 999;}

.T-power .info_box{padding-top:120px;}

.info_box ul{margin-top:80px;}

.info_box ul li{width:27.5%;float: left;text-align: center;}

.info_box ul li+li{margin-left:8.75%; }

.t_img{width:100%;height: 100px;overflow: hidden;position: relative;margin-bottom:10px; }

.t_img img{max-width: 130px;}

.a_but{display: block;width:100%;height: 46px;position: relative;line-height: 46px;font-size:14px;color:#fff;background: #c70019;}

.a_but:before {width: 12px; height: 1px; background: #fff; content: ""; display: inline-block; position: absolute; left:5%; top: 50%; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }

.a_but:hover{padding-left:10%;}

.a_but:hover:before {left:18%;opacity: 1}

.news_top{width:100%;margin-bottom: 24px;}

.subnav{float: right;}

.subnav ul {float: right;margin-right: 50px;margin-top:40px;}

.subnav ul li{float: left;margin:0 5px;width:auto;width:80px;}

.subnav ul li a{display: block;font-size:16px;font-weight: bold;color:#333;position: relative;padding-left:6px;}

.subnav ul li a:before {width:5px; height: 1px; background: #c70019; content: ""; display: inline-block; position: absolute; left:-5px; top: 50%; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }

.subnav ul li a:hover,.subnav ul li.on a{padding-left:12px;color:#c70019;}

.subnav ul li a:hover:before,.subnav ul li.on a:before{left:2px;opacity: 1;}







.mrgint26{margin-top:26px;}

.news_list{width:100%;}

.news_list ul li{width:31%;float: left;position: relative;-webkit-transition: all .4s ease;transition: all .4s ease;overflow:hidden;}

.news_list ul li+li{margin-left:3.5%;}

.news_list ul li .zt_n{width:100%;height:100%;display:block;}

.zc-h5{width:100%;padding: 24px 30px 30px;background: #fff;text-align: left;}

.zc-h5 h5{line-height:1.5em ;font-size:16px;color:#333;margin-bottom: 34px;height: 46px;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}

.zc-h5 p{line-height:18px;}

.zc-h5 p span{display: inline-block;margin-right: 30px;color:#999; font-family: 'DINCONDLIGHT';font-size:18px;}

.zc-h5 p span:last-child{margin-right: 0;}

.zc-h5 p span i{font-size:14px;font-family: "iconfont";margin-right: 10px;display:inline-block;}

.news_list ul li:hover{-webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 13px rgba(0, 0, 0, 0.1);transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px)}

.news_list ul li:hover h5{color:#c70019;}

.zc_data{width:100%;padding:80px 0 50px;}

.d_box{width:68%;margin: auto;text-align: center;}

.d_box h3{color:#fff;font-size:40px;font-weight: bold;line-height: 1em;word-wrap:break-word;}

.nimg{width:100%;height: 100%;overflow:hidden;}

.nimg img{width:100%;}

.nimg img { width: 100%; transition: all 0.8s ease;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;}

.news_list ul li a:hover img {

    -webkit-transform-origin: center center;

    -webkit-transform: scale(1.1, 1.1);

    -moz-transform-origin: center center;

    -moz-transform: scale(1.1, 1.1);

}

.margintb{margin: 76px auto 80px;}

.bot_left2{width:32%;float: left;text-align: left;margin-top:4px;}

.bot_left2 h5{font-size:26px;color:#fff;font-weight: bold;line-height: 26px;margin-bottom:16px;}

.bot_left2 p{color:#fff;word-wrap: break-word;line-height:2em;font-size:20px;font-weight: bold;}

.result{width:62%;float: right;}

.result ul li{width:33.33%;float: left;text-align: left;padding-left: 10%;}

.result ul li h6{font-size:16px;color:#fff;line-height: 1.2em;margin-bottom: 6px;}

.number span{color:#fff;font-size:60px;font-family: 'DINCONDBOLD';line-height: 1em;}

.number i{font-weight: bold;color:#fff;font-size:20px;margin-left: 20px;}





.swiper-wap-container{padding-bottom:50px;display: none;}

#swiper-pagination2{text-align:center;bottom: 30px;}

#swiper-pagination2 .swiper-pagination-bullet{margin:0 5px ;height:10px; width:10px;background:#fff;border-radius:100%;border: 1px solid #c70019;}

#swiper-pagination2 .swiper-pagination-bullet-active{background:#c70019;}

.swiper-wap-container .swiper-slide{width:100%;float: none;position: relative;}









/*index*/

.contain{width: 100%; padding-top: 0;}

.sectionBox{width: 100%; background-color: #f4f4f4; padding: 60px 0 80px 0; position: relative; z-index: 1;}

.section01{background-color: #f4f4f4; border-bottom: 1px solid #f4f4f4;}

.indexTitle{width: 100%; text-align: center; padding-top: 20px}

.indexTitle h2{font-size: 36px; font-weight: bold; color: #000; line-height: 1.1;}

.indexTitle p{font-size: 18px; color: #666; margin-top: 10px;}

.inBusiness{width: 100%; margin-top: 50px;}

.inBusiness ul li{width: 25%; float: left; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}

.inBusiness ul li.item1{background-color: #000;}

.inBusiness ul li.item2{background-color: #08adae;}

.inBusiness ul li.item3{background-color: #fdb200;}

.inBusiness ul li.item4{background-color: #17509f;}

.inBusiness ul li .box{height: 483px; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.inBusiness ul li.item1:hover .box{background-color: rgba(0,0,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);}

.inBusiness ul li.item2:hover .box{background-color: rgba(8,173,174,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}

.inBusiness ul li.item3:hover .box{background-color: rgba(253,178,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88f3f3f3, endColorstr=#88f3f3f3);}

.inBusiness ul li.item3:hover .tit{background: url(../images/fw_more.png) right center no-repeat;}

.inBusiness ul li.item3 .dl dd .a{border-color: #fff; color: #fff;}

.inBusiness ul li.item4:hover .box{background-color: rgba(23,80,159,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}

.inBusiness ul li.item4 .dl dd .a:hover{background-color: #e41700; border-color: #e41700; color: #fff;}

.inBusiness ul li .tit{font-size: 28px; color: #fff; padding-right: 45px;}

.inBusiness ul li .tit p{font-size: 14px; color: #f1f1f1;}

.inBusiness ul li.item3 .tit{color: #fff;}

.inBusiness ul li.item3 .tit p{color: #f1f1f1;}

.inBusiness ul li:hover .tit{background: url(../images/fw_more.png) right center no-repeat;}

.inBusiness ul li:hover .dl{visibility: visible; opacity: 1;}

.inBusiness .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0;}

.inBusiness .dl dd .a{display: block; width: 105px; height: 33px; line-height: 33px; border: 2px solid #fff; text-align: center; font-size: 12px; color: #fff;}

.inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd a:hover{background-color: #e41700; border-color: #e41700; color: #fff;}

















.ahout{

    width: 100%;

    height: auto;

    background: #fff; padding-left:2%; padding-right:2%; padding-top:4%;  padding-bottom:4%; 

 

}

.ahout .aboutBox{

    width: 100%;

    height: auto;

    margin: auto;

    min-width: 1000px;

    overflow: hidden;

}

.ahout .aboutBox .theme{

    width: 100%;

    height: auto;

    /*float: left;*/

    padding-right: 3%;

    box-sizing: border-box;

    overflow: hidden;
    text-align: center;

}

.ahout .aboutBox .theme .entext{

    width: 100%;

    height: auto;

    font-size: 55px;

    color: #080808;

    line-height: 56px;

    font-weight: bolder;

}

.ahout .aboutBox .theme .entext div{

    width: 100%;

    height: auto;

    font-size: 55px;

    color: #080808;

    line-height: 56px;

    font-weight: bolder;

    /*font-family: Arial;*/

}

.ahout .aboutBox .theme .cntext{

    width: 100%;

    height: auto;

    font-size: 40px;

    color: #080808;

    line-height: 54px;

    margin-bottom: 2%;

}

.ahout .aboutBox .theme .slogans{

    width: 100%;

    height: auto;

    font-size: 18px;

    color: #080808;

    line-height: 32px;

}

.ahout .aboutBox .textPart{

    width:100%;

    height: auto;

    float: left;

    border-left: 1px solid #ededed;

    padding-left: 5%;

    box-sizing: border-box;

}

.ahout .aboutBox .textPart .text{

    width: 100%;

    height: auto;

    font-size: 22px;

    color: rgba(0,0,0,0.7);

    line-height: 48px;

    margin-bottom: 3%;

}

.ahout .aboutBox .textPart .dataList{

    width: 100%;

    height: auto;

    padding-bottom: 3%;

}

.ahout .aboutBox .textPart .dataList li{

    width: 25%;

    height:auto;

    float: left;

    padding-left: 4%;

    border-left: 1px solid #ededed;

    box-sizing: border-box;

}

.ahout .aboutBox .textPart .dataList li:first-child{

    border-left: none;

}

.ahout .aboutBox .textPart .dataList li .data{

    width: 100%;

    height: auto;

    color: #fe5800;

    font-size: 50px;

    line-height: 62px;

    align-items: center;

    display: flex;

    margin-top: 8%;

}

.ahout .aboutBox .textPart .dataList li .data .num{

    font-size: 50px;

    line-height: 62px;

}

.ahout .aboutBox .textPart .dataList li .data .up{

    font-size: 16px;

    line-height: 28px;

    margin-top: -38px;

}

.ahout .aboutBox .textPart .dataList li:nth-of-type(3) .data .up{

    font-size: 20px;

    margin-top: -43px;

}

.ahout .aboutBox .textPart .dataList li:nth-of-type(4) .data .up{

    font-size: 20px;

    margin-top: -43px;

}

.ahout .aboutBox .textPart .dataList li .txt{

    width: 100%;

    height: auto;

    font-size: 16px;

    color: #787878;

    line-height: 26px;

}









@media screen and (max-width: 1690px) {





 .ahout .aboutBox .theme .entext div{

        font-size: 50px;

        line-height: 52px;

    }

 .ahout .aboutBox .theme .cntext{

        font-size: 37px;

        line-height: 50px;

    }



}



@media screen and (max-width: 1550px) {



   .ahout .aboutBox .theme .entext div{

        font-size: 46px;

        line-height: 48px;

    }

   .ahout .aboutBox .theme .cntext{

        font-size: 34px;

        line-height: 46px;

    }

  .ahout .aboutBox .textPart .text{

        font-size: 20px;

        line-height: 44px;

    }



}

@media screen and (max-width: 1400px) {



 .ahout .aboutBox .theme .entext div{

        font-size: 42px;

        line-height: 46px;

    }

 .ahout .aboutBox .theme .cntext{

        font-size: 32px;

        line-height: 44px;

    }

  .ahout .aboutBox .textPart .text{

        font-size: 18px;

        line-height: 40px;

    }

.ahout .aboutBox .textPart .dataList li .txt{

        font-size: 14px;

        line-height: 24px;

    }

}



@media screen and (max-width: 1300px) {

 .ahout .aboutBox .theme .entext div{

        font-size: 38px;

        line-height: 42px;

    }

 .ahout .aboutBox .theme .cntext{

        font-size: 28px;

        line-height: 40px;

    }

  .ahout .aboutBox .theme .slogans{

        font-size: 16px;

        line-height: 28px;

    }

r .ahout .aboutBox .textPart .text{

        font-size: 16px;

        line-height: 36px;

    }

}

@media screen and (max-width: 1000px) {

	  .ahout{

        padding: 6% 4%;

        box-sizing: border-box;

    }

    .ahout .aboutBox{

        width: 100%;

        min-width: 100%;

    }

    .ahout .aboutBox .theme{

        width: 100%;

        padding-right: 0;

    }

    .ahout .aboutBox .theme .entext{

        display: none;

    }

    .ahout .aboutBox .theme .cntext{

        font-size: 26px;

        line-height: 36px;

        font-weight: bolder;

        margin-bottom: 2%;

    }

    .ahout .aboutBox .theme .slogans{

        display: none;

    }

    .ahout .aboutBox .textPart{

        width: 100%;

        padding-left: 0;

        border-left: none;

    }

    .ahout .aboutBox .textPart .text{

        font-size: 14px;

        line-height: 28px;

    }

    .ahout .aboutBox .textPart .dataList li{

        width: 50%;

        min-height: 98px;

        padding-left: 10%;

    }

    .ahout .aboutBox .textPart .dataList li:nth-of-type(1){

        border-bottom:1px solid #ededed;

    }

    .ahout .aboutBox .textPart .dataList li:nth-of-type(2){

        border-bottom:1px solid #ededed;

    }

    .ahout .aboutBox .textPart .dataList li:nth-of-type(3){

        border-left: none;

        padding-top: 3%;

        box-sizing: border-box;

    }

    .ahout .aboutBox .textPart .dataList li:nth-of-type(4){

        padding-top: 3%;

        box-sizing: border-box;

    }

    .ahout .aboutBox .textPart .dataList li:nth-of-type(2n){

        /*padding-left:10%;*/

    }

    .ahout .aboutBox .textPart .dataList li .data .num{

        font-size: 40px;

        line-height: 42px;

    }

    .ahout .aboutBox .textPart .dataList li .data .up{

        font-size: 14px;

        line-height: 20px;

        margin-top: -24px;

    }

	   }

	

	

	

	.clearfix:after{

    content:".";

    display:block;

    height:0;

    clear:both;

    visibility:hidden;

}

	

	.hews{

    width: 100%;

    height: auto;

    padding: 4% 0;

    background: #f9f9f9;

}

.hews .hewsBox{

    width: 87.6%;

    height: auto;

    margin: auto;

    min-width: 1000px;

}

.hews .hewsBox .titleBox{

    width: 100%;

    height: auto;

    overflow: hidden;

}

.hews .hewsBox .titleBox .theme{

    width: 60%;

    height: auto;

    float: left;

    align-items: center;

    display: flex;

}

.hews .hewsBox .titleBox .theme .entheme{

    font-size: 40px;

    color: #080808;

    line-height: 48px;

    font-weight: bolder;

    margin-right: 6px;

}

.hews .hewsBox .titleBox .theme .cntheme{

    font-size: 34px;

    color: #080808;

    line-height: 48px;

    font-weight: lighter;

}

.hews .hewsBox .titleBox .more{

    width: 35%;

    height: auto;

    float: right;

    font-size: 20px;

    color: #b0b0b0;

    line-height: 48px;

    text-align: right;

}

.hews .hewsBox .titleBox .more a{

    display: block;

    font-size: 20px;

    color: #b0b0b0;

    line-height: 48px;

    text-align: right;

}

.hews .hewsBox .titleBox .more a img{

    vertical-align: middle;

}

.hews .hewsBox .titleBox .more:hover a {

    color: #fe5901;

}

.hews .hewsBox .list{

    width: 100%;

    height: auto;

    margin-top: 4%;

}

.hews .hewsBox .list li{

    width: 21.25%;

    float: left;

    height: auto;

    margin-right: 5%;

    transition: all 0.5s;

}

.hews .hewsBox .list li:nth-of-type(4n){

    margin-right: 0;

}

.hews .hewsBox .list li .time{

    width: 100%;

    height: auto;

    font-size: 14px;

    color: #8d8d8d;

    line-height: 19px;

    margin-bottom: 2%;

}

.hews .hewsBox .list li .title{

    width: 100%;

    height: auto;

    min-height: 48px;

    font-size: 18px;

    color: #000000;

    line-height: 24px;

    font-weight: bold;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    box-sizing: border-box;

    transition: all 0.5s; text-align: left

}

.hews .hewsBox .list li .desc{

    width: 100%;

    height: auto;

    min-height: 104px;

    font-size: 14px;

    color: #8d8d8d;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    margin-top: 4%;

    margin-bottom: 8%;

    border-top: 1px solid #eaeaea;

    padding-top: 4%;

}

.hews .hewsBox .list li .type{

    width: 100%;

    height: auto;

    font-size: 14px;

    color: #ea5404;

    line-height: 19px;

}

.hews .hewsBox .list li:hover{

    transform: translateY(-15px);

}

.hews .hewsBox .list li:hover .title{

    color: #fe5800;

}

	

	@media screen and (max-width: 1000px) {

	

	  .hews{

        padding: 6% 4%;

        box-sizing: border-box;

    }

    .hews .hewsBox{

        width: 100%;

        min-width: 100%;

    }

    .hews .hewsBox .titleBox .theme{

        width: 50%;

        display: block;

    }

    .hews .hewsBox .titleBox .theme .entheme{

        /*width: 100%;

        font-size: 21px;

        line-height: 26px;*/

        display: none;

    }

    .hews .hewsBox .titleBox .theme .cntheme{

        width: 100%;

        font-size: 24px;

        line-height: 42px;

        font-weight: bolder;

    }

    .hews .hewsBox .titleBox .more{

        width: 50%;

    }

    .hews .hewsBox .titleBox .more a{

        font-size: 15px;

        line-height: 42px;

    }

    .hews .hewsBox .titleBox .more a img{

        width: 105px;

    }

    .hews .hewsBox .list li{

        width: 100%;

        margin-right: 0;

        padding: 6% 0;

        border-bottom:1px solid #eaeaea;

    }

    .hews .hewsBox .list li:last-child{

        border-bottom: none;

    }

    .hews .hewsBox .list li .title{

        min-height: auto;

        font-weight: normal;

    }

    .hews .hewsBox .list li .desc{

        display: none;

    }

    .hews .hewsBox .list li .type{

        display: none;

    }

	

	

	   }

	

	

	

	

	

	

	

	

	

	

	

	

	

/*骞垮憡*/

#broadcast {background-color: #f0f0f0; z-index:2;}

#broadcast .cont {overflow: hidden; width: 1200px; height: 70px; margin: 0 auto; padding-left: 50px; background: url(../images/broadcast.png) no-repeat left center; position: relative;}

.cont-div {position: absolute; top: 50%; margin-top: -11px; height: 22px; line-height: 22px; overflow: hidden;}

.cont-div ul li {font-size: 16px;}

.cont-div ul li a {color: #888;}

.cont-div ul li a:hover {color: #d12928;}

.cont-div ul li span {padding-left: 140px;}

.more2 {height: 70px; line-height: 70px;}

.more2 a {position: absolute; top: 50%; right: 0; width: 28px; height: 28px;border: 1px solid #d7d7d7;

background: url(../images/more.png) no-repeat center center; margin-top: -14px;}





.section03{background-color: #fff;}

.indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;}

.indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;}

.indexPartner ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}

.indexPartner ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}

.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}

.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}

.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}

.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}















@media screen and (min-width:1920px){



#broadcast .cont { width: 95%}



}



@media screen and (max-width:1000px){



#broadcast .cont { width: 94%}

}



@media screen and (max-width:1600px){

  

  

    .inBusiness ul li .box{padding: 40px 30px;}

   

}



@media screen and (min-width:1200px) and (max-width:1519px){



  .inBusiness ul li .box{height: 380px;}}







@media screen and (min-width:769px) and (max-width:1199px){

 

	

    .inBusiness ul li .box{height: 380px;}

    .inBusiness ul li{width: 50%;}}



@media screen and (max-width:768px){

  .inBusiness ul li .tit,.indexBtns a,.indexnwlist ul li .h2,.incaseTab ul li a,.nwNextlist ul li .h2,.nwMyewm .th,.aboutUs .pn,.aboutSer ul li .pn,.abContact ul li .Btns{font-size: 14px;}

    .indexTitle p,.banner .banText .pn,.bannerNumBar ul li .pn,.inBusiness ul li .tit p,.indexCase ul li p,.indexnwlist ul li .time,.footer .ftlogos,.nybanner .pn,.newslist ul li .time,.aboutNumBar ul li .pn,.indexnwlist ul li .pcont,.newslist ul li .pcont,.nwNextlist ul li .time,.abContact ul li .pn{font-size: 12px;}

    .sectionBox,.baiweiDemand,.aboutBox{padding: 30px 0 40px 0;}

    .inBusiness,.indexCase,.indexPartner,.indexNews,.baiweiform,.newsTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;}

    .inBusiness ul li{width: 50%;}

    .inBusiness ul li .box{padding: 20px 10px; height: 320px;}

    .inBusiness ul li .tit,.inBusiness ul li:hover .tit{padding-right: 26px; background-size: 20px auto;}

    .inBusiness .dl dd a{width: auto; padding: 0 5px; border-wiath: 1px; height: 28px; line-height: 28px;}

	

	

	   .inBusiness,.indexCase,.indexPartner,.indexNews,.baiweiform,.newsTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;}

	   

	     .indexPartner ul li{width: 33.333%;}

	}

	



.indexcase-demo {

	margin:auto;

	max-width:1200px;

	padding: 60px 0 30px;

	width:94%;

	line-height: 2;



	

	font-size: 16px;   padding-bottom:50px;

	

	

}

.indexcase-demo  strong{

	color:#d12928;

	

	

}

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



.indexcase-demo {

	padding: 20px 0 10px;

}



.indexcase-demo {

	font-size: 14px;

}

}



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



.indexcase-demo {

	font-size: 12px;

}



.indexcase-demo {

	font-size: .75em;

	text-align: left;

}

}



@media (max-width: 1680px){

  .T-power .info_box{padding-top:90px;}

  .info_box ul{margin-top:60px;}

}





@media (max-width: 1440px){

	.i-ban li .cent-cont{margin-top: -190px;}

	.i-ban li .word {font-size: 34px; line-height: 50px; }

	.i-ban li .word p { height: 56px;}

  .info_box{padding-top:60px;}

  .h3{font-size:32px;padding: 8px;}

  .xModel{font-size:38px;}

  .xModel span{font-size:28px;}

  .info_box ul{margin-top:30px;}

}

@media (max-width: 1279px){

  .info_box { padding-top:30px;}

  .T-power .info_box { padding-top:60px;}

  .h3 {font-size:28px;}

  .xModel {font-size: 32px;}

  .info_box ul{margin-top:30px;}

  .describe{font-size:14px;line-height: 1.8em;}

  .t_img{height: 80px;}

  .d_box{width:78%;}

  .result ul li{padding-left: 5%;}

  .number span{font-size:50px;}

  .result ul li h6{font-size:14px;}

}

@media (max-width: 1049px){

  .i-ban li .cent-cont {width: 90%; }

  .i-ban li .word {font-size: 24px; line-height:50px; }

  .i-m-ban { display: block;}

  .i-m-ban .cent-cont {margin-top: -126px;}

  .i-ban {display: none;}

  .car_img{width:100%;float: none;box-shadow: 0 0 0 rgba(17,17,17,.1);-webkit-box-shadow: 0 0 0 rgba(17,17,17,.1);}

  .car_info{width:100%;position: relative;height: auto;padding:20px 20px 30px;box-shadow: 0 8px 16px rgba(17,17,17,.1);

    -webkit-box-shadow: 0 8px 16px rgba(17,17,17,.1);top:auto;right:auto;}

 .info_box{width:100%;padding-top: 0;}

 .T-power .info_box{padding-top:0;}

 .scene{display: none;}

 .c_more{position: relative;left:auto;bottom: auto;margin-top: 30px;}

 .tabs-container .swiper-slide.direction .car_img{float: none;margin: 0;}

 .tabs-container .swiper-slide{padding:0 20px;}

 .tabs-container .swiper-slide.direction .car_info{margin: 0;}

 .tabs-container .swiper-slide.direction .c_more{right:auto;}

 .marginb80{margin-bottom: 40px;}

 .T-power .car_info{padding:20px 20px 40px;}

 .tabs,.tabs .swiper-slide{height: 80px;}

 .subnav ul{display:none;}

 .mrgint26{margin-top:10px;}

 .zc-h5{padding: 20px 0;}

 .zc-h5 h5{margin-bottom:24px;}

 .marginb140{margin-bottom: 80px;}

 .zc-h5 p span{margin-right: 20px;}

  .zc-h5 p span i{margin-right: 6px;}

  .d_box h3{font-size:30px;}

  .bot_left2{width:100%;float: none;margin-bottom: 20px;}

  .result{width:100%;float: none;}

  .bot_left2 p{font-size:16px;}

  .result ul li{padding-left: 0;}

  .part_t{display: none;}

  .car_info{box-shadow:none;-webkit-box-shadow:none;}

}



@media (max-width:767px){

   .i-m-ban li .word p {height: auto; font-size: 22px; line-height: 32px; }

   .i-m-ban .cent-cont {margin-top: -100px;}

   .group_but a.but{width:110px;padding-left:28px;margin: 0 10px;font-size:14px;}

   .group_but a.but:before{left:16px;}

   .group_but a.but:hover{padding-left:38px;}

   .group_but a.but:hover:before{left:22px;}

   .tabs .swiper-slide{width: 33.33%;}

   .tabs{margin-bottom:0;}

   .tabs .swiper-slide img{max-width: 76%}

   .t_img img{max-width: 100%;}

   .a_but{height: 30px;line-height: 30px;font-size:12px;}

   .h3{font-size:20px;padding: 4px;}

  .xModel {font-size: 24px;display: none;}

  .xModel span{ font-size:20px;}

  .marginb140{margin-bottom:15px;}

  .d_box h3{font-size:20px;}

  .d_box{width:90%;}

  .margintb{margin:26px auto 80px;}

  .number span{font-size:30px;}

  .bot_left2 p {font-size: 15px; line-height: 1.5em;}

  .result ul li h6{font-size:12px;color:#b2b2b2;}

  .number i{font-size:16px;}

  .c_more{width:90px;height: 36px;line-height: 36px;text-align: center;padding: 0;}

  .c_more span{font-size:16px;transform: translateX(0);-webkit-transform: translateX(0);}

  .c_more:before,.c_more:after{display: none;}

  .c_more:hover span{transform: translateX(0);-webkit-transform: translateX(0);}

  .news_list ul{display: none;}

  .swiper-wap-container{display: block;}

  .marginb80{margin-bottom:15px;}

  .tabs-container .swiper-slide {padding:0;}

  .che_news {background: #fff;padding-top: 20px;}

  .tab_bg{background: #f5f5f5;}

  .tabs .swiper-slide.active{background: #fff;}

  .tabs .swiper-slide:after{height: 2px;}

  .describe{line-height: 1.5em;height: 82px;overflow: hidden;}

  .info_top{margin-bottom: 14px;}

   .h3{border-bottom: 0;}

  .h3:after{display: block;}





}