.wrap {

    width: 100%;

    margin: 0px auto;

    overflow: hidden;

}









/**menu top:start**/



.menuTopWrap{

    background:#ae0004;

}



.menuTop{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.menuTop span{

    

color: #fff;

    

line-height: 45px;

    

display: flex;

    

flex-direction: row;

    

align-items: center;

    

justify-content: space-between;

}



.menuTop span em{

    

color: #fff;

}

.menuTop span a{

    

color: #fff;

    

display: block;

}





.menuTop span:nth-child(1){



}



.menuTop span:nth-child(2){

width: 34%;

}











/**menu:start**/





.menuWrap{



 

}

.menuCont{

    

display: flex;

    

flex-direction: row;

    

overflow: visible;

}



.logo{



display: flex;



align-items: center;

}



.logo a{

    display: block;

}



.logo a img{

    max-width: 100%;

    height: auto;

}





.menu {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 70%;background: none;margin-left: 2%;}



.menu .li {

    width: 20%;

    position: relative;

}



.menu .li a {

    display: block;

    font-size: 16px;

    line-height: 100px;

    color: #333;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0% 4%;

    text-decoration: none;

}



.menu > .li > a:hover{

    color: #ae0004;

}



.menu .li.on {

 

}

.menu > .li.on > a {

    color: #ae0004;

}



.menu_son {

    display: none;

    position: absolute;

    top: 100px;

    background: #fff;

    width: 100%;

    border: 1px solid #e0e0e0;

    border-top: none;

    z-index: 9;

}



.menu_son_on {

    display: block;

}



.menu_son li {

    margin-bottom: 0%;

    border-top: 1px solid #e0e0e0;

}



.menu_son li a {

    font-size: 16px!important;

    color: #333!important;

    line-height: 44px!important;

}



.menu_son li:hover {

    background: #ae0004;

}



.menu_son li:hover a {

    color: #fff!important;

}









.search{



display: flex;



align-items: center;



width: 7%;



justify-content: center;

}



.search img{



}



.lang{



display: flex;



flex-direction: row;



align-items: center;



width: 7%;



justify-content: space-between;

}

.lang a{



}

.lang em{



}





/**banner:start**/



.bannerWrap{

    position: relative;

}   

.swiper-banner img{

    width:100%;

    height: auto;

}





.bannerWrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

    margin:0px 30px;

}



.bannerWrap .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

    bottom: 4%;

}



.bannerWrap .swiper-pagination-bullet {

    width: 80px;

    height: 6px;

    display: inline-block;    

     border-radius: 0px;

    background: #fff;

    opacity: 1;

}



.bannerWrap  .swiper-pagination-bullet-active {

    

    background: #ae0004;

    

}

 

/**proWrap:start**/

.proWrap{



margin: 3% auto;

}



.proCate{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.proCateLeft{background: #f4f4f4;width: 18%;height: 75px;display: flex;flex-direction: row;align-items: center;justify-content: space-around;padding: 0% 1%;}



.proCateLeft img{



}



.proCateLeft span{font-size: 20px;font-weight: 600;}



.proCateNav{width: 100%;margin: 0px auto;}



.proCateNav ul{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;margin: 0px auto;}



.proCateNav ul li{font-size: 18px;line-height: 50px;/* padding-bottom: 10px; */background: whitesmoke;padding: 0% 10px;width: 19%;text-align: center;border: 1px solid #f1f1f1;}



.proCateNav ul li.on{/* color: #ae0004; *//* border-bottom: 2px solid #ae0004; */background: #ae0004;color: #fff;}



.proCateNav ul li:hover{



    color: #fff;

 }

.proCateMore{



}



.proCateMore a{

    color: #d30111;

    font-size: 18px;

}





.proCateItem{



margin-top: 2%;

}



.proItem{

    display: none;

}



.proItem ul{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;

}





.proItem ul::after{

    content: "";

    display: block;

    width: 31%;

    height: 0px;

}





.proItem ul li{



width: 31%;



margin-bottom: 5%;

}



.proItem ul li a{



display: block;

}



.proImg{



text-align: center;



border: 1px solid #f5f5f5;



overflow: hidden;



padding: 10% 0%;

}



.proImg img{



max-width: 100%;



height: auto;

}



.proTitle{



background: #f5f5f5;



height: 60px;



line-height: 60px;



padding: 0% 4%;



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.proTitle p{
width: 80%;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

}

.proTitle span{

    

background: url(../img/icon_pro_jiantou.png) no-repeat center center;

    

width: 32px;

    

height: 4px;

}





.proItemOn{

    display: block;

}



.proItem ul li:hover .proImg{

    border:1px solid #ae0004;

}



.proItem ul li:hover .proTitle{

   

    background: #ae0004;



}

.proItem ul li:hover .proTitle p{

    color:#fff;

}



.proItem ul li:hover .proTitle span{

    background: url(../img/icon_pro_jiantou_on.png) no-repeat center center;

    

}





/**proNavWrap:start**/



.proNavWrap{



}



.proNav{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}



.proNav li{

    width: 25%;

    height: 500px;

    transition: all 0.3s;

    position: relative;

}



.proNav li a{



position: absolute;



top: 8%;



color: #fff;



font-size: 18px;



right: 14%;

}



.proNav li.cur{

    width: 50%;

    position: relative;

}



.proNav li.cur a{

    right: 6%;

    

}







.proNav li:nth-child(1){

    background: url(../img/icon_pro_nav1.jpg) no-repeat left center;

    background-size: cover;

}



.proNav li:nth-child(2){

    background: url(../img/icon_pro_nav2.jpg) no-repeat left center;

    background-size: cover;

}



.proNav li:nth-child(3){

    background: url(../img/icon_pro_nav3.jpg) no-repeat left center;

    background-size: cover;

}





.proNav li:nth-child(4){

    background: url(../img/icon_pro_nav4.jpg) no-repeat left center;

    background-size: cover;

}





/**about:start**/



.aboutWrap{



margin: 2% auto;



overflow: hidden;



width: 100%;

}



.aboutCont{background: url(../img/icon_about_bg.jpg) no-repeat bottom center;background-size:cover;min-height: 220px;}



.about{

    

}



.aboutTitle{



margin-bottom: 2%;



margin-top: 2%;

}



.aboutTitle h2{

    color:#333;

    font-size: 36px;

    text-align: center;

    font-weight: 600;

}



.aboutTitle h3{

    color:#ae0004;

    font-size: 24px;

    text-align: center;

}



 



.aboutCont ul{



display: flex;



flex-direction: row;



/* align-items: center; */



justify-content: space-between;



padding-top: 3%;

}



.aboutCont ul li{



width: 16%;



position: relative;



/* border-right: 1px solid #545d72; */

}

.aboutCont ul li:after{position: absolute;width: 1px;height: 50px;content:'';top: 23px;right: -24%;border-left: 1px solid #606060;}

.aboutCont ul li p:nth-child(1){

    

color: #fff;

    

/* text-align: center; */

}



.aboutCont ul li p:nth-child(1) span{

    

font-size: 48px;

    

line-height: 60px;

}



.aboutCont ul li p:nth-child(2){font-size: 16px;line-height: 30px;color: #666;/* text-align: center; */}



#num1{color: #ae0004;}



#num2{color: #ae0004;}



#num3{color: #ae0004;}





#num4{color: #ae0004;}



.aboutCont ul li p em{color: #333;}













/**kefu:start**/

.kehuWrap{margin-bottom: 6%;}



.kehu{



margin: 2% auto;

}



.kehu ul{

    display:flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content:space-between;

    border-right: 1px solid #f5f5f5;

    border-bottom: 1px solid #f5f5f5;

}



.kehu ul li{width:20%;border: 1px solid #f5f5f5;height: 150px;border-right: none;border-bottom: none;}





.kehu ul li:hover{

    

    border: 1px solid #ae0004;

    

}



.kehu ul li a{

    display: flex;

    flex-direction: row;

    align-items: center;

    text-align: center;

    width: 100%;

    height: 100%;

    justify-content: center;

}



.kehu ul li a img{
    width: 80%;
    height:auto;
}

 

/**footer:start**/

.footerWrap{

    background: #222;

}



.footer{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.footer p{



line-height: 60px;



color: #fff;



font-size: 14px;

}



.footer p:nth-child(1){



}





.footer p:nth-child(2){



}



.footer p a{

    

color: #fff;

}



.proSearch {display:none!important;position: absolute;left: 18.5%;top: 73%;z-index: 9;background: #fff;opacity: .9;width: 450px;height: 200px;border-radius: 20px;padding: 2%;padding-top: 2%;}



.proSearch h2 {

    font-size: 26px;

    line-height: 60px;

    margin-bottom: 3%;

}

.proSearch form {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}



.proSearch form input {

    width: 80%;

    border: 1px solid #ccc;

    line-height: 46px;

    height: 48px\0;/*ie8*/

    height: 48px\0;/*ie9+*/

    padding: 0% 4%;

}



.proSearch form a {

    background: #ae0004;

    width: 20%;

    display: block;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    height: 49px;

}

.windowSearchBg{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1025;background: rgba(0, 0, 0, 0.9);}

.windowSearchBg.active{display: block;}

.windowSearch{position: fixed;width: 100%;left: 0;top: 122px;z-index: 1026;}

.windowSearch .WSMargin{margin: 0 auto;width: 1230px;}

.windowSearch .WSMargin .WSShup{text-align: right;}

.windowSearch .WSMargin .WSShup span{display: inline-block;width: 28px;height: 28px;line-height: 0;cursor: pointer;}

.windowSearch .WSMargin .WSCon{margin-top: 4.065%;background: rgba(255, 255, 255, 0.2);padding: 4.22% 27.31%;}

.windowSearch .WSMargin .WSInput{position: relative;padding: 16px 0;border-bottom: #525252 solid 1px;}

.windowSearch .WSMargin .WSInput .WDin{border: 0;background: 0;margin: 0;padding: 0 0 0 20px;color: #fff;font-size: 20px;line-height: 30px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;outline: 0;-webkit-appearance: none;}

.inco1 ::-webkit-input-placeholder{color: #b2b2b2 !important;}

.inco1 :-moz-placeholder{color: #b2b2b2 !important;}

.inco1 ::-moz-placeholder{color: #b2b2b2 !important;}

.inco1 :-ms-input-placeholder{color: #b2b2b2 !important;}

.windowSearch .WSMargin .WSInput .WSIco{position: absolute;width: 30px;height: 30px;right: 0;top: 50%;margin-top: -15px;line-height: 0;background-color: transparent;border: 0;}



/**pro_list:start**/



.inBanner{width: 100%;margin:0px auto;overflow: hidden;border-top: 2px solid #ae0004;}



.inBanner img{width: 100%;height: auto;display: none;}



.locationWrap{



}



.location{



display: flex;



flex-direction: row;



align-items: center;



justify-content: flex-start;



margin: 8px auto;

}



.location span{



width: 4px;



background: #ae0004;



height: 18px;



margin-right: 1%;

}



.location p{



line-height: 32px;



font-size: 14px;



color: #666;

}





.mainContWrap{



}



.mainCont{



margin: 0% auto;

}



.inProNav{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

margin-bottom: 6%;

margin-top: 2%;

}



.inProNav li{

    

border: 1px solid #e5e5e5;

    

border-radius: 10px;

    

width: 18%;

}



.inProNav li.on,.inProNav li:hover{

    

background: #ae0004;

}





.inProNav li.on a,.inProNav li:hover a{

    

color: #fff;

}







.inProNav li a{

    

display: block;

    

font-size: 16px;

    

color: #333;

    

text-align: center;

    

line-height: 46px;

}



.inProList{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;

}



.inProList li{



width: 48%;



border: 1px solid #e5e5e5;



margin-bottom: 4%;

}





.inProList li:hover{



    border: 1px solid #ae0004;

}





.inProList li a{



display: flex;



flex-direction: row;



/* align-items: baseline; */



justify-content: space-between;



padding: 5%;

}



.inProLeft{



width: 45%;



display: flex;



flex-direction: column;



align-items: baseline;



padding-top: 8%;

}



.inProLeft h3{



font-size: 22px;



line-height: 32px;



font-weight: 600;

}



.inProLeft span{



color: #fff;



background: #ae0004;



display: block;



text-align: center;



line-height: 40px;



margin-top: 55%;



font-size: 16px;



width: 150px;

}



.inProImg{



width: 55%;

}

.inProImg img{

    

width: 100%;

    

height: auto;

}



.inYoushiWrap{



background: url(../img/youshi_bg.jpg) no-repeat center center ;



}



.inYoushi{



padding-bottom: 6%;

}



.inYoushiTitle{



}



.inYoushiTitle h2{



text-align: center;



font-size: 40px;



line-height: 48px;



margin: 7% auto;



color: #fff;



width: 40%;



position: relative;

}





.inYoushiTitle h2::before {

    content: "";

    background: url("../img/icon_line1_left.png") no-repeat center center;

    background-size:100%;

    display: block;

    position: absolute;

    top: 42%;

    width: 99px;

    left: 0px;

    height: 17px;

}





.inYoushiTitle h2::after {

   content: "";

   background: url("../img/icon_line1_right.png") no-repeat center center;

   background-size:100%;

   display: block;

   position: absolute;

   top: 42%;

   width: 99px;

   height: 17px;

   right: 0px;

}







.inYoushi ul{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;

}



.inYoushi ul li{



width: 48%;



margin-bottom: 2%;



display: flex;



flex-direction: row;



align-items: baseline;



justify-content: space-between;



background: #1d2e45;



padding: 3% 2%;

}



.inYoushi ul li:hover{

    background: #cd000e;

}



.inYoushiLeft{



width: 15%;

}



.inYoushiLeft img{



max-width: 100%;



height: auto;

}



.inYoushiRight{



width: 79%;

}



.inYoushiRight h3{



color: #fff;



line-height: 48px;



font-size: 22px;



display: -webkit-box;



-webkit-box-orient: vertical;



-webkit-line-clamp: 1;



overflow: hidden;

}



.inYoushiRight p{



font-size: 16px;



line-height: 30px;



color: #fff;



display: -webkit-box;



-webkit-box-orient: vertical;



-webkit-line-clamp: 2;



overflow: hidden;

}



.inYingyongWrap{



}



.inYingyong{



margin-bottom: 2%;

}



.inYingyongTitle{



}



.inYingyongTitle h2{



text-align: center;



font-size: 40px;



line-height: 48px;



margin: 7% auto;



width: 40%;



position: relative;

}





.inYingyongTitle h2::before {

    content: "";

    background: url("../img/icon_line2_left.png") no-repeat center center;

    background-size:100%;

    display: block;

    position: absolute;

    top: 42%;

    width: 99px;

    left: 0px;

    height: 17px;

}





.inYingyongTitle h2::after {

   content: "";

   background: url("../img/icon_line2_right.png") no-repeat center center;

   background-size:100%;

   display: block;

   position: absolute;

   top: 42%;

   width: 99px;

   height: 17px;

   right: 0px;

}





.inYingyong ul{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.inYingyong ul li{



width: 46%;



margin-bottom: 2%;

}



.inYingyong ul li a{



display: block;

}



.inYingyongImg{



}



.inYingyongImg img{



width: 100%;



height: auto;

}



.inYingyongInfo{



margin-top: 0%;

}



.inYingyongInfo p{

    

text-align: center;

    

line-height: 70px;

    

font-size: 18px;

    

font-weight: 600;

}

 





.inYingyong ul li:hover .inYingyongInfo p{

    background: #ae0004;

    color:#fff;

}





/**pro_show:start**/





.inProShowWrap{

    background: url(../img/pro_show_bg.jpg) no-repeat center center;

    background-size:cover;

}



.inProBack{



text-align: right;

}

.inProBack a{



display: block;



text-align: center;



float: right;



background: #ae0004;



color: #fff;



font-size: 16px;



line-height: 48px;



border-radius: 40px;



width: 15%;



padding: 0px 16px;

}



.inProBack a:hover{

    background: #000;

    color:#fff;

}



.inProShow{



display: flex;



flex-direction: row;



/* align-items: baseline; */



justify-content: space-between;



margin-top: 4%;

}



.inProShowLeft{



border: 1px solid #d2d2d2;



width: 48%;

}



.inProShowLeft img{



width: 100%;



height: auto;

}



.inProShowRight{



width: 48%;



padding: 0% 0%;

}



.inProShowRight h3{



font-size: 30px;



line-height: 36px;



/* border-bottom: 1px solid #ddd; */



color: #ae0004;



border-bottom: 1px solid #d2d2d2;



padding-bottom: 5%;

}



.inProShowRight p{



/* border-bottom: 1px solid #d2d2d2; */



/* border-top: 1px solid #d2d2d2; */



padding: 11% 0%;



font-size: 16px;



line-height: 36px;



color: #333;

}



.inProShowTel{



border-top: 1px solid #d2d2d2;

}



.inProShowTel p{



font-size: 18px;



line-height: 36px;

}



.inProShowTel p span{



font-size: 28px;



color: #ae0004;



line-height: 36px;

}



.inProShowQQ{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.inProShowQQ a{



width: 150px;



line-height: 40px;



border-radius: 28px;



text-align: center;



display: block;



color: #fff;

}



.inProShowQQ a:nth-child(1){



background: #ae0004;



}



.inProShowQQ a:nth-child(2){



background: #000;



}



.inProShowQQ a:nth-child(1):hover{



    background: #000;

    

    }

    

    .inProShowQQ a:nth-child(2):hover{

    

    background: #ae0004;

    

    }





.inProShowNavWrap{



background: #f0f3fa;



margin: 2% AUTO;



margin-top: 4%;

}



.inProShowNav{



}



.inProShowNav ul{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}



.inProShowNav ul li{



margin-right: 8%;



text-align: center;



width: 14%;

}



.inProShowNav ul li a{



display: block;



line-height: 46px;



font-size: 18px;



text-align: center;



margin: 20% auto;

}





.inProShowContWrap{



}



.inProShowCont{



}



.inProShowCont p{



font-size: 16px;



line-height: 32px;



margin-bottom: 10px;

}



.inProShowCont img{



}



.inProOtherWrap{



}



.inProOther{



/* background: #f0f3fa; */

}



.inProOtherTitle{



background: #f0f3fa;



margin: 2% auto;



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



padding: 0px 2%;



margin-bottom: 4%;

}



.inProOtherTitle span{



line-height: 80px;



font-size: 18px;

}



.inProOtherTitle a{



}



/**about:start**/



.inAboutNavWrap{



border-bottom: 1px solid #f0f0f0;



padding: 30px 0%;

}



.inAboutNav{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.inAboutNav li{



width: 20%;



border-right: 1px solid #999;

}



.inAboutNav li:last-child{

border-right:none;

}



.inAboutNav li:hover a{

    color:#ae0004;

}



.inAboutNav li a{



display: block;



line-height: 24px;



font-size: 16px;



text-align: center;

}





.inAboutContWrap{



margin-top: 0%;



position: relative;



padding-bottom: 10%;



overflow: inherit;



z-index: 99;

}





.inAboutTitle{



overflow: hidden;

}



.inAboutTitle h2{



text-align: center;



font-size: 40px;



line-height: 48px;



margin: 6% auto;



color: #000;



width: 40%;



position: relative;



overflow: hidden;

}





.inAboutTitle h2::before {

    content: "";

    background: url("../img/icon_line2_left.png") no-repeat center center;

    background-size:100%;

    display: block;

    position: absolute;

    top: 42%;

    width: 99px;

    left: 0px;

    height: 17px;

}





.inAboutTitle h2::after {

   content: "";

   background: url("../img/icon_line2_right.png") no-repeat center center;

   background-size:100%;

   display: block;

   position: absolute;

   top: 42%;

   width: 99px;

   height: 17px;

   right: 0px;

}







.inAboutCont{



}



.inAboutCont p{



font-size: 18px;



line-height: 40px;



color: #333;



text-align: left;



text-indent: 2em;



margin-bottom: 10px;

}





.inAboutImg{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



margin: 6% auto;



position: absolute;



bottom: -22%;



width: 100%;



z-index: 999;



padding: 5%;



background: #fff;

}



.inAboutImg li{



width: 31%;

}



.inAboutImg li img{



width: 100%;



height: auto;

}





.inAboutImg li:hover img{



   opacity: 0.8;

}







.inVideo{

    background: url(../img/video_bg.jpg) no-repeat center center;

    background-size: cover;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 600px;

    height: 600px;

    overflow: hidden;

}



.inVideo span{



}



.inVideo span img{



}



.inVideo .video_play{



}







.overlay

{

  position: fixed;

  z-index: 8888;

  top: 0;

  left: 0;



  display: none;



  width: 100%;

  height: 100%;



  opacity: .8;

  background: #000;



  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';

  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);

}



.video-box

{

  position: fixed;

  z-index: 9999;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;



  display: none;



  width: 640px;

  height: 360px;

  margin: auto;

}



.video-box video

{

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;



  width: 640px;

  height: 360px;

  margin: auto;

}









.inWenhua{



padding-bottom: 5%;

}



.inWenhuaTitle{



}



.inWenhuaTitle h2{



text-align: center;



font-size: 40px;



line-height: 48px;



margin: 7% auto;



color: #000;



width: 40%;



position: relative;

}





.inWenhuaTitle h2::before {

    content: "";

    background: url("../img/icon_line2_left.png") no-repeat center center;

    background-size:100%;

    display: block;

    position: absolute;

    top: 42%;

    width: 99px;

    left: 0px;

    height: 17px;

}





.inWenhuaTitle h2::after {

   content: "";

   background: url("../img/icon_line2_right.png") no-repeat center center;

   background-size:100%;

   display: block;

   position: absolute;

   top: 42%;

   width: 99px;

   height: 17px;

   right: 0px;

}



.inWenhua ul{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;

}





.inWenhua ul li{



width: 50%;

}



.inWenhua ul li:hover img{

    opacity: 0.8;

}



.inWenhua ul li img{



width: 100%;



height: auto;

}







.inRongyuWrap{



    background: url(../img/rongyu_bg.jpg) no-repeat center center;

    background-size: cover;



}



.inRongyu{

    padding-bottom: 4%;

}



.inRongyuTitle{



overflow: hidden;

}



.inRongyuTitle h2{



text-align: center;



font-size: 40px;



line-height: 48px;



margin: 6% auto;



color: #000;



width: 40%;



position: relative;



overflow: hidden;



}

    

    

    .inRongyuTitle h2::before {

        content: "";

        background: url("../img/icon_line2_left.png") no-repeat center center;

        background-size:100%;

        display: block;

        position: absolute;

        top: 42%;

        width: 99px;

        left: 0px;

        height: 17px;

    }

    

    

    .inRongyuTitle h2::after {

       content: "";

       background: url("../img/icon_line2_right.png") no-repeat center center;

       background-size:100%;

       display: block;

       position: absolute;

       top: 42%;

       width: 99px;

       height: 17px;

       right: 0px;

    }





.inRongyuCont{

   

}



.inRongyuImg{



}



.inRongyuImg img{



width: 100%;



height: auto;

}



.inRongyuInfo{



line-height: 70px;



text-align: center;



font-size: 16px;



background: #fff;

}







.inLicheng{

    

padding-bottom: 4%;

}



.inLichengTitle{



overflow: hidden;



margin-top: 5%;

}



.inLichengTitle h2{



text-align: center;



font-size: 40px;



line-height: 48px;



margin: 0% auto;



color: #000;



width: 40%;



overflow: hidden;



position: relative;



}

    

    

    .inLichengTitle h2::before {

        content: "";

        background: url("../img/icon_line2_left.png") no-repeat center center;

        background-size:100%;

        display: block;

        position: absolute;

        top: 42%;

        width: 99px;

        left: 0px;

        height: 17px;

    }

    

    

    .inLichengTitle h2::after {

       content: "";

       background: url("../img/icon_line2_right.png") no-repeat center center;

       background-size:100%;

       display: block;

       position: absolute;

       top: 42%;

       width: 99px;

       height: 17px;

       right: 0px;

    }





.inLichengCont{margin-top:2%;margin-top:2%\9;

*margin-top:2%;_margin-top:2%;padding-bottom: -1%;}









.lichengCont{

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    padding-bottom: 2%;

}

.fl {

    float: left;

  }

  .fr {

    float: right;

  }

  @font-face {font-family: "iconfont";

      src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780'); /* IE9 */

      src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780#iefix') format('embedded-opentype'), /* IE6-IE8 */

      url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQ0AAsAAAAACMAAAAPmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqETIQbATYCJAMUCwwABCAFhG0HWRu4B8gehXEsLBShUansf34QD19r6Pu7exdglJGA46Oo44HAAilVYVtjO/UEwuX/dOp3TiETj7eViAQFMpxsGSJXOhdQLpCnEsEaAJyKOOa5yu3/71A1c1peaH6LxeUu+7LmpIQGYCgdQLXa3lgqWQtSUe8yNhm+gkz1HR8TaDauL93+9Lks5CnIVYG4LIV8kBf5lQ5paHTVlQeLeA/ZGtOLrAoA7/Tvxy8YHHkkVUZuPDg7LQgTv+o+9ENaRoOVkgLGw0UxeoyMVaAQN6vxy5Ctr0KaF6cztoFmjZJ0qOOyP/T+0C+TwVtuyNlM/+GRFSERNWJvxcztRuGrjmvJfM021By9wSvA0Q8aEl7XgzSjDR9A9AMRjLooq2Sp22szIuUggx41cA42cVLNnHTjDdzao9qxtEc4kXLzxw/6qIszyuoxg+nMwY2I1knSQFIbn+xr+sA3fxQa33MN7zYzwhoc3tz0IWhJHzt1VG9+efzMCYE9qkjqQJX0MY3lOIrwAa0pwMck7Gk6mpuFpqaNjPAGh9mGhhXGo8qPH3Sy0WPpO2fgNZ3IXrLCBtZrHDt6nQbC9klVPTnxIUMKufWH0xtAeFjJWd/YuPZ21s6KF3O2N1bu1avuxtf213ndDi08MDocHn3gIkMKufWL00nI7GjJxji7hXoxFhY/YTpSXcTkNRawFg0xWJpTvrzunf9a91bfW48nv9yvqyO2Cqs47BCtldaWN0MqbwhvqLABnpnwgvmbecm8apCVPWf+RRHCJxnUARdRYzO6jC6h2EV0YSG5hC7fNuKYrNKN7owndPnKBvdG8TIXuO+pVH74w/MTJrybgCd0TbgwgJ4OSwFOW9EN1ENf3oCeoIkA5E+6R3+Ov/F/+pzCNZax/xsNBXwunzYY5k41BvJzgG/YYWPjX8G44UpZmkmgKvNFbpgnK+tvoj0tdprxB0h36zqMs2/jYUKjPg9JgzHIGs1SC3MVKi3WoNZoC5qtmPF4ix4KJEoTlu1BEDo9gKTdR8g6VVILsxMq/b5DrTMQNDsMxwtbzIekn6IQHyVB7N+EpYBcILIQ1ZvRxSSUjPmU0KwVPFFUqYQH9R+YtmaQAqIc4hZ1fWgwpSIWFTmOp6PPkVhMxglFjpAA7R+mNDF6wACx9k39A3Ic9PYoCB+KCML8NsEkAbICotxO6bOfX4wISYrxUTqWLnR5hEIlHR0bpL+BG1Bn2As2WnopX1GtFzIYRYkwkUIWh01HUSJG6zIsUT8vggig+gvvUE0YbQDeJG5q7396Z/w9PgTNyMuqSJGjRBW15ouSr4DKyU3MaXDVfpuTsp6bQmeu9gEAAAA=') format('woff2'),

      url('//at.alicdn.com/t/font_1457575_wc4kbab342e.woff?t=1571103794780') format('woff'),

      url('//at.alicdn.com/t/font_1457575_wc4kbab342e.ttf?t=1571103794780') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

      url('//at.alicdn.com/t/font_1457575_wc4kbab342e.svg?t=1571103794780#iconfont') format('svg'); /* iOS 4.1- */

    }

    .iconfont {

      font-family: "iconfont" !important;

      font-size: 16px;

      font-style: normal;

      -webkit-font-smoothing: antialiased;

      -moz-osx-font-smoothing: grayscale;

    }

    .icon-jiantouyou:before {

      content: "\e62a";

    }

    .icon-jiantou-zuo:before {

      content: "\e62d";

    }

    .icon-zuojiantou:before {

      content: "\e601";

    }

    .icon-jiantou:before {

      content: "\e605";

    }

 .lichengCont  .button {

      position: absolute;

      cursor: pointer;

      top: 90%;

      font-size: 27px;

      color: #333;

      border-radius: 25px;

      width: 50px;

      height: 50px;

      border: 1px solid #333;

      display: flex;

      align-items: center;

      justify-content: center;

      font-weight: none!important;

  }

 .lichengCont  .prev {

      left: 10px;

  }

  .lichengCont .next {

      right: 6px;

      /* transform: rotate(-180deg); */

  }

  .slide_wrap  {

      overflow: hidden;

      position: relative;

      width: 86%;

      margin: 0px auto;

  }

  .slide_wrap ul {

      position: relative;

      left: 0px;

  }

  .slide_wrap::after {

      width: 100%;

      height: 1px;

      background-color: #999;

      content: '';

      position: absolute;

      top: 58px;

      left: 0px;

      z-index: -1;

  }

  .slide_items li{

      float: left;

      font-size: 20px;

      width: 200px;

      text-align: center;

  }

  .slide_items li a {

      display: block;

  }

  .slide_items li.on {

      color: #fefefe;

      border-radius: 30px;

  }

  .slide_items li span {

      color: #333;

      font-size: 28px;

      display: block;

  }



  .slide_items li.on span{

      color:#cd000e;

  }



  .slide_items li div {

      display: inline-block;

      width: 16px;

      height: 16px;

      border: 1px solid #999;

      border-radius: 13px;

      padding: 2px;

      box-sizing: border-box;

      margin-top: 0px;

  }

  .slide_items li i{

      display: block;

      width: 10px;

      height: 10px;

      background-color: #999;

      border-radius: 5px;

  }

  .slide_items li.on div {

        display: inline-block;

        width: 16px;

        height: 16px;

        border: 1px solid #cd000e;

        

        border-radius: 13px;

        padding: 2px;

        box-sizing: border-box;

        margin-top: 0px;

  }



  .slide_items li span{



  }



  .slide_items li.on div i{

    background: #cd000e;

  }



  .slide-content {

      margin: 8% auto;

  }



  .slide-content img{

     width: 100%;

  }



  .slide-content ul {

      display: none;

  }



  .slide-content ul.on {

      display: block;

  }



  .slide-content ul li{

    display:box;

    display:-webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

flex-direction: row;

justify-content: space-between;



width: 100%;



overflow: hidden;



height: 358px;





  



}



  .lichengImg{



width: 49%;

overflow: hidden;







}



  .lichengImg img{



width: 100%;



height: auto;



}



  .lichengYear{display: flex;align-items: baseline; overflow:hidden;width: 49%;flex-direction: column;margin: 0px auto;padding: 0% 2%;}

  .lichengYear span{color: #000;font-size: 36px;line-height: 80px;width: 100%;margin-bottom: 4%;}

  .lichengYear p{ width:100%;color: #333;font-size: 16px;line-height: 32px; overflow: hidden;}

 









.inHuobanWrap{



    background: #f0f3fa;

}



.inHuoban{



}



.inHuobanTitle{



}



.inHuobanTitle h2{



text-align: center;



font-size: 40px;



line-height: 48px;



margin: 7% auto;



color: #000;



width: 40%;



position: relative;

}





.inHuobanTitle h2::before {

    content: "";

    background: url("../img/icon_line2_left.png") no-repeat center center;

    background-size:100%;

    display: block;

    position: absolute;

    top: 42%;

    width: 99px;

    left: 0px;

    height: 17px;

}





.inHuobanTitle h2::after {

   content: "";

   background: url("../img/icon_line2_right.png") no-repeat center center;

   background-size:100%;

   display: block;

   position: absolute;

   top: 42%;

   width: 99px;

   height: 17px;

   right: 0px;

}



.inHuoban ul{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;



margin-bottom: 5%;

}





.inHuoban ul li{



width: 19%;



margin-bottom: 2%;



background: #fff;



text-align: center;



padding: 0%;



border:1px solid #fff;

}







.inHuoban ul li:hover{

    border:1px solid #ae0004;

}









.inHuoban ul li img{



max-width: 100%;



height: auto;

}



.lichengImg:hover img{

    opacity: 0.8;

}



.inRongyuCont .swiper-slide:hover p{

    background: #ae0004;

    color: #fff;

}





/**page:start**/



.inPageNav{



margin: 4% auto;

}



.inPageNav ul{



display: flex;



align-items: center;



margin: 0px auto;



justify-content: space-around;



width: 50%;

}



.inPageNav ul li{

    border: 1px solid #e5e5e5;

    border-radius: 30px;

    width: 30%;

}



.inPageNav ul li a{

    display: block;

    font-size: 16px;

    color: #333;

    text-align: center;

    line-height: 46px; 

}



.inPageNav ul li:hover{

    background: #ae0004;

}



.inPageNav ul li:hover a{

    color: #fff;

}





.inPageNav ul li.on{

    background: #ae0004;

}



.inPageNav ul li.on a{

    color: #fff;

}





.inPageCont{



margin-bottom: 4%;



padding: 2% 0%;

}



.inPageCont p{



font-size: 16px;



line-height: 32px;



text-align: left;



margin-bottom: 10px;

}



.inPageCont img{

    

}





/**news_list:start**/

.newsListCont {

    padding-bottom: 6%;

}



.newsListCont ul {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-bottom: 4%;

}



.newsListCont ul li {

    width: 30%;

    width: 100%;

    margin-top: 2%;

    border: 1px solid #eee;

	overflow:hidden;

}



.newsListCont ul li:hover .newsListTitle {

    background: #ae0004;

}



.newsListCont ul li:hover p,

.newsListCont ul li:hover h3,

.newsListCont ul li:hover span {

    color: #fff;

}



.newsListCont ul li:hover a .newsListImg img {

    transform: scale(1.2);

}



.newsListCont ul li a {

    display: flex;

	overflow:hidden;

}



.newsListCont ul li a .newsListTitle {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    background: #f6f6f6;

    width: 70%;

    padding: 2%;

}



.newsListImg {

    overflow: hidden;

    width: 30%;

}



.newsListImg img {

    width: 100%;

    height: auto;

    transition: all 0.5s;

}



.newsListCont ul li a h3 {

    font-size: 20px;

    color: #333;

    text-align: left;

}



.newsListDate {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

}



.newsListDate span {

    color: #666;

    font-size: 18px;

}



.newsListCont ul li a p {

    font-size: 14px;

    color: #999;

    text-align: left;

    line-height: 32px;

    background: none;

    padding-top: 0%;

    margin: 2% auto;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}







/**news_show:start**/



.casesDetailsWrap {}



.casesDetails {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

}



.casesDetailsLeft {

    width: 65%;

}



.casesDetailsTitle {

    border-bottom: 1px solid #ddd;

}



.casesDetailsTitle h2 {

    line-height: 40px;

    font-size: 22px;

    margin: 2% auto;

}



.casesDetailsTitle p {

    display: flex;

    flex-direction: row;

    justify-content: start;

    align-items: center;

    line-height: 50px;

    color: #7d7d7d;

}



.casesDetailsTitle p span {

    margin-right: 6%;

}



.casesDetailsCont {

    padding: 2% 0%;

    overflow: hidden;

}



.casesDetailsCont p {

    line-height: 32px;

    font-size: 16px;

    margin-bottom: 5px;

    color: #666;

}



.casesDetailsCont img {

    max-width: 100%;

    height: auto;

}



.casesDetailsRight {

    width: 30%;

    display: flex;

    flex-direction: column;

    justify-content: start;

    justify-items: center;

}



.casesDetailsRight h2 {

    line-height: 80px;

    font-size: 22px;

    border-bottom: 1px solid #ddd;

}



.casesDetailsRight ul {

    display: flex;

    flex-direction: column;

    padding: 6% 4%;

    clear: both;

}



.casesDetailsRight ul li {

    

    font-size: 18px;

    color: #b5b5b5;

    border: 1px solid #eee;

    margin-bottom: 8%;

    padding: 0px;

    overflow: hidden;

    

}



.casesDetailsRight ul li a {

    display: block;

    line-height: 32px;

    zoom:1;

}



.casesDetailsRight ul li a:hover {

    color: #ae0004;

}



.casesDetailsRight ul li a .casesListTitle {

  

     height: 100px;  

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    background: #f6f6f6;

    padding: 0% 2%;

     

}



.casesDetailsRight ul li a .casesListTitle p {

    font-size: 16px;

    color: #373838;

    text-align: center;

    line-height: 32px;

    background: none;

    padding-top: 0%;

    margin: 4% auto;    

    height: 64px;  

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.casesDetailsRight ul li:hover .casesListTitle {

    background: #ae0004;

}



.casesDetailsRight ul li:hover a .casesListTitle p {

    color: #fff;

}



.casesDetailsRight ul li:hover a .casesListImg img {

    transform: scale(1.2);

}



.casesListImg {

    overflow: hidden;

}



.casesListImg img {

    width: 100%;

    height: auto;

    transition: all 0.5s;

}    





.pageUpDownNews {

    flex-direction: column;

}



.pageUpDownNews p {

    width: 100%;

    margin-bottom: 4%;

}



.pageUpDown {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding: 0% 1%;

    margin-bottom: 4%;

}



.pageUpDown p {

    border: 1px solid #f2f2f2;

    line-height: 70px;

    font-size: 16px;

    padding: 0% 2%;

    width: 38%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pageUpDown p a {}



.pageUpDown p a:hover {

    color: #ae0004;

}



.pageUpDownNews {

    flex-direction: column;

}



.pageUpDownNews p {

    width: 100%;

    margin-bottom: 4%;

}



.pageContWrap {

    padding: 2%;

    margin: 2% auto;

}



.pageContWrap p {

    line-height: 32px;

    font-size: 16px;

    margin: 0% auto;

    color: #666;

}



.pageContWrap img {

    width: 100%;

    height: auto;

}





/**yingyong_list:start**/



.inYingyongListCont{

    padding-bottom: 4%;

}



.inYingyongList{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;

}



.inYingyongList li{



width: 31%;



margin-bottom: 4%;

}



.inYingyongList a{



display: block;

}



.inYingyongList li:hover  p{

    background: #ae0004;

    color:#fff;

}



/**soft_list:start**/

.inSoftListCont{



padding-bottom: 4%;

}



.inSoftList{



}





.downloadListCont{padding: 2%;margin: 2% auto;}



.inSoftList{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;width: 88%;margin: 0px auto;margin-bottom: 4%;}



.inSoftList li{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 0%;width: 100%;border-bottom: 1px dotted #dfdfdf;}



.inSoftList li a{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;font-size: 16px;color: #333;}



.inSoftList li a span{display: block;width: 20%;text-align: center;}



.inSoftList li a span:nth-child(1){

    width: 35%;

    text-align: left;

    margin: 1% 0%;

}



.inSoftList li a span:nth-child(5){

    

    text-align: right;

}



.downloadTitle{

    font-weight: bold;

    line-height: 50px;

}



.downloadTitle span{



}







/**login:start**/



.inUserWrap{



background: #f0f3fa;



padding: 2% 0%;



padding-bottom: 3%;

}



.inUser{



margin: 2% auto;

}



.inUserTitle{



}



.inUserTitle h2{



line-height: 32px;



text-align: center;



font-size: 30px;



font-weight: 600;

}



.inUserInfo{

    

}

.inLogin{



}



.inLogin ul{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



width: 84%;



margin: 2% auto;



margin-top: 4%;

flex-wrap: wrap;

}



.inLogin ul li{



width: 44%;



display: flex;



flex-direction: column;

margin-bottom: 2%;

}



.inLogin ul li p{



line-height: 52px;



font-size: 18px;



font-weight: 600;

}



.inLogin ul li  input{



border: 1px solid #dcdcdc;



line-height: 52px;



padding: 0% 5%;



height:52px;



}





.inFormNav{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



width: 84%;



margin: 2% auto;



margin-top: 6%;

}



.inFormNav a{



background: #333;



line-height: 52px;



color: #fff;



display: block;



font-size: 16px;



padding: 0% 2%;



width: 30%;



text-align: center;

}



.inFormNav a.on{

    background: #ce000e;

}



.inFormNav a:hover{

   color:#fff;

}





.inOtherPro{



}



.inOtherTitle{

    margin: 6% auto;

}



.inOtherTitle h2{

 text-align: center;

 line-height: 32px;

 text-align: center;

 font-size: 30px;

 font-weight: 600;

}











/**register:start**/



.inCodeWrap{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;

}



.inCodeWrap input{



width: 65%;

}



.inCodeWrap span{

    background: #ce000e;

    margin-left: 4%;

    display: block;

    line-height: 52px;

    color: #fff;

    padding: 0%;

    font-size: 16px;

    width: 30%;

    text-align: center;

}



/**password:start**/







/**wap:menu:start**/



.menuWapWrap {

    display: none;

}



.sp_header {

    

    overflow: hidden;

    background: #fff;

    position: fixed;

    z-index: 999;

    width: 100%;

}



.sp_logo {

    padding: 8px;

    float: left;

    height: auto;

}



.sp_logo img {

    margin: auto;

    max-height: 52px;

}



.sp_nav {

    width: 50px;

    float: right;

    position: relative;

    cursor: pointer;

    height: 30px;

    margin-top: 18px;

}



.sp_nav span {

    display: block;

    background: #dc0011;

    width: 30px;

    height: 2px;

    position: absolute;

    left: 10px;

    transition: all ease 0.35s;

}



.sp_nav span:nth-of-type(1) {

    top: 0px

}



.sp_nav span:nth-of-type(2) {

    top: 10px

}



.sp_nav span:nth-of-type(3) {

    top: 20px

}



.sp_nav_se span:nth-of-type(1) {

    top: 10px;

    transform: rotate(45deg)

}



.sp_nav_se span:nth-of-type(2) {

    width: 0

}



.sp_nav_se span:nth-of-type(3) {

    top: 10px;

    transform: rotate(-45deg)

}



.sjj_nav {

    position: fixed;

    z-index: 999;

    background: #f5f5f5;

    width: 100%;

    height: calc(100% - 50px);

    font-size: 14px;

    line-height: 40px;

    top: -100%;

    left: 0;

    overflow: auto;

    overflow-x: hidden;

    transition: top ease 0.35s;

}



.nav_show {

    top: 68px;

}



.sjj_nav>ul>li:first-child {

    overflow: hidden;

    border-top: 0

}



.sjj_nav>ul>li:first-child>a {

    float: left;

    width: calc(100% - 70px)

}



.sjj_nav>ul>li:first-child .language {

    float: right;

    width: 70px;

    overflow: hidden;

    line-height: 30px;

    margin-top: 5px

}



.sjj_nav>ul>li:first-child .language a {

    width: 35px;

    float: left;

    border-left: 1px #ddd solid;

    text-align: center;

    color: #999;

}



.sjj_nav ul li i {

    position: absolute;

    top: 5px;

    right: 0px;

    border-left: 1px #ddd solid;

    height: 30px;

    padding: 0px 7px 0 7px;

}



.sjj_nav ul li i svg {

    transform: rotate(-90deg);

    transition: all ease 0.35s

}



.sjj_nav ul li .sjj_nav_i_se svg {

    transform: rotate(0deg)

}



.sjj_nav ul li {

    border-top: 1px #ddd solid;

    margin-left: 20px;

    position: relative;

    line-height: 46px;

    font-size: 16px;

}



.sjj_nav>ul>li:last-child {

    border-bottom: 1px #ddd solid;

}



.sjj_nav ul li ul {

    display: none;

    width: 100%;

}



.sjj_nav ul li a {

    color: #666;

    width: 80%

}



.sjj_nav ul li ul li a {

    color: #999;

    display: block;

    text-align: left;

}



.sjj_nav ul li i svg {

    width: 30px;

    height: 30px;

    fill: #dc0011;

}



.sjj_nav ul li .sjj_nav_i_se svg {

    fill: #dc0011;

}



.sjj_nav ul li ul li>ul {

    margin-left: 10px

}



.pcDiy{

    display: block;

}



.pcWap{

    display: none;

}



.proSearchWap{

    

}



.li_item_on{

}



.li_item_on a{

   color:#fff;

   background: #ae0004;

   border-radius: 30px;

}





.cont_item{

    display: none;

}



.cont_item_on{

    display: block;

}







.inUserCenter{



width: 50%;



margin: 0px auto;



margin-top: 3%;

}



.inUserCenter ul {



}



.inUserCenter ul li{



border-bottom: 1px solid #ccc;

}



.inUserCenter ul li p{



line-height: 55px;



display: flex;



flex-direction: row;



align-items: center;



justify-content: flex-start;



font-size: 18px;



font-weight: normal;

}



.inUserCenter ul li p span{



display: block;

}



.inUserCenter ul li p span:nth-child(1){



width: 20%;



text-align: right;



display: block;



margin-right: 5%;

}

.inUserCenter ul li p span:nth-child(2){



}



.inUserCenter .inFormNav{



justify-content: center;

}



.inUserCenter .inFormNav a{

    

}



.inChipInfo{



}



.inChip{



width: 100%;



margin: 2% auto;

}



.inChip ul{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



flex-wrap: wrap;

}



.inChip ul li{



width: 50%;



margin-bottom: 2%;



width: 44%;



display: flex;



flex-direction: column;



margin-bottom: 2%;

}



.inChip ul li p{



line-height: 52px;



font-size: 18px;



font-weight: 600;

}



.inChip ul li input{

border: 1px solid #dcdcdc;

    line-height: 52px;

    padding: 0% 5%;

    height: 52px;

}



.inChip ul li select{

    border: 1px solid #dcdcdc;

    line-height: 52px;

    padding: 0% 5%;

    height: 52px;

}



.inChipBtn{



text-align: center;

}



.inChipBtn a{



line-height: 52px;



color: #fff;



display: block;



font-size: 16px;



padding: 0% 2%;



width: 20%;



text-align: center;



background: #ce000e;



margin: 2% auto;

}



.inChipBtn a:hover{

    color:#fff;

}



.inChipResult{



width: 100%;



margin: 0px auto;



margin-top: 4%;

}



.inChipResult ul{



display: flex;



flex-direction: column;



align-items: center;



width: 100%;

}



.inChipTitle{



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



background: #ce000e;



width: 100%;

}



.inChipTitle span{



color: #fff;



border-right: 1px solid #e77179;



display: block;



line-height: 52px;



text-align: center;



display: block;



width: 16.55%;



font-size: 18px;



font-weight: 600;

}



.inChilRow{



width: 100%;



display: flex;



flex-direction: row;



align-items: center;



justify-content: space-between;



background: #f6f6f6;



width: 100%;



border-bottom: 1px solid #f0f0f0;

}



.inChilRow span{



color: #333;



border-right: 1px solid #f0f0f0;



display: block;



line-height: 24px;



text-align: center;



display: block;



width: 16.55%;



font-size: 14px;



/* font-weight: 600; */



padding: 10px;



word-break: break-word;

}


.inBaiduMap{
    margin-top:4%;
}


 .pro2022Nav{margin-bottom: 3%;}

 .pro2022Nav h3{font-size: 36px;color: #605c5c;font-weight: 900;letter-spacing: -0.6px;position: relative;/* margin: 0 0 30px 0; *//* padding-bottom: 15px; */text-align: center;}

 .pro2022Nav p{
     font-size: 24px;
     text-align: center;
     line-height: 32px;
     color: #ae0004;
 }


 .about2022Wrap{margin-bottom: 2%;}

 .about2022{display: flex;flex-direction: row;justify-content: space-between;}
 
 .about2022img{width: 55%;}
 .about2022img img{
     max-width: 100%;
     height: auto;
     overflow: hidden;
 }
 
 .about2022cont{width: 40%;display: flex;flex-direction: column;}
 
 .about2022cont h4{
 font-size: 30px;
 }
 
 .about2022cont div{font-size: 14px;line-height: 28px;margin-top: 3%;}
  
 .about2022cont div p{
 
 }
  
 .about2022more{

    background: whitesmoke;
   
    border: 1px solid #f1f1f1;
 
     text-align: center;display: block;width: 120px;line-height: 40px;margin-top: 4%;}
 
 .about2022more:hover{
    background: #ae0004;
    color: #fff;
 }
 

.cases2022Cont{margin: 2% auto;margin-bottom: 6%;}

.cases2022Cont ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}

.cases2022Cont ul li{width: 32%;margin-bottom: 2%;}

.cases2022Cont ul li a{

}

.cases2022Img{

}

.cases2022Img img{max-width: 100%;height: auto;overflow: hidden;}

.cases2022Info{

}

.cases2022Info p{
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    /* font-weight: 600; */
    background: whitesmoke;
}

.cases2022Cont ul li:hover p{
   color:#fff;
   background:#ae0004;
}

.news2022Wrap{margin-bottom: 2%;margin-top: 4%;}

.news2022{

}

.news2022Cont{

}


.contact2022Cont{

}




.lianxi_cont{margin-bottom: 6%;}

.lianxi_cont ul {

display: flex;

flex-direction: row;

justify-content: space-around;
}

.lianxi_cont ul li{

text-align: center;

width: 100%;
}

.lianxi_icon{border: 1px solid #ccc;border-radius: 65px;line-height: 90px;width: 90px;height: 90px;margin: 0px auto;display: flex;align-items: center;justify-content: center;}

.lianxi_cont img{
	
width: 54px;
	
height: auto;
}

.lianxi_cont ul li:hover .lianxi_icon{
    border:1px solid #ae0004;
}

.lianxi_cont ul li h3{font-size: 24px;line-height: 50px;font-size: 20px;color: #666;margin: 0px auto;/* width: 100px; */text-align: center;}



.lianxi_cont ul li p{font-family: Impact;color: #666;font-size: 18px;text-align: center;margin: 0px auto;width: 96%;}

.lianxi_cont ul li p img{
    width:100px;
    height:auto;
    margin: 0px auto;
    overflow: hidden;
}

.news2022Cont{display: flex;flex-direction: row;justify-content: space-between;width: 100%;align-items: flex-start;}

.news2022Left{width: 48%;}

.news2022Left video{width: 100%;height: auto;}



.news2022Right{width: 48%;}

.news2022Right ul{

}

.news2022Right ul li{margin: 2% auto;border-bottom: 1px dotted #f5f5f5;margin-top: 0%;}

.news2022Right ul li a{display: flex;flex-direction: row;justify-content: space-between;padding: 1% 2%;}


.news2022Right ul li a p{font-size: 18px;line-height: 32px;width: 70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.news2022Right ul li:hover a p{
    color:#c00004;
}
.news2022Right ul li a span{font-size: 18px;line-height: 32px;color: #c00004;}

.solutions2022Cont{

}

.solutions2022Cont ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}

.solutions2022Cont ul li{width: 32%;margin-bottom: 2%;}


.solutions2022Cont ul li a{

}

.solutions2022Cont ul li a{display: block;overflow: hidden;}

.solutions2022Left{float: left;width: 22%;}

.solutions2022Left img{max-width: 100%;height: auto;overflow: hidden;}

.solutions2022Right{float: left;width: 78%;}

.solutions2022Right h3{
    font-weight: 300;
    letter-spacing: 0.4px;
    font-family: "Raleway", Sans-serif;
    color: #232323;
    font-size: 20px;
}

.solutions2022Right p{
    color: #747377;
    margin-top: 7px;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/**pc:style**/