@import url(../js/slick/slick.css);
@import url(./reset.css);
@import url(./style.css);
html,body{
    width: 100%;
    height: 100%;
    /* overflow-x: hidden; */
}
.auto-1680{max-width: 1680px;margin: auto; width: 96%;}

.header{border-bottom: 1px solid #eee; position: fixed; left: 0; top: 0; width: 100%; z-index: 101; background-color: #fff; transition: all 0.5s;}
.header.on{ transform: translateY(-100px);}
.header.fixed{ transform: translateY(0);}

.header-left{float: left; margin-right: 3.9%; display: table; height: 80px;}
.header-left .logo{display: table-cell; vertical-align: middle;}
.header-left .logo img{height:28px;}
.header-right{float: right;}
.header-nav li em{font-style: normal; display: block;}
.header-nav li>em>a{font-size: 15px; color: #000; vertical-align: top; display: inline-block;font-weight:400;}


.header-right {font-size: 0; padding: 25px 0;}
.header-right > div{display: inline-block; line-height: 30px; position: relative;}
.header-right > div svg{width: 20px; height: 20px;}
.header-right .svg-icon{display: inline-block; width: 30px; height: 30px; padding: 5px; vertical-align: top;}
.header-right .svg-icon svg{width: 20px; height: 20px;}
.header-right .sub{position: absolute; top: 100%; padding-top: 5px; z-index: 2; background-color: #fff; visibility: hidden;}
.header-right .sub_inner{box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);border: 1px solid #ebeef5; padding: 10px 0; border-radius: 4px; position: relative; transform: translateY(-5px); transition: .3s; opacity: 0;}
.header-right .sub_inner::after{content: ''; position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid; border-width: 6px; border-bottom-color: #fff; top: -11px; left: 50%; transform: translateX(-50%); filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));}
.header-right .sub_inner::before{content: ''; position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid; border-width: 6px; border-bottom-color: #ebeef5; top: -12px; left: 50%; transform: translateX(-50%); filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));}

.header-right .drop-hover:hover .sub{visibility: visible;}
.header-right .drop-hover:hover .sub_inner{transform: translateY(0); opacity: 1;}
.header-lan .sub{width: 70px;}
.header-lan  h3{cursor: pointer;}
.header-lan .sub_inner a{display: block; line-height: 30px; text-align: center; color: #333; font-size: 14px;}
.header-lan .sub_inner a:hover{color: #e50014;}
.header-lan{margin-left: 7px;}
.header-lan span{display: inline-block; vertical-align: top; font-weight: 400; font-size: 14px;}


.header-nav li .sub .sub-nav dt{ display: none;}
.header-nav .lang{ display: none; text-align: center; margin-top: 8%;}
.header-nav .lang span{ display: inline-block; vertical-align: middle;}
.header-nav .lang span + span{ display: block; font-size: 16px;}
.header-nav .svg-icon svg{width: 60px;  height: 60px; }
@media(min-width:1921px){
    .header-nav li>em{padding: 0 10px;}
    .header-nav li{ line-height: 30px; margin: 0 10px;}
}
@media(min-width:1025px){
    .header-nav{float: left;}
    .header-nav li>em{padding: 25px 0.52vw; position: relative;}
    .header-nav li{float: left; line-height: 30px; margin: 0 0.52vw; }
    .header-nav li>em::after{content: ''; width: 0; height: 2px; background-color: #E72D28; transform: translateX(-50%); bottom: -1px; position: absolute; left: 50%; transition: .3s;}
    .header-nav li.active>em::after{width: 100%;}
    .header-nav li .sub{position: absolute;left: 0; width: 100%; top: 100%; overflow: hidden ; z-index: 25; background-color: #fff; display: none;}
    .header-nav li .sub .left{width: 48.4375%;  box-shadow: 15px 0 20px 0 #eee; }
    .header-nav li .sub .right{text-align: right;  padding-left: 4%;padding-top: 3.3333%; padding-bottom: 4.166667%;}

    .header-nav li .sub .sub-nav{max-width: 430px; position: relative; padding-top: 9.69%; padding-bottom: 12.92%;}
    .header-nav li .sub .title-box{padding: 10px 0; width: 68%; border-bottom: 1px solid #eee;}
    .header-nav li .sub .title-box .cn{font-size: 20px; line-height: 1; margin-bottom: 12px;}
    .header-nav li .sub .title-box .en{font-size: 12px; line-height: 1; color: #333; font-weight: normal; letter-spacing: .14em;}
    .header-nav li .sub .sub-nav dl{padding-top: 20px;}
    .header-nav li .sub .sub-nav dd{margin-bottom: 17px; width: 50%; float: left;}
    .header-nav li .sub.has-cate .sub-nav dd{margin-bottom: 17px; width: 100%; float: none;}
    .header-nav li .sub em a{font-size: 14px; color: #333; line-height: 40px;font-weight: 500;}
    .header-nav li .sub em a:hover{color: #c00000;}

    .header-nav li .sub .right h2{font-size: 20px; font-weight: 400; margin-bottom: 9.8%; color: #333;}

    .header-nav li .sub .inner{width: 96%;  }
    .header-nav li .sub .left .inner{max-width:619.2px; float: right;}
    .header-nav li .sub .right .inner{max-width:660.8px;  float: left;}
    .header-nav li .sub.has-cate .left{background-color: #f4f4f4;}
    .header-nav li .sub.has-cate .sub-nav{width: 50%;}
    .header-nav li .sub .sub_sub{position: absolute; left: 100%; top: 0; width: 100%; background-color: #fff; height: 100%;  display: none;}
    .header-nav li .sub .sub_sub .ytable{height: 100%;}
    .header-nav li .sub .sub_sub_item{margin-bottom: 17px;}
    .header-nav li .sub .sub_sub_item a{font-size: 14px; color: #333;font-weight: 400; line-height: 22px; display: block; padding-left: 26px; padding-right: 15px;}
    .header-nav li .sub .sub_sub_item a:hover{color: #c00000;}

    .header-nav li .sub .sub-nav dd.active{background-color: #fff;}
    
}
@media(max-width:1024px){
    /* .header-nav{display: none;} */
	.header-right .header-lan{ display: none;}
	.header-nav .lang{ display: block;}
    .header-left{height: 60px;}
    .header-right{padding: 15px 0;}
    .header-nav{position: fixed;right: 0; top: 60px; height: calc(100vh - 60px); width: 100%; z-index: 110; visibility: hidden;background-color: #f9f9f9; overflow: auto; max-height: calc(100vh - 60px); overflow-x: hidden;}
    .header-nav ul{transform: translateY(-5px) ; opacity: 0; transition: .5s; border-radius: 0 0 0 5px;padding: 10px 20px;}
    /* .header-nav li {transform: translateX(50px);opacity: 0;transition: 0.5s 0.1s;}
    .header-nav li:nth-child(2) {transition-delay: 0.2s;}
    .header-nav li:nth-child(3) {transition-delay: 0.3s;}
    .header-nav li:nth-child(4) {transition-delay: 0.4s;}
    .header-nav li:nth-child(5) { transition-delay: 0.5s;}
    .header-nav li:nth-child(6) { transition-delay: 0.6s; }
    .header-nav li:nth-child(7) { transition-delay: 0.7s;}
    .header-nav li:nth-child(8) {transition-delay: 0.8s;}
    .header-nav li:nth-child(9) {transition-delay: 0.9s;}
    .header-nav li:nth-child(10) {transition-delay: 1s;} */
    .header-nav li em {line-height: 52px;border-bottom: solid 1px rgba(102, 102, 102, 0.4);display: block;font-style: normal;}
    .header-nav li em a {color: #000; font-size: 14px;}
    .header-nav li:first-of-type em { border-top: 0;}
    .header-nav li .header-nav_sub {display: none;background-color: #c00000;}
    .header-nav li .header-nav_sub dd {line-height: 40px;}
    .header-nav li .header-nav_sub dd a {color: #333; font-size: 14px;}
    .header-nav li .header-nav_sub dd .en{font-size: 12px;}
    .header-nav li.has-sub > em {position: relative;}
    .header-nav li.has-sub > em i {position: absolute;width: 40px;height: 100%;transition: 0.3s;right: 0;top: 0;}
    .header-nav li.has-sub > em i::before {position: absolute;content: '';width: 12px;height: 2px;background: #2b2b2b;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .header-nav li.has-sub > em i::after {position: absolute;content: '';width: 2px;height: 12px;background: #2b2b2b;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .header-nav li.has-sub > em.active i { transform: rotate(45deg);}

    .header-nav li .has-cate em {position: relative;}
    .header-nav li .has-cate em i {position: absolute;width: 40px;height: 100%;transition: 0.3s;right: 0;top: 0;}
    .header-nav li .has-cate em i::before {position: absolute;content: '';width: 12px;height: 2px;background: #2b2b2b;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .header-nav li .has-cate em i::after {position: absolute;content: '';width: 2px;height: 12px;background: #2b2b2b;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    .header-nav li .has-cate em.active i { transform: rotate(45deg);}
    .header-nav.active {  visibility: visible; }
    .header-nav.active ul{transform: translateY(0); opacity: 1;}
    /* .header-nav.active li {transform: translateX(0) !important; opacity: 1 !important;} */

    .header-nav li .sub .sub_sub{padding: 0 5px; display: none;}
    .header-nav li .sub .sub_sub .sub_sub_item{line-height: 40px; color: #333; border-top: 1px solid solid 1px rgba(255, 255, 255, 0.4);}
    .header-nav li .sub .sub_sub .sub_sub_item a{color: #333;}
    #open-menu {width: 30px;height: 30px;float: right;margin-left: 10px;position: relative;}
    #open-menu i {width: 90%;height: 3px;background-color: #333;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.3s; border-radius: 3px;}
    #open-menu::before {content: '';width: 90%;height: 3px;background-color: #333;position: absolute;left: 0;right: 0;top: 5px;margin: auto;transition: all 0.3s;border-radius: 3px;}
    #open-menu::after {content: '';width: 90%;height: 3px;background-color: #333;position: absolute;left: 0;right: 0;bottom: 5px;margin: auto;transition: all 0.3s;border-radius: 3px;}
    #open-menu.active i { opacity: 0;}
    #open-menu.active::before {bottom: 5px;transform: rotateZ(45deg);}
    #open-menu.active::after {top: 5px;transform: rotateZ(-45deg);}

    .header-nav li .sub {display: none;}
    .header-nav li .sub .ytable-cell,
    .header-nav li .sub .ytable{display: block;}
    .header-nav li .sub .right,
    .header-nav li .sub .title-box{display: none;}
    .header-nav li .sub{padding: 10px 20px; position: fixed; left: 0; top: 0; width: 100%; height: calc(100vh - 60px); z-index: 2; background-color: #f9f9f9; visibility: hidden; transform: translateX(100%); transition: all 0.5s; display: block;}
	.header-nav li .sub .sub-nav dt h2{ font-weight: 400; font-size: 18px; margin-top: 10px;}
	.header-nav li .sub.active{ transform: translateX(0); visibility: visible;}
	.header-nav li .sub .sub-nav dt{ display: block; padding: 3% 0;}
	.header-nav li .sub .sub-nav dt i{ font-style: normal; font-family: simsun;}
    .banner .ban_phone{display: block;}
}

/* 补充字体 */

.f40{font-size: 40px;}
@media(max-width:1200px){
    .f40{font-size: 32px;}
}
@media(max-width:1024px){
    .f40{font-size: 28px;}
}
@media(max-width:640px){
    .f40{font-size: 22px;}
}
.auto-1670{max-width: 1670px;margin: auto; width: 96%;}
/* 栏目标题 */
.col_title2,
.col_title{color: #000; font-weight: 600; line-height: 1; padding-bottom: 25px;position: relative;}
.col_title2 i,
.col_title i{width: 60px;height: 7px; background:#e72d28; position: absolute;left: 0; bottom: 0;}
/* .col_title2 i::after,
.col_title i::after{content: ''; width: 6px; height: 100%; background-color: #e50014; position: absolute; right: 0;  top: 0; transform: skewX(-30deg);transform-origin: right bottom; } */
.col_title.white,
.col_title2.white{color: #fff;}
.col_title.white i,
.col_title2.white i{ background-color: #fff;}
.col_title2 i::after{transform: skewX(0); width: 0; height: 0; border: 4.5px solid transparent; position: absolute; left: 100%; top: 0; border-left-color:  #E72D28; background-color: transparent;}
.col_title2.white i::after{transform: skewX(0); width: 0; height: 0; border: 4.5px solid transparent; position: absolute; left: 100%; top: 0; border-left-color:  #fff; background-color: transparent;}
@media(max-width:640px){
    .col_title{padding-bottom: 15px;}
    .col_title i{height: 4px;}
}


/* 用户互动 */
.bottom_interact{ padding-bottom: 6.04% ;}
.bottom_interact_no{ padding: 8.33% 0 0; display: none;}
.bottom_interact_no .auto-1280{ }
.bottom_interact .col_title,
.bottom_interact .col_title2{margin-bottom: 3.6%;}
.bottom_interact_item {width: 32.5%; float: left; margin-right: 1.25%; position: relative; margin-bottom: 2.4375%;}
.bottom_interact_item:nth-of-type(3n){margin-right: 0;}

.bottom_interact_item .pic{padding-top: 45.95%; position: relative;overflow: hidden;}
.bottom_interact_item .pic img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; transition: .5s;}
.bottom_interact_item .txt{position: absolute; left: 0; top: 16.35%; width: 100%; color: #fff; z-index: 2; line-height: 1; padding: 0 7.14%;}

.bottom_interact_item:hover img{transform: scale(1.1);}

@media(max-width:640px){
    .bottom_interact_item{width: 100%; margin-right: 0;}
}

/* 底部搜索 */
.bottom_search{background-color: #e62d28;margin-top: 5%;}
.bottom_search .auto-1280 {font-size: 0; background-position: right center; padding: 1.761% 0;}
/* .bottom_search .auto-1280 > div{display: inline-block;  line-height: 50px; vertical-align: middle;}
.bottom_search .label{color: #fff; margin-right: 6.1%;}
.bottom_search .search_box{width: 31%; position: relative;}
.bottom_search .text{width: 100%; height: 50px; line-height: 50px; border: 0; display: block; color: #333; padding-left: 18px; position: relative; transition: .3s; border: 1px solid #fff;}
.bottom_search .text::placeholder{color: #666;}
.bottom_search .btn{width: 50px; height: 50px; position: absolute; right: 5px; top: 0; text-align: center;}
.bottom_search .btn svg{width: 48%; height: 48%; display: inline-block; vertical-align: middle;}

.bottom_search .text:focus{border-color: #008fd1;} */
.bottom_search .auto-1280{ position: relative;}
.bottom_search li{ overflow: hidden; display: inline-block; padding: 0.4rem 1.4rem;margin-right: 35px; position: relative; z-index: 2;background-color: #fff; border-radius:5px; box-shadow: 0px 7px 15.48px 2.52px rgba(90, 1, 1, 0.2);}
.bottom_search  li a{ position: relative; display: block;   color:#e62d28; font-weight: 400;}
.bottom_search  li:before{ content: ''; position: absolute; left:50%; top: 0; width:0; height: 100%; background: url(../images/GradientBar.svg) no-repeat center center;transform:skew(30deg); transition: 0.5s}
.bottom_search  li:hover:before{ width:96%; left:2%;}
.bottom_search  li:hover a{ color: #fff;}
.bottom_search figure{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: right center;}
.bottom_search img{ display: none;}

@media(max-width:640px){
	.bottom_search{ background-color: transparent;}
	.bottom_search .auto-1280{ padding: 0; width: 100%;}
	.bottom_search .ul{ display: flex;justify-content: space-between; text-align: center;}
    .bottom_search li{ width: 32.5%; background-color: #e72d28; margin-right: 0;}
	.bottom_search figure{ position: relative; background: none!important; margin-top: 1%;}
	.bottom_search img{ display: block; width: 100%;}
	.bottom_search li a{ padding: .8rem 0; background-color: #e62d28; box-shadow: none; color: #fff;}
	.bottom_search  li a::before{ display: block; content: ''; background: url(../images/font_1.png) no-repeat center; width: 30px; height: 30px; margin: 0 auto .5rem; background-size: contain;}
	.bottom_search  li:nth-child(2) a::before{ background-image: url(../images/font_2.png);}
	.bottom_search  li:nth-child(3) a::before{ background-image: url(../images/font_3.png);}
}


.bottom{background-color: #f9f9f9; padding-top: 3%;}
.bottom .left{float: left; font-size: 0;}
.bottom .right{float: right; text-align: right; width: 26%;}
/* 底部面包屑 */
.bottom_location{border-bottom: 1px solid #eaeaea;line-height: 20px; padding: 2.34375% 0; margin-bottom: 2.1875%;}

.bottom_location .location{float: left; color: #545454;}
.bottom_location .search{float: right; width: 20px; height: 20px;}

/* 底部导航 */
.bot_nav li{display: inline-block; vertical-align: top;}
.bot_nav li:not(:last-of-type){margin-right: 4.5vw;}
.bot_nav li em{font-style: normal;line-height: 1; margin-bottom: 28px; display: block;}
.bot_nav li em a{ font-size: 20px; font-weight: 600; color: #000;}
.bot_nav li .sub{line-height: 1;}
.bot_nav li .sub dd:not(:last-of-type){margin-bottom: 28px;}
.bot_nav li .sub dd a{font-size: 14px;}
.bottom .hot-line{margin-bottom: 15%;}
.bottom .hot-line a{color: #000; font-weight: 600;}
.bottom .hot-line h2{margin-bottom: 0;}

.bottom .subscribe{width: 220px; height: 68px; line-height: 64px; border: 2px solid #bfbfbf; display: inline-block; text-align: center; font-size: 0; color: #000; margin-bottom: 30px;}
.bottom .subscribe i{width: 20px; height: 20px; border-radius: 50%; border: 1px solid #000; position: relative; display: inline-block; vertical-align: middle; margin-right: 12px;}
.bottom .subscribe i::before,
.bottom .subscribe i::after{content: ''; width: 35%; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.bottom .subscribe i::before{transform: rotate(90deg);}
.bottom .subscribe span{display: inline-block; vertical-align: middle; font-size: 15px;}

.bottom .shares{font-size: 0;}
.bottom .shares .item{ display: inline-block; margin-left: 35px; position: relative;}
.bottom .shares .item a{display: block;width: 36px; height: 36px; border-radius: 50%; background-color: #000; background-position: center center; background-repeat: no-repeat; transition: .3s; background-size: 76%;}

.bottom .shares .item.wechat a{background-image: url(../images/weixin.svg);}
.bottom .shares .item.dy a{background-image: url(../images/douyin.svg);background-size: 55%;}
.bottom .shares .item.linkin a{background-image: url(../images/linkedin.svg);}

.bottom .shares .item.wechat a:hover{background-color: #28c445;}
.bottom .shares .item.dy a:hover{background-color: #E72D28;}
.bottom .shares .item.linkin a:hover{background-color: #0077b5;}

.bottom .shares .item .sub{position: absolute; bottom: 100%; padding-bottom: 5px; left: 50%; transform: translateX(-50%); z-index: 2; visibility: hidden;}
.bottom .shares .item .sub .img{box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);border: 1px solid #ebeef5;width: 110px; height: 110px; border-radius: 4px; position: relative;  background-color: #fff; transition: .3s; transform: translateY(5px); opacity: 0;}
.bottom .shares .item .sub .img::after{content: ''; position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid; border-width: 6px; border-top-color: #fff; bottom: -11px; left: 50%; transform: translateX(-50%); filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));}
.bottom .shares .item .sub .img::before{content: ''; position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid; border-width: 6px; border-top-color: #ebeef5; bottom: -12px; left: 50%; transform: translateX(-50%); filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));}
.bottom .shares .item .sub .img img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%;}
.bottom .txt{ padding-top:4%; line-height: 2}
.bottom .shares .item:hover .sub{visibility: visible;}
.bottom .shares .item:hover .sub .img{transform: translate(0); opacity: 1;}
.bottom .bot_wrap{margin-top: 4.6875%; border-top: 1px solid #eaeaea; line-height: 24px; padding: 20px 0;font-size: 14px;}
.bottom .bot_wrap .copyright{float: left;}
.bottom .bot_wrap .auxiliary{float: right;}
.bottom .bot_wrap .auxiliary a{margin-left: 15px;}
.bottom .bot_wrap .auxiliary a:first-of-type{margin-left: 0;}
@media(min-width:1921px){ 
    .bot_nav li:not(:last-of-type){margin-right: 100px;}
}

@media(max-width:1024px){
    .bottom .right,
    .bottom .left{ text-align: center; width: 100%; float: none;}
    .bottom .right{padding-top: 5%;}
    .bottom .hot-line{margin-bottom: 3%;}
    .bottom .hot-line h2{margin-bottom: 0px;}
    .bottom .subscribe{width: 100%; max-width: 220px; line-height: 46px; height: 50px; margin-bottom: 10px;}
    .bottom .subscribe span{font-size: 14px;}
    .bottom .bot_wrap .auxiliary,
    .bottom .bot_wrap .copyright{float: none; text-align: center; font-size: 12px;}
}
@media(max-width:768px){
    .bot_nav li{width: 100%;margin-right: 0; display: block; border-bottom: 1px solid #ddd; padding: 0 10px; }
    .bot_nav li em{margin-bottom: 0; position: relative;}
    .bot_nav li em::after{content: ''; width: 15px; height: 15px; background: url(../images/icon_more.png) center center no-repeat; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-size: contain; transition: .3s;}
    .bot_nav li em.active::after{transform: rotate(90deg);}
    .bot_nav li em a{font-size: 15px; margin-bottom: 0; line-height: 50px;}
    .bot_nav li .sub{display: none;} 
    .bot_nav li .sub dd{margin-bottom: 0 !important; line-height: 40px; border-top: 1px solid #ddd;}
    .bottom .txt{ line-height: 1.6; }
}

.ban_pc {
    display: block;
    width: 100%;
}
.ban_wap {
    display: none;
    width: 100%;
}
@media (max-width: 1024px) {
    .ban_pc {
      display: none;
    }
    .ban_wap {
      display: block;
    }
}
/* slick-dots */
.circle_dots .slick-dots{text-align: center; font-size: 0;}
.circle_dots .slick-dots li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #f9f9f9; margin: 0 10px; vertical-align: middle; position: relative; cursor: pointer;}
.circle_dots .slick-dots li button{display: none;}
.circle_dots .slick-dots li.slick-active::before{transition: 6s; width: 100%;}
.circle_dots .slick-dots li.slick-active{background-color: #E72D28;}

.cub_dots .slick-dots{font-size: 0; text-align: center;}
.cub_dots .slick-dots li{width: 40px; height: 5px; background-color:#eaeaea ; display: inline-block; margin: 0 3px; transition: .3s; cursor: pointer;}
.cub_dots .slick-dots li.slick-active{background-color: #444;}
.cub_dots .slick-dots li button{display: none;}
.cub_dots .slick-dots li:first-of-type{margin-left: 0;}
.cub_dots .slick-dots li:last-of-type{margin-right: 0;}
/* 首页banner */
.ind_ban .item {position: relative;}
.ind_ban .bg_cover {padding-top:49.447%;}
.ind_ban a {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.ind_ban .video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ind_ban video{width: 100%;height: 100%;object-fit: cover;}
.ind_ban .handle{display: none;}
.ind_ban .video .play{width: 50px;height: 50px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;cursor: pointer;transition: .3s;}
.ind_ban .video .play svg:first-of-type{ display: block;}
.ind_ban .video .play svg:last-of-type{display: none;}
.ind_ban .video .play.playing svg:first-of-type{display: none;}
.ind_ban .video .play.playing svg:last-of-type{display: block;}
.ind_ban .muted{position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;cursor: pointer;transition: .3s;opacity: 0.right_menu;}
.ind_ban .muted svg:first-of-type{display: block;}
.ind_ban .muted svg:last-of-type{display: none;}
.ind_ban .muted.active svg:first-of-type{display: none;}
.ind_ban .muted.active svg:last-of-type{display: block;}
.ind_ban .video:hover .muted{opacity: 1;}
.ind_ban .video .play.playing{opacity: 0;}
.ind_ban .video:hover .play{opacity: 1;}

.ind_ban .txt{color: #fff; position: absolute; width: 96%; max-width: 1280px;  left: 0%; right: 0; margin: auto; top: 35%;  transition: 1s .3s ease-in-out; transform: translateY(-40px); opacity: 0;}
.ind_ban .txt h2{font-size: 42px; line-height: 1.8; margin-bottom: 1.8%;}
.ind_ban .txt h3{ font-size: 18px; font-weight: 400;}
.ind_ban .slick-current .txt{transform: translateY(0); opacity: 1;}
.ind_ban .slick-dots{position: absolute; width: 100%; left: 0; bottom: 2%; z-index: 5;}
@media(max-width:1024px){
  .ind_ban .handle{display: block;}
  .ind_ban .txt h2{font-size: 3.5vw;}
  .ind_ban .txt h3{font-size: 1.76vw;}
}

.ind_nav .slick-track{margin: 0 auto;}
.ind_nav .item .title{text-align: center; font-size: 22px; font-weight: 600; color: #000; line-height: 60px;cursor: pointer; margin-bottom: 20px;}
.ind_nav .item .title span{display:block; padding-bottom: 2px; position: relative; }
.ind_nav .item .title span::after{content: ''; width: 0; height: 2px; transition: .3s; background-color: #E72D28; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}

.ind_nav .item:hover span::after{width: 100%;}
.ind_nav .item .txt{position: absolute; width: 100%; left: 0; top: 0; height: 100%; background-color: #f9f9f9; display: table; padding: 3% 9.52%; transition: .8s; transform: translateY(-100%);}
.ind_nav .item .content .inner{display: table-cell; vertical-align: middle;}

.ind_nav .item  .content .des{ line-height: 1.8; font-weight: 400; max-height: 11.2em;  overflow: hidden; color: #333; max-width: 100%; margin-bottom: 20px; }
.ind_nav .item .content{display: block; background-color: #f9f9f9; position: relative;overflow: hidden;}
.ind_nav .item .content .pic{padding-top: 98.57%; position: relative; overflow: hidden;}
.ind_nav .item .content img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: .3s;}


.ind_nav .slick-current .title span::after{width: 100%;}
.ind_nav .item:hover .txt{transform: translateY(0);}
@media(min-width:1024px){
	
}
@media(max-width:1024px){
    .ind_nav .item .title{font-size: 20px; line-height: 40px;}
    .ind_nav .item .title span{padding-bottom: 2px;}
    .ind_nav .item .title span::after{height: 2px;}
}
@media(max-width:640px){
    .ind_nav .item .title{font-size: 16px;line-height: normal;}
	
}
.ind_pro {padding-top: 5.21%; margin-bottom: 6.25%;}
.ind_pro .auto-1280{margin-bottom: 4.1667%;}
.ind_pro .ind_nav{margin-left: -5px; margin-right: -5px;}
.ind_pro .ind_nav .item{padding: 0 2px;}



.ind_more{ display: inline-block; width: 140px; height: 46px; line-height: 46px; color: #fff; background-color: #E72D28; text-align: center; }
.ind_more  span{display: inline-block; padding-right: 27px; background: url(../images/icon_more2.png) right center no-repeat;text-transform: uppercase;}
.ind_more a{color: #fff;}
@media(max-width:1024px){
    .ind_pro .item .content .des{font-size: 12px;height: 9em;}
    .ind_more{width: 100px; height: 40px; line-height: 40px; font-size: 12px}
    
}
@media(max-width:640px){
    .ind_more{width: 100px; height: 30px; line-height:30px; font-size: 12px}
}

.ind_apply{padding-bottom: 7.55%;}
.ind_apply .col_title,
.ind_apply .col_title2{margin-bottom: 2.7%;}
.ind_apply .ind_nav{margin-bottom: 4.6875%;}
.ind_apply .ind_nav .slick-track{margin: 0 auto;}
.ind_apply .ind_nav .item{text-align: center; font-size:22px; font-weight: 600; color: #000; line-height:1.5;cursor: pointer;margin:0 10px;}
.ind_apply .ind_nav .item span{display:block; padding-bottom: 2px; position: relative; }
.ind_apply .ind_nav .item span::after{content: ''; width: 0; height: 2px; transition: .3s; background-color: #E72D28; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}

.ind_apply .ind_nav .item.slick-current span::after{width: 100%;}
@media(min-width:1024px){
	.ind_apply .ind_nav .item:hover span::after{width: 100%;}
}
@media(max-width:1024px){
    .ind_apply .ind_nav .item{font-size: 20px; line-height: 40px;}
    .ind_apply .ind_nav .item span{padding-bottom: 2px;line-height: normal;}
    .ind_apply .ind_nav .item span::after{height: 2px;}
}
@media(max-width:640px){
    .ind_apply .ind_nav .item{font-size: 16px;}
}

.ind_apply .pic{width: 50.78%;}
.ind_apply .txt{padding-left: 6.42%; padding-right: 4.6875%;}
.ind_apply h2{color: #000; line-height: 1; margin-bottom: 1%;}
.ind_apply h3{font-weight: 400; line-height: 1;margin-bottom: 7.19%; color: #333;}
.ind_apply .des{line-height: 1.7; color: #333; margin-bottom: 18.48%;}
@media(max-width:768px){
    .ind_apply .pic,
    .ind_apply .txt,
    .ind_apply .ytable{width: 100%; display: block;}
    .ind_apply .pic{ margin-bottom: 3%; }
    .ind_apply .txt{padding: 2% 0 0;}
    .ind_apply .pic img{width: 100%;}
    .ind_apply h3{margin-bottom: 3%;}
    .ind_apply .des{margin-bottom: 5%;}
}


.ind_tech{color: #fff; padding-top: 3.65%; padding-bottom: 5.21%;}
.ind_tech .des{line-height: 2; margin-top: 3.9%; }
.ind_tech .des pre{text-align: left; font-size: 20px;}



.ind_study{padding-top: 6.25%; background-color: #f9f9f9;}
.ind_study .icon{width: 45px; height: 45px; position: relative; margin-bottom: 3.9%;}
.ind_study .icon .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%;}
.ind_study h2{line-height: 1; color: #000; margin-bottom: 10px;}
.ind_study .des{ color: #333; line-height: 1.857; margin-bottom: 7%; height: 5.625em;}
.ind_study .txt{padding-right: 10%;}
.ind_study .slick-dots{width: 50%; text-align: right; padding-right: 10%; position: absolute; bottom: 18%; z-index: 2;}

.ind_study_count{font-size: 0; background-color: #fff; padding: 3.125% 2.34% 1.95%; }
.ind_study_count::after{content: ''; width: 100%; height: 0; display: inline-block;}
.ind_study_count .item{display: inline-block; vertical-align: top; width: 33%; padding: 0 10px;}
.ind_study_count .item p{font-size: 15px; color: #333;}
@media(max-width:1024px){
    .ind_study .slick-dots{bottom: 10%;} 
}
@media(max-width:768px){
    .ind_study .txt,
    .ind_study .pic,
    .ind_study .ytable{width: 100%; display: block;}

    .ind_study .txt{padding: 2% 0;}
    .ind_study .des{margin-bottom: 3%;}
    .ind_study .pic img{width: 100%;}

    .ind_study .slick-dots{ width: 100%; padding-right: 0; text-align: center; bottom: 5%;}

    .ind_study_count .item{width: 33.33%; padding: 0 5px; text-align: center; vertical-align: top;}
    .ind_study_count .item p{font-size: 12px;}
}
.ind_process{padding-top: 8.6%; padding-bottom: 9.375%;}

.ind_process .left{width: 51.33%; float: left; padding-right: 7%;}
.ind_process .right{width: 48.67%; float: left; padding-left: 5.86%;}
.ind_process .left .content{line-height: 1.6; color: #333; }
.ind_process .left .info{ width: 177%; padding-top: 3%;}
.ind_process .col_title,
.ind_process .col_title2{margin-bottom: 4.4%;}

.ind_process .right{ text-align: right; font-size: 0; float: right; max-width: 470px;}
.ind_process .item{width: 50%; display: inline-block; padding-left: 8px; margin-bottom: 8px; vertical-align: top;}
.ind_process .item .inner{border-radius: 8px; padding:  7.52% 0; background-color: #434343;}
.ind_process .item:nth-of-type(3n-1) .inner{background-color: #E72D28;}
.ind_process .item:nth-of-type(3n) .inner{background-color: #E72D28;}
.ind_process .item .icon{width: 55px; height: 55px; position: relative; margin: 0 auto 4.5%;}
.ind_process .item .icon img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.ind_process .item h2{text-align: center; font-size: 14px; color: #fff; line-height: 2; font-weight: 400;} 
@media(max-width:1024px){
    .ind_process .item .icon{width: 45px; height: 45px;}
	.ind_process .left .info{ width: 160%}
}
@media(max-width:768px){
    .ind_process .right,
    .ind_process .left{width: 100%; float: none; padding: 2% 0; max-width: 100%;}
	.ind_process .left .info{ width: 100%}
    .ind_process .item{padding: 0 3.5px;}
    .ind_process .item h2{font-size: 12px;}
    .ind_process .item .icon{width: 35px; height: 35px;}
}


.ind_news{padding-top: 3.125%; padding-bottom: 3.95%;}
.ind_news .col_title,
.ind_news .col_title2{margin-bottom: 2.73%;}

.ind_news_list .item{float: left; width: 23.4%; }
.ind_news_list .item a{display: block;background-color: #fff;}
.ind_news_list .pic{position: relative; padding-top: 56.6667%; }
.ind_news_list .pic img{position: absolute; width: 100%; height: 100%; left: 0 ; top: 0; object-fit: cover;}
.ind_news_list .txt{padding:8.3333% 6.66667%;color: #333;}

.ind_news_list .tag{font-size: 12px; color: #E72D28; margin-bottom: 5%;}
.ind_news_list h2{ margin-bottom: 3.84%; height: 2.666em;}
.ind_news_list h3{font-weight: 400; font-size: 14px;margin-bottom: 3.84%; height: 40px;line-height:20px;}
.ind_news_list .date{font-size: 12px;}

.ind_news_list .item a:hover h2{color: #E72D28;}

.ind_news_list{margin-left: -12px; margin-right: -12px;}
.ind_news_list .item {padding: 0 12px;}

.ind_news_list .slick-dots{text-align: center; padding-top: 3%;}


.banner_btn {font-size: 0; margin-top: 3.8125%;}
.banner_btn a{display: inline-block;  text-align: center; width: 150px;text-transform: uppercase; height: 36px; line-height: 36px; border: 1px solid #E72D28; color: #fff; margin-right: 20px; font-size: 15px;}
.banner_btn a.red{background-color: #E72D28;}
.banner_btn a.white{background-color: #fff; color: #E72D28;}
.banner_btn span{display: inline-block; vertical-align: mtopiddle;}
.banner_btn svg{display: inline-block; vertical-align: middle; margin-left: 10px;}
@media(max-width:1024px){
    .banner_btn{margin-top: 3%;}
}

.pro_header { margin-top: -4.1667%; background-color: #fff; padding: 2.6% 2%; position: relative; z-index: 2;  margin-bottom: 8%;}
.pro_header h1{ max-width: 1100px; margin: 0 auto; text-align: center; font-weight: 400; letter-spacing: 2px; color: #333;}

.pro-title{font-weight: 600; color: #000; line-height: 1; margin-bottom: 2.34%;}

.pro-intro{margin-bottom: 5%;}
.pro-intro .ytable{height: 100%;}
.pro-intro .ytable-cell{width: 50%; height: 100%;}
.pro-intro .txt{ vertical-align: top; border: 1px solid #e9e9e9; box-shadow: 0 3px 3px 0 #eee;}
.pro-intro .txt h2{font-weight: 400; margin-bottom: 4.44%;}
.pro-intro .txt .des{line-height: 1.6;}
.pro-intro .item{min-height: 50%; padding: 7.8%; border-bottom: 1px solid #e9e9e9;}
.pro-intro .item:last-of-type{border-bottom: 0;}

.pro-intro .pic{height: 100%;}
.pro-intro .pic img{width: 100%; height: 100%; object-fit: cover;}

@media(max-width: 768px){
    .pro-intro .ytable,
    .pro-intro .ytable-cell{display: block; width: 100%;}
}

.pro-features{margin-bottom: 5.28%;}
.pro-features .list{margin-left: -20px; margin-right: -20px; margin-top: 4%;}
.pro-features .item{padding: 0 40px;background-color: #f9f9f9;}
.pro-features a{display: block;}
 .pro-features .pic{ max-width: 125px; margin: 0 auto;}
.pro-features h2{ font-weight: 400; color: #000; text-align: center; transition: all 0.5s;}
.pro-features .des{color: #333; line-height: 1.6;}
.pro-features .hover-point{ position: relative; z-index: 3; width: 12px; height: 12px; margin: 16px auto 0; background-color: #eaeaea;  border-radius: 50%; transition: all 0.5s;}

@media(min-width: 641px){
	.pro-features .list{ position: relative;}
	.pro-features .list::after{ content: ''; clear: both; display: block;}
	.pro-features .list::before{ content: ''; left: 50%; background-image: -webkit-gradient(linear,left top,right top,from(#bfbfbf),color-stop(50%,#bfbfbf),color-stop(50%,rgba(0,0,0,0)));  background-image: -o-linear-gradient(left,#bfbfbf 0,#bfbfbf 50%,rgba(0,0,0,0) 50%); background-image: linear-gradient(90deg,#bfbfbf,#bfbfbf 50%,rgba(0,0,0,0) 0);position: absolute; top: 104px; width: 92%; transform: translateX(-50%); height: 1px;background-repeat: repeat-x; background-size: 10px 1px;}
    .pro-features .item{ float: left; width: 23%; transition: all 0.5s;}
	
	.pro-features .item:nth-child(2){ margin: 0 20px;}
	.pro-features .item .intro{ padding: 30px 0;}
	.pro-features .item .pic{ display: block; text-align: center; padding: 30px 0;}
	.pro-features .item .pic figure{ width: 100%; height: 125px;}
	.pro-features .item .pic img{ max-height: 100%;}
	.pro-features .item .des{ display: none;}
	.pro-features .item .tit{ padding-top: 30px; font-weight: bold;min-height: 82px;}
	.pro-features .item.hover{ width: calc(100% - 46% - 40px);}
	.pro-features .item.hover h2{ text-align: left;}
	.pro-features .item.hover .hover-point{ margin-left: 0; background-color: #E72D28;}
	.pro-features .item.hover .pic,
	.pro-features .item.hover .des{ display: table-cell;}
	.pro-features .item.hover .pic{ width: 145px; padding-right: 20px; max-width: none;}
	
}
@media(max-width: 640px){
	.pro-features .list{ margin-left: 0; margin-right: 0;}
	.pro-features .item{ padding: 20px 30px; position: relative;}
	.pro-features .item::before{ content: ''; left: 50%; background-image: -webkit-gradient(linear,left top,right top,from(#bfbfbf),color-stop(50%,#bfbfbf),color-stop(50%,rgba(0,0,0,0))); background-image: -o-linear-gradient(left,#bfbfbf 0,#bfbfbf 50%,rgba(0,0,0,0) 50%); background-image: linear-gradient(90deg,#bfbfbf,#bfbfbf 50%,rgba(0,0,0,0) 0); position: absolute;  top: 62px; width: 84%; transform: translateX(-50%); height: 1px; background-repeat: repeat-x;z-index: 1; background-size: 10px 1px;}
	.pro-features .item h2{ text-align: left;}
	.pro-features .item .hover-point{ margin-left: 0; background-color: #E72D28; position:relative; z-index: 2;}
	.pro-features .item .pic,
	.pro-features .item .des{ display: block;}
	.pro-features .item .pic{ margin: 5% auto; max-width: 100px;}
}
/* .pro-features .item:hover img{transform: scale(1.1);} */

.pro-features .txt{}
/* .pro-features h2{color: #404040; font-weight: 400; margin: 10% 0 6%; text-align: center;}
.pro-features .des{color: #333; line-height: 32px; color: #555;} */
.pro-features .slick-dots{padding-top: 5%; text-align: center;}

.pro-main{ padding-bottom: 8.33%;}
.pro-main .pro-list{ padding-bottom: 0;}
.pro-list {padding-bottom: 9.1%;}
.pro-list .table-title{color: #fff; background-color: #b6000d; line-height: 50px; padding: 0 20px;}
.pro-list .table{width: 100%; table-layout: fixed;}
.pro-list .table tr {
	background-color: #d9d9d9;
}

.pro-list .table tr:nth-child(2n) {
	background-color: #f5f5f5;
}

.pro-list .table th{line-height: 1.5; height: 50px; padding:6px 0 ;  font-size: 15px; background-color: #E72D28; color: #fff; vertical-align: middle;}
.pro-list .table td{line-height: 1.5; height: 50px; padding:6px ;  font-size: 15px; color: #333; text-align: center; vertical-align:middle; text-align: center;}
.pro-list .table td.left{text-align: left;}
.pro-list .table td.more a{color: #ff000b; font-weight: 600;}
.pro-list .intro pre{ text-align: center;}
.pro-list .intro{width: 26%;}
.pro-list .title,
.pro-list .colour{ width: 9%;}

@media(max-width: 1200px){
    .pro-list .intro{width: 250px;}
    .pro-list .table-wrap{overflow-y: auto;}
    .pro-list .table{min-width: 1024px;}
}
@media(max-width:1024px){
    .pro-list .table th,.pro-list .table td{font-size: 14px;}
}

.pro-list .table2{width: 100%; table-layout: fixed;}
.pro-list .table2 td{width: 50%; height: 50%; line-height: 1.5; padding:6px 10px ; font-size: 15px;border: 2px solid #c1c1c1; } 
.pro-list .table2 td:first-of-type{color: #333; font-weight: 600; background-color: #d6dadd;}
.pro-list .table2 td:last-of-type{color: #666; }
@media(max-width:1024px){
    .pro-list .table2 td{font-size: 14px;}
}

.solution_nav .box{background-color: #f5f7f6;}
.solution_nav .icon{width: 70px; height: 60px; position: relative;  opacity: 0.8; margin-bottom: 7px; transition: .3s;margin:0 auto;text-center:center;}
.solution_nav .icon img{position: absolute; left: 0; top: 0 ; right: 0; bottom: 0; margin: auto; max-height: 100%;}
.solution_nav .item{display: inline-block; font-size: 15px; text-align: center;  line-height: 2; position: relative; padding: 2.5% 10px 1.667%;vertical-align: top;}
.solution_nav .item a{color: #787c7f; display: block; }
.solution_nav .auto-1280{font-size: 0; text-align: justify; text-justify: inter-ideograph;padding: 0 2.34%;}
.solution_nav .auto-1280::after{content: ''; width: 100%; height: 0; display: inline-block;}
.solution_nav .item::before{content: ''; width: 0; height: 3px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: #E72D28; transition: .3s;}

.solution_nav .item:hover::before,
.solution_nav .item.active::before{width: 100%;}
.solution_nav .item:hover .icon,
.solution_nav .item.active .icon{opacity: 1;}

.solution_nav .box.fixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 101;}

@media(max-width:1024px){
    .solution_nav .box.fixed{width: 100%;}
}

.solution_title{padding-top: 7.3%; padding-bottom: 8.98%;}
.solution_title .des{color: #666; max-width: 810px; line-height: 2; margin-top: 2.734%;}


.solution_item{padding-bottom: 3.125%;}
.solution_item:nth-of-type(odd){background-color: #f9f9f9;}
.solution_item .inner{max-width: calc(100% - (100% - 1280px) / 2); float: right;width: 98%;}
.solution_item .top_info{position: relative; margin-bottom: 5%;}
.solution_item .top_info .txt_box{width: 100%; max-width: 360px; position: absolute; left: 0; bottom: 0; background-color: #fff; padding: 1.6% 1.875% 3.75%;}
.solution_item .top_info .col_title2{line-height: 1.38; margin-bottom: 6px;}
.solution_item .top_info .des{line-height: 1.6; color: #666; margin-bottom: 6.15%;} 
.solution_item .ind_more{color: #fff;}

.solution_item .list{padding-right: 2%;}
.solution_item .list .clearfix{max-width: 1280px;}

.solution_item .list .item{float: left; width: 21.875%; margin-right: 4.1667%; margin-bottom: 6.375%; cursor: pointer;}

.solution_item .list .item:nth-of-type(4n){margin-right: 0; }
.solution_item .list .item .txt{text-align: center; color: #333;}
.solution_item .list .pic{padding-top: 60%; position: relative;  overflow: hidden; margin-bottom: 13%;}
.solution_item .list img{position: absolute;  left: 0; top: 0;bottom: 0; right: 0; margin: auto; max-height: 100%;}
.solution_item .list .txt h2{font-weight: 400; margin-bottom: 10px;}
.solution_item .list .txt h3{font-weight: 400;}

.solution_item .list .inner_pro{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.8); padding-top: 8%; transition: .5s; transform: translateY(-100%); overflow-y: auto;}

.solution_item .list .inner_pro .box{width: 96%; float: right; max-width: 210px; }
.solution_item .list .inner_list{font-size: 0;}
.solution_item .list .inner_list a{display: inline-block; font-size: 14px; line-height: 1.8; width: 50%; color: #333;}
.solution_item .list  h2{font-weight: 400; color: #333; margin-bottom: 3px;}
.solution_item .list .inner_list a:hover{color: #E72D28;}
.solution_item .item:hover .inner_pro{transform: translateX(0);}


@media(max-width:1024px){
    .solution_item .top_info .txt_box{position: relative; max-width: none;}

    .solution_item .list .item{width: 32%; margin-right: 2%;}
    .solution_item .list .item:nth-of-type(4n){margin-right: 2%; }
    .solution_item .list .item:nth-of-type(3n){margin-right: 0; }
}

@media(max-width:768px){
    .solution_item .list .item{width: 49%; }
    .solution_item .list .item:nth-of-type(3n){margin-right: 2%; }
    .solution_item .list .item:nth-of-type(2n){margin-right: 0; }

    .solution_nav .item{width: 16.666666%;}
    .solution_nav .icon{width: 100%; padding-top: 85%; height: auto;}
    .solution_nav .item span{font-size: 12px; line-height: 20px;}
    .solution_nav .auto-1280{padding: 0;}
}
@media(max-width:640px){
    /* .solution_item .list .item{width: 100%; margin-right: 0; } */
    .solution_nav .item{width: 33.33%; padding-bottom: 0;}
    .solution_nav .icon{padding-top: 23%;margin-bottom: 2px;}
}
@media(min-width:641px){
	.study_nav .auto-1280{ display: flex;    justify-content: space-around;}
}


.study_nav { margin-top: -4.1667%; margin-bottom: 6.77%;}
.study_nav .auto-1280{font-size: 0;padding-top: 2.45%;  text-justify: inter-ideograph;background-color: #fff; position: relative ; z-index: 2; }
/* .study_nav .auto-1280::after{content: ''; width: 100%; height: 0; display: inline-block;} */
.study_nav .item{display: inline-block; padding: 2% 3.9%; text-align: center;vertical-align: top;}
.study_nav .icon{width: 45px; height: 45px; position: relative; margin: 0 auto; margin-bottom: 18%;}
.study_nav .icon img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%; }
.study_nav h3{font-weight: 400; color: #333; line-height: 2;}

.study_part1{padding-bottom: 3.65%;}
.col_des{line-height: 2; color: #333; margin-top: 1.5625%;}
.col_des pre{line-height: 1.6;}

.study_part2{margin-bottom: 6.25%;}
.study_part2 {background-color: #f2f2f2;}
.study_part2 .ytable-cell{width: 50%;}
.study_part2 .txt{text-align: left;  padding: 2% 0;}

.study_part2 .item .txt{padding-right: 4.6875%;}
.study_part2 .item.even .txt{padding-left: 4.6875%; padding-right: 0;}

.study_part2 h2{color: #161616; margin-bottom: 4.65%;}
.study_part2 .des{line-height: 2; color: #666; }

.col_arrow .slick-arrow{width: 35px; height: 35px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 5; cursor: pointer; transition: .3s;}
.col_arrow .slick-prev{left: -12.5%;}
.col_arrow .slick-next{right: -12.5%;}
/* .col_arrow .slick-arrow:hover{background: #fff;} */
@media(max-width:1600px){
    .col_arrow .slick-prev{left: -35px;}
    .col_arrow .slick-next{right: -35px;}
}
@media(max-width:1024px){
    .col_arrow .slick-prev{left: -2%;}
    .col_arrow .slick-next{right: -2%;}
    .study_part2 .auto-1280{padding: 0 1%;}
}
@media(max-width:768px){
	.col_arrow .slick-prev{left: -1%;}
	.col_arrow .slick-next{right: -1%;}
    .study_part2 .item .ytable,
    .study_part2 .item .ytable-cell{display: block ; width: 100%;}
}

.study_part3{padding-bottom: 7.8125%;}
.study_part3 .list{margin-top: 2.735%;}
.study_part3 .list .slick-list{border: 1px solid #bbb; text-align: center;}
.study_part3 .list .icon{width: 96px; height: 96px; position: relative ; margin: 0 auto;}
.study_part3 .list .icon img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-height: 100%;}
.study_part3 .list .box{padding: 9.375% 0; border-right: 1px solid #bbb;}
.study_part3 .list .txt{line-height: 1; margin-top: 4.6875%;}
.study_part3 .slick-dots{text-align:  center; padding-top: 2%;}
@media(max-width:1024px){
    .study_part3 .list .icon{width: 50px; height: 50px;}
}

@media(max-width:768px){
    .study_part3 .list .icon{width: 45px; height: 40px;}
}

.study_part4{padding-bottom: 6.6667%;}
.study_part4 .list{margin-left: -6px; margin-right: -6px; margin-top: 2.735%;}
.study_part4 .list .item{padding: 0 6px; text-align: center;}
.study_part4 .txt{padding: 8.36% 0 ; line-height: 1; background-color: #f2f2f2; color: #000; font-weight: 600;}
.study_part4 .pic{padding-top: 64.1%; position: relative; overflow: hidden;}
.study_part4 .pic img{position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: .3s;}
.study_part4 .item:hover img{transform: scale(1.1);}
.study_part4 .slick-dots{text-align:  center; padding-top: 2%;}

.study_part5{margin-bottom: 10.41666%;position: relative; z-index: 1;}
.study_part5 .ytable-cell{width: 50%;}
.study_part5 .txt{ position: relative; z-index: 10;}
.study_part5 .logo{margin-bottom: 12.12%; padding-right: 2%;}
.study_part5 .ytable{margin-top: 7.8125%;}
.study_part5 .txt-wrap{width: 133.333%; position: relative; z-index: 2; background-color: rgba(231, 0, 18,.7); color: #fff; padding: 7.87% 4.54%; line-height: 1.6875; }
.study_part5 .txt-wrap p{ line-height: 1.6; }

@media(max-width:768px){
    .study_part5 .ytable,
    .study_part5 .ytable-cell{width: 100%; display: block;}
    .study_part5 .txt-wrap{width: 100%;}
    .study_part5 .logo{text-align: center; margin-bottom: 2%;}
    .study_part5  .pic img{width: 100%;}
}

.study_part6 {margin-bottom: 7.8125%;}
.study_part6 .list { margin-top: 3%; }
.study_part6 .txt{padding: 2% 4.6875%; width: 50%;}
.study_part6 .txt h2{margin-bottom: 7.7%; color: #000;}
.study_part6 .txt .des{color: #333; line-height: 2;}
@media(max-width:768px){
    .study_part6 .ytable,
    .study_part6 .ytable-cell{display: block; width: 100%; padding: 2% 0;}
    .study_part6  img{width: 100%;}
    .study_part6 .col_arrow .slick-arrow{background-color: #eee; top: 36%;}
}

.study_part7 .img_box{margin-top: 4.6875%; position: relative;}
.study_part7 .img_box .txt{line-height: 1.6; color: #fff;}
.study_part7 .img_box .auto-1280{padding-left: 2.86%; padding-right: 2.86%; padding-top: 9.89%; padding-bottom: 13%;}

.ind_process .wap{ display: none;}

@media(max-width:640px){
	.header-left .logo img{ max-width: 110px;}
	.cub_dots .slick-dots li{ width: 20px; height: 3px;}
	.col_title2, .col_title{ padding-bottom: 15px;line-height: 1.5;}
	.ind_ban .txt{ width: 100%; padding: 0 3%;}
	.ind_ban .txt h2{ font-size: 20px;}
	.ind_ban .txt h2 pre{ white-space: nowrap;}
	.ind_ban .txt h3{ font-size: 14px;}
	.col_title2 i{width: 40px; height: 4px;}
	.col_title2 i::after,
	.col_title2.white i::after{ border-width: 3px;}
	.ind_pro{ padding-top: 12%; margin-bottom: 12%;}
	.ind_apply{ padding-bottom: 5%;}
	.ind_apply .col_title, .ind_apply .col_title2{ margin-bottom:4.1667%;}
	.ind_apply .des{ display: -webkit-box; display: box;  overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
	.ind_study{ padding-top: 6%;}
	.ind_pro .slick-dots,
	.ind_apply .slick-dots{ padding: 5% 0 0;}
	.ind_process{ padding-bottom: 6%; padding-top: 6%}
	.ind_process .right{ padding-bottom: 0;}
	.ind_news{ padding: 6% 0;}
	.solution_title{ padding: 6% 0;}
	.pro-main,
	.bottom_interact{ padding-bottom: 6%;}
	.bottom_interact_no{ padding-bottom: 0;}
	.ind_tech{ padding: 5% 0 6%; background: none!important; position: relative;}
	.ind_tech .col_title2{ width: 96%; padding-top: 3%}
	.ind_tech figure{ display: block; padding-top: 50%;}
	.ind_tech,
	.ind_tech .col_title2.white{ color: #2d2d2d;}
	.ind_tech .col_title2.white i{ background-color: #e50014;}
	.ind_tech .col_title2.white i::after{ border-left-color: #e50014;}
	.ind_study_count{ background-color: #eee; display: flex;}
	.ind_study_count::after{ display: none;}
	.ind_study_count .item{ border-right: 1px dashed #999; min-height: 100px;}
	.ind_study_count .item:last-child{ border-right: none;}
	.ind_study_count .item p{ text-align: left;}
	.ind_process .auto-1280{ position: relative;}
	.ind_process .right{ position: relative;}
	.ind_process .service{ /* position: absolute; */ left: 0; bottom: 10%; font-size: 14px; text-align: left;}
	.ind_process .wap{ display: block;}
	.ind_process .pc{ display: none;}
	.ind_news_list h2{ height: auto;}
	.bottom_interact_item .pic{ padding-top: 35%;}
	/* .bottom_search{ padding: 0;}
	.bottom_search .auto-1280{ padding: 12% 10%;}
	.bottom_search .auto-1280 .label{ text-align: center;} */
	.bottom .left{ display: none;}
	.bottom .shares .item{ margin: 0 3%;}
	.bottom .bot_wrap{ line-height: 20px;}
	.bottom .bot_wrap .copyright a{ display: inline-block;}
	.bottom .bot_wrap .auxiliary span{ display: none;}
	.pro_header h1{ text-align: center; font-size: 19px;}
	.pro-intro,
	.pro-features,
	.solution_item .top_info{ margin-bottom: 12%;}
	.pro-list{ padding-bottom: 0;}
	.pro-title{ text-align: center; margin-bottom: 5%;}
	.solution_title h1{ text-align: center;}
	.solution_title .des{ }
	/* .study_nav .auto-1280{ text-align: center;} */
	.study_nav .item{ width: 33%; vertical-align: top;}
	.study_nav .item h2{ font-size: 15px;margin-bottom: 5px;}
	.study_nav h3{ font-size: 14px; line-height: 22px;}
	.study_nav .icon{ margin-bottom: 7%;}
	.study_nav,
	.study_part3,
	.study_part4,
	.study_part5{ margin-bottom: 6%;}
	.study_nav .auto-1280{ padding-top: 5%;}
	.study_part2 .des{ text-align: left;}
	.study_part2 .col_arrow .slick-arrow{ top: 44%; opacity: 0.2; }

	.study_part2{ padding-top: 12%; margin-bottom: 12%;}
	.study_part3,
	.study_part4{ padding-bottom: 0;}
	.study_part6 .txt h2{ font-size: 15px; margin-bottom: 3%;}
	.study_part6 .ytable, .study_part6 .pic{ padding-bottom: 0;}
	.study_part1 pre,
	.study_part2 .des,
	.study_part3 pre,
	.study_part4 pre,
	.study_part5 pre,
	.study_part6 pre,
	.study_part7 pre,
	.ind_tech .des pre,
	.ind_process .left .content{ /*text-indent: 2em;*/font-size: 14px;}
	.ind_news_list .txt{ background-color: #f9f9f9;}
	.study_part6 pre{white-space: normal;}
	.study_part7{ padding-bottom: 12%;}
	.study_part6{ margin-bottom: 12%;}
	.study_part7 .img_box .txt pre{ text-align: left;}
}

p{line-height: 1.6; margin-top: 8px; margin-bottom: 8px;}