@charset "utf-8";
/* CSS Document */

/*public css*/
html{font-size: 100px;}
@media (max-width: 1680px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1280px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 768px){html{font-size: 70px;}}
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Helvetica,sans-serif; color:#333; background:#FFF; line-height:24px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{color:#da3e2c;text-decoration:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.txt_cent{ width:100%; text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt_hide_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.txt_hide_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.not-animated { opacity: 0; }
@font-face
 {
  font-family:'tsangeryuyangt';
  src:url('../fonts/tsangeryuyangt w01.ttf');
  font-weight:normal;
  font-style:normal;
}
@font-face
 {
  font-family:'EVERFG';
  src:url('../fonts/EVERFG_.TTF');
  font-weight:normal;
  font-style:normal;
}




/*index*/
.in_menu{ position: fixed; top: 4.2vh; left: 6.8%; width: 88.6%; z-index: 1000;}
.in_menu .logo{ float: left;}
.in_menu .logo a:nth-child(2){ display: none;}
.in_menu .menu{ float: right; padding-top: 6px; display: flex; align-items: center;}
.in_menu .menu a{ font-size: 15px; color: #FFF; line-height: 35px; position: relative; transition: all 0.3s;}
.in_menu .menu a::after{ content: ""; width: 15px; height: 2px; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); background-color: #FFF; opacity: 0;}
.in_menu .menu a.on{ font-weight: bold;}
.in_menu .menu a.on::after{ opacity: 0.5;}
.in_menu .menu a:hover{ color: #da3e2c;}
.in_menu .menu i{ margin: 0 1.875vw; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(255,255,255,0.4);}
.in_menu .shbox{ float: right; padding-left: 3.28vw; padding-top: 14px;}
.in_menu .shbox img{ cursor: pointer;}
.in_menu .shbox img:nth-child(2){ display: none;}
.in_menu_on{}
.in_menu_on .logo a:nth-child(1){ display: none;}
.in_menu_on .logo a:nth-child(2){ display: block;}
.in_menu_on .menu a{ color: #333;}
.in_menu .menu_right a{color:#fff;transition: all 0.3s; padding-right: calc(3.28vw + 16px);
}
.menu_right{margin-bottom: 10px;}
.in_menu_on .menu_right a{ color: #333;}
.in_menu_on .menu_right a.on::after{ background-color: #333;}
.in_menu_on .menu a.on::after{ background-color: #333;}
.in_menu_on .menu i{ background-color: rgba(51,51,51,0.3);}
.in_menu_on .shbox img:nth-child(1){ display: none;}
.in_menu_on .shbox img:nth-child(2){ display: block;}
.in_menu_btn{ position: fixed; left: 0; bottom: 0; width: 4.2vw; height: 100vh; border-right: 1px solid rgba(255,255,255,0.2); z-index: 1000;}
.menu_btn{ position: absolute; left: 50%; top: 5.6vh; width: 24px; margin-left: -12px; cursor: pointer;}
.menu_btn i{ display: block; width: 100%; height: 2px; margin-bottom: 5px; float: right; background-color: #FFF; transition: all 0.3s ease-out;}
.menu_btn i:nth-child(2){ width: 17px;}
.menu_btn i:nth-child(3){ width: 13px;}
.menu_btn:hover i:nth-child(2){ width: 100%;}
.menu_btn:hover i:nth-child(3){ width: 100%;}
.in_left{ position: fixed; left: 0; bottom: 0; width: 4.2vw; z-index: 1001;}
.in_left .num{ position: absolute; left: 0; bottom: 0; width: 100%;}
.in_left .num .item{ margin-bottom: 6.5vh; position: relative; text-align: center; cursor: pointer;}
.in_left .num .item p{ font-size: 16px; color: #FFF; opacity: 0.3; transform: rotate(90deg); transition: all 0.3s ease-out;}
.in_left .num .item::after{ content: ""; width: 0; height: 0.6vh; margin-top: -0.3vh; position: absolute; top: 50%; right: 0; background-color: #FFF; transition: all 0.3s ease-out;}
.in_left .num .item.on p{ opacity: 1;}
.in_left .num .item.on::after{ width: 1.82vw; right: -0.91vw;}
.in_left .num .item:hover p{ opacity: 1;}
.in_left .num .item:hover::after{ width: 1.82vw; right: -0.91vw;}
.in_menu_btn_on{ border-right-color: #D6D6D6;}
.in_menu_btn_on i{ background-color: #333;}
.in_left_on{}
.in_left_on .num .item p{ color: #333; opacity: 0.3;}
.in_left_on .num .item.on p{ color: #da3e2c; opacity: 1;}
.in_left_on .num .item.on::after{ width: 1.82vw; right: -0.91vw; background-color: #da3e2c;}
.in_left_on .num .item:hover p{ color: #da3e2c; opacity: 1;}
.in_left_on .num .item:hover::after{ width: 1.82vw; right: -0.91vw; background-color: #da3e2c;}
.in_left_menu{ position: fixed; left: -19.7vw; top: 0; width: 16.5vw; padding: 0 1.6vw; height: 100vh; background-color: #1C1C1C; display: flex; justify-content: center; flex-flow: column; transition: all 0.6s; z-index: 1001;}
.in_left_menu .close{ cursor: pointer; outline: none;}
.in_left_menu .item{ padding: 3.5vh 0; border-bottom: 1px solid #292929; display: flex; }
.in_left_menu .item:last-child{ border-bottom: 0;}
.in_left_menu .item p{ margin-left: 9%; padding-top: 5px; font-size: 0.18rem; font-weight: bold;}
.in_left_menu .item p a{ color: #FFF;}
.in_left_menu .item p a:hover{ color: #DA3E2C;}
.in_left_menu .item ul{ margin-left: 20.6%; line-height: 22px;}
.in_left_menu .item li a{ font-size: 12px; color: #7c7c7c;}
.in_left_menu .item li a:hover{ color: #DA3E2C;}
.in_left_menu_on{ left: 0;}
.wap_top{ display: none;}
.in_boxA{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
.swiper_ban{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
.swiper_ban .video { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper_ban .info_1{ position: absolute; left: 33.6%; top: 20.2%; display: flex; color: #FFF; font-size: 48px; line-height: 1; font-weight: bold;}
.swiper_ban .info_1 div{ padding-left: 25px;}
.swiper_ban .img_1{ position: absolute; left: 19.27%; bottom: 50px; width: 68.7%;}
.swiper_ban .swiper-slide{ height: 100%;background:#000;}
.swiper_ban .imgs{ width: 100%; height: 100%; object-fit: cover; vertical-align:bottom;}
.swiper_ban .pagination{ position: absolute; left: 50%; bottom: 7.6vh; transform: translateX(-50%); font-size: 0.20rem; color: #FFF; opacity: 0.5; z-index: 1001;}
.swiper_ban .controlbox{ position: absolute; left: 0; right: 0; bottom: 4vh; z-index: 1001; display: flex; align-items: center; justify-content: center;}
.swiper_ban .controlbox .btn{ display: flex; align-items: center; opacity: 0.5; cursor: pointer;}
.swiper_ban .controlbox .btn p{ font-size: 16px; color: #FFF; font-weight: lighter; }
.swiper_ban .controlbox .btn img{ margin: 0 1.45vw;}
.swiper_ban .controlbox .next img{ transform: rotate(180deg);}
.swiper_ban .controlbox .progress{ width: 17.7vw; height: 2px; background-color: #FFF; position: relative;}
.swiper_ban .controlbox .progress:after{ content:""; width: 0; position: absolute; left: 0; top: 0; height: 2px; background:#DA3E2C;}
.swiper_ban .controlbox .progress.on:after{ width: 100%; transition:all 5.9s linear;}
.swiper_ban .controlbox .progress.on1:after { width: 100%; transition: all 85.9s linear; }
.in_ctg{ height: 100vh; display: flex; align-items: center;}
.in_ctg .item{ width: 50%; height: 100%; position: relative; transition: all 0.6s;}
.in_ctg .item .bkg{ width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.6s;}
.in_ctg .item .mb{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(130,130,130,0.4); transition: all 0.6s;}
.in_ctg .item .tit_1{ position: absolute; left: 0; right: 0; bottom: 19vh; font-size: 0.36rem; color: #FFF; opacity: 0.5; text-align: center; transition: all 0.6s;}
.in_ctg .item .info{ opacity: 0; position: absolute; left: 0; right: 0; top: 23.9vh; text-align: center; transition: all 0.6s;}
.in_ctg .item .info .img_url img{ max-width: 77%;}
.in_ctg .item .info .tit_en{ color: #666; line-height: 1; text-transform: uppercase; margin-top: 10px;}
.in_ctg .item .info .tit_cn{ color: #333; font-size: 0.36rem; line-height: 1; margin-top: 15px;}
.in_ctg .item .info .eye{ margin-top: 15px;}
.in_ctg .item .info .eye img{ max-width: 3.4vw;}
.in_ctg .item .info .more{ margin-top: 20px; color: #666; display: flex; align-items: center; justify-content: center;}
.in_ctg .item .info .more img{ margin-left: 15px;}
.in_ctg .on{ width: 63%;}
.in_ctg .on .bkg{ opacity: 0.1;}
.in_ctg .on .mb{ opacity: 0;}
.in_ctg .on .tit_1{ opacity: 0;}
.in_ctg .on .info{ opacity: 1;}
.in_ctg .off{ width: 37%;}
.in_pro{ width: 100%; height: 100vh; position: relative; background: url(../images/index_15.jpg) center center no-repeat; background-size: cover;}
.in_pro .ctg{ position: absolute; right: 0; top: 17.9vh; display: flex; flex-direction: column; align-items: flex-end;}
.in_pro .ctg p{ width: 13.28vw; height: 6.2vh; margin-bottom: 2.8vh; display: flex; align-items: center; background-color: #007237; color: #FFF; transition: all 0.3s; cursor: pointer; outline: none;}
.in_pro .ctg p img{ margin-left: 16.86%; margin-right: 0.78vw;}
.in_pro .ctg p.on{ width: 16.15vw; height: 7.4vh; font-size: 18px; font-weight: bold; background-color: #DA3E2C;}
.in_pro .biglist {}
.in_pro .bigbox { position: absolute; left: 15.6vw; right: 22.9vw; bottom: 27vh; display: flex; }
.in_pro .bigbox .info{ width: 22.4vw;}
.in_pro .bigbox .info .tit_en{ font-size: 0.40rem; line-height: 1; font-weight: bold; font-family: arial; text-transform: uppercase;}
.in_pro .bigbox .info .tit_cn{ margin-top: 10px; font-size: 0.25rem; line-height: 1.2; font-weight: bold; color: #da3e2c;}
.in_pro .bigbox .info .remark{ margin-top: 15px; /*height: 8.7vh;*/ overflow: hidden;}
.in_pro .bigbox .info .more{ display: block; margin-top: 10px; width: 9.4vw; padding: 0 1.3vw; height: 6vh; text-transform: uppercase; background-color: #DA3E2C; color: #FFF; display: flex; justify-content: space-between; align-items: center;}
.in_pro .bigbox .info .more img{ max-width: 17.4%;}
.in_pro .bigbox .bigimg{ padding-left: 1vw;}
.in_pro .smbox{ position: absolute; left: calc(4.2vw + 1px); right: 4.2vw; bottom: 8.6vh; border-bottom: 2px solid #D9D9D9; display: flex; align-items: center;}
.in_pro .smbox .btn{ width: 2.76vw; height: 2.76vw; border-radius: 50%; margin: 0 2.76vw; background: #D9D9D9 url(../images/index_21_1.png) center center no-repeat; background-size: auto 38%; cursor: pointer; outline: none; transition: all 0.3s;}
.in_pro .smbox .next{ transform: rotate(180deg);}
.in_pro .smbox .btn:hover{ background-color: #DA3E2C; background-image: url(../images/index_21_2.png);}
.in_pro .smbox .box{ width: calc(100% - 16.56vw); position: relative; overflow: hidden; padding: 2.7vh 0; margin-bottom: -3px;}
.in_pro .smbox .box li{ position: relative;}
.in_pro .smbox .box li::after{ content: ""; width: 0; height: 5px; border-radius: 5px; position: absolute; left: 50%; bottom: -2.7vh; background-color: #DA3E2C; transition: all 0.3s;}
.in_pro .smbox .box li img{ cursor: pointer;}
.in_pro .smbox .box li.on::after{ left: 0; width: 100%;}
.in_pro .smbox .box li.on p {  color:#da3e2c;}
.in_abo { width: 100%; height: 100vh; background-color: #F2F2F2; }
.in_abo .lt{ float: left; width: 37vw; padding:18.5vh 0 0 6.8vw;}
.in_abo .lt .tit_en{ font-size: 16px; color: #666;}
.in_abo .lt .tit_cn{ margin-top: 15px; font-size: 0.40rem; font-weight: bold; line-height: 1;}
.in_abo .lt .hx{ display: block; margin-top: 4.35vh; width: 6.15vw; height: 4px; background-color: #DA3E2C;}
.in_abo .lt .iso{ margin-top: 5.43vh;}
.in_abo .lt ul{ margin-top: 4.35vh; display: flex; flex-wrap: wrap;}
.in_abo .lt li{ width: calc(50% - 1.8vw); padding: 4.35vh 0 4.35vh 1.8vw; position: relative;}
.in_abo .lt li:first-child::before{ content: ""; width: 1px; height: 80%; background-color: #DDD; position: absolute; top: 0; right: 0;}
.in_abo .lt li:first-child::after{ content: ""; width: 90%; height: 1px; background-color: #DDD; position: absolute; bottom: 0; left: 0;}
.in_abo .lt li:last-child::before{ content: ""; width: 1px; height: 80%; background-color: #DDD; position: absolute; bottom: 0; left: 0;}
.in_abo .lt li:last-child::after{ content: ""; width: 90%; height: 1px; background-color: #DDD; position: absolute; top: 0; right: 0;}
.in_abo .lt li:nth-child(2n){ width: calc(50% - 4.2vw); padding-left: 4.2vw;}
.in_abo .lt li p{ font-size: 0.18rem; font-weight: bold; line-height: 1.2;}
.in_abo .lt li p span{ font-size: 0.40rem;}
.in_abo .lt li p i, .in_abo .lt li p em { display: inline-block; font-size: 0.32rem; font-style: normal; transform: translateY(-10px); }
.in_abo .lt li:first-child p span{ font-size: 0.32rem;}
.in_abo .lt li div{ margin-top: 15px; color: #666; display: flex; align-items: center;}
.in_abo .lt li div img{ margin-right: 9px;}
.in_abo .lt li .mg{ display: inline-block; margin-left: 1vw;}
.in_more{ display: block; margin-top: 10px; width: 9.4vw; padding: 0 1.3vw; height: 6vh; text-transform: uppercase; color: #B2B2B2; border: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s;}
.in_more img{ max-width: 17.4%;}
.in_more img:nth-child(2){ display: none;}
.in_more:hover{ background-color: #DA3E2C; color: #FFF;}
.in_more:hover img{ display: none;}
.in_more:hover img:nth-child(2){ display: block;}
.in_abo .rt{ float: right; width: 46.35vw; padding-top: 14.13vh;}
.in_abo .rt .item{ width: 100%; height: 38vh; margin-bottom: 2.7vh; background: url(../images/index_31_1.jpg) left center no-repeat; background-size: cover;}
.in_abo .rt .item:nth-child(2){ background-image: url(../images/index_31_2.jpg); margin-bottom: 0;}
.in_abo .rt .tit{ float: left; padding: 5.87vh 0 0 2.86vw;}
.in_abo .rt .tit img{ max-height: 4vh;}
.in_abo .rt .tit p{ margin-top: 3.3vh; font-size: 0.28rem; font-weight: bold; color:#333;}
.in_abo .rt .info{ float: left; padding: 12vh 0 0 2.86vw; color: #666; line-height: 2.3;}
.in_abo .rt .item a { display:block; width:100%; height:100%;}
.in_news { width: 100%; height: 100vh; position: relative; background: url(../images/index_33.jpg) center center no-repeat; background-size: cover; }
.in_news .list{ height: calc(100% - 13.6vh); padding-top: 13.6vh; padding-left: calc(4.2vw + 1px); display: flex;}
.in_news .item{ width: calc(33.33% - 7.8vw); height: calc(100% - 10.2vh); padding: 10.2vh 3.9vw 0 3.9vw; border-top: 1px solid #D3D3D3; position: relative;}
.in_news .item::before{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 74vh; background-color: #D3D3D3; transition: all 0.3s;}
.in_news .item::after{ content: ""; position: absolute; bottom: 10.2vh; right: 0; width: 100%; height: 1px; background-color: #D3D3D3; transition: all 0.3s}
.in_news .item .titbox{ display: flex; justify-content: space-between;}
.in_news .item .titbox div{ max-width: calc(100% - 50px);}
.in_news .item .titbox p { font-size: 0.24rem; font-weight: bold; height: 30px; line-height: 30px; transition: all 0.3s; }
.in_news .item .titbox span{ display: block; color: #8b8b8b; font-family: arial; margin-top: 15px; transition: all 0.3s;}
.in_news .item .titbox i{ width: 32px; height: 32px; border-radius: 50%; background: url(../images/index_35_1.png) center center no-repeat; background-size: 46.8% auto; border: 1px solid #ADADAD; transition: all 0.3s;}
.in_news .item .imgs{ margin-top: 5.4vh; text-align: center;}
.in_news .item .imgs img{ max-width: calc(100% - 2px); border: 1px solid #E6E6E6;}
.in_news .item .remark { color: #333; margin-top: 3.2vh; line-height: 2; }
.in_news .in_more{ margin-top: 5.5vh; color: #333; border-color: #D3D3D3; opacity: 0;}
.in_news .in_more:hover{ color: #FFF;}
.in_news .item:hover{}
.in_news .item:hover::before{ height: 86.4vh;}
.in_news .item:hover::after{ width: 0;}
.in_news .item:hover .titbox p{ color: #DA3E2C;}
.in_news .item:hover .titbox span{ color: #666;}
.in_news .item:hover .titbox i{ border-color: #DA3E2C; background-color: #DA3E2C; background-image: url(../images/index_35_2.png);}
.in_news .item:hover .in_more{ opacity: 1;}
.in_cus{ width: 100%; height: 100vh; position: relative; background: url(../images/index_39.jpg) center center no-repeat; background-size: cover;}
.in_cus .titbox{ padding: 18.8vh 6.25vw 0 6.77vw; display: flex; align-items: center; justify-content: space-between;}
.in_cus .titbox .tit{ display: flex; align-items: center;}
.in_cus .titbox .tit i{ width: 5.73vw; height: 4px; background-color: #DA3E2C;}
.in_cus .titbox .tit p{ margin-left: 1vw; font-size: 0.40rem; font-weight: bold; line-height: 1;}
.in_cus .titbox .tit div{ margin-left: 2.34vw; width: 40vw; color: #666; line-height: 1.7;}
.in_cus .titbox .ctg{ display: flex;}
.in_cus .titbox .ctg span{ margin-left: 1.35vw; width: 10.8vw; height: 6.5vh; font-size: 16px; color: #666; border: 1px solid #CACACA; display: flex; justify-content: center; align-items: center; cursor:pointer; outline:none;}
.in_cus .titbox .ctg .on{ font-size: 0.18rem; font-weight: bold; color: #FFF; background-color: #DA3E2C; border-color: #DA3E2C;}
.in_cus .listbox{ margin-top: 11.2vh; width: 76vw; float: right; position:relative;}
.in_cus .listbox img{ display: block;}
.in_cus .listbox .box_op { width: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.in_cus .swiper_box { position: relative; overflow: hidden; padding-bottom: 7.6vh; }
.in_cus .swiper_box .swiper-scrollbar{ width: 100%; left: 0; height: 2px; background-color: #D9D9D9;}
.in_cus .swiper_box .swiper-scrollbar-drag{ height: 6px; background-color: #DA3E2C;}
.in_btmbox{ width: 100%; height: 56vh; background-color: #333;}
.in_btm{ width: 87.5vw; padding: 0 6.25vw; height: 48vh; display: flex;}
.in_btm .lt{ width: 37vw; border-right: 1px solid #393939; display: flex;}
.in_btm .lt .info_1{ width: calc(43% - 20px); padding-top: 7vh; padding-right: 20px;}
.in_btm .lt .info_1 .logo{ max-width: 7.3vw;}
.in_btm .lt .info_1 .iso{ margin-top: 10px;}
.in_btm .lt .info_1 .fxbox{ margin-top: 25px; display: flex;}
.in_btm .lt .info_1 .fxbox a{ opacity: 0.2; width: 25px; height: 25px; margin:0 16px 0 0; padding: 0; border-radius: 50%; background: #FFF url(../images/index_45_1.png) no-repeat; background-size: 100% auto; transition: all 0.3s;}
.in_btm .lt .info_1 .fxbox a:last-child{ margin-right: 0;}
.in_btm .lt .info_1 .fxbox .a_1{}
.in_btm .lt .info_1 .fxbox .a_2{ background-image: url(../images/index_45_2.png);}
.in_btm .lt .info_1 .fxbox .a_3{ background-image: url(../images/index_45_3.png);}
.in_btm .lt .info_1 .fxbox a:hover{ opacity: 1;}
.in_btm .lt .info_2{ width: 57%; padding-top: 8.7vh;}
.in_btm .lt .info_2 .p_1{ font-size: 0.18rem; font-weight: bold; color: #FFF;}
.in_btm .lt .info_2 .div_1{ margin-top: 15px; color: #666;}
.in_btm .lt .info_2 .div_1 p{ margin-top: 10px;}
.in_btm .lt .info_2 .ewm{ margin-top: 20px;}
.in_btm .lt .info_2 .ewm img{width:1.07rem;}
.in_btm .rt{ width: calc(50.5vw - 1px); padding-top: 8.7vh; display: flex;}
.in_btm .rt .nav{ width: 17.5%; padding-left: 13.5%;}
.in_btm .rt .nav p{ margin-bottom: 18px;}
.in_btm .rt .nav a{ font-size: 0.18rem; font-weight: bold; color: #FFF;}
.in_btm .rt .item{ width: 34.5%;}
.in_btm .rt .item p{}
.in_btm .rt .item p a{ font-size: 0.18rem; font-weight: bold; color: #FFF;}
.in_btm .rt .item ul{ margin-top: 3.3vh; overflow: hidden;}
.in_btm .rt .item li{ float: left; width: 50%; margin-bottom: 15px;}
.in_btm .rt .item li a{ line-height: 1; color: #666; transition: all 0.3s;}
.in_btm .rt .item li a i{ display: inline-block; transform: translateY(-4px); width: 0; height: 1px; background-color: #C3C3C3; transition: all 0.3s;}
.in_btm .rt .item li a:hover{ color: #c3c3c3;}
.in_btm .rt .item li a:hover i{ width: 5px; margin-right: 5px;}
.in_cpy{ width: 87.5vw; padding: 0 6.25vw; height: calc(8vh - 1px); border-top: 1px solid #393939; color: #616161; display: flex; justify-content: space-between; align-items: center;}
.in_cpy a{ color: #616161;}
.in_cpy a:hover{ color: #c3c3c3;}
.in_cpy .lt{ float: left;}
.in_cpy .rt{ float: right;}
.wap_btm{ display: none;}
.wap_cpy{ display: none;}
.totop{ position: fixed; right: 3.5vw; bottom: 13vh; width: 3.4vw; cursor: pointer; outline: none; opacity: 0; z-index: 1; transition: all 0.3s;}
.totop_on{ opacity: 1; z-index: 1001;}
.sh_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 20%; top: 40%; z-index: 2001; width: 60%; display: none; }
.sh_box .txt { float: left; display: block; width: calc(90% - 22px); max-width: calc(100% - 92px); height: 20px; line-height: 20px; padding: 15px 10px; border: 0; outline: none; }
.sh_box .btn { float: left; display: block; width: 10%; min-width: 70px; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #DA3E2C url(../images/sh_btn.png) center center no-repeat; border: 0; cursor: pointer; outline: none;}
.sh_box form { margin-top: 30px; }
.sh_box .close { position: relative; width: 45px; margin: 0 auto; cursor: pointer; transition: all 0.3s ease-out; }
.sh_box .close:hover { transform: rotate(180deg); }


/*about*/
.ab_menu{ width: 87.5%; padding: 0 6.25%; height: 106px; background-color: #FFF;}
.ab_menu .logo{ float: left; padding-top: 29px;}
.ab_menu .menu{ float: right; height: 100%; display: flex; align-items: center;}
.ab_menu .menu a{ height: 100%; font-size: 15px; color: #333; display: flex; align-items: center; position: relative; transition: all 0.3s;}
.ab_menu .menu a::after{ content: ""; width: 15px; height: 2px; position: absolute; left: 50%; bottom: 35px; transform: translateX(-50%); background-color: rgba(51,51,51); opacity: 0;}
.ab_menu .menu a.on{ font-weight: bold;}
.ab_menu .menu a.on::after{ opacity: 0.3;}
.ab_menu .menu a:hover{ color: #da3e2c;}
.ab_menu .menu i{ margin: 0 1.875vw; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(51,51,51,0.3);}
.ab_menu .shbox{ float: right; padding-left: 3.28vw; height: 100%; display: flex; align-items: center;}
.ab_menu .shbox img{ cursor: pointer;}
.ab_ban{ width: 100%; position: relative;}
.ab_ban img{ display: block;}
.ab_ban .info{ position: absolute; left: 0; top: 33%; width: 100%; text-align: center;}
.ab_ban .info p{ font-size: 0.48rem; line-height: 1; text-transform: uppercase; font-family:'tsangeryuyangt';color:rgba(255,255,255,.5);}
.ab_ban .info i{ display: block; width: 39px; height: 4px; margin: 25px auto 0 auto; background-color: #da3e2c;}
.ab_ban .info span{ display: block; margin-top: 20px; font-size: 0.30rem; line-height: 1; font-weight: bold; color: #ffffff;}
.ab_boxA{ width: 87.5%; padding: 100px 6.25% 85px 6.25%; display: flex; justify-content: space-between; background: url(../images/about_03.png) left 15px bottom no-repeat;}
.ab_boxA .lt{ width: 28%;}
.ab_boxA .lt .p_1{ font-size: 0.36rem; font-weight: bold; color: #DA3E2C;}
.ab_boxA .lt .p_2{ margin-top: 65px;}
.ab_boxA .rt{ width: 66.67%;}
.ab_boxA .rt .info{ line-height: 33px;}
.ab_boxA .rt .iso{ margin-top: 80px; display: flex; justify-content: space-between;}
.ab_boxA .rt .iso li p{ font-size: 0.18rem; font-weight: bold; line-height: 0.40rem;}
.ab_boxA .rt .iso li p span{ font-size: 0.40rem;}
.ab_boxA .rt .iso li:first-child p span{ font-size: 0.32rem;}
.ab_boxA .rt .iso li p i, .ab_boxA .rt .iso li p em{ display: inline-block; font-size: 0.32rem; font-style: normal; transform: translateY(-10px); }
.ab_boxA .rt .iso li div{ margin-top: 15px; color: #666; display: flex; align-items: center;}
.ab_boxA .rt .iso li div img{ margin-right: 9px;}
.ab_boxA .rt .iso li .mg{ display: inline-block; margin-left: 1vw;}
.ab_boxB{ width: 100%; padding:45px 0; overflow: hidden; position: relative;}
.ab_boxB .lt{ position: absolute; left: 0; top: 0; width: 59.6vw; height: 584px; background: url(../images/about_07.jpg) no-repeat; background-size: cover; z-index: 10;}
.ab_boxB .lt .box{ padding:95px 0 0 6.25vw; color: #FFF;}
.ab_boxB .lt .box .tit{ font-size: 0.40rem; line-height: 1; font-weight: bold; display: flex; align-items: center;}
.ab_boxB .lt .box .tit i{ margin-right: 20px; width: 5.7vw; height: 4px; background-color: #808087;}
.ab_boxB .lt .box .info{ font-size: 16px; line-height: 2.1; width: 70.7%; padding-left: 12px;}
.ab_boxB .lt .box .info .logo{ width: 116px;}
.ab_boxB .lt .box .info .mg_1{ margin-top: 40px;}
.ab_boxB .rt{ float: right; width: 47.56vw; background-color: #F5F5F5; position: relative; z-index: 11;}
.ab_boxB .rt .box{ padding: 85px 0 35px 6.2%; position: relative;}
.ab_boxB .rt .p_1{ font-size: 18px; font-weight: bold;}
.ab_boxB .rt .p_2{ margin-top: 20px; text-transform: uppercase; display: flex; align-items: center;}
.ab_boxB .rt .p_2 i, .ab_boxB .rt .p_2 em{ display: block; margin-right: 12px; width: 37px; height: 37px; line-height: 37px; text-align: center; border-radius: 50%; background-color: #CB3A29; color: #FFF; font-style: normal; }
.ab_boxB .bkg_1{ width:40.4vw; height: calc(100% - 90px); box-shadow: 0 0 40px rgba(0,0,0,0.2); position: absolute; right: 0; top: 45px;}
.ab_boxB .bkg_2{ width: 120px; height: 200px; position: absolute; right: calc(47.56vw - 100px); bottom: 25px; background-color: #CF3B2A; z-index: 1;}
.ab_boxC{ width: 87.5%; margin: 0 auto; padding: 30px 0; display: flex; justify-content: space-between;}
.ab_boxC .item{ width: 22.76%; height: 334px; padding: 0 4.1% 0 2.9%; overflow: hidden; background-color: #F6F6F6; background-position: right top; background-repeat: no-repeat; position: relative; cursor:pointer; }
.ab_boxC .item::after{ content: ""; position: absolute; left: 0; top: 70%; width: 100%; height: 100%; background-color: #DA3E2C; background-position: right top; background-repeat: no-repeat; opacity: 0; transition: all 0.3s; z-index: 1;}
.ab_boxC .item .box{ position: relative; z-index: 2;}
.ab_boxC .item .box i{ margin-top: 45px; display: block; font-size: 0.30rem; line-height: 1; font-style: normal; font-family:'EVERFG';}
.ab_boxC .item .box b{ margin-top: 15px; display: block; font-size: 0.30rem; line-height: 1;}
.ab_boxC .item .box p{ margin-top: 95px; font-size: 0.18rem; font-weight: bold; transition: all 0.5s;}
.ab_boxC .item .box div{ margin-top: 15px; color: #666; transition: all 0.5s;}
.ab_boxC .item .box img{ margin-top: 20px; display: block; opacity: 0; transition: all 0.5s;}
.ab_boxC .item:nth-child(1){ background-image: url(../images/about_09_1.png);}
.ab_boxC .item:nth-child(1)::after{ background-image: url(../images/about_11_1.png);}
.ab_boxC .item:nth-child(2){ background-image: url(../images/about_09_2.png);}
.ab_boxC .item:nth-child(2)::after{ background-image: url(../images/about_11_2.png);}
.ab_boxC .item:nth-child(3){ background-image: url(../images/about_09_3.png);}
.ab_boxC .item:nth-child(3)::after{ background-image: url(../images/about_11_3.png);}
.ab_boxC .item:hover{ color: #FFF;}
.ab_boxC .item:hover::after{ top: 0; opacity: 1;}
.ab_boxC .item:hover .box div{ color: #FFF;}
.ab_boxC .item:hover .box p{ transform: translateY(-30px);}
.ab_boxC .item:hover .box div{ transform: translateY(-30px);}
.ab_boxC .item:hover .box img{ transform: translateY(-30px); opacity: 1;}
.ab_boxD{ width: 87.5%; margin: 0 auto; padding-top: 50px; display: flex; justify-content: space-between; align-items: flex-start; position: relative;}
.ab_boxD .lt{ padding-top: 50px; font-size: 0.40rem; font-weight: bold; line-height: 1; display: flex; align-items: center;}
.ab_boxD .lt i{ margin-right: 18px; width: 5.7vw; height: 4px; background-color: #999;}
.ab_boxD .rt{ width: 52.86vw; line-height: 31px; padding: 30px 2.5vw 35px 2.5vw; background-color: #DA3E2C; color: #FFF; box-shadow: 0 0 45px rgba(0,0,0,0.2); position: relative; z-index: 10;}
.ab_boxE{ width: 100%; height: 731px; margin-top: -130px; background: url(../images/about_13.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 1; position: relative;}
.ab_boxE .box{ padding: 185px 6.25% 0 16.67%; color: #FFF; position: relative; z-index: 2;}
.ab_boxE .box .btnbox{ display: flex;}
.ab_boxE .box .btnbox p{ cursor: pointer; outline: none;}
.ab_boxE .box .btnbox img{ display: block; opacity: 0.5;}
.ab_boxE .box .btnbox .prev{ transform: rotate(180deg); margin-right: 48px;}
.ab_boxE .box .btnbox p:hover img{ opacity: 1;}
.ab_boxE .box .years{ margin: 65px 0 0 10px; position: relative;}
.ab_boxE .box .years .swiper_1{ position: relative; overflow: hidden; z-index: 2;}
.ab_boxE .box .years li{ float: left; cursor: pointer;}
.ab_boxE .box .years li div{ margin-top: 15px; width: 29px; height: 29px; border-radius: 50%; background-color: rgba(255,255,255,0.1); border: 1px solid #FFF;}
.ab_boxE .box .years li div i{ display: block; width: 17px; height: 17px; margin: 6px 0 0 6px; border-radius: 50%; background-color: #FFF;}
.ab_boxE .box .years li.on div i{ background-color: #DA3E2C;}
.ab_boxE .box .years .hx{ width: 100vw; height: 1px; position: absolute; left: -16.67vw; top: 54px; background-color: rgba(255,255,255,0.3); z-index: 1;}
.ab_boxE .box .info{ margin: 80px 0 0 16.67%; color: #FFF; display: flex;}
.ab_boxE .box .info .cont_1{ width: 240px; font-weight: bold;}
.ab_boxE .box .info .cont_1 p{ font-size: 0.24rem;}
.ab_boxE .box .info .cont_1 p b{ margin-right: 45px; font-size: 0.48rem; line-height: 1;}
.ab_boxE .box .info .cont_1 i{ margin-top: 45px; display: block; width: 60px; height: 9px; background-color: #DA3E2C; transform: skew(-40deg);}
.ab_boxE .box .info .cont_1 div{ margin-top: 45px; font-size: 0.48rem; line-height: 1;}
.ab_boxE .box .info .cont_2{ width: calc(92.5% - 240px); margin-left: 7.5%; line-height: 2.4;}
.ab_boxF{ width: 93.75%; padding: 70px 0 75px 6.25%; display: flex; justify-content: space-between;}
.ab_boxF .lt{ width: 19.6%; }
.ab_boxF .lt .tit{ font-size: 0.40rem; font-weight: bold; line-height: 1; display: flex; align-items: center;}
.ab_boxF .lt .tit i{ margin-right: 18px; width: 5.7vw; height: 4px; background-color: #999;}
.ab_boxF .lt .ctg{ margin-top: 45px;}
.ab_boxF .lt .ctg li{ padding: 39px 6%; height: 30px; line-height: 30px; font-size: 0.24rem; font-weight: bold; border-bottom: 1px solid #EBEBEB; display: flex; justify-content: space-between; cursor: pointer;}
.ab_boxF .lt .ctg li p{ width: 11%; height: 100%; background: url(../images/about_17_1.png) center center no-repeat; background-size: 100% auto;}
.ab_boxF .lt .ctg li.on{ color: #DA3E2C;}
.ab_boxF .lt .ctg li.on p{ background-image: url(../images/about_17_2.png);}
.ab_boxF .rt{ width: 77.7%;}
.ab_boxF .rt .box li{ width: calc(25% - 30px); margin-right: 40px; transition: all 0.3s;}
.ab_boxF .rt .swiper_pic{ position: relative; overflow: hidden;}
/* .ab_boxF .rt .box .scale_1 { transform:perspective(600px) translateZ(-150px); opacity: 0.7;} */
.ab_boxF .rt .box .scale_1 { transform:scale(0.9); opacity: 0.7;}
.ab_boxF .rt .box .scale_2 { transform:scale(0.8); opacity: 0.6;}
.ab_boxF .rt .box .scale_3 { transform:scale(0.7); opacity: 0.5;}
.ab_boxF .rt .btnbox{ margin: 50px 0 0 10px; display: flex; align-items: center;}
.ab_boxF .rt .btnbox p{ cursor: pointer; outline: none;}
.ab_boxF .rt .btnbox p img{ display: block; opacity: 0.5;}
.ab_boxF .rt .btnbox .prev{ margin-right: 2.5vw; transform: rotate(180deg);}
.ab_boxF .rt .btnbox p:hover img{ opacity: 1;}
.ab_btmbox{ height: auto;}
.ab_btmbox .in_btm{ height: auto;}
.ab_btmbox .in_btm .lt{ padding-bottom: 40px;}
.lightbox .lb-image { max-width: unset; }
.popup_cur_box { width: 60%; position: fixed; left: 20%; top: 50%; transform:translateY(-50%); z-index: 2001; }
.popup_cur_box .close { position: relative; width: 45px; margin: 0 auto 30px auto; cursor: pointer; transition: all 0.3s ease-out; }
.popup_cur_box .close:hover { transform: rotate(180deg); }
.popup_cur_box .box { padding: 50px; background-color: #F6F6F6; max-height:60vh; overflow:hidden; }


/*products*/
.pro_bkg { background-color: #FAFAFA; }
.pro_ban .info{ top: 20%; color: #FFF;}
.pro_ban .info p{ opacity: 0.3;}
.pro_ban .info i{ background-color: #DA3E2C;}
.pro_ban .info span{ color: #FFF;}
.pro_ban .ctg{ position: absolute; left: 50%; bottom: 15%; transform: translateX(-50%);}
.pro_ban .ctg ul{ display: flex; justify-content: center;}
.pro_ban .ctg li{ margin: 0 24px; font-size: 16px;}
.pro_ban .ctg li a{ width: 268px; height: 7.3vh; display: flex; align-items: center; justify-content: center; color: #FFF; border: 1px solid #8E8E8D;}
.pro_ban .ctg li.on a{ background-color: #DA3E2C; border-color: #DA3E2C;}
.pro_boxA{ height: 90px; background-color: #FFF; display: flex;}
.pro_boxA .lt{ width: 85.42%; height: 100%; position: relative; overflow: hidden;}
.pro_boxA .lt li{ float: left; width: 16.66%; height: 100%; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.pro_boxA .lt li img{ margin-left: 2vw; transform: rotate(180deg); opacity: 0.3;}
.pro_boxA .lt li.on a{ font-weight: bold; color: #DA3E2C;}
.pro_boxA .lt li.on img{ transform: rotate(0); opacity: 1;}
.pro_boxA .rt{ width: 14.58%; height: 100%; font-size: 18px; font-weight: bold; color: #FFF; background-color: #DA3E2C; display: flex; align-items: center; cursor: pointer;}
.pro_boxA .rt img{ margin: 0 13px 0 12.5%;}
.wap_pro_boxA{ display: none;}
.pro_boxB{ width: 87.5%; margin: 0 auto; padding: 70px 0; min-height:200px;}
.pro_boxB ul{ display: flex; flex-wrap: wrap;}
.pro_boxB li{ width: 24.35%; padding: 0 2.2%; margin-right: 6.87%; margin-bottom: 70px; position: relative;}
.pro_boxB li:nth-child(3n){ margin-right: 0;}
.pro_boxB li .imgs{ display: block; margin: 0 auto; position: relative; z-index: 2;}
.pro_boxB li .info{ position: relative; z-index: 2;}
.pro_boxB li .tit_en{ margin-top: 30px; font-size: 0.20rem; color: #666; text-transform: uppercase; transition: all 0.3s;}
.pro_boxB li .hx{ margin-top: 12px; display: block; width: 37px; height: 5px; background-color: #DA3E2C; transform: skew(-40deg); transition: all 0.3s;}
.pro_boxB li .tit_cn{ margin-top: 12px; font-size: 0.18rem; font-weight: bold; transition: all 0.3s;}
.pro_boxB li .more{ width: 44%; padding: 0 6%; height: 5.8vh; display: flex; justify-content: space-between; align-items: center; margin-top: 48px; text-transform: uppercase; color: #ADADAD; border: 1px solid #E8E8E8; transition: all 0.3s;}
.pro_boxB li .more img{ max-width: 22.22%;}
.pro_boxB li .bkg{ width: 100%; height: 69%; position: absolute; top: 25%; left: 0; background:#FFF url(../images/pro_09.png) right bottom no-repeat; z-index: 1; transition: all 0.3s;}
.pro_boxB li:hover .tit_en{ color: #FFF;}
.pro_boxB li:hover .hx{ background-color: #FFF;}
.pro_boxB li:hover .tit_cn{ color: #FFF;}
.pro_boxB li:hover .more{ background-color: #FFF; border-color: #FFF;}
.pro_boxB li:hover .bkg{ background-color: #DA3E2C;}


/*products show*/
.pros_ban .info{ top: 30%;}
.pros_boxA{ width: 84.38%; padding: 40px 7.81% 60px 7.81%; display: flex; justify-content: space-between; background-color: #FAFAFA;}
.pros_boxA .lt{ width: 44.14%; display: flex; justify-content: space-between;}
.pros_boxA .lt .smlist{ width: 13.3%;}
.pros_boxA .lt .swiper_sm{ height: calc(100% - 100px); position: relative; overflow: hidden;}
.pros_boxA .lt .smlist li{ width: 100%; margin-bottom: 20px;}
.pros_boxA .lt .smlist img{ display: block; cursor: pointer;}
.pros_boxA .lt .smlist .on img{ width: calc(100% - 2px); border: 1px solid #DA3E2C;}
.pros_boxA .lt .smlist .btn{ width: 100%; height: 20px; background: #A3A3A3 url(../images/proShow_05.png) center center no-repeat; cursor: pointer; outline: none;}
.pros_boxA .lt .smlist .prev{ margin-bottom: 30px;}
.pros_boxA .lt .smlist .next{ margin-top: 30px; transform: rotate(180deg);}
.pros_boxA .lt .smlist .btn:hover{ background-color: #DA3E2C;}
.pros_boxA .lt .bigimg{ width: 81.6%;}
.pros_boxA .lt .bigimg img{ display: block;}
.pros_boxA .rt{ width: 52.78%; padding-top: 15px;}
.pros_boxA .rt .mbx{}
.pros_boxA .rt .mbx a{ display: inline-block; padding: 7px 13px; color: #FFF; background-color: #DA3E2C; margin-right: 10px;}
.pros_boxA .rt .info{ padding-left: 10px;}
.pros_boxA .rt .p_tit{ margin-top: 30px; font-size: 0.24rem; font-weight: bold;}
.pros_boxA .rt .hx{ margin-top: 35px; border-bottom: 1px solid #EDEDED; position: relative;}
.pros_boxA .rt .hx i{ margin-bottom: -1px; display: block; width: 65px; height: 5px; transform: skew(-50deg); background-color: #DA3E2C;}
.pros_boxA .rt .iso{ margin-top: 30px;}
.pros_boxA .rt .telbox{ margin-top: 30px; display: flex;}
.pros_boxA .rt .telbox .item{ width: calc(50% - 35px); padding: 2.2vh 0;  margin-right: 33px; background-color: #FFF; border: 1px solid #F5DAD7; display: flex; align-items: center;}
.pros_boxA .rt .telbox .item .icon{ margin: 0 7%;}
.pros_boxA .rt .telbox .item .icon i{ display: block; width: 2.6vw; height: 2.6vw; border-radius: 50%; background: #DA3E2C url(../images/proShow_09_1.png) no-repeat; background-size: 100% auto;}
.pros_boxA .rt .telbox .item:nth-child(2) .icon i{ background-image: url(../images/proShow_09_2.png);}
.pros_boxA .rt .telbox .item div b{ font-size: 0.18rem; line-height: 1;}
.pros_boxA .rt .telbox .item div p{ margin-top: 10px; color: #666; line-height: 1.2;}
.pros_boxA .rt .videobox{ margin-top: 30px; display: flex; justify-content: space-between;}
.pros_boxA .rt .videobox .item{ width: calc(42.1% - 35px); padding: 32px 3.4% 32px 4.5%; margin-right: 33px; font-size: 0.18rem; font-weight: bold; color: #FFF; background-color: #DA3E2C; display: flex; justify-content: space-between; align-items: center;}
.pros_boxA .rt .videobox .item:nth-child(2){ background-color: #333;}
.pros_boxB{ margin-top: 60px; border-bottom: 2px solid #F3F3F3;}
.pros_boxB p{ width: 150px; margin: 0 auto -2px auto; padding-bottom: 14px; border-bottom: 2px solid #DA3E2C; font-size: 0.24rem; font-weight: bold; text-align: center;}
.pros_boxC{ width: 82.3%; margin: 0 auto; display: flex; justify-content: space-between;}
.pros_boxC .lt{ width: 10.7%; padding-top: 100px;}
.pros_boxC .lt p{ font-size: 16px; color: #666; margin-bottom: 30px; display: flex; align-items: center; cursor: pointer; outline: none;}
.pros_boxC .lt p i{ width: 21%; height: 3px; margin-right: 10px; background-color: #FFF;}
.pros_boxC .lt p.on{ font-weight: bold; color: #333;}
.pros_boxC .lt p.on i{ background-color: #DA3E2C;}
.pros_boxC .rt{ width: calc(86.3% - 2px); padding:80px 0 110px 3%; border-left: 2px solid #F3F3F3;}
.pros_boxC .rt .box_1{ color: #666; padding: 30px 4.3% 30px 2.4%; background-color: #FAFAFA;}
.pros_boxC .rt .box_1 .p_1{ font-size: 0.18rem; font-weight: bold; color: #DA3E2C; display: flex; align-items: center;}
.pros_boxC .rt .box_1 .p_1 img{ margin-right: 20px;}
.pros_boxC .rt .box_1 .info_1{ margin-top: 15px; line-height: 2.3;}
.pros_boxC .rt .mg_1{ margin-top: 30px;}
.pros_boxC .rt dl{ background-color: #FFF; border-bottom: 1px solid #EBEBEB; display: flex; align-items: center;}
.pros_boxC .rt dl:last-child{ border-bottom: 0;}
.pros_boxC .rt dl dt{ width: 33.8%; padding-left: 3%;}
.pros_boxC .rt dl dd{ width: calc(57.2% - 1px); padding: 17px 3%; border-left: 1px solid #EBEBEB; line-height: 1.5; display: flex; align-items: center;}
.pros_boxC .rt .th{ background-color: #DA3E2C; color: #FFF;}
.pros_boxD{ margin-top: -40px;}
.pros_boxE{ width: 82.3%; margin: 60px auto 100px auto; position: relative; overflow: hidden;}
.pros_boxE li{ float: left; width: 22%; margin-right: 4%;}
.pros_boxF{ width: 81.5%; margin: 0 auto 45px auto; padding: 35px 3%; line-height: 29px; color: #666; background-color: #FAFAFA; display: flex; justify-content: space-between;}
.pros_boxF .lt{ max-width: calc(50% - 35px); display: flex; align-items: center;}
.pros_boxF .rt{ max-width: calc(50% - 35px); display: flex; align-items: center; justify-content: end;}
.pros_boxF .ct img{ display: block;}
.pros_boxF .lt a, .pros_boxF .rt a { color: #666; max-width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.pros_boxF a:hover{ color: #DA3E2C;}
.pros_boxG { width: 82.3%; margin: 0px auto; padding: 50px 0; }
.pros_boxG .box_1 { margin-bottom: 20px; overflow: hidden; }
.pros_boxG .box_1 .box { float: left; width: 50%; display:flex; align-items:center; }
.pros_boxG label { color:#F00; margin-left:5px;}
.pros_boxG dl { width: calc(100% - 20px); border: 1px solid #ECECEC; display: flex; }
.pros_boxG dt { width: 80px; background-color: #F7F7F7; background-position: center center; background-repeat: no-repeat; }
.pros_boxG dd { width: calc(100% - 80px); background-color: #FAFAFA; }
.pros_boxG .txt { width: calc(100% - 40px); padding: 10px 20px; height: 26px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .bkg_1 { background-image: url(../images/proShow_19_1.png); }
.pros_boxG .bkg_2 { background-image: url(../images/proShow_19_2.png); }
.pros_boxG .bkg_3 { background-image: url(../images/proShow_19_3.png); }
.pros_boxG .bkg_4 { background-image: url(../images/proShow_19_4.png); }
.pros_boxG .bkg_5 { background-image: url(../images/proShow_19_5.png); background-position: center 17px; }
.pros_boxG .box_2 { margin-bottom: 20px; display: flex; }
.pros_boxG dd{}
.pros_boxG .area { width: calc(100% - 40px); padding: 15px 20px; height: 100px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .box_3 { display: flex; color: #666; }
.pros_boxG .codebox { display: flex; align-items: center; }
.pros_boxG .box_3 .code { width: 120px; padding: 10px 20px; height: 26px; line-height: 26px; font-size: 14px; color: #333; border: 1px solid #ECECEC; background-color: #FAFAFA; outline: none; }
.pros_boxG .box_3 span { color: #F00; margin-left: 10px; }
.pros_boxG .btnbox { display: flex; align-items: center; margin-left: 4.17vw; }
.pros_boxG .box_3 .btn { margin-left: 10px; width: 13.8vw; min-width: 180px; height: 46px; line-height: 46px; font-size: 16px; font-weight: bold; text-align: center; background-color: #E6E6E6; border: 0; outline: none; cursor: pointer; }
.pros_boxG .box_3 .btn_1 { background-color: #DA3E2C; color: #FFF; }
.popup_video { width: 60%; position: fixed; left: 20%; top: 50%; transform: translateY(-50%); z-index: 2001; display:none; }
.popup_video .close { position: relative; width: 45px; margin: 0 auto 30px auto; cursor: pointer; transition: all 0.3s ease-out; }
.popup_video .close:hover { transform: rotate(180deg); }
.popup_video .box { padding: 0px; height: 60vh; display:flex; align-items:center; justify-content:center; }
.popup_video .box iframe{ width:100%; height:100%; border:0; }


/*partner*/
.part_boxA { width: 81.25%; margin: 9.7vh auto 0 auto; display: flex; align-items: center; justify-content: space-between; }
.part_boxA .btn{ width: 54px; height: 54px; border-radius: 50%; background: #D9D9D9 url(../images/partner_03_1.png) center center no-repeat; background-size: 18.5% auto; transition: all 0.3s; cursor: pointer; outline: none;}
.part_boxA .next{ transform: rotate(180deg);}
.part_boxA .btn:hover{ background-color: #DA3E2C; background-image: url(../images/partner_03_2.png);}
.part_boxA .box{ width: 89.7%; position: relative; overflow: hidden;}
.part_boxA .box li.on img{ border: 3px solid #DA3E2C; max-width: calc(100% - 6px);}
.part_boxB{ width: 81.25%; margin: 13.5vh auto 0 auto; display: flex; justify-content: space-between;}
.part_boxB .lt{width: 32.5%}
.part_boxB .rt{width: 64.4%}
.part_boxB .rt .tm{ margin-top: 5px; color: #999;}
.part_boxB .rt .tit{ margin-top: 30px; font-size: 0.24rem;}
.part_boxB .rt .info{ margin-top: 15px; line-height: 33px; height: 132px; overflow: hidden; color: #666;}
.part_boxB .rt .more{ margin-top: 25px; display: block; width: 9.5vw; padding: 0 1.3vw; height: 5.8vh; border: 1px solid #E4E4E4; color: #ADADAD; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s;}
.part_boxB .rt .more img{ max-width: 22.22%;}
.part_boxB .rt .more img:nth-child(2){ display: none;}
.part_boxB .rt .more:hover{ background-color: #DA3E2C; border-color: #DA3E2C; color: #FFF;}
.part_boxB .rt .more:hover img:nth-child(1){ display: none;}
.part_boxB .rt .more:hover img:nth-child(2){ display: block;}
.part_boxC{ width: 81.25%; margin: 0 auto; padding: 40px 0 70px 0; }
.part_boxC ul{ display: flex; flex-wrap: wrap;}
.part_boxC li{ width: calc(25% - 55px); padding: 18px 18px 35px 18px; margin:0 25px 25px 0; background-color: #F3F3F3;}
.part_boxC li:nth-child(4n){ margin-right: 0;}
.part_boxC li .tm{ margin-top: 30px; color: #999;}
.part_boxC li .tit{ margin-top: 20px; font-size: 0.20rem; color:#333;}
.part_boxC li .info{ margin-top: 15px; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
.part_boxC li .more{ margin-top: 25px; display: block; width: 53.6%; padding: 0 7%; height: 5.8vh; border: 1px solid #E4E4E4; color: #ADADAD; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s;}
.part_boxC li .more img{ max-width: 22.22%;}
.part_boxC li .more img:nth-child(2){ display: none;}
.part_boxC li:hover .more{ background-color: #DA3E2C; border-color: #DA3E2C; color: #FFF;}
.part_boxC li:hover .more img:nth-child(1){ display: none;}
.part_boxC li:hover .more img:nth-child(2){ display: block;}
.part_boxD { width: 83.33%; margin: 5vh auto 0 auto; text-align:center; }


/*repair*/
.rep_boxA { width: 85.4%; margin: 0 auto; padding: 70px 0 50px 0; }
.rep_boxA .remark{ padding: 0 0 35px 0; border-bottom: 1px solid #E9E9E9;}
.rep_boxA .box_1{ padding-top: 35px; display: flex; justify-content: space-between;}
.rep_boxA .box_1 div{ width: calc(50% - 20px);}
.rep_boxA .box_1 div:nth-child(2n){ margin-right: 0;}
.rep_boxA .box_1 .p_1{ font-size: 16px;}
.rep_boxA .box_1 .sel{ width: calc(100% - 2px); height: 50px; border: 1px solid #E0E0E0; margin-top: 17px; position: relative;}
.rep_boxA .box_1 .sel p{ height: 50px; line-height: 50px; padding: 0 25px; cursor: pointer; position: relative;}
.rep_boxA .box_1 .sel p:after{ content: ""; display: block; position: absolute; right: 25px; top: 17px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg);}
.rep_boxA .box_1 .sel ul{ display: none; width:100%; position: absolute; left: 0; top: 52px; background-color: #F5F5F5; z-index: 2;}
.rep_boxA .box_1 .sel li{ padding-left: 25px; height: 40px; line-height: 40px; overflow: hidden;}
.rep_boxA .box_1 .sel li:hover{ background-color: #DA3E2C; color: #FFF;}
.rep_boxA .box_2{ clear: both; padding-top: 35px;}
.rep_boxA .box_2 .p_1{ font-size: 16px;}
.rep_boxA .box_2 ul{ padding-top: 15px; overflow: hidden;}
.rep_boxA .box_2 li{ float: left; width: calc(33.33% - 14px); height: 48px; line-height: 48px; text-align: center; margin: 0 20px 20px 0; background-color: #E3E3E3; cursor: pointer;}
.rep_boxA .box_2 li:nth-child(3n){ margin-right: 0;}
.rep_boxA .box_2 li.on{ background-color: #DA3E2C; color: #FFF;}
.rep_boxA .box_3{ clear: both; padding-top: 15px; overflow: hidden;}
.rep_boxA .box_3 .p_1{ font-size: 16px; padding-bottom: 25px;}
.rep_boxA .box_3 .box{ float: left; width: calc(50% - 20px); margin: 0 40px 28px 0;}
.rep_boxA .box_3 .box:nth-child(2n+1){ margin-right: 0;}
.rep_boxA .box_3 .box input{ width: calc(100% - 70px); border: 1px solid #E0E0E0; height: 20px; padding: 15px 25px; color: #666; display: inline-block; font-size: 14px; background: none; outline: none;}
.rep_boxA .box_3 .box input:focus{ border-color: #DA3E2C;}
.rep_boxA .box_3 .box span{ color: #d10000; width: 18px; text-align: right; display: inline-block;}
.rep_boxA .box_3 .box .sel{ display: inline-block; width: calc(100% - 20px); border: 1px solid #E0E0E0; height: 50px; color: #666; position: relative;}
.rep_boxA .box_3 .box .sel p{ color: #999; height: 50px; line-height: 50px; padding: 0 25px; cursor: pointer; position: relative;}
.rep_boxA .box_3 .box .sel p:after{ content: ""; display: block; position: absolute; right: 25px; top: 17px; width: 10px; height: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg);}
.rep_boxA .box_3 .box .sel ul{ display: none; width:100%; position: absolute; left: 0; top: 52px; background-color: #F5F5F5; z-index: 2;}
.rep_boxA .box_3 .box .sel li{ padding-left: 25px; height: 40px; line-height: 40px; overflow: hidden;}
.rep_boxA .box_3 .box .sel li:hover{ background-color: #DA3E2C; color: #FFF;}
.rep_boxA .box_3 .area{ width: calc(100% - 70px); height: 250px; padding: 15px 25px; border: 1px solid #E0E0E0; color: #666; font-size: 14px; margin-bottom: 28px; background: none; outline: none;}
.rep_boxA .box_3 .area:focus{ border-color: #DA3E2C;}
.rep_boxA .box_3 .codebox{ overflow: hidden;}
.rep_boxA .box_3 .codebox .code{ float: left; width: calc(31.7% - 50px); height: 30px; padding: 17px 25px; border: 1px solid #E0E0E0; display: flex; justify-content: space-between;}
.rep_boxA .box_3 .codebox .code input{ width: 80%; height: 100%; border: 0; background: none; outline: none;}
.rep_boxA .box_3 .codebox span{ float: left; margin-top: 23px; color: #d10000; width: 18px; text-align: right;}
.rep_boxA .box_3 .btnbox{ float: right; padding-right: 18px; width: 57%; display: flex; justify-content: space-between;}
.rep_boxA .box_3 .btnbox input{ display: inline-block; width: calc(50% - 17px); height: 70px; line-height: 70px; font-size: 18px; color: #FFF; font-weight: bold; text-align: center; background-color: #B3B3B3; border: 0; cursor: pointer;}
.rep_boxA .box_3 .btnbox input:first-child{ background-color: #DA3E2C; }

/*service*/
.ser_boxA { width: 81.25%; margin: 0 auto; padding: 70px 0 30px 0; }
.ser_boxA .p_1 { font-size: 0.26rem; line-height: 1; font-weight: bold; color: #1d1d1d; }
.ser_boxA ul { margin-top: 50px; display: flex; flex-wrap: wrap; }
.ser_boxA li { width: calc(20% - 16px); margin: 0 20px 40px 0; height: 12.6vh; display: flex; align-items: center; justify-content: center; background-color: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.1); position: relative; }
.ser_boxA li:nth-child(5n) { margin-right: 0; }
.ser_boxA li span { display: block; width: 2.3vw; height: 2.3vw; line-height: 2.3vw; font-size: 0.30rem; border-radius: 50%; text-align: center; color: #FFF; background-color: #DA3E2C; position: absolute; left: 1.15vw; top: -1.15vw; font-family: 'EVERFG'; }
.ser_boxA li p { padding: 0 12%; }
.ser_boxB { padding: 70px 0 50px 0; border-top: 1px solid #E4E4E4; }
.ser_boxB .box { width: 81.25%; margin: 0 auto; padding: 60px 0 70px 0; position: relative; }
.ser_boxB .box .bkg { height:100%; position: absolute; right: 0; top: 0; z-index: 0; }
.ser_boxB .box .bkg img { width: auto; height: 100%; max-height:100%; }
.ser_boxB .box .p_1 { font-size: 0.26rem; line-height: 1; font-weight: bold; color: #1d1d1d; position: relative; z-index: 2; }
.ser_boxB .box .info { margin-top: 50px; width: 68.3%; padding: 3.8vh 4.35% 6.5vh 2.8%; line-height: 3; border-left: 6px solid #DA3E2C; background-color: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.1); position: relative; z-index: 2; }


/*contact*/
.cont_boxA{ width:100%; display: flex;}
.cont_boxA .lt{ width: calc(43.2% - 3px); padding: 0 0 0 6.8%; background: url(../images/contact_11.jpg) center center no-repeat; background-size: cover;}
.cont_boxA .lt .tit{ padding-top: 14.2%; font-size: 0.33rem; font-weight: bold; line-height: 1;}
.cont_boxA .lt .add{ margin-top: 27px; font-size: 18px;}
.cont_boxA .lt .add img{ display: inline-block; margin-right: 18px;}
.cont_boxA .lt .tab{ margin: 65px 5px 0 0; padding:0 0 15px 15px; border-bottom: 1px solid #E5E5E5; display: flex;}
.cont_boxA .lt .tab span{ font-size: 0.18rem; color: #acacac; margin-right: 11%; cursor: pointer;}
.cont_boxA .lt .tab span:last-child{ margin-right: 0;}
.cont_boxA .lt .tab .on{ color: #333; font-weight: bold;}
.cont_boxA .lt .item{ padding:45px 0 0 15px; display: flex;}
.cont_boxA .lt .item .info{ font-size: 16px;}
.cont_boxA .lt .item a{ color: #333;}
.cont_boxA .lt .item a:hover{ color: #DA3E2C;}
.cont_boxA .lt .item p{ margin-bottom: 20px;}
.cont_boxA .lt .item p:last-child{ margin-bottom: 0;}
.cont_boxA .lt .item p img{ display: inline-block; margin-right: 10px;}
.cont_boxA .lt .item .ewm{ display: flex; margin-left: 8%; color: #666; text-align: center;}
.cont_boxA .lt .item .ewm .ewm_1{ margin-left: 15%;}
.cont_boxA .lt .item .ewm .ewm_img{ width: 8.85vw;}
.cont_boxA .lt .dispnone { display:none;}
.cont_boxA .rt { width: calc(50% - 3px); height: 715px; border-left: 6px solid #DA3E2C; }
#bdmap{ width: 100%; height: 100%;}


/*newsShow*/
.nss_boxA { width: 81.25%; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; min-height:200px; }
.nss_tit { font-size: 0.22rem; font-weight: bold; line-height: 1.3; text-align: center; padding: 10px 0 10px 0; }
.nss_dtm { text-align: center; color: #999; }
.nss_info { line-height: 1.8; padding-top: 30px; }
.ff_pre { clear: both; padding: 15px 0 0 0; color: #666; }
.ff_next { clear: both; padding: 0 0 10px 0; color: #666; }
.pss_img { text-align: center; }


/*inquiry*/
.jn_box { clear: both; padding-bottom: 20px; overflow: hidden; width: 600px; margin: 0px auto; }
.jn_lt { float: left; width: 100px; padding: 0 5px 0 0; line-height: 30px; text-align: right; font-size: 14px; font-weight: bold; }
.jn_rt { float: left; width: calc(100% - 105px); }
.jn_box .txt { width: calc(100% - 40px); height: 20px; line-height: 20px; border: 1px solid #DBDBDB; color: #444; padding: 5px 10px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_box input:focus { border: 1px solid #da3e2c; }
.jn_box textarea:focus { border: 1px solid #da3e2c; }
.jn_box .cod { width: 70px; height: 20px; line-height: 20px; border: 1px solid #DBDBDB; color: #444; padding: 5px 15px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_box .txtarea { width: calc(100% - 40px); height: 120px; padding: 10px; font-size: 13px; border: 1px solid #DBDBDB; border-radius: 3px; outline: none; }
.jn_box .btn { width: 150px; height: 38px; text-align: center; line-height: 38px; border: 0px; background: #666; color: #FFF; font-size: 15px; font-weight: bold; border-radius: 3px; cursor: pointer; }
.jn_box .btn:hover { background: #da3e2c }
.cl_red { color: #f00; }
.fd_pro_tb { width: 100%; margin: 0 auto; border-left: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 20px; }
.fd_pro_tb th, .fd_pro_tb td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }
.fd_pro_tb th { height: 40px; line-height: 40px; font-weight: normal; }
.fd_pro_tb td { text-align: center; padding: 10px 0; }
.fd_pro_tb td input { border: 1px solid #ddd; width: calc(60% - 20px); padding: 3px 10px; height: 20px; line-height: 20px; text-align: right; border-radius: 3px; }
.fd_pro_tb td input:focus { border: 1px solid #da3e2c; }
.fd_pro_tb .del { color: #F00; cursor: pointer; }
.fd_pro_tb img { width: 80px }
.fd_pro_tb input { outline:none; }


/*feedback*/
.feed_boxA { padding: 70px 0 50px 0; }



.dispblock{ display:block;}
.dispnone{ display:none;}
.opa0{ opacity:0; }


.spsn{width:100%;overflow:hidden;border-top:1px solid #dddddd;background:#fafafa;}
.spsn_title{text-align:center;padding-top:.47rem;padding-bottom:.7rem;overflow:hidden;padding-left:10px;padding-right:10px;}
.spsn_title font{font-size:.26rem;color:#222222;font-weight:bold;}
.spsn_title p{font-size:.18rem;margin-top:.25rem;}

.spsn_c_ti{overflow:hidden;text-align:center;position:relative;height:160px;position:relative;z-index:2;}
.spsn_content{position:relative;width:82.15%;margin:0 auto;padding-bottom:120px;overflow:hidden;}
.spsn_content:after{position:absolute;top:35px;left:0px;content:"";width:80%;overflow:hidden;height:calc(100% - 105px);background:#f4f4f4;border-radius:10px;}
.spsn_content:before{position:absolute;background:#fff;top: 20px;right: 1%;content:"";width:60.332693538068%;overflow:hidden;height:calc(100% - 42px);border-radius:10px;z-index:2;box-shadow: 0px 0px 20px rgba(218,62,44,.27);}
.ship{position:absolute;left:9%;top:.8rem;font-size:.22rem;background:#666666;color:#ffffff;width:3.65rem;height:.6rem;line-height:.6rem;border-radius:50px;}
.shvs{position:absolute;left:36%;top:.3rem;width:.91rem;}
.shin{position:absolute;left:46.675191815857%;top:.5rem;font-size:.22rem;background:#da3e2c;color:#ffffff;width:3.65rem;height:.6rem;line-height:.6rem;border-radius:50px;}
.spsn_c_co{overflow:hidden;position:relative;z-index:2;}
.spsn_c_co li{width:100%;overflow:hidden;line-height:.78rem;padding-top:36px;}
.spsn_c_co li .c1{float:left;text-align:right;color:#666666;font-size:.18rem;font-weight:bold;width:36.108125399872%;}
.spsn_c_co li .c1 font{padding-right:30px;display:inline-block;}
.spsn_c_co li .c2{float:left;width:.78rem;height:.78rem;display:block;border-radius:50px;background:#da3e2c;font-size:.24rem;color:#ffffff;text-align:center;}
.spsn_c_co li .c2 font{ transform: skew(-10deg);display:block;}
.spsn_c_co li .c3{float:left;color:#333333;font-size:.18rem;font-weight:bold;width:51.631477927063%;}
.spsn_c_co li .c3 font{padding-left:30px;display:inline-block;}
.spsn_c_co li .chan{line-height:.39rem;}