@charset "utf-8";

/*1024px*/
@media (min-width:1024px) {

/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.wrap{max-width:1280px; margin:0 auto;}
.flex{display: flex; align-items: center; flex-wrap: wrap;}
.center{justify-content: center;}
.h-tips-m{display: none;}



/* --- 头部 --- */
.page-header{height:98px; border-bottom: 1px solid rgba(255,255,255,0.2); position: fixed; left: 0; top: 0; width: 100%; z-index: 999; padding: 0 32px; box-sizing: border-box; transition: all .3s;}

/* hover */
.page-header:hover{background: #fff;}
.page-header .page-nav{position:absolute; z-index:-9999;}
.page-header:hover .page-logo a{ background: url(../images/logo-roll.png) no-repeat; background-size: contain; background-size: cover;}
.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: 98px; }
.page-header:hover .page-search .close{background: url(../images/icon-close.svg) no-repeat 0 center; width: 24px; height: 98px; background-size: 24px 24px; }
.page-header:hover .page-language .icon{ background: url(../images/icon_diqiu2.svg) no-repeat 0 center; background-size: cover; width: 24px; height: 98px; background-size: 24px 24px;}


/* 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; background-size: cover;}

/* nav */
.page-header.roll .page-nav .item .show a{color: #333;}
.page-header.roll .page-nav .item:hover .show a{color: #C7000B;}
.page-header.roll .text a{color: #333;}

/* tel */
.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;}

/* search */
.page-header.roll .page-search .show{ background: url(../images/icon-search-roll.svg) no-repeat 0 center; width: 24px; height: 98px; }
.page-header.roll .page-search .close{background: url(../images/icon-close.svg) no-repeat 0 center; width: 24px; height: 98px; background-size: 24px 24px; }

/* language */
.page-header.roll .page-language {color: #333;}
.page-header.roll .page-language .icon{ background: url(../images/icon_diqiu2.svg) no-repeat 0 center; width: 24px; height: 98px; background-size: 24px 24px;}

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






/* --- 语言 --- */
.page-language{margin-left: 80px; color: #fff; position: relative; z-index: 99999999;display: flex;align-items: center;}
.page-language .icon{ margin-right:5px; background: url(../images/icon_diqiu.svg) no-repeat 0 center; width: 24px; height: 98px; background-size: 24px 24px; }
.page-language .text{margin-left: 8px; font-size: 16px;  color: #fff; }
.page-header:hover .text{color: #212121;}
.chinese_text{margin-left:20px; margin-right:10px;}


/* --- 客服 --- */
.page-customer{position: fixed; right: 20px; top: 80%; z-index: 9999;}

/* item */
.page-customer .item{width: 56px; height: 56px; margin-bottom: 4px; 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: 720px; height: 400px; position: absolute; right: 64px;  bottom: 0; box-shadow: 0 1px 4px rgba(0,0,0,0.1); display: none;}

/* pop - title */
.page-customer .pop-title{ padding: 32px;}
.page-customer .pop-title .title{font-size: 24px; margin-left: 16px; font-weight: bolder;}
.page-customer .pop-title .close{margin-left: auto; cursor: pointer;}

/* pop - list */
.page-customer .pop-list ul{display: flex;}
.page-customer .pop-list li{width: 50%; text-align: center; border-right: 1px solid #efefef;}
.page-customer .pop-list li:last-child{border-right: none;}
.page-customer .pop-list li .icon{margin-bottom: 10px;}
.page-customer .pop-list li .title{font-size: 24px; margin-bottom: 16px;}
.page-customer .pop-list li .btn a{ font-size:16px; background-color:##C7000B; border: 1px solid #efefef; width: 116px; height: 40px; text-align: center; line-height: 38px; display: block; border-radius: 8px;}
.page-customer .pop-list li .btn a:hover{background: #333; color: #fff; border: 1px solid #333; }
.page-customer .pop-list li .tel{font-size: 32px; font-family: din;}
.page-customer .pop-list li .email{font-size: 14px; color: #999; margin-bottom: 10px;}
.page-customer .pop-list li .address{color: #999; width: 50%; margin: 0 auto;}



/* --- 栏目 --- */
.page-column{padding: 72px 0; text-align: center;}
.page-column h2{font-size: 32px; font-weight: bolder; margin-bottom: 16px;}
.page-column .text{color: #999; font-size: 16px; line-height: 2;}

/* 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; width: 193px; height: 44px; background-size: cover;}



/* --- nav --- */
.page-nav{ position: absolute; left: 0; top: 0; width: 100%; height: 98px; display:flex; justify-content: center;}

/* item */
.page-nav .item{ font-size: 16px; position: relative; padding: 0 32px;}


/* item - after */
.page-nav .item a{position: relative;}
.page-nav .item a::after{content: ""; left: 0; bottom: 0; height: 3px; background: #C7000B; width: 100%; position: absolute; opacity: 0;}

/* item - active */
.page-nav .item.active a::after{opacity: 1;}
.page-nav .item.active .hide li a::after{opacity: 0;}

/* item - show */
.page-nav .item .show{height: 98px; line-height: 98px;}
.page-nav .item .show a{color: #fff; display: block; }

/* item - hide */
.page-nav .item .hide{left: 0; width: 270px; position: absolute; top: 125px; background: #fff; z-index: 300; padding: 0 30px; opacity: 0; height: 0; overflow: hidden; border-top: 3px solid #C7000B; transition: all .3s;}

/* item - hide - ul + ul */
.page-nav .item .hide li{position: relative; border-bottom: 1px solid #efefef; height:56px; line-height: 56px; }
.page-nav .item .hide li a{display: block;  overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; background: url(../images/icon-arrow.svg) no-repeat right center;}

/* item - hover */
.page-nav .item:hover .hide{ opacity: 1; height: auto; top: 98px;  border-top: 3px solid #C7000B;}
.page-nav .item:hover .hide li a:hover{background: url(../images/icon-arrow-active.svg) no-repeat right center;}

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






/* --- tel --- */
.page-tel{margin-left: auto; color: #fff; font-size: 24px; font-family: din; position: relative; z-index: 999; transition: all .3s;}
.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{margin-left: 40px; position: relative; z-index: 9999; height: 98px;}
.page-search .show{ background: url(../images/icon-search.svg) no-repeat 0 center; width: 24px; height: 98px; background-size: 24px 24px; cursor: pointer;}
.page-search .close{background: url(../images/icon-close-white.svg) no-repeat 0 center; width: 24px; height: 98px; background-size: 24px 24px; }
.page-search .hide{background: #fff; position: absolute; top: 98px; right: 0; display: flex; height: 56px; align-items: center; display: none; width: 300px; box-sizing: border-box; box-shadow: 0 1px 4px rgba(0,0,0,0.1);}
.page-search .hide input{width: 85%; border:none; height: 100%; padding-left: 16px; box-sizing: border-box;}
.page-search .hide button{border: none; background: none; height: 56px; width: 10%; text-align: center; cursor: pointer;}




/* --- more --- */
.page-more a{font-size:16px; border: 1px solid #fff; width: 160px; height: 45px; display: block; border-radius: 8px; text-align: center; line-height: 43px; color: #fff;}
.page-more a:hover{background-color: #fff; color: #333;}



/* --- follow --- */
.page-follow{margin-left: auto;}
.page-follow a {display: block; height: 50px; display: flex; align-items: center; width: 50px; justify-content: center; transition: all .3s;}
.page-follow a svg{width: 18px; height: 18px;}
.page-follow a:hover{background: #333;}



/* --- 分页 --- */
.page-showpage{ margin-bottom:72px; text-align:center;}
.page-showpage a{padding:8px 16px; border-radius:4px; margin-left:4px; margin-right:4px; background: #fff; }
.page-showpage a.now{ background:#C7000B; color:#fff; }
.page-showpage a:hover{ background:#C7000B; color:#fff; }



/* --- path --- */
.page-path{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 999; height: 64px; line-height: 64px; color: #fff;}
.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;}



/* --- 底部 --- */
.page-footer{background: #212121;}
.page-footer .box{padding: 56px 0; display: flex;}

/* contact */
.page-footer .contact{width: 320px;}
.page-footer .contact h3{font-size: 24px; color: #fff; margin-bottom: 16px;}
.page-footer .contact .tel{font-size: 40px; color: #fff; font-family: din; border-bottom: 1px solid #383838; padding-bottom: 24px; margin-bottom: 24px;}
.page-footer .contact .email{font-size: 14px; color: #fff; opacity: .5; font-family: din; margin-bottom: 10px;}
.page-footer .contact .address{color: #fff; opacity: .5; margin-bottom: 24px; font-size:14px;}
.page-footer .contact .qrcode img{background: #fff; border: 4px solid #fff; margin-right: 16px;}

/* type */
.page-footer .type{width: 71.875%; margin-left: auto; display: flex; border-left: 1px solid #383838; padding-left: 40px;}
.page-footer .type dl{width: 20%;}
.page-footer .type dl dt{color: #fff; font-size: 16px; margin-bottom: 16px;}
.page-footer .type em{display: block; line-height: 32px;}
.page-footer .type em a{color: #fff; opacity: .5; font-size:16px;}
.page-footer .type em a:hover{opacity: 1;}

/* copyright */
.page-footer .copyright{text-align: center; height: 64px; line-height: 64px; border-top: 1px solid #383838; }
.page-footer .copyright em{margin: 0 16px; opacity: .5; color: #fff;}





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

/* --- banner --- */
.home-banner{position: relative;}
.home-banner .swiper{height: 100vh;}
.home-banner .swiper-pagination{top: 45%; right: 20px;}
.home-banner .swiper-pagination span{display: block; margin: 10px 0; background: #fff; transition: all .3s;}
.home-banner .swiper-pagination-bullet-active{background: #fff; width: 8px; height: 20px; border-radius: 100px;}

/* box */
.home-banner .box{ padding-top: 98px; box-sizing: border-box; height: 100%;}

/* content */
.home-banner .content{width: 35%; padding-left: 7%; box-sizing: border-box;}
.home-banner .content .eng{font-size:32px; font-family: din; color: #FFA464; line-height: 1; margin-bottom: 16px;}
.home-banner .content .title{font-size: 48px; color: #fff; font-weight: bolder; line-height: 1; margin-bottom: 16px;}
.home-banner .content .dep{color: #fff; font-size: 20px; opacity: .5; margin-bottom: 32px;}

/* photo */
.home-banner .photo{ width: 60%;}
.home-banner .photo img{}

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

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




/* --- 产品 --- */
.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); height: 720px; display: flex; margin-bottom: 56px;}

/* type */
.home-product .type{width: 21.875%; border-right: 1px solid #DFE1E6; padding: 20px 0; height: 100%; background: url(../images/home-product-icon.png) no-repeat right bottom #F2F2F4;}
.home-product .type li{height: 80px; line-height: 80px; padding-left: 32px; font-size: 16px; border-bottom: 1px solid #E9E9EA; position: relative; cursor: pointer;}
.home-product .type li.on{background: url(../images/home-product-li.png) no-repeat; background-size: cover;}
.home-product .type li.on::after{content: ""; left: 0; top: 0; width: 3px; background: #C7000B; position: absolute; height: 100%;}

/* right */
.home-product .right{width: 78.12%; margin-left: auto;}

/* item */
.home-product .right .item .inBox{ padding: 40px; }

/* title */
.home-product .title {margin-bottom: 32px;}
.home-product .title h3{font-size: 16px; color: #999; margin-bottom: 16px;}
.home-product .title h2{font-size: 32px; color: #1D0B0B;}

/* product */
.home-product .product{height: 560px;}
.home-product .product .inHd {width: 30%; }
.home-product .product .inHd li{padding: 12px 0; font-size: 18px; font-family: din; color: #A59D9D; background: url(../images/icon-arrow.svg) no-repeat 0 center; padding-left: 32px; cursor: pointer;}
.home-product .product .inHd li.on{ background: url(../images/icon-arrow-active.svg) no-repeat 0 center; color: #C7000B;}
.home-product .product .inBd{margin-left: auto; width: 70%; display: flex; }

/* data */
.home-product .data{background: #fff; padding: 40px 0; position: relative; z-index: 999;}
.home-product .data li{width: 25%; text-align: center; border-right: 1px solid #efefef;}
.home-product .data li .number{font-size: 80px; font-weight: bolder; font-family: din; line-height: 1; margin-bottom: 12px;}
.home-product .data li .number1{font-size: 80px; font-weight: bolder; font-family: din; line-height: 1; margin-bottom: 12px;}
/* --- 2022.5.31 --- */
.home-product .data li .number::after{content: "+"; font-size: 40px; margin-left: 16px;}
.home-product .data li .number1::after{content: ""; font-size: 40px; margin-left: 16px;}
.about-brand .data li .number::after{content: "+"; font-size: 40px; margin-left: 16px;}
.about-brand .data li .number1::after{content: ""; font-size: 40px; margin-left: 16px;}
/* --- 2022.5.31 --- */

.home-product .data li .text{ color: #999; width: 210px; margin: 0 auto;}
.home-product .data li:last-child{border-right: none;}



/* --- 解决方案 --- */
.home-solution{position: relative; padding-top: 120px; margin-top: -120px; height: 960px;}

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

/* hd */
.home-solution .hd {position: relative; z-index: 30;}
.home-solution .hd li{width: 16.6666%; text-align: center; height: 72px; border-bottom: 1px solid rgba(255,255,255,0.5); line-height: 72px; color: #fff; font-size: 16px; cursor: pointer;}
.home-solution .hd li em{position: relative;}
.home-solution .hd li em::after{content: ""; left: 0; width: 100%; height: 3px; background: #C7000B; position: absolute; bottom: -25px; z-index: 999; opacity: 0;}
.home-solution .hd li.on em{color: #fff;}
.home-solution .hd li.on em::after{opacity: 1;}

/* bd */
.home-solution .bd .item{margin-top: -389px;}
.home-solution .bd .item .wrap{position: relative; z-index: 999; margin-top: 450px;}
.home-solution .bd .item h3{margin-top: 56px; font-size: 40px; font-weight: bolder; color: #fff; margin-bottom: 16px;}
.home-solution .bd .item .text{color: #fff; font-size: 16px; opacity: .8; width: 60%; margin-bottom: 56px;}
.home-solution .bd .item .back{position: absolute; left: 0; top: 0; width: 100%; height: 960px; 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; padding-top: 32px; padding-bottom: 90px;}
.home-news .box{background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.1); padding: 16px; box-sizing: border-box; height: 529px;}
.home-news .wrap{justify-content: space-between; }

/* notice */
.home-news .notice{width: 32.03%; position: relative;}
.home-news .notice .pic{position: relative;}
.home-news .notice .pic .type{position: absolute; left: 0; top: 0; background: #000; width: 96px; height: 40px; color: #fff; text-align: center; line-height: 40px; background-color:rgba(0,0,0,0.5);}
.home-news .notice .date{color: #999; margin-top: 10px; font-family: din; margin-bottom: 10px;}
.home-news .notice .title{font-size: 18px; line-height: 150%; margin-bottom: 10px;}
.home-news .notice .dep{color: #999;}
.home-news .notice .more{position: absolute; bottom: 20px; background: url(../images/icon-arrow-black.svg) no-repeat right center; padding-right: 20px;}

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



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



/* --- 合作伙伴 --- */
.home-friends .content{background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.1); padding: 10px; margin-bottom: 90px;}
.home-friends .content img{margin: 5px; border:1px solid #EFEFEF;}
.home-friends .inner-column{margin-top: 40px;}







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

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

/* box */
.inner-banner .box{ padding-top: 98px; box-sizing: border-box; height: 100%; padding: 0 10%; text-align: center; width: 100%; position: relative;} 
.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;}
.inner-banner .content .title{font-size: 40px; color: #fff; font-weight: bolder; margin-bottom: 8px;}
.inner-banner .content .dep{font-size: 18px; color: #fff; }

/* 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;}



/* --- column --- */
.inner-column{text-align: center; padding:50px;}
.inner-column .title{margin-bottom: 20px; display: flex; align-items: center; justify-content: center;}
.inner-column .title .line{background: linear-gradient(to right, #F16860 , #FE9173);  width: 10px; height: 38px; margin-right: 16px;}
.inner-column .title .text{font-size: 36px; font-weight: bolder; color: #333;}
.inner-column .dep{color: #999; line-height: 180%; font-size: 16px;}



/* --- category --- */
.inner-category{background: #fff; position: sticky; left: 0; top: 0; width: 100%; z-index: 888; box-shadow: 0 1px 4px rgba(0,0,0,0.1); border-top: 1px solid #efefef;}
.inner-category .wrap{ padding: 16px 0;}
.inner-category ul{height: 100%;}
.inner-category li a{display: block; border-radius: 4px; height: 40px; line-height: 40px; font-size: 16px; padding: 0 16px; margin: 0 8px;}
.inner-category li a.active{background: #C7000B; color: #fff;}
.inner-category li a:hover{color: #333;}
.inner-category li a.active:hover{color: #fff;}


/* --- scheme --- */
.inner-scheme{background: url(../images/606aa1144d0de.jpg) no-repeat; background-size: cover; padding: 75px 0;}
.inner-scheme .content h3{font-size: 36px; line-height: 46px; height: 46px; overflow: hidden; color: #ffffff; font-weight: bold; margin-bottom: 20px;}
.inner-scheme .content .text{font-size: 18px; line-height: 24px; height: 24px; overflow: hidden; color: #ffffff;}
.inner-scheme .btn{margin-left: auto; border: 1px solid #fff; width: 250px; height: 50px; border: 1px solid rgba(255,255,255,0.4);; background: rgba(255,255,255,0.2);}
.inner-scheme .btn a{ height: 100%; color: #fff;}
.inner-scheme .btn a img{width: 12px; margin-left: 10px;}



/* --- product --- */
.product-list{background: #F7F7F9; padding: 64px 0;}
.product-list .item{width: 32%; margin-left: 2%; margin-bottom: 24px;}
.product-list .item .box{ box-shadow: 0 1px 4px rgba(0,0,0,0.1); height: 390px; background: #fff; transition: all .3s;}
.product-list .item:nth-child(3n+1){margin-left: 0;}
.product-list .item .pic{height: 320px; background: #fff;}
.product-list .item .title{text-align: center; font-size: 16px; font-weight: bolder; height: 56px; line-height: 56px; overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.product-list .item .dep{ padding: 0 16px; color: #999;}
.product-list .item:hover .box{box-shadow: 0 3px 8px rgba(0,0,0,0.1);}



/* --- plan --- */
.plan-list{background: #F7F7F9; padding: 64px 0;}
.plan-list .item{width: 32%; margin-left: 2%;}
.plan-list .item:nth-child(3n+1){margin-left: 0;}
.plan-list .item .box{box-shadow: 0 1px 4px rgba(0,0,0,0.1); margin-bottom: 24px; padding: 16px; padding-bottom: 24px;  background: #fff; transition: all .3s; }
.plan-list .item .pic{margin-bottom: 16px; height: 200px; overflow: hidden;}
.plan-list .item .title{ font-size: 18px; font-weight: bolder; height: 40px; line-height: 20px; margin-bottom: 16px; overflow: hidden; }
.plan-list .item .dep{color: #999; height: 72px; line-height: 24px; margin-bottom: 16px; overflow: hidden;}
.plan-list .item .product{display: flex; flex-wrap: wrap; }
.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); }



/* --- news --- */

/* list */
.news-list{background: #F7F7F9; padding: 64px 0;}
.news-list .item{background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.1); margin-bottom: 24px; display: flex; align-items: center; padding: 16px;}
.news-list .item .pic{width: 30%; overflow: hidden;}
.news-list .item .pic img{height: 220px; width:550px;}
.news-list .item .content{width: 66%; margin-left: auto;}
.news-list .item .content .title{font-size: 18px; font-weight: bolder; margin-bottom: 8px;}
.news-list .item .content .date{margin-bottom: 8px; color: #999;}
.news-list .item .content .dep{color: #666; margin-bottom: 24px;}
.news-list .item .content .more a{background: #333; color: #fff; padding:8px 16px; font-size: 12px; border-radius: 4px;}
.news-list .item .content .more a:hover{background: #C7000B;}

/* list1 */
.news-list{background: #F7F7F9; padding: 64px 0;}
.news-list .item1{width: 48%; height:200px;background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.1); margin-bottom: 24px; display: flex; align-items: center; padding: 16px; margin:10px;}
title
.news-list .item1 .pic{width: 30%; overflow: hidden;}
.news-list .item1 .content{margin-left: auto;}
.news-list .item1 .content .title img{height: 30px; width:30px; margin-right：20px;}
.news-list .item1 .content .title{font-size: 18px; font-weight: bolder; margin-bottom: 8px;}
.news-list .item1 .content .date{margin-bottom: 8px; color: #999;}
.news-list .item1 .content .dep{color: #666; margin-bottom: 24px;}
.news-list .item1 .content .more a{background: #333; color: #fff; padding:8px 16px; font-size: 12px; }
.news-list .item1 .content .more a:hover{background: #C7000B;}

/* show */
.news-show{ padding: 64px 0;}
.news-show .box{background: #fff;  box-shadow: 0 1px 4px rgba(0,0,0,0.1); padding: 64px;}
.news-show .box .title{font-size: 28px; text-align: center; border-bottom: 1px solid #efefef; padding-bottom: 32px; margin-bottom: 40px;}
.news-show .box .title h1{ font-weight: bolder; margin-bottom: 24px;}
.news-show .box .date{color: #999; font-size: 16px;}
.news-show .content p{font-size: 18px; line-height: 200%;}
.news-show .content a{text-decoration:none; color:#1A3E99;}
.news-show .content a:hover{text-decoration:underline; color:#1A3E99;}
.news-show .content img{margin: 10px 0;}
.news-show .other{margin: 80px 0; justify-content: space-between; height: 64px; line-height: 64px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: 0;}
.news-show .other li{width: 50%; display: flex; align-items: center; height: 64px;}
.news-show .other li:nth-child(1){border-right: 1px solid #efefef;}
.news-show .other li:hover a{ color: #C7000B;}
.news-show .other li .text{color: #999; margin-right: 16px; margin-left: 16px;}
.news-show .other li .link{width: 80%; overflow: hidden;}

/* about */
.news-about {padding-bottom: 64px;}
.news-about .item{width: 32%; margin-left: 2%;  }
.news-about .item:nth-child(3n+1){margin-left: 0;}
.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: 250px; overflow: hidden; padding: 16px;}
.news-about .item .content{ padding: 16px;}
.news-about .item .title{font-size:18px; font-weight: bolder; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 8px;}
.news-about .item .date{color: #999; margin-bottom: 8px;}
.news-about .item .dep{color: #666; margin-bottom: 16px;}
.news-about .item .box:hover{box-shadow: 0 8px 8px rgba(0,0,0,0.1);}



/* --- sale --- */

/* list */
.sale-list{background: #fff;}
.sale-list .wrap{justify-content: space-between; padding-bottom: 72px; background: #fff;}
.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); width: 48.9%; display: flex; align-items: center; padding: 32px; margin-bottom: 32px;}
.sale-list .item .pic{width: 30%; border-radius: 100px; overflow: hidden;}
.sale-list .item .content{width: 62%; margin-left: auto;}
.sale-list .item .content h3{font-size: 24px; font-weight: bolder; margin-bottom: 16px;}
.sale-list .item .content .text{color: #999; line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 24px;}
.sale-list .item .content .more a{padding: 8px 16px; border: 1px solid #ddd; margin-top: 16px;}
.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; padding: 96px; background: #F8F8F8;}
.sale-consult .title{font-size: 18px; color: #666; margin-bottom: 32px;}
.sale-consult .line{height: 1px; background: #ccc; width: 100px; margin: 0 auto; margin-top: 30px; margin-bottom: 20px;}
.sale-consult .tel {font-size: 42px; background: linear-gradient(to right,#e61f1a,#ff6a3d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bolder; line-height: 1.5;}
.sale-consult .tel img{width: 40px; margin-right: 16px;}
.sale-consult .email { font-size: 50px; line-height: 1.5; color: #333; font-family: "Montserrat" !important; font-weight: bolder;} 
.sale-consult .email img{width: 40px; margin-right: 16px;}



/* --- honor --- */
.honor-list { padding: 64px 0; padding-top: 0;}
.honor-list .item{width: 32%; margin-left: 2%; margin-bottom: 32px;}
.honor-list .item:nth-child(3n+1){margin-left: 0;}
.honor-list .item .box{background: #fff;  box-shadow: 0 1px 4px rgba(0,0,0,0.1);  transition: all .3s;}
.honor-list .item .pic {overflow: hidden; border-bottom: 1px solid #efefef;}
.honor-list .item .pic img{max-height: 280px; padding: 32px; }
.honor-list .item .title{height: 64px; line-height: 64px;  overflow:hidden;  white-space: nowrap;  text-overflow: ellipsis; padding: 0 32px;}
.honor-list .item .box:hover{box-shadow: 0 9px 8px rgba(0,0,0,0.1); }



/* --- contact --- */

/* address */
.contact-address{}
.contact-address .wrap{border-bottom: 1px solid #efefef; padding-bottom: 80px;}
.contact-address .left{width: 40%;}
.contact-address .title{font-size: 32px; font-weight: bolder; margin-bottom: 40px; text-align: center;}
.contact-address .list dt{font-size: 16px; margin-bottom: 8px; color: #333; font-weight: bolder;}
.contact-address .list dl{margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.contact-address .list dl:last-child{border-bottom: none;}
.contact-address .list dd{margin-bottom: 8px; font-size: 16px; color: #666;}
.contact-address .list .address{margin-right: 32px;}
.contact-address .list .number{font-family: din; color: #333; font-size: 18px;}
.contact-address .list .number p{line-height: 160%; margin-right: 32px;}
.contact-address .list .icon {margin-right: 8px; width: 24px; height: 24px;}
.contact-address .photo{margin-left: auto; width: 40%;}
.contact-address .photo img{width: 100%;}

/* tel */
.contact-tel { padding-bottom: 80px;}
.contact-tel .item{width: 32%; margin-left: 2%; margin-bottom: 32px;}
.contact-tel .item:nth-child(3n+1){margin-left: 0;}
.contact-tel .item .box{background: #fff; padding: 24px 40px; transition: all .3s; border: 1px solid #F2F2F2;}
.contact-tel .item .title{font-size: 24px; font-weight: bolder; margin-bottom: 8px;}
.contact-tel .item .type{color: #999; font-size: 18px; line-height: 1; margin-bottom: 24px;}
.contact-tel .item .list li {display: flex; align-items: center; height: 32px; line-height: 32px;}
.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 }

/* job */
.contact-job{background: url(../images/contact-job.jpg) no-repeat; background-size: cover; height: 640px; position: relative;}
.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; width: 100%; padding: 64px;}
.contact-job .box .title {width: 50%;}
.contact-job .box .title h2{font-size: 40px; font-weight: bolder; margin-bottom:20px;}
.contact-job .box .title .dep{font-size: 16px; color: #999;}
.contact-job .box .list{margin-left: auto;}
.contact-job .box .list li{border: 1px solid #efefef; padding: 16px; margin-left: 24px; border-radius: 8px;}
.contact-job .box .list li .text{margin-left: 16px;}
.contact-job .box .list li .arrow img{width: 12px; margin-left: 24px; }
.contact-job .box .list li:hover{border: 1px solid #ddd;}







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

/* --- dep --- */
.about-dep{background: url(../images/about-dep.jpg) no-repeat; background-size: cover; padding: 120px 0;}

/* box */
.about-dep .box{width: 43%;}
.about-dep .box h3{font-size: 32px; font-weight: bolder; margin-bottom: 32px;}
.about-dep .box .content p{line-height: 200%; margin-bottom: 20px; font-size: 16px;}
.about-dep .box .more{text-align: right; font-size: 16px;}

/* photo */
.about-dep .photo{width: 43%; margin-left: auto;}
.about-dep .photo img{border: 8px solid #fff;}



/* --- Culture --- */
.about-culture{}
.about-culture .item{width: 33.333%; 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: 30%; box-sizing: border-box;}
.about-culture .item .box .eng{font-size: 96px; color: #fff; font-family: din; opacity: .15;}
.about-culture .item .box .title{color: #fff; font-size: 64px; font-weight: bolder; margin-top: -50px; margin-bottom: 40px;}
.about-culture .item .box .text{color: #fff; font-size: 18px; width: 100%; margin: 0 auto; line-height: 200%;}



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

/* pic */
.about-brand .pic {width: 50%;}
.about-brand .pic img{border: 8px solid #fff;}

/* content */
.about-brand .content{width: 82.03%; background: #fff;  box-shadow: 0 1px 4px rgba(0,0,0,0.1); position: absolute; right: 0; top: 87px;}

/* data */
.about-brand .data{background: url(../images/about-brand-data.jpg) no-repeat; height: 250px; background-size: cover; padding: 50px 0; box-sizing: border-box;}
.about-brand .data ul{display: flex;}
.about-brand .data li{width: 25%; text-align: center; border-right: 1px solid rgba(255,255,255,0.08);}
.about-brand .data li .number{font-size: 80px; color: #fff; font-family: din; margin-bottom: 16px;}
.about-brand .data li .number1{font-size: 80px; color: #fff; font-family: din; margin-bottom: 16px;}
.about-brand .data li .text{color: #fff; font-size: 14px; padding: 0 32px; opacity: .8; line-height: 150%;}

/* tab */
.about-brand .tab{ padding: 64px 40px;}
.about-brand .tab .hd li{font-size: 18px; border-bottom: 2px solid #fff; margin-bottom: 16px; transition: all .3s;}
.about-brand .tab .hd li em{padding-bottom: 3px; cursor: pointer;}
.about-brand .tab .hd li.on em{color: #C7000B; border-bottom: 2px solid #C7000B;}
.about-brand .tab .bd{width: 75%; margin-left: auto;}
.about-brand .tab .bd .inbox h3{font-size: 32px; font-weight: bolder; margin-bottom: 16px;}
.about-brand .tab .bd .inbox .text{color: #999; line-height: 200%; margin-bottom: 32px;}
.about-brand .tab .bd .inbox .more a{display: block; width: 40px; height: 40px; background: #212121; border-radius: 8px;}
.about-brand .tab .bd .inbox .more a:hover{background: #C7000B;}



/* --- course --- */
.about-course{background: url(../images/about-course.jpg) no-repeat; background-size: cover; padding: 100px 0;}
.about-course .box{background: #fff; padding: 0 64px;   box-shadow: 0 1px 4px rgba(0,0,0,0.1); }

/* tab */
.about-course .tab{width: 100%; border-bottom: 1px solid #efefef; text-align: center; font-size: 24px; font-family: din; position: relative;}
.about-course .tab .swiper{width: 90%;}
.about-course .tab .swiper-slide{line-height: 80px; height: 80px;}
.about-course .tab .swiper-slide-visible{cursor: pointer; position: relative; height:80px; line-height: 80px;}
.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%;}
.about-course .tab .arrow{display: flex; align-items: center; width: 80px; height:80px; position: absolute; cursor:pointer;}
.about-course .tab .arrow.prev{ left: 0; top: 0;}
.about-course .tab .arrow.next{ right: 0; top: 0; justify-content: flex-end;}
.about-course .tab #course-year-prev{background: url(../images/icon-prev-black.svg) no-repeat; width: 40px; height: 40px; border-radius: 8px; transition: all .3s;}
.about-course .tab #course-year-prev:hover{background: url(../images/icon-prev.svg) no-repeat #C7000B; }
.about-course .tab #course-year-next{background: url(../images/icon-next-black.svg) no-repeat; width: 40px; height: 40px; border-radius: 8px; transition: all .3s;}
.about-course .tab #course-year-next:hover{background: url(../images/icon-next.svg) no-repeat #C7000B; }

/* content */
.about-course .content{padding: 72px;}
.about-course .content .cell{display: flex; justify-content: center; align-items: center;}
.about-course .content .cell .pic{width: 400px;}
.about-course .content .cell .content{font-size: 18px; width: 450px; line-height: 180%;}
.about-course .swiper-pagination{ position: relative; z-index: 9999; margin-top: 40px;}
.about-course .swiper-pagination-bullet{background: #212121; margin: 0 4px; transition: all .3s;}
.about-course .swiper-pagination-bullet-active{width: 32px; border-radius: 100px;}



/* --- honor --- */
.about-honor {display: flex; padding: 120px 0; background: #fff;}
.about-honor .item{width: 50%; background: #fff; text-align: center;}
.about-honor .item:first-child{border-right: 1px solid #efefef;}
.about-honor .item .icon{margin-bottom: 32px;}
.about-honor .item .title{font-size: 40px; font-weight: bolder; margin-bottom: 16px;}
.about-honor .item .dep{width: 60%; line-height: 180%; color: #666; margin: 0 auto; height: 120px;}
.about-honor .item .more a{background-color: #333; color: #fff; padding: 12px 28px; transition: all .3s; border-radius: 4px;}
.about-honor .item .more a:hover{background: #C7000B; }







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

/* --- function --- */
.product-function .box{margin-top: 50px; margin-bottom: 50px;}
.product-function .item{border: 1px solid rgb(235, 235, 235); box-shadow: 3.346px 3.716px 7.2px 0.8px rgba(228, 235, 243, 0.8); width: 23.5%; position: relative; text-align: center; height: 317px; margin-left: 23px; box-sizing: border-box; padding: 100px 46px 32px; transition: all .3s;}

.product-function .item1{border: 1px solid rgb(235, 235, 235); box-shadow: 3.346px 3.716px 7.2px 0.8px rgba(228, 235, 243, 0.8); width: 23%; position: relative; text-align: center; height: 300px; margin-left: 23px; box-sizing: border-box; padding: 25px 25px; transition: all .3s; margin-top:20px;}

.product-function .item:nth-child(4n+1){margin-left: 0;}
.product-function .item .icon{border-radius: 50%;background-color: rgb(255, 255, 255);  box-shadow: 0.454px 12.992px 55.76px 12.24px rgb(218 224 231 / 39%); position: absolute; left: 50%; transform: translateX(-50%); top: -52px; width: 130px;  height: 130px; transition: all .36s;}
.product-function .item .icon img{width: 180px; opacity:0.8; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.product-function .item .title{color: #333; transition: all .36s; height: 42px; overflow: hidden; font-size: 24px; line-height: 1.75;}
.product-function .item1 .title{color: #333; transition: all .36s; height: 42px; overflow: hidden; font-size: 24px; line-height: 1.75;}
.product-function .item .text{margin-top: 20px; font-size: 16px; line-height: 160%; color: #999; transition: all .3s;}


.product-function .item:hover{background: linear-gradient(to right, #E6201B , #FF6B3E); }
.product-function .item:hover .title{color: #fff;}
.product-function .item:hover .text{color: #fff;}



/* --- function1 --- */

.product-function .item1{border: 1px solid rgb(235, 235, 235); box-shadow: 3.346px 3.716px 7.2px 0.8px rgba(228, 235, 243, 0.8); width: 23%; position: relative; text-align: center; height: 280px; margin-left: 23px; box-sizing: border-box; padding: 25px 25px; transition: all .3s;}

.product-function .item1:nth-child(4n+1){margin-left: 0;}
.product-function .item1 .icon{border-radius: 50%;background-color: rgb(255, 255, 255);  box-shadow: 0.454px 12.992px 55.76px 12.24px rgb(218 224 231 / 39%); position: absolute; left: 50%; transform: translateX(-50%); top: -52px; width: 130px;  height: 130px; transition: all .36s;}
.product-function .item1 .icon img{width: 180px; opacity:0.8; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.product-function .item1 .title{color: #F16860;  background: -webkit-linear-gradient(left, #F16860 , #FE9173);  
  -webkit-background-clip: text;  
  -webkit-text-fill-color: transparent;  transition: all .36s; height: 42px; overflow: hidden; font-size: 24px; line-height: 1.75;}
.product-function .item1 .text{margin-top: 20px; font-size: 16px; line-height: 160%; color: #999; transition: all .3s;}


.product-function .item1:hover{background: linear-gradient(to right, #E6201B , #FF6B3E); }
.product-function .item1:hover .title{ background: -webkit-linear-gradient(left, #fff, #FE9173);  
  -webkit-background-clip: text;  
  -webkit-text-fill-color: transparent; }
.product-function .item1:hover .text{color: #fff;}



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



/* --- video --- */
.product-video {margin-bottom: 80px;}
.product-video .box{position: relative;}
.product-video .play{position: absolute; left: 0; top: 0; width: 100%; height: 85%; display: flex; align-self: center; justify-content: center; z-index: 99;}
.product-video .play img{width: 100px; margin-top:50px;}
.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{ background: url(../images/product-highlights.jpg) no-repeat; padding: 72px 0;}
.product-highlights .box{background: #fff; padding: 0 64px; box-shadow: 0 1px 4px rgba(0,0,0,0.1);}

/* hd */
.product-highlights .hd ul{border-bottom: 1px solid #efefef;}
.product-highlights .hd ul li{width: 14%; text-align: center; padding-bottom: 15px; margin-bottom:15px;font-size: 16px; cursor: pointer; position: relative;}
.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 {padding: 80px 0;} 
.product-highlights .bd .content .pic{width: 40%;}
.product-highlights .bd .content .right{width: 36%; margin-left: 64px;}
.product-highlights .bd .content .right h3{font-size: 20px; margin-bottom: 20px;}
.product-highlights .bd .content .right .text{line-height: 200%; color: #999; font-size: 16px;}



/* --- module --- */
.product-module .box{position: relative; margin-bottom: 80px;}

/* arrow */
.product-module .arrow{height: 332px; position: absolute; top: 0; cursor: pointer;}
.product-module .arrow.prev{left: 0;}
.product-module .arrow.prev b{display: block; background: url(../images/icon-prev-black.svg) no-repeat; width: 40px; height: 40px; background-size: cover; border-radius: 4px; transition: all .3s;}
.product-module .arrow.prev b:hover{background: url(../images/icon-prev.svg) no-repeat #C7000B; }
.product-module .arrow.next{right: 0;}
.product-module .arrow.next b{display: block; background: url(../images/icon-next-black.svg) no-repeat; width: 40px; height: 40px; background-size: cover; border-radius: 4px; transition: all .3s;}
.product-module .arrow.next b:hover{background: url(../images/icon-next.svg) no-repeat #C7000B; }

/* swiper */
.product-module .swiper{width: 90%; padding: 8px;}
.product-module .swiper .item{ box-shadow: 0 1px 4px rgba(0,0,0,0.1); padding: 4px; transition: all .3s;}
.product-module .swiper .item .content{ background: #ECECEC; height: 332px; }
.product-module .swiper .item .pic{height: 280px; display: flex; align-items: center; justify-content: center;}
.product-module .swiper .item .pic img{max-width: 180px;}
.product-module .swiper .item .title{text-align: center; font-size:16px;}
.product-module .swiper .item:hover{ box-shadow: 0 9px 4px rgba(0,0,0,0.1); }
.product-module .swiper-pagination{position: relative; z-index: 999; margin-top: 32px;}
.product-module .swiper-pagination-bullet{background: #C7000B; margin: 0 4px;}



/* --- range --- */
.product-range{ background: url(../images/product-range.jpg) no-repeat; padding: 80px 0;}
.product-range .box{background: #fff; padding: 0 64px;}
.product-range .content{ display: flex; padding-bottom: 80px; }
.product-range .content1{ display: flex; padding-bottom: 20px; }

/* hd */
.product-range .hd{width: 20%;}
.product-range .hd li{height: 72px; line-height: 72px; border-bottom: 1px solid #efefef; text-align: right; padding-right: 40px; font-size: 16px; cursor: pointer; position: relative;}
.product-range .hd li.on{color: #C7000B;}
.product-range .hd li.on::after{content: ""; right: 0; top: 0; width: 3px; background: #C7000B; position: absolute; height: 100%;}

/* bd */
.product-range .bd{width: 80%; margin-left: auto; border-left: 1px solid #efefef; padding: 0 100px;}
.product-range .bd .item {text-align: center;}
.product-range .bd .item .pic{width: 480px; margin:0 auto; margin-bottom: 40px;}
.product-range .bd .item .text{color: #666; line-height: 200%; font-size:16px;}



/* --- parameter --- */
.product-parameter{ margin-bottom: 80px;}
.product-parameter .box img{width: 75%;}



/* --- about --- */
.product-about{background: #f5f5f5; padding-bottom: 80px;}

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

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

/* arrow */
.product-about .arrow{height: 410px; position: absolute; top: 0; cursor: pointer;}
.product-about .arrow.prev{left: 0;}
.product-about .arrow.prev b{display: block; background: url(../images/icon-prev-black.svg) no-repeat; width: 40px; height: 40px; background-size: cover; border-radius: 4px; transition: all .3s;}
.product-about .arrow.prev b:hover{background: url(../images/icon-prev.svg) no-repeat #C7000B; }
.product-about .arrow.next{right: 0;}
.product-about .arrow.next b{display: block; background: url(../images/icon-next-black.svg) no-repeat; width: 40px; height: 40px; background-size: cover; border-radius: 4px; transition: all .3s;}
.product-about .arrow.next b:hover{background: url(../images/icon-next.svg) no-repeat #C7000B; }

/* swiper */
.product-about .swiper{width: 90%;}
.product-about .swiper .item{  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{  box-shadow: 0 9px 4px rgba(0,0,0,0.1);}
.product-about .swiper-pagination{position: relative; z-index: 999; margin-top: 32px;}
.product-about .swiper-pagination-bullet{background: #C7000B; margin: 0 4px;}

/* 二维码 */
  .guanggao{ position:fixed; left:10px; bottom:100px; z-index:9999}
  .guanggao .guanbi{ text-align:left}
  .guanggao .guanbi a{ font-size:12px; text-decoration:none; color:#000;}

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


	.page-language {
			display: flex;
		}

		.language_icon {
			background: url(../images/icon_diqiu2.svg) no-repeat 0 center;
			width: 24px;
			background-size: 24px 24px;
			margin-right: 10px;
		}