@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}
.h-tips-pc{display: none;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* --- hamburg --- */
.page-hamburg{width:3rem; height:3rem; background:url(../images/nav.svg) no-repeat center center; background-size:2rem; cursor:pointer; margin-left: 1.5rem;}

.page-hamburg.close{background:url(../images/close.svg) no-repeat center center; background-size:2rem; position: relative; z-index: 999999999999; }



/* --- 头部 --- */
.page-header{height:5rem; border-bottom: 1px solid rgba(255,255,255,0.2); position: fixed; left: 0; top: 0; width: 100%; z-index: 999999999999; box-sizing: border-box; transition: all .3s; display: flex; align-items: center; padding: 0 1.5rem;}

/* hover */
.page-header:hover{background: #fff;}
.page-header:hover .page-logo a{ background: url(../images/logo-roll.png) no-repeat 0 center;  width: 12.65rem; height: 5rem; background-size: contain;}
.page-header:hover .page-nav .item .show a{color: #333;}
.page-header:hover .page-nav .item:hover .show a{color: #C7000B;}
.page-header:hover .page-tel{color: #212121;}
.page-header:hover .page-tel .icon{margin-right: 8px; background: url(../images/icon-tel-roll.svg) no-repeat; width: 24px; height: 24px; background-size: cover;}
.page-header:hover .page-search .show{ background: url(../images/icon-search-roll.svg) no-repeat 0 center; width: 24px; height: 5rem; }
.page-header:hover .page-search .close{background: url(../images/icon-close.svg) no-repeat 0 center; width: 24px; height: 5rem; background-size: 24px 24px; }
.page-header:hover .page-hamburg{background:url(../images/nav-black.svg) no-repeat center center; background-size:2rem;}
.page-header:hover .page-hamburg.close{background:url(../images/icon-close.svg) no-repeat center center; background-size:2rem;}

/* roll */
.page-header.roll{position:fixed; left:0; top:0; width:100%; z-index:9999; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
.page-header.roll .page-logo a{ background: url(../images/logo-roll.png) no-repeat 0 center;  width: 12.65rem; height: 5rem; background-size: contain;}
.page-header.roll .page-nav .item .show a{color: #333;}
.page-header.roll .page-nav .item:hover .show a{color: #C7000B;}
.page-header.roll .page-tel{color: #212121;}
.page-header.roll .page-tel .icon{margin-right: 8px; background: url(../images/icon-tel-roll.svg) no-repeat; width: 24px; height: 24px; background-size: cover;}
.page-header.roll .page-search .show{ background: url(../images/icon-search-roll.svg) no-repeat 0 center; width: 24px; height: 5rem; }
.page-header.roll .page-search .close{background: url(../images/icon-close.svg) no-repeat 0 center; width: 24px; height: 5rem; background-size: 24px 24px; }
.page-header.roll .page-hamburg{background:url(../images/nav-black.svg) no-repeat center center; background-size:2rem;}
.page-header.roll .page-hamburg.close{background:url(../images/icon-close.svg) no-repeat center center; background-size:2rem;}
.page-header.roll .page-language a{color: #333;}

/* hide */
.page-header.hide{opacity: 0; height: 0; overflow: hidden;}




/* language - 1.7 */
.page-language {display: flex;}
.page-language .icon{display: none;}
.page-language .text{margin-left: 1.2rem;}




/* --- more --- */
.page-more { display: flex; justify-content: center; margin-top: 1.6rem;}
.page-more a{font-size:1.6rem;border: 1px solid #fff; width: 10rem; height: 3.6rem; display: block; border-radius: 8px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center;}
.page-more a:hover{background-color: #fff; color: #333;}



/* --- 栏目 --- */
.page-column{padding: 3.2rem 2.4rem; text-align: center;}
.page-column h2{font-size: 2rem; font-weight: bolder; margin-bottom: 1.2rem;}
.page-column .text{color: #999; font-size: 1.4rem;}

/* white */
.page-column.white h2{color: #fff;}



/* --- logo --- */
.page-logo{position: relative; z-index: 999;}
.page-logo a{display: block; background: url(../images/logo.png) no-repeat 0 center; width: 12.65rem; height: 5rem; background-size: contain;}



/* --- nav --- */
.page-nav{display: none; position: absolute; left: 0; top: 5rem; width: 100%; background: #fff;} 
.page-nav .item{ font-size: 1.6rem; position: relative; border-bottom: 1px solid #efefef;}
.page-nav .item a{position: relative;}
.page-nav .item.active a{color: #C7000B;}

/* show */
.page-nav .item .show{height: 4.8rem; display: flex; align-items: center;  padding: 0 1.6rem;}

/* hide */
.page-nav .item .hide{ width: 100%; background: #fff; z-index: 300; opacity: 0; height: 0; overflow: hidden; transition: all .3s; position: relative; z-index: 9999;}
.page-nav .item .hide li{position: relative; border-bottom: 1px solid #efefef; height:4.8rem; line-height: 4.8rem; padding-left: 1.6rem;}
.page-nav .item .hide li a{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.6rem; background: url(../images/icon-arrow.svg) no-repeat 0 center; padding-left: 2rem; background-size: 1.2rem;}
.page-nav .item .hide li:last-child{border-bottom: none;}

/* hover */
.page-nav .item:hover .show{color: #C7000B;}
.page-nav .item:hover .hide{ opacity: 1; min-height: 20rem; overflow-y:auto;}

/* item - nth */
.page-nav .item:first-child .show{background: none;}



/* --- tel --- */
.page-tel{ display: none;}
.page-tel .icon{margin-right: 8px; background: url(../images/icon-tel.svg) no-repeat; width: 24px; height: 24px; background-size: cover; transition: all .3s;}



/* --- 搜索 --- */
.page-search{z-index: 999; height: 5rem; }

.page-search .show{ background: url(../images/icon-search.svg) no-repeat 0 center; width: 24px; height: 5rem; background-size: 24px 24px; cursor: pointer;}

.page-search .close{background: url(../images/icon-close-white.svg) no-repeat 0 center; width: 24px; height: 5rem; background-size: 24px 24px; }
.page-search .hide{ font-size:14px;  background: #fff; position: absolute; top: 5rem; left: 0; display: flex; height: 5rem; align-items: center; display: none; width: 100vw; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
.page-search .hide input{width: 85%;  padding-top: 1.6rem; border:none; height: 100%; padding-left: 1.6rem; box-sizing: border-box;}
.page-search .hide button{border: none; background: none; height: 5rem; width: 10%; text-align: center; cursor: pointer; position: absolute; right: 0; top: 0;}


/* --- 分页 --- */
.page-showpage{ margin-bottom:2rem; text-align:center;}
.page-showpage .wrap{ display: flex; flex-wrap: wrap; padding: 0 1.5rem; justify-content: center; align-items: center;}
.page-showpage a{background: #fff; display: flex; min-width: 3.2rem; height: 3.2rem; border-radius: 8px; align-items: center; justify-content: center; margin: 0 .4rem; margin-bottom: 1rem; padding: 0 1rem;}
.page-showpage a.now{ background:#C7000B; color:#fff; }
.page-showpage a:hover{ background:#C7000B; color:#fff; }



/* --- 底部 --- */
.page-footer{background: #212121;}
.page-footer .box{ }

/* contact */
.page-footer .contact{ text-align: center; padding: 2rem 1.5rem;  border-bottom: 1px solid #383838; }
.page-footer .contact h3{font-size: 1.6rem; color: #fff; margin-bottom: 1rem;}
.page-footer .contact .tel{font-size: 3.2rem; color: #fff; font-family: din; padding-bottom: 1.6rem; }
.page-footer .contact .email{font-size: 1.4rem; color: #fff; opacity: .5; font-family: din; margin-bottom: 1rem;}
.page-footer .contact .address{color: #fff; opacity: .5; margin-bottom: 1.5rem; font-size: 1.4rem;}
.page-footer .contact .qrcode {display: flex; justify-content: center;}
.page-footer .contact .qrcode img{background: #fff; border: 4px solid #fff; margin: 0 1rem;}

/* type */
.page-footer .type{ padding: 1.5rem;}
.page-footer .type dl{ margin-bottom: 2rem;}
.page-footer .type dl dt{color: #fff; font-size: 1.6rem; margin-bottom: .5rem;}
.page-footer .type dd{display: flex; flex-wrap: wrap;}
.page-footer .type em{display: block;  width: 33.333%; line-height: 200%; font-size: 1.4rem;}
.page-footer .type em a{color: #fff; opacity: .5;}
.page-footer .type em a:hover{opacity: 1;}

/* copyright */
.page-footer .copyright{text-align: center; border-top: 1px solid #383838; padding: 1rem; font-size: 1rem;}
.page-footer .copyright em{ opacity: .5; color: #fff;}



/* --- 客服 --- */
.page-customer{position: fixed; right: 1rem; bottom: 15%; z-index: 9999;}

/* item */
.page-customer .item{width: 3.2rem; height: 3.2rem; margin-bottom: .4rem; background: #212121; cursor:pointer; transition: all .3s;}
.page-customer .item.gotop{display: none;}
.page-customer .item:hover{background: #C7000B;}
.page-customer .item.customer{background: #C7000B;}

/* pop */
.page-customer .pop{background: #fff; width: 27rem; height: 40rem; position: absolute; right: 4rem;  bottom: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.1); display: none;}

/* pop - title */
.page-customer .pop-title{ padding: 1.6rem; display: flex; align-items: center;}
.page-customer .pop-title .icon img{width: 2.4rem;}
.page-customer .pop-title .title{font-size: 1.6rem; margin-left: 1rem; font-weight: bolder;}
.page-customer .pop-title .close{margin-left: auto; cursor: pointer; width: 2.4rem;}

/* pop - list */
.page-customer .pop-list ul{ }
.page-customer .pop-list li{ text-align: center; margin-bottom: 3rem;}
.page-customer .pop-list li:last-child{border-right: none;}
.page-customer .pop-list li .icon{width: 5rem; margin: 0 auto; margin-bottom: 1rem; }
.page-customer .pop-list li .title{font-size: 1.6rem; margin-bottom: 1rem;}
.page-customer .pop-list li .btn a{background: #333; color: #fff; border: 1px solid #333; width: 16rem; height: 3.2rem; text-align: center; line-height: 3.2rem; display: block; border-radius: 8px; margin: 0 auto;}
.page-customer .pop-list li .btn a:hover{background: #333; color: #fff; border: 1px solid #333; }
.page-customer .pop-list li .tel{font-size: 2.4rem; font-family: din;}
.page-customer .pop-list li .email{font-size: 1.4rem; color: #999; margin-bottom: 1rem;}
.page-customer .pop-list li .address{color: #999; width: 70%; margin: 0 auto;}



/* --- path --- */
.page-path{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 999; height: 5rem; line-height: 5rem; color: #fff; padding: 0 1.5rem; font-size: 1.4rem;}
.page-path .wrap{ display: flex; align-items: center;}
.page-path a{color: #fff;}
.page-path i{width: 12px; height: 12px; background: url(../images/icon-arrow-white.svg) no-repeat; display: block; background-size: cover; margin: 0 8px; opacity: .5;}
.page-path a:hover{opacity: .5;}








/* ------ 首页 ------ */

/* --- 2022.15.31 修改 --- */

/* --- banner --- */
.home-banner{position: relative;}
.home-banner .swiper{height:100vh;}
.home-banner .swiper-pagination{bottom: 5%; left: 0; width: 100%;}
.home-banner .swiper-pagination span{ margin:0 .32rem; background: #fff; transition: all .3s;}
.home-banner .swiper-pagination-bullet-active{background: #fff; width: 8px; height: 8px; border-radius: 100px;}

/* box */
.home-banner .box{ box-sizing: border-box; height: calc(100vh - 5rem); display: flex; align-items: center; justify-content: center; flex-flow: column;}

/* content */
.home-banner .content{ box-sizing: border-box; text-align: center; margin-bottom: 3.2rem;}
.home-banner .content .eng{font-size:1.8rem; font-family: din; color: #FFA464; line-height: 1; margin-bottom: 1rem;}
.home-banner .content .title{font-size: 2.4rem; color: #fff; font-weight: bolder; line-height: 1; margin-bottom: 1rem;}
.home-banner .content .dep{color: #fff; font-size: 1.6rem; opacity: .5; }

/* photo */
.home-banner .photo{}
.home-banner .photo img{}

/* arrow */
/* .home-banner .arrow-down{position: absolute; bottom: 20%; left: 0; width: 100%; text-align: center; -webkit-animation: arrow 1s infinite; -webkit-animation-fill-mode: both; z-index: 999; display: flex; justify-content: center;}
 */
.home-banner .arrow-down{ display: none;}

/* arrow */
@-webkit-keyframes arrow{ from{bottom: 5%; opacity: 0;} to{bottom: 1%; opacity: 1;}}

/* --- 2022.15.31 修改 --- */



/* --- 产品 --- */
.home-product{background: url(../images/home-product.jpg) no-repeat 0 top; background-size: cover;}

/* box */
.home-product .box{background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }

/* type */
.home-product .type{ border-right: 1px solid #DFE1E6;  height: 100%; background: url(../images/home-product-icon.png) no-repeat right bottom #F2F2F4;}
.home-product .type ul{display: -webkit-box; overflow-x:scroll; overflow-y:hidden; }
.home-product .type li{ font-size: 1.4rem; border-bottom: 1px solid #E9E9EA; position: relative; cursor: pointer; height: 5rem; line-height: 5rem; padding: 0 1.6rem;}
.home-product .type li.on{ border-bottom: 3px solid #C7000B;}

/* right */
.home-product .right{ }

/* item */
.home-product .right .item .inBox{ padding: 2.4rem 1.5rem; }

/* title */
.home-product .title {margin-bottom: 1.6rem;}
.home-product .title h3{font-size: 1.4rem; color: #999; margin-bottom: 1.2rem;}
.home-product .title h2{font-size: 2.4rem; color: #1D0B0B; font-weight: bolder;}

/* product */
.home-product .product{}
.home-product .product .inHd { margin-left: -.5rem;}
.home-product .product .inHd ul{display: -webkit-box; overflow-x:scroll; overflow-y:hidden; }
.home-product .product .inHd li{ font-size: 1.6rem; font-family: din; color: #A59D9D; background: url(../images/icon-arrow.svg) no-repeat 0 center; padding-left: 1.6rem; cursor: pointer; margin-right: 1.6rem;}
.home-product .product .inHd li.on{ background: url(../images/icon-arrow-active.svg) no-repeat 0 center; color: #C7000B;}
.home-product .product .inBd{padding: 4rem 0;}

/* data */
.home-product .data{background: #fff; position: relative; z-index: 999; padding: 0 1.5rem; border-top: 1px solid #efefef;}
.home-product .data li{  display: flex; border-bottom: 1px solid #efefef; padding: 2rem 0; align-items: center;}
.home-product .data li .number{font-size: 4rem; font-weight: bolder; font-family: din; line-height: 1; margin-bottom: 12px; width:30%; text-align: center;}
.home-product .data li .text{ color: #999; width: 70%; font-size: 1.4rem;}
.home-product .data li:last-child{border-right: none;}

/* --- 2022.5.31 --- */
.home-product .data li .number::after{content: "+"; font-size: 40px; margin-left: 16px;}
.about-brand .data li .number::after{content: "+"; font-size: 40px; margin-left: 16px;}
/* --- 2022.5.31 --- */


/* --- 解决方案 --- */
.home-solution{position: relative; }

/* column */
.home-solution .page-column{position: relative; z-index: 999;}

/* hd */
.home-solution .hd {position: relative; z-index: 30;}
.home-solution .hd ul{display: -webkit-box; overflow-x:scroll; overflow-y:hidden; }
.home-solution .hd li{position: relative; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; font-size: 1.4rem; cursor: pointer; padding: 0 1.2rem; height: 4rem;}
.home-solution .hd li.on{border-bottom: 0.3rem solid #C7000B;}

/* bd */
.home-solution .bd .item{margin-top: -20rem; min-height: 50rem; }
.home-solution .bd .item .wrap{position: relative; z-index: 999; margin-top: 22rem; padding: 1.5rem; text-align: center;}
.home-solution .bd .item h3{ font-size: 2rem; font-weight: bolder; color: #fff; margin-bottom: 1.4rem;}
.home-solution .bd .item .text{color: #fff; font-size: 1.4rem; opacity: .8; margin-bottom: 1.5rem;}
.home-solution .bd .item .back{position: absolute; left: 0; top: 0; width: 100%; min-height: 50rem; z-index: 0; background: #000;}
.home-solution .bd .item .back::after{content: ""; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background-color:rgba(0,0,0,0.64); }



/* --- 新闻中心 --- */
.home-news{ background: #F7F7F9; }
.home-news .box{background: #fff; padding: 1.5rem; box-sizing: border-box; }
.home-news .wrap{justify-content: space-between; }

/* notice */
.home-news .notice{ position: relative; border-bottom: 1rem solid #efefef;}
.home-news .notice .pic{position: relative;}
.home-news .notice .pic .type{position: absolute; left: 0; top: 0; background: #000; width: 10rem; height: 3.2rem; color: #fff; text-align: center; line-height: 3.2rem; background-color:rgba(0,0,0,0.5); font-size: 1.4rem;}
.home-news .notice .date{color: #999; margin-top: 1rem; font-family: din; margin-bottom: 1rem;  font-size: 1.4rem;}
.home-news .notice .title{font-size: 1.6rem; line-height: 150%; margin-bottom: 1rem; font-weight:800}
.home-news .notice .dep{color: #999; margin-bottom: 1.5rem; font-size: 1.4rem;}
.home-news .notice .more{  background: url(../images/icon-arrow-black.svg) no-repeat right center; padding-right: 1.5rem;}

/* list */
.home-news .list{ position: relative; border-bottom: 1rem solid #efefef;}
.home-news .list li{border-bottom: 1px solid #efefef; padding: 1.5rem 0;}
.home-news .list li h3{font-size: 1.6rem; line-height: 150%; margin-bottom: 1rem;}
.home-news .list li .text{font-family: din; color: #212121; opacity: .5; font-size: 1.4rem;}



/* --- 客服 --- */
.home-tel{background: url(../images/home-tel.jpg) no-repeat center top; text-align: center; color: #fff; background-size: cover; padding: 2rem 1.5rem;}
.home-tel .title{ font-size: 1.6rem;}
.home-tel .number{ font-size: 4rem; font-weight: bolder; font-family: din; line-height: 1; padding: 1.5rem 0; text-shadow: 0 2px 2px rgba(0,0,0,0.16);}
.home-tel .dep{ height: 4rem; background-color:rgba(18,26,49,0.5); font-size: 1.4rem; line-height: 4rem; border-radius: 8px;}



/* --- 合作伙伴 --- */
.home-friends .content{background: #fff;  padding: 1.5rem; margin-bottom: 1.6rem;}
.home-friends .content img{margin: 5px;}







/* ------ 内页 ------ */

/* --- banner --- */
.inner-banner{height: 35rem; position: relative;}
.inner-banner .swiper{height: 100%;}
.inner-banner .swiper-wrapper{height: 100%;}
.inner-banner .swiper-slide{height: 100%;}

/* box */
.inner-banner .box{  box-sizing: border-box; height: 100%; padding: 0 10%; text-align: center; width: 100%; position: relative; display: flex; align-items: center; justify-content: center;} 
.inner-banner .box::after{content: ""; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: #000; background-color:rgba(0,0,0,0.5);}
.inner-banner .content {width: 100%; position: relative; z-index: 666; padding-top: 15%;}
.inner-banner .content .title{font-size: 2.4rem; color: #fff; font-weight: bolder; margin-bottom: 1.5rem; line-height: 1.2;}

/* banner */
.inner-banner .content .dep{font-size: 1.6rem; color: #fff; opacity: .6;}

/* pagination */
.inner-banner .swiper-pagination{bottom: 3%; display: flex; justify-content: center; width: 100%;}
.inner-banner .swiper-pagination span{display: block; margin:  0 5px; background: #fff; transition: all .3s;}
.inner-banner .swiper-pagination-bullet-active{background: #fff; width: 20px; height: 8px; border-radius: 100px;}



/* --- category 目录  1.7--- */
.inner-category{background: #fff; position: sticky; left: 0; top: 0; width: 100%;  z-index: 999; }
.inner-category .wrap{ }
.inner-category ul{ border-bottom: 1px solid #efefef; display: flex; flex-wrap: wrap; text-align: center;}
.inner-category li {width: 50%;}
.inner-category li a{display: block; height: 4.5rem; line-height: 4.5rem; padding: 0 1.2rem; font-size: 1.4rem;}
.inner-category li a.active{background: #C7000B; color: #fff;}
.inner-category li a.active:hover a{color: #fff;}





/* --- scheme --- */
.inner-scheme{background: url(../images/606aa1144d0de.jpg) no-repeat; background-size: cover; padding:3rem 1.5rem;}
.inner-scheme .content{text-align: center; margin-bottom: 3rem;}
.inner-scheme .content h3{font-size: 2.4rem;  overflow: hidden; color: #ffffff; font-weight: bold; margin-bottom: 1.5rem;}
.inner-scheme .content .text{font-size: 1.6rem; overflow: hidden; color: #ffffff;}
.inner-scheme .btn{ border: 1px solid #fff; width: 100%; height: 4rem; border: 1px solid rgba(255,255,255,0.4);; background: rgba(255,255,255,0.2); }
.inner-scheme .btn a{ height: 100%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.4rem;}
.inner-scheme .btn a img{width: 12px; margin-left: 10px;}



/* --- column --- */
.inner-column{text-align: center; padding:1.5rem 0; background: #fff;}
.inner-column .title{margin-bottom: 1rem; display: flex; align-items: center; justify-content: center;}
.inner-column .title .line{background: linear-gradient(to right, #F16860 , #FE9173);  width: .6rem; height: 3rem; margin-right: 1rem;}
.inner-column .title .text{font-size: 2.2rem; font-weight: bolder; color: #333;}
/* --- 描述 --- */
.inner-column .dep{color: #999; line-height: 180%; font-size: 1.6rem; padding: 0 1.5rem; text-align:justify; text-justify:inter-ideograph;}



/* --- product 1.7 --- */
.product-list{background: #F7F7F9; padding: 1.5rem; }
.product-list .wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-list .item{ margin-bottom: 1.2rem; width: 48%;}
.product-list .item .box{ box-shadow: 0 1px 4px rgba(0,0,0,0.1); background: #fff; transition: all .3s; border: 1px solid #fff; padding: 0 1rem;}
.product-list .item .pic{height: 12rem; background: #fff; display: flex; align-items: center; justify-content: center;}
.product-list .item .title{text-align: center; font-size: 1.2rem; font-weight: bolder; margin-bottom: 1rem; line-height: 3rem; height: 3rem; overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.product-list .item .dep{ padding: 0 1.5rem; color: #999; display: none;}




/* --- contact --- */

/* address */
.contact-address{}
.contact-address .wrap{ }
.contact-address .left{ padding:0 1.5rem;}
.contact-address .title{font-size: 1.6rem; font-weight: bolder; margin-bottom: 1.5rem; text-align: center;}
.contact-address .list dt{font-size: 1.6rem; margin-bottom: 8px; color: #333; font-weight: bolder;}
.contact-address .list dl{margin-bottom: 1.5rem; border-bottom: 1px solid #eee; padding-bottom: 1.5rem;}
.contact-address .list dl:last-child{border-bottom: none;}
.contact-address .list dd{margin-bottom: 1rem; font-size: 1.4rem; color: #666;}
.contact-address .list .v{display: flex; margin-top: 1.5rem;}

.contact-address .list .address{ }
.contact-address .list .number{font-family: din; color: #333; font-size: 1.6rem;}
.contact-address .list .number p{line-height: 160%; }
.contact-address .list .icon {margin-right: 8px; width: 24px; height: 24px;}
.contact-address .photo{margin-left: auto; }
.contact-address .photo img{width: 100%;}

/* tel */
.contact-tel { padding: 1.5rem ;}
.contact-tel .item{ margin-bottom: 1.5rem ;}
.contact-tel .item .box{background: #f9f9f9; padding: 2rem; transition: all .3s; }
.contact-tel .item .title{font-size: 1.6rem; font-weight: bolder; margin-bottom: 1.5rem;}
.contact-tel .item .type{color: #999; font-size: 1.6rem; line-height: 1; margin-bottom: 1rem;}
.contact-tel .item .list li {display: flex; align-items: center; height: 2rem; line-height: 2rem;}
.contact-tel .item .list li .icon{width: 16px; height: 16px; margin-right: 16px;}
.contact-tel .item .list li .phone{background: url(../images/icon-iphone.svg) no-repeat; background-size: cover;}
.contact-tel .item .list li .email{background: url(../images/icon-email.svg) no-repeat; background-size: cover;}
.contact-tel .item .list li .text{font-family: din; font-size: 16px; color: #666; font-weight: 300;}
.contact-tel .item .box:hover{box-shadow: 0px 0px 20px #ececec; border: 1px solid #C7000B;}

/* job */
.contact-job{background: url(../images/contact-job.jpg) no-repeat; background-size: cover;  position: relative; padding: 1.5rem;}
.contact-job::after{content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #000; position: absolute; background-color:rgba(0,0,0,0.5); }
.contact-job .box{background: #fff; position: relative; z-index: 99; padding: 3.5rem; padding-top: 2rem;}
.contact-job .box .title{margin-bottom: 1.8rem; text-align: center;}
.contact-job .box .title h2{font-size: 2.5rem;  font-weight: bolder; margin-bottom:1rem;}
.contact-job .box .title .dep{font-size: 1.4rem; color: #999; line-height: 180%;}
.contact-job .box .list{ }
.contact-job .box .list li{border: 1px solid #efefef; padding: 1.5rem; border-radius: 8px; margin-bottom: 1.5rem;}
.contact-job .box .list li a{display: flex; align-items: center; }
.contact-job .box .list li .text{margin-left: 1.5rem; font-size: 1.4rem;}
.contact-job .box .list li .arrow img{width: 12px; margin-left: 1.5rem; }
.contact-job .box .list li:hover{border: 1px solid #ddd;}




/* --- sale --- */

/* list */
.sale-list{background: #fff;}
.sale-list .wrap{justify-content: space-between; background: #fff; display: flex; flex-wrap: wrap; padding: 1.5rem;}
.sale-list .item{background: #fff; border: 1px solid rgb(235, 235, 235); box-shadow: 3.346px 3.716px 7.2px 0.8px rgba(228, 235, 243, 0.8);  display: flex; align-items: center; padding: 2rem 1.5rem; margin-bottom: 1.5rem;}
.sale-list .item .pic{width: 30%; border-radius: 100px; overflow: hidden;}
.sale-list .item .content{width: 63%; margin-left: auto;}
.sale-list .item .content h3{font-size: 1.6rem; font-weight: bolder; margin-bottom: 1rem;}
.sale-list .item .content .text{color: #999; line-height: 2rem; height: 4rem; overflow: hidden; margin-bottom: 2rem; font-size: 1.4rem;}
.sale-list .item .content .more a{padding: .5rem 1.5rem; border: 1px solid #ddd; margin-top: 1rem; font-size: 1.4rem;}
.sale-list .item .content .more a:hover{background: linear-gradient(to right, #E6211B , #FF6A3E);  color: #fff;  border: 1px solid #fff; }

/* consult */
.sale-consult{text-align: center; background: #F8F8F8; padding: 3rem 0;}
.sale-consult .title{font-size: 1.6rem; color: #666; margin-bottom: 1.5rem;}
.sale-consult .line{height: 1px; background: #ccc; width: 10rem; margin: 0 auto; margin-top: 1.2rem; margin-bottom: 1.2rem;}
.sale-consult .tel {font-size: 2.2rem; background: linear-gradient(to right,#e61f1a,#ff6a3d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bolder; line-height: 1.5; display: flex; align-items: center; justify-content: center;}
.sale-consult .tel img{width: 3rem; margin-right: 1.5rem;}
.sale-consult .email { font-size: 2rem; line-height: 1.5; color: #333; font-family: "Montserrat" !important; font-weight: bolder;  display: flex; align-items: center; justify-content: center;} 
.sale-consult .email img{width: 3rem; margin-right: 1.5rem;}




/* --- news --- */

/* list */
.news-list{background: #F7F7F9; padding-top: 1.5rem;}
.news-list .item{background: #fff; margin-bottom: 1.5rem; padding: 1rem; padding-bottom: 1.8rem;}
.news-list .item .pic{margin-bottom: 1.5rem;}
.news-list .item .pic img{}
.news-list .item .content .title{font-size: 1.6rem; font-weight: bolder; margin-bottom: .5rem; line-height: 1.5;}
.news-list .item .content .date{margin-bottom: .5rem; color: #999; font-size: 1.4rem;}
.news-list .item .content .dep{color: #666;  margin-bottom: 1.5rem; font-size: 1.4rem;}
.news-list .item .content .more a{background: #333; color: #fff; padding:.5rem 1.2rem; font-size: 1.4rem; border-radius: 4px;}
.news-list .item .content .more a:hover{background: #C7000B;}


/* list1 */
.news-list{background: #F7F7F9; padding-top: 1.5rem;}
.news-list .item1{background: #fff; margin-bottom: 1.5rem; padding: 1rem; padding-bottom: 1.8rem;}
.news-list .item1 .pic{margin-bottom: 1.5rem;}
.news-list .item1 .pic img{}
.news-list .item1 .content .title{font-size: 1.6rem; font-weight: bolder; margin-bottom: .5rem; line-height: 1.5;}
.news-list .item1 .content .date{margin-bottom: .5rem; color: #999; font-size: 1.4rem;}
.news-list .item1 .content .dep{color: #666;  margin-bottom: 1.5rem; font-size: 1.4rem;}
.news-list .item1 .content .more a{background: #333; color: #fff; padding:.5rem 1.2rem; font-size: 1.4rem; border-radius: 4px;}
.news-list .item1 .content .more a:hover{background: #C7000B;}

/* show */
.news-show{ }
.news-show .box{background: #fff; padding: 3rem 1.5rem;}
.news-show .box .title{font-size: 2rem; text-align: center; border-bottom: 1px solid #efefef; padding-bottom: 2.5rem; margin-bottom: 1.5rem;}
.news-show .box .title h1{ font-weight: bolder; margin-bottom: 1.5rem; line-height: 1.5;}
.news-show .box .date{color: #999; font-size: 1.4rem;}
.news-show .content p{font-size: 1.4rem; line-height: 150%; margin-bottom: 1.5rem;}
.news-show .content img{margin: 1.5rem 0;}
.news-show .content a{text-decoration:none; color:#1A3E99;}
.news-show .content a:hover{text-decoration:underline; color:#1A3E99;}
.news-show .other{ margin-top: 4rem;}
.news-show .other a{display: block;  padding: 1rem 0; border-top: 1px solid #efefef; font-size: 1.4rem;}
.news-show .other a:hover{background: #C7000B; color: #fff;}

/* about */
.news-about { padding: 1.5rem;}
.news-about .item{ margin-bottom: 1.5rem;}
.news-about .item .box{ box-shadow: 0 1px 4px rgba(0,0,0,0.1); background: #fff; border: 1px solid #fff; transition: all .3s;}
.news-about .item .pic{height: 20rem; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.news-about .item .content{ padding: 1.5rem;}
.news-about .item .title{font-size:1.4rem; font-weight: bolder; margin-bottom:.8rem; line-height: 1.5;}
.news-about .item .date{color: #999; margin-bottom: 1rem; font-size: 1.4rem;}
.news-about .item .dep{color: #666; margin-bottom: 1rem; font-size: 1.4rem;}
.news-about .item .more{font-size: 1.4rem;}



/* --- plan --- */
.plan-list{background: #F7F7F9;}
.plan-list .item{margin-bottom: 1.5rem;}
.plan-list .item .box{padding: 1rem; background: #fff; border: 1px solid #fff; transition: all .3s; padding-bottom: 1.5rem;}
.plan-list .item .pic{margin-bottom: 1rem; overflow: hidden;}
.plan-list .item .title{ font-size: 1.6rem; font-weight: bolder; margin-bottom: .5rem; }
.plan-list .item .dep{color: #999;  margin-bottom: 1rem; font-size: 1.4rem;}
.plan-list .item .product{display: flex; flex-wrap: wrap;font-size: 1.4rem;}
.plan-list .item .text{color: #999; margin-right: 16px;}
.plan-list .item:hover .box{box-shadow: 0 3px 8px rgba(0,0,0,0.1); border: 1px solid #C7000B;}



/* --- honor --- */
.honor-list { background-color: #F7F7F9;}
.honor-list .item{ margin-bottom: 1.5rem;}
.honor-list .item .box{background: #fff;  transition: all .3s;}
.honor-list .item .pic {overflow: hidden; border-bottom: 1px solid #efefef; display: flex; align-items:center; justify-content: center; padding: 3rem 0;}
.honor-list .item .pic img{max-height: 16rem; }
.honor-list .item .title{  overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis; text-align: center; padding: 1.5rem; font-size: 1.4rem;}







/* ------ product ------ */

/* --- function --- */
.product-function .box{ }
.product-function .item{border-bottom: 1px solid rgb(235, 235, 235); position: relative; text-align: center; box-sizing: border-box; transition: all .3s; padding: 3rem 0;}
.product-function .item .icon{ width: 6rem; height: 6rem; padding: 1rem; border-radius: 100%; margin: 0 auto; margin-bottom: 1.5rem;}
.product-function .item .icon img{
   width: 85px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%); 
    
    
   }
.product-function .item .title{color: #333; transition: all .36s; line-height: 1.75; font-size: 1.8rem; margin-bottom: 1rem; font-weight: bolder;}
/* --- 亮点 --- */
.product-function .item .text{ font-size: 1.6rem; line-height: 160%; color: #666; transition: all .3s; width: 70%; margin: 0 auto;}


/* --- function1 --- */
.product-function .box{ }
.product-function .item1{border-bottom: 1px solid rgb(235, 235, 235); position: relative; text-align: center; box-sizing: border-box; transition: all .3s; padding: 3rem 0;}
.product-function .item1 .icon{ width: 6rem; height: 6rem; padding: 1rem; border-radius: 100%; margin: 0 auto; margin-bottom: 1.5rem;}
.product-function .item1 .icon img{
   width: 85px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%); 
    
    
   }
.product-function .item1 .title{color: #333; transition: all .36s; line-height: 1.75; font-size: 1.8rem; margin-bottom: 1rem; font-weight: bolder;}
/* --- 亮点 --- */
.product-function .item1 .text{ font-size: 1.6rem; line-height: 160%; color: #666; transition: all .3s; width: 70%; margin: 0 auto;}


/* --- banner --- */
.product-banner{text-align: center;}



/* --- video --- */
.product-video { }
.product-video .box{position: relative;}
.product-video .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display:none; align-self: center; justify-content: center; z-index: -99;}
.product-video .play img{width: 3.2rem;}
.product-video .play.none{ opacity: 0;}
.product-video video{width: 100%;  border: 1px solid rgb(235, 235, 235); box-shadow: 3.346px 3.716px 7.2px 0.8px rgba(228, 235, 243, 0.8); background: #fff; padding: 4px;}



/* --- Highlights --- */
.product-highlights{ border-bottom: 1rem solid #efefef; margin-bottom: 1rem;}
.product-highlights .box{background: #fff;}

/* hd亮点 */
.product-highlights .hd ul{border-bottom: 1px solid #efefef;  display: -webkit-box; overflow-x:scroll; overflow-y:hidden; }
.product-highlights .hd ul li{ text-align: center; font-size: 1.6rem; cursor: pointer; position: relative; padding: 0 1.5rem; padding-bottom: 1.5rem;}
.product-highlights .hd ul li::after{content: ""; left:25%; bottom: 0; width: 50%; height: 3px; background: #fff; position: absolute;}
.product-highlights .hd ul li.on{color: #C7000B;}
.product-highlights .hd ul li.on::after{background: #C7000B;}

/* bd */
.product-highlights .bd {} 
.product-highlights .bd .content{padding: 1.5rem;}
.product-highlights .bd .content .pic{ margin-bottom: 2rem;}
.product-highlights .bd .content .right{ text-align: center;}
.product-highlights .bd .content .right h3{font-size: 1.6rem; margin-bottom: 1rem; font-weight: bold;}
.product-highlights .bd .content .right .text{line-height: 200%; color: #999; font-size: 1.6rem;}



/* --- module --- */
.product-module .box{position: relative; padding: 0 1.5rem; padding-bottom: 2rem;}

/* arrow */
.product-module .arrow{display: none;}

/* swiper */
.product-module .swiper{}
.product-module .swiper .item{ transition: all .3s;}
.product-module .swiper .item .content{ background: #ECECEC; height: 30rem; border-radius: .4rem;}
.product-module .swiper .item .pic{height: 25rem; display: flex; align-items: center; justify-content: center; padding: 3rem;  box-sizing: border-box; margin-bottom: 1rem;}
.product-module .swiper .item .pic img{height: 100%;}
.product-module .swiper .item .title{text-align: center; font-size: 1.6rem;}
.product-module .swiper .item:hover{border: 1px solid #C7000B;}
.product-module .swiper-pagination{position: relative; z-index: 999; margin-top: 1.5rem;}
.product-module .swiper-pagination-bullet{background: #C7000B; margin: 0 .4rem;}



/* --- range --- */
.product-range{ background: url(../images/product-range.jpg) no-repeat; padding: 1.5rem;}
.product-range .box{background: #fff; }

/* hd */
.product-range .hd{}
.product-range .hd ul{display: flex; flex-wrap: wrap; margin-bottom: 1.5rem;}
.product-range .hd li{ font-size: 1.6rem; cursor: pointer; position: relative; width: 50%; text-align: center; height: 4rem; line-height: 4rem; border-bottom: 1px solid #efefef;}
.product-range .hd li.on{background: #C7000B; color: #fff;}


/* bd */
.product-range .bd{ }
.product-range .bd .item {padding: 0 1.5rem; padding-bottom: 2rem;}
.product-range .bd .item .pic{ margin:0 auto; margin-bottom:  1.5rem;}
.product-range .bd .item .text{color: #666; line-height: 150%; font-size: 1.6rem;}



/* --- parameter --- */
.product-parameter{ padding: 1.5rem; padding-bottom: 3rem;}
.product-parameter .box img{width: 100%;}



/* --- about --- */
.product-about{background: #f5f5f5; padding-bottom: 3rem; padding-top: 1.5rem;}

/* column */
.product-about .inner-column{background: #f5f5f5;}

/* box */
.product-about .box{position: relative;}

/* arrow */
.product-about .arrow{ display: none;}

/* swiper */
.product-about .swiper{width: 90%;}
.product-about .swiper .item{border: 1px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.1); transition: all .3s;}
.product-about .swiper .item .content{ background: #fff; height: 410px; }
.product-about .swiper .item .pic{height: 340px; display: flex; align-items: center; justify-content: center;}
.product-about .swiper .item .pic img{width: 100%;}
.product-about .swiper .item .title{text-align: center; font-size:16px;}
.product-about .swiper .item:hover{border: 1px solid #C7000B;}
.product-about .swiper-pagination{position: relative; z-index: 999; margin-top: 32px;}
.product-about .swiper-pagination-bullet{background: #C7000B; margin: 0 4px;}







/* ------ about ------ */

/* --- dep --- */
.about-dep{background: url(../images/about-dep.jpg) no-repeat; background-size: cover; padding: 3rem 1.5rem;}

/* box */
.about-dep .box{ padding-bottom: 2rem;}
.about-dep .box h3{font-size: 2.5rem; font-weight: bolder; margin-bottom: 1.5rem; text-align: center;}
.about-dep .box .content p{line-height: 150%; margin-bottom: 1rem; font-size: 1.4rem;}
.about-dep .box .more{text-align: center; font-size: 1.4rem;}

/* photo */
.about-dep .photo{}
.about-dep .photo img{border: .4rem solid #fff;}



/* --- Culture --- */
.about-culture{}
.about-culture .item{ position: relative;}
.about-culture .item .box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; text-align: center; overflow: hidden; padding-top: 20%; box-sizing: border-box;}
.about-culture .item .box .eng{font-size: 5.2rem; color: #fff; font-family: din; opacity: .15;}
.about-culture .item .box .title{color: #fff; font-size: 4rem; font-weight: bolder; margin-top: -3rem; margin-bottom: 3rem;}
.about-culture .item .box .text{color: #fff; font-size: 1.6rem; width: 80%; margin: 0 auto; line-height: 150%;}



/* --- brand --- */
.about-brand{padding: 2rem 0; background: #F7F7F9; }
.about-brand .inner-column{ background: #F7F7F9; margin-bottom: 2rem;}
.about-brand .box{position: relative;}

/* pic */
.about-brand .pic { display: none;}
.about-brand .pic img{ }

/* content */
.about-brand .content{ background: #fff; }

/* data */
.about-brand .data{background: url(../images/about-brand-data.jpg) no-repeat; height: 36rem; background-size: cover; box-sizing: border-box;}
.about-brand .data ul{display: flex; flex-wrap: wrap;}
.about-brand .data li{width: 50%; text-align: center; border-right: 1px solid rgba(255,255,255,0.08); height: 18rem; border-bottom: 1px solid rgba(255,255,255,0.08); }
.about-brand .data li .number{font-size: 4rem; color: #fff; font-family: din; margin-bottom: 2rem; margin-top:3rem;}
.about-brand .data li .text{color: #fff; font-size: 1.4rem; padding: 0 1.6rem; opacity: .8; line-height: 150%;}

/* tab */
.about-brand .tab{}
.about-brand .tab .hd {}
.about-brand .tab .hd ul{display: flex; flex-wrap: wrap;}
.about-brand .tab .hd li{font-size: 1.4rem; transition: all .3s; width: 50%; text-align: center; height: 4rem; line-height: 4rem; border-bottom: 1px solid #efefef;}
.about-brand .tab .hd li.on{ background: #C7000B; color: #fff;}

.about-brand .tab .bd{ }
.about-brand .tab .bd .inbox{padding: 3rem;}
.about-brand .tab .bd .inbox h3{font-size: 2.5rem; font-weight: bolder; margin-bottom: 1.5rem;}
.about-brand .tab .bd .inbox .text{color: #999; line-height: 150%; margin-bottom: 1.5rem; font-size: 1.4rem;}
.about-brand .tab .bd .inbox .more a{display: block; width: 3rem; height: 3rem; background: #212121; border-radius: .4rem;}
.about-brand .tab .bd .inbox .more a:hover{background: #C7000B;}



/* --- course --- */
.about-course{ background-size: cover; border-bottom: 1rem solid #efefef;}
.about-course .box{background: #fff;}

/* tab */
.about-course .tab{width: 100%; border-bottom: 1px solid #efefef; text-align: center; font-size: 1.6rem; font-family: din; position: relative; padding: 0 1rem;}

/* swiper */
.about-course .tab .swiper{width: 75%;}
.about-course .tab .swiper-slide{line-height: 6rem; height: 6rem;}
.about-course .tab .swiper-slide-visible{cursor: pointer; position: relative; height:6rem; line-height: 6rem;}
.about-course .tab .swiper-slide-thumb-active{color: #C7000B;}
.about-course .tab .swiper-slide-thumb-active::after{content: ""; left: 35%; bottom: 0; height: 3px; background: #C7000B; position: absolute; width: 30%;}

/* arrow */
.about-course .tab .arrow{display: flex; align-items: center; width: 6rem; height:6rem; position: absolute; cursor:pointer;}
.about-course .tab .arrow.prev{ left: 1rem; top: 0;}
.about-course .tab .arrow.next{ right: 1rem; top: 0; justify-content: flex-end;}
.about-course .tab #course-year-prev{background: url(../images/icon-prev-black.svg) no-repeat; width: 2.5rem; height: 2.5rem; border-radius: 8px; transition: all .3s; background-size: cover;}
.about-course .tab #course-year-prev:hover{background: url(../images/icon-prev.svg) no-repeat #C7000B; width: 2.5rem; height: 2.5rem; background-size: cover;}
.about-course .tab #course-year-next{background: url(../images/icon-next-black.svg) no-repeat; width: 2.5rem; height: 2.5rem; border-radius: 8px; transition: all .3s; background-size: cover;}
.about-course .tab #course-year-next:hover{background: url(../images/icon-next.svg) no-repeat #C7000B; width: 2.5rem; height: 2.5rem;  background-size: cover;}

/* content */
.about-course .content{padding: 1.5rem;}
.about-course .content .cell{}
.about-course .content .cell .pic{width: 100%;}
.about-course .content .cell .content{font-size: 1.6rem; line-height: 180%;}
.about-course .swiper-pagination{ position: relative; z-index: 9999; margin-top: 1rem;}
.about-course .swiper-pagination-bullet{background: #212121; margin: 0 4px; transition: all .3s;}
.about-course .swiper-pagination-bullet-active{width: 1.5rem; border-radius: 100px;}



/* --- honor --- */
.about-honor {background: #fff; padding: 0 1.5rem;}
.about-honor .item{ text-align: center; padding: 3rem 0; border-bottom: 1px solid #efefef;}
.about-honor .item:first-child{}
.about-honor .item .icon{margin-bottom: 1.5rem; }
.about-honor .item .icon img{margin: 0 auto; width: 8rem;}
.about-honor .item .title{font-size: 2.5rem; font-weight: bolder; margin-bottom: 1rem;}
.about-honor .item .dep{width: 80%; line-height: 150%; color: #666; margin: 0 auto; margin-bottom: 3rem;}
.about-honor .item .more a{background-color: #333; color: #fff; padding: 1rem 1.5rem; transition: all .3s; border-radius: 4px;}
.about-honor .item .more a:hover{background: #C7000B; }

/* --- 跟随 --- */
.footer-flow{ background:#233154; display:flex; align-items:center; position:fixed; left:0; width:100%; bottom:0;z-index: 9999;}
.footer-flow a{display:block; width:25%; text-align:center; padding:.8rem 0;}
.footer-flow .icon img{width:2rem; margin:0 auto; margin-bottom:.5rem;}
.footer-flow .text{color:#fff; font-size:1.2rem;}

@media (max-width: 999px){
	.guanggao {
   	 display: none;
	}
  }

/* language */
.page-header .page-language{margin-left: auto; font-size: 1.0rem; font-family: din; margin-right: 1.5rem;}
.page-header .page-language a{color: #fff;}
.page-header .page-language a:hover{color: #333;}
.page-header .page-language .icon{display: none;}