/*通用样式*/
@font-face{font-family:shuzi;src:url('../font/impact.ttf');}/*数字统一字体*/
@font-face{font-family:yingwen;src:url('../font/yingwen.ttf');}/*数字统一字体*/
.wrap{ width: 94%; max-width: 1400px; margin: 0 auto;}
.max-wrap{ width: 92%; max-width: 1760px; margin: 0 auto;}
body{min-width: 1200px;}

.top{height: 40px;line-height: 40px; overflow: hidden;background: #fff;}
.top .welcome{float: left; color: #909090; font-size:12px;}
.top .right{float: right; color: #909090; font-size:12px;}
.top .right strong a{font-size:18px; color:#f3414f; display: inline-block;}
.nav_box{height:80px;position: relative;overflow: hidden;
	background: -moz-linear-gradient(left, #e93a4d 0%, #f6a009 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e93a4d), color-stop(100%,#f6a009));
    background: -webkit-linear-gradient(left, #e93a4d 0%,#f6a009 100%);
    background: -o-linear-gradient(left, #e93a4d 0%,#f6a009 100%);
    background: -ms-linear-gradient(left, #e93a4d 0%,#f6a009 100%);
    background: linear-gradient(to right, #e93a4d 0%,#f6a009 100%);
	background-image: linear-gradient(to right, #e93a4d 0%,#f6a009 100%);}
.nav_box .logo{float: left;}
.nav_box .logo img{height:60px;padding:10px 0 0; max-width:100%;}
.nav_box .nav{float: right;height:80px;line-height: 80px;}
.nav_box .nav ul li{float: left;width: 100px; position: relative;}
.nav_box #navSelected{position:absolute;bottom:-5px; width:100px;height:2px; background:#fff;}
.nav_box:hover #navSelected{ bottom:0;}
.nav_box .nav ul li a{display: block;text-align: center; color: #fff;}
.nav_box .nav ul li:last-child a{padding-right: 0;}

.nav_box .menu span{ width: 2rem;height: 2rem; padding-top: 1.5rem;}
.nav_box .menu span i{ width: 100%;height: 1px; display: block;background: #fff; margin-bottom: 6px;}
.nav_box .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
.nav_box .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-10px);}
.nav_box .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}

/*菜单*/
.hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
.caidan{width: 50%; max-width: 400px; height: 100%; display: none;background: #fff; position: fixed; top: 0;left: 0;z-index: 0; transform: translateX(-100%);}
.caidan .caidan_nav{ padding: 20px 0%; height: calc(100% - 40px);}
.caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;font-size: 20px;pointer-events:none}
.caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
.caidan.caidan_oppen{ width: 50%;transform: translateX(0%);z-index: 666}
.caidan_hidden{transform: translateX(-100%);}
.caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 10%; display: none; background: #f4f4f4;}
.caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-top: 1px solid rgba(0,0,0,0.05);}
.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
.swi-banner .swiper-pagination{bottom: 2%;}
.swi-banner .swiper-pagination-bullet{background:#f13443;}

.goodlive_box{ padding: 3vw 0; background: #fff; overflow: hidden;}
.goodlive_box .wrap{position: relative; padding-bottom: calc(80px + 3vw); background: #f4f4f4;}
.goodlive_box .img{ position: relative;}
.goodlive_box .img .text{position: absolute;top:35%;right:15%; text-align: right;}
.goodlive_box .img .text strong{font-size: calc(16px + 0.7vw); font-family: shuzi; font-weight: 400; color: #fff;opacity: 0.1;letter-spacing: 3px;}
.goodlive_box .img .text p{font-size: calc(16px + 0.8vw); color: #fff; font-weight: bold;}
.goodlive_box .img .text p span{width: 26px;height: 2px;display: block;background: #f13443; float: right; margin-left: 10px;margin-top:calc(5px + 1vw);}
.goodlive_box .tabs{ position: absolute;bottom: 0;left: 0; width: 100%;}
.goodlive_box .tabs ul li{width: calc(100% / 3 - 9px);height: calc(65px + 3vw);text-align: center; margin-right:13px; float: left; color: #fff;display: table;transform-origin: bottom center;}
.goodlive_box .tabs ul li .text{display: table-cell;vertical-align: middle;}
.goodlive_box .tabs ul li strong{display: block; font-size: 18px; transform: translateY(12px);}
.goodlive_box .tabs ul li strong i{margin-right: 10px;font-size: 26px;}
.goodlive_box .tabs ul li p{display: block; font-size: 14px;opacity: 0;filter:alpha(opacity=0);}
.goodlive_box .tabs ul li:nth-of-type(1){background: #ff8213;}
.goodlive_box .tabs ul li:nth-of-type(2){background: #e02083;}
.goodlive_box .tabs ul li:nth-of-type(3){margin-right: 0;background: #339999;}
.goodlive_box .tabs ul li:hover{transform: scale(1,1.5);}
.goodlive_box .tabs ul li:hover strong{transform: translateY(0) scale(1,0.65);}
.goodlive_box .tabs ul li:hover p{opacity: 1;filter:alpha(opacity=100);transform: translateY(0) scale(1,0.65);}

.aboutus_box{background-image: url(../images/aboutus.jpg);background-repeat: no-repeat; padding: 4vw 0; background-size: cover; background-position: center;}
.aboutus_box .about{padding: calc(30px + 3vw); background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.1);position: relative;}
.aboutus_box .about .left{width: 55%;}
.aboutus_box .about .left .title{position: relative;padding-top: 1.5vw; margin-bottom: 2vw;}
.aboutus_box .about .left .title:before{content: 'ABOUT US'; font-size: calc(20px + 3vw); color: #f5f5f5; position: absolute;top: 0;left: 0;z-index: 3; font-family: Arial;}
.aboutus_box .about .left .title strong{font-size: calc(14px + 1vw);position: inherit;z-index: 6; color: #363636;}
.aboutus_box .about .left .text{font-size: 15px;color: #333;line-height: 24px; margin-bottom:2.5vw;}
.aboutus_box .about .left .gdshuzi{}
.aboutus_box .about .left .gdshuzi ul li{width: calc(100% /3);float: left;}
.aboutus_box .about .left .gdshuzi ul li strong{font-size: calc(36px + 2vw); color: #f3414f; display: block;font-family: shuzi; font-weight: 100;}
.aboutus_box .about .left .gdshuzi ul li strong span{font-size:14px;display: inline-block; color: #333; font-weight: 400; margin-left: 8px;}
.aboutus_box .about .left .gdshuzi ul li p{font-size:14px; color: #333;}
.aboutus_box .about .right{ width: 45%; height: 100%; display: block; position: absolute;right: 0;top: 0; background: url(../images/video_back.jpg) no-repeat; background-size: 100%; max-width: 555px;}
.aboutus_box .about .right a{display: block;width: 100%;height: 100%; position: relative; text-align: center;}
.aboutus_box .about .right a i{width: 60px;height: 60px;text-align: center;line-height: 60px;position: absolute;top: 55%;left: 40%; transform: translate(-50%,-50%);border-radius: 50%; color: #f3414f; font-size: 24px; background:#fff;opacity:0.5; filter:alpha(opacity=50);}
.aboutus_box .about .right:hover a i{opacity: 1;filter:alpha(opacity=100);}

.product_box{ position:relative;}
.product_box .left{width:60%; float: left;}
.product_box .right{position:absolute;right:0;top: 0;width:40%;height:100%; background:#f4f4f4 /*url(../images/product_title_back.jpg) no-repeat; background-size: 100% auto*/;}
.product_box .right .box{ width:90%; max-width:550px; height:100%;}
.product_box .right .box .title{text-align:right; padding-top:4vw; padding-bottom:3vw;}
.product_box .right .box .title:before{content: 'PRODUCT'; font-size: calc(14px + 0.8vw);color: #D6D6D6; font-family: shuzi; font-weight: 300;}
.product_box .right .box .title h3{font-size: calc(16px + 0.8vw); padding-right: 2.5rem; position: relative;}
.product_box .right .box .title h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; right: 0;}
.product_box .right .box .title em{color: #909090;}
.product_box .right .box ul{ width: 90%;max-width:330px; float: right;height: 60%;}
.product_box .right .box ul li{ width: calc(100% / 2 - 5px); float: left; text-align: center; position: relative; margin-right: 10px; margin-bottom: 10px; height: calc(25% - 10px); background: #fff; cursor: pointer; overflow: hidden;}
.product_box .right .box ul li:nth-of-type(2n){ margin-right:0px;}
.product_box .right .box ul li .icon{ position: absolute;top: 50%;left: 0; transform: translateY(-50%); width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product_box .right .box ul li .icon i{ font-size: calc(12px + 1vw);display: block; margin-bottom: 7px;}
.product_box .right .box ul li .icon span{ font-size:14px;}
.product_box .right .box ul li:before{content: '';display: block; position: absolute;background: #f3414f; top: 0;left: 0; width: 100%;height: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 0;filter:alpha(opacity=0); transform: translateY(-100%)}
.product_box .right .box ul li.active:before,.product_box .right .box ul li:hover:before{opacity: 1;filter:alpha(opacity=100);transform: translateY(0);}
.product_box .right .box ul li.active .icon,.product_box .right .box ul li:hover .icon{color: #fff;}

/*四大领先技术*/
.technology {background: url(../images/technology_back.jpg) no-repeat;background-size: cover; padding:6vw 0;}
.technology .wrap{position: relative;}
.technology .left{width: 50%; float: left;}
.technology .left .title{text-align: left; padding-bottom: 6vw;}
.technology .left .title:before{content: 'LEADING TECHNOLOGY'; font-size: calc(14px + 0.8vw);color: #4b4b4b; font-family: shuzi; font-weight: 300;}
.technology .left .title h3{font-size: calc(16px + 0.8vw); padding-left: 2.5rem; position: relative;color: #fff;}
.technology .left .title h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; left: 0;}
.technology .left .title em{color: #909090;}
.technology .left .swi_technology_img{ margin-bottom: calc(20px + 1vw);}
.technology .left .technology_img{position: relative;}
.technology .left .technology_img:before{content: '';width: 90%;height: 1px;display: block;background: rgba(255,255,255,0.1); top: 50%;position: absolute;z-index: 0;left: 50%;transform: translateX(-50%);}
.technology .left .swi_technology_img .swiper-slide{border-radius: 50%; overflow: hidden; transform: scale(0.6);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; width:24%; margin-right:15%; background: #000; cursor: pointer;}
.technology .left .swi_technology_img .swiper-slide img{opacity: 0.3;filter:alpha(opacity=30);}
.technology .left .swi_technology_img .swiper-slide-thumb-active{transform: scale(1);}
.technology .left .swi_technology_img .swiper-slide-thumb-active img{opacity: 1;filter:alpha(opacity=100);}
.technology .left .swi_technology_img .swiper-slide img{border-radius: 50%; width: calc(100% - 10px); border: 5px solid #fff; overflow: hidden;}
.technology .left .swi_technology_text .swiper-slide{ background: rgba(255,255,255,0.06);padding-bottom: 1px;}
.technology .left .swi_technology_text .swiper-slide .text{ color:#fff; font-size:14px; padding: calc(20px + 1vw); font-size: 14px; color: #fff;box-sizing: content-box; border: 1px solid rgba(255,255,255,0.05);}
.technology .right{ position: absolute; width: 45%;right: 0;top: 0;}
.more.tongyong{float: right; margin-bottom: 2vw;}
.more.tongyong a{display: inline-block;font-size: 14px; padding:10px 15px;background: #f3414f; color: #fff;}
.more.tongyong a:hover{ background:#f69f0a;}
.more.tongyong a img{display: inline-block; padding-left: 10px;}
.technology .right ul{ width: 90%; float: right; background: #fff;}
.technology .right ul li{background: #fff; position: relative; overflow: hidden; border-top: 1px solid rgba(0,0,0,0.1); cursor: pointer;}
.technology .right ul li .text{width:50%; float: left; padding: calc(35px + 1vw) 10%;}
.technology .right ul li .text span{font-size: calc(14px + 0.2vw);}
.technology .right ul li .text em{font-size: 14px;text-transform: uppercase; color: #d2d2d2;}
.technology .right ul li .shuzi{ width: 30%;right: 0;top: 0;  text-align: center; position: absolute;height: 100%;}
.technology .right ul li .shuzi:before{content: '';width: 100%;height: 100%; position: relative;}
.technology .right ul li .shuzi strong{position: absolute;top:50%;transform: translate(-50%,15%);text-align: center; font-size: calc(20px + 3vw); color: #eeeeee;font-family: shuzi; font-weight: 300;}
.technology .right ul li.active{background: #f3414f;}
.technology .right ul li.active .text{color: #fff; padding: calc(30px + 1vw) 10%;}
.technology .right ul li.active .shuzi strong{transform: translate(-50%,-50%);}
.technology .right ul li.active .text em{color: #fff;}
.technology .right ul li:nth-of-type(1).active{background: #4e5de8;}
.technology .right ul li:nth-of-type(2).active{background: #20bf6f;}
.technology .right ul li:nth-of-type(3).active{background: #f79f1a;}
.technology .right ul li:nth-of-type(4).active{background: #8738d0;}

/*精选产品*/
.recommend{padding:calc(10px + 3vw) 0 2vw 0;background: #fff;}
.recommend .title{text-align: left; float: left; padding-bottom:1.5vw;}
.recommend .title:before{content: 'RECOMMEND'; font-size: calc(14px + 0.8vw);color: #D6D6D6; font-family: shuzi; font-weight: 300;}
.recommend .title h3{font-size: calc(16px + 0.8vw); padding-left: 2.5rem; position: relative;}
.recommend .title h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; left: 0;}
.recommend .title em{color: #909090;}
.recommend .more.tongyong{ margin-top:3vw;}
.swi_recommend {padding-bottom:70px;}
.swi_recommend .swiper-slide{ position: relative; width: 33%; margin-right: 10px; overflow: hidden;}
.swi_recommend .swiper-slide:nth-child(4n){ margin-right:0 !important;}
.swi_recommend .swiper-slide:before{content: ''; position: absolute;top: 0;left: 0;z-index: 5; width: 100%;height: 100%; display: block;background: url(../images/jianbian.png);background-size: cover;opacity: 0;filter:alpha(opacity=0);visibility: hidden;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;pointer-events:none}
.swi_recommend .swiper-slide:hover:before{opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.swi_recommend .swiper-slide img{ width:100%;}
.swi_recommend .swiper-slide:hover img{transform: scale(1.1);}
.swi_recommend .swiper-slide .text{position: absolute;bottom: 10%;width: 100%; text-align: center; color: #fff;z-index: 10;}
.swi_recommend .swiper-slide .text .name_cn{font-size: calc(14px + 0.2vw); font-weight: bold;}
.swi_recommend .swiper-slide .text .name_en{font-size: 14px; opacity: 0.6;filter:alpha(opacity=60);}
.swi_recommend .swiper-pagination-bullets .swiper-pagination-bullet{width: 26px;height: 26px;text-align: center;line-height: 26px;background: #fff; font-size: 13px;}
.swi_recommend .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #f3414f; color: #fff;}

/*案例*/
.case_box{ padding:calc(10px + 3vw) 0; background: #f4f4f4;}
.case_box .more{ margin-top: 3vw;margin-bottom: 0;}
.case_box .title{text-align: left; float: left; padding-bottom:1.5vw;}
.case_box .title:before{content: 'Engineering case'; font-size: calc(14px + 0.8vw);color: #D6D6D6; font-family: shuzi; font-weight: 300; text-transform: uppercase;}
.case_box .title h3{font-size: calc(16px + 0.8vw); padding-left: 2.5rem; position: relative;}
.case_box .title h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; left: 0;}
.case_box .title em{color: #909090;}
.case_box .swi_case_img .swiper-slide{position: relative;padding-bottom: 5vw;}
.case_box .swi_case_img .swiper-slide .text{position: absolute;bottom: 0;width: 92%; max-width: 460px; left: 4%; background: #fff;padding: calc(15px + 1vw) calc(15px + 1vw); border-bottom: 2px solid #f3414f; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.case_box .swi_case_img .swiper-slide .text strong{font-size: calc(16px + 0.3vw); display: block;margin-bottom: 10px;}
.case_box .swi_case_img .swiper-slide .text p{font-size: 14px;}

.swi_case_img .swiper-pagination-bullets{text-align: right; bottom:5%;}
.swi_case_img .swiper-pagination-bullets .swiper-pagination-bullet{width: 26px;height: 26px;text-align: center;line-height: 26px;background: #fff; font-size: 13px;}
.swi_case_img .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #f3414f; color: #fff;}

.index_jion_box{ padding:calc(10px + 3vw) 0 calc(10px + 5vw); overflow: hidden;}
.index_jion_box:before{content: '';width: 100%;height: 100%; display: block;background: url(../images/index_join_back.jpg) no-repeat;background-size: cover;z-index: -10; position: fixed;top: 0;left: 0;}
.index_jion_box{}
.index_jion_box .title{position: relative; margin-bottom:3vw;}
.index_jion_box .title .img img{min-height: 200px; object-fit: cover;}
.index_jion_box .title .text{position: absolute;top: 50%;transform: translateY(-50%);text-align:center;width: 100%; color: #fff;}
.index_jion_box .title .text h2{font-size: calc(18px + 0.8vw);}
.index_jion_box .title .text span{width: 2rem;height: 2px;display: block;background: #f3414f;margin: 0.6vw auto; font-size: calc(18px + 0.8vw);}
.index_jion_box .title .text em{font-size: 14px; color: rgba(255,255,255,0.6);}
.index_jion_box .url_box{position: relative; padding-top:2vw;}
.index_jion_box .url_box .quan{width: 480px;height: 480px; margin: 0 auto;position: relative;}
.index_jion_box .url_box .kuang{border: 1px dashed rgba(255,255,255,0.2);border-radius: 50%;-webkit-animation:haha1 6s linear infinite;}
.index_jion_box .url_box .kuang_1{width:470px;height: 480px;position: absolute;top: 0;z-index: 1;}
.index_jion_box .url_box .kuang_2{width:480px;height: 470px;position: absolute;top: 0;z-index: 2;}
.index_jion_box .url_box .img{position: absolute;width: 50%;height: 50%;top: 0;left: 0;right: 0;bottom: 0; margin: auto;z-index: 5;}
.index_jion_box .url_box .img1{width: 75%;height: 75%;-webkit-animation:haha2 16s linear infinite;}
@-webkit-keyframes haha1{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes haha2{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}

.index_jion_box .url_box .text{ width: 100%; position: absolute;top: 0; left: 0;}
.index_jion_box .url_box .text .box{ width: 30%;}
.index_jion_box .url_box .text .left{float: left;}
.index_jion_box .url_box .text .right{float: right;}
.index_jion_box .url_box .text .box ul li{padding:calc(15px + 1vw) calc(15px + 1vw) calc(15px + 1vw); background: #232222;border: 1px solid rgba(255,255,255,0.1);margin-top: 36px; position: relative; text-align: center;color: #fff;margin-bottom:4vw;}
.index_jion_box .url_box .text .box ul li strong{ background: #0066cb; width:60px;height:60px; border:2px solid Rgba(0,0,0,0.8);border-radius: 50%; display: inline-block; position: absolute;top: -30px;left: 50%;transform: translateX(-50%); text-align: center;line-height: 60px; font-size:30px;font-family: shuzi; color: #fff; font-weight: 300;}
.index_jion_box .url_box .text .box ul li span{width: 1px;height: 30px; transform:rotate(90deg); margin: 10px auto;background: rgba(255,255,255,0.7);}
.index_jion_box .url_box .text .box ul li:hover span{transform:rotate(0deg);}
.index_jion_box .url_box .text .box ul li em{font-size: 18px;font-weight: bold;margin-bottom: 1vw;display: block;}
.index_jion_box .url_box .text .box ul li p{font-size: 14px;line-height: 24px; color: rgba(255,255,255,0.5);}
.index_jion_box .url_box .text .box ul li:hover{background: #0066cb;}
.index_jion_box .url_box .text .box ul li:hover strong{transform: translateX(-50%);}
.index_jion_box .url_box .text .left ul li:nth-of-type(1) strong{background: #0066cb;}
.index_jion_box .url_box .text .left ul li:nth-of-type(2) strong{background: #20bf6f;}
.index_jion_box .url_box .text .left ul li:nth-of-type(1):hover{background: #0066cb;opacity:0.8; filter:alpha(opacity=80);}
.index_jion_box .url_box .text .left ul li:nth-of-type(2):hover{background: #20bf6f;}
.index_jion_box .url_box .text .right ul li:nth-of-type(1) strong{background: #f79f1a;}
.index_jion_box .url_box .text .right ul li:nth-of-type(2) strong{background: #8738d0;}
.index_jion_box .url_box .text .right ul li:nth-of-type(1):hover{background: #f79f1a;}
.index_jion_box .url_box .text .right ul li:nth-of-type(2):hover{background: #8738d0;}

/*新闻*/
.index_news{background: #fff; padding: calc(20px + 3vw) 0; overflow: hidden;}
.sqyys-bt{ text-align:center;position: relative;font-size: calc(16px + 1.3vw); margin-bottom:40px; padding-bottom:10px;}
.sqyys-bt:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position:absolute;bottom:0;content: ''; left:48%;}
.sqyys{ margin-bottom:40px;}
.sqyys img{ max-width:100%;}
.index_news .title{text-align: left; padding-bottom: 2vw; float: left;}
.index_news .title:before{content: 'NEWS'; font-size: calc(14px + 0.8vw);color: #D6D6D6; font-family: shuzi; font-weight: 300;}
.index_news .title h3{font-size: calc(16px + 0.8vw); padding-left: 2.5rem; position: relative;}
.index_news .title h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; left: 0;}
.index_news .title em{color: #909090;}
.index_news .more{ float: right; margin-top: 3vw;}
.index_news .more a{display: inline-block; padding: 10px 30px;background: #eeeeee;margin-left: 5px; font-size: 14px;}
.index_news .more a:hover,.index_news .more a.active{background: #f3414f; color: #fff;}
.index_news .left{width: calc(50% - 1vw); position: relative;float: left;}
.index_news .left .wenti_title{ margin-bottom: calc(20px + 1vw);}
.index_news .left .wenti_title h3{font-size: calc(18px + 0.3vw); color: #fff; padding-bottom: 0.8vw; position: relative;}
.index_news .left .wenti_title h3:before{content: '';width: 30px;height: 1px; display: block;background: #fff; position: absolute;bottom: 0;left: 0;}
.index_news .left .wenti_title h3 strong{margin-right: 8px; color: #fff;}
.index_news .left .text{position: absolute;top: 0;left: 0; padding: calc(20px + 3vw) calc(20px + 2vw);}
.index_news .left .text ul{}
.index_news .left .text ul li{position: relative;}
.index_news .left .text ul li a{ padding:7px 0; display: block;color: #fff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .left .text ul li:before{ width: 10px;content: '';opacity: 0;filter:alpha(opacity=0); height: 1px; display: block;background:#fff;position: absolute; top: 50%;left: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.index_news .left .text ul li a:hover{ transform: translateX(15px); color: #ddd;}
.index_news .left .text ul li:hover:before{width: 10px;height: 1px;display: block;background: #ddd;opacity: 1;filter:alpha(opacity=100);}
.index_news .left .wenti_more{ width: 30px;height: 30px;background: #f3414f;display: block; line-height: 30px; position: absolute;bottom: 10%;right: 10%;}
.index_news .left .wenti_more a{position: relative;display: block;}
.index_news .left .wenti_more i{display: block;font-size: 12px; width: 100%; text-align: center;transform: rotate(45deg) scale(0.7); color: #fff;}
.index_news .left .wenti_more span{ width:0px;height: 30px;background: #fff;position: absolute;right: 100%;top: 0; text-align: center;line-height: 30px; color: #f3414f; font-size: 12px;overflow: hidden;opacity: 0;filter:alpha(opacity=0);}
.index_news .left .wenti_more:hover span{ width:70px;opacity: 1;filter:alpha(opacity=100);}
.index_news .left .wenti_more:hover i{transform: rotate(405deg) scale(0.7);}
.index_news .right{width: calc(50% - 1vw);float: right;}
.index_news .right .hot_news a{display: block; border-bottom: 1px solid rgba(0,0,0,0.1);}
.index_news .right .hot_news .img{ float: left;width: 40%; overflow: hidden;}
.index_news .right .hot_news:hover .img img{transform: scale(1.2);}
.index_news .right .hot_news .text{width: 50%;float: right; padding: 2vw 5%;}
.index_news .right .hot_news .text span{font-size: 14px;display: block;margin-bottom: 8px;}
.index_news .right .hot_news .text strong{font-size: calc(14px + 0.2vw);display: block;margin-bottom: 1vw;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .right .hot_news .text p{font-size: 14px;opacity: 0.6;filter:alpha(opacity=60);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.index_news .right ul{ padding: calc(10px + 0.5vw) 0 0;}
.index_news .right ul li a{padding:13px 0; display: block; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative;}
.index_news .right ul li a:hover{color: #f3414f;}
.index_news .right ul li a:before{content: ''; width: 5px;height: 5px;display: block;border-radius: 50%;background: #E8E8E8; position: absolute;top: 50%; transform: translateY(-50%);left: 0;}
.index_news .right ul li span{ float: right; font-size: 14px; color: #666;}
.index_news .right ul li em{font-size: 14px; width: calc(100% - 100px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: block; padding-left:15px;}

.partner_box{ background: #fff;padding: calc(20px + 1vw) 0; border-top: 1px solid rgba(0,0,0,0.1);}
.partner_box .title{ text-align: right; float: right; padding-left: 2vw;border-left: 1px solid rgba(0,0,0,0.1);}
.partner_box .title strong{ font-size: calc(16px + 0.8vw);}
.partner_box .title p{ font-size:14px;text-transform: uppercase;}
.partner_box ul{ width: calc(100% - 300px); float: left;}
.partner_box ul li{float: left; width: calc(16.66%);float: left;}
.partner_box ul li img{width: 70%;}

.ronghe_box{ padding: calc(20px + 1vw) 0;background: url(../images/ronghe_back.jpg) no-repeat;background-size: cover;}
.ronghe_box .wrap{position: relative;}
.ronghe_box .left{color: #fff;}
.ronghe_box .left strong{font-size: calc(16px + 0.8vw); margin-bottom:0.5vw; display: block;}
.ronghe_box .left strong em{font-size: calc(14px + 0.5vw);}
.ronghe_box .left p em{ font-size: calc(14px + 0.5vw); font-weight: 100;font-family: shuzi;}

.ronghe_box .more{position: absolute;top: 50%;transform: translateY(-50%); right: 0;}
.ronghe_box .more a{color: #fff; display: block;}
.ronghe_box .more img{margin-top: 10px;}
.ronghe_box .more:hover img{transform: translateX(10px);}

.footer_box{background: #f4f4f4;padding: calc(20px + 1vw) 0 calc(20px + 1vw);}
.footer_box .left{float: left;}
.footer_box .left .footer_nav{ margin-bottom: calc(10px + 2vw);}
.footer_box .left .footer_nav ul li{ float: left; margin-right: 1.5vw;}
.footer_box .left .footer_nav ul li a{ font-size: 14px;}
.footer_box .left .footer_nav ul li a:hover{color: #f3414f;}
.footer_box .left .text{ font-size: 14px;line-height: 24px;}
.footer_box .left .text i{font-size: 12px; margin-right: 10px;}
.footer_box .left .text p.dizhi{ margin-bottom:10px;}
.footer_box .left .text p.banquan{font-size: 12px; color: #b1b1b1;line-height: 18px;}
.footer_box .left .text p.banquan a{color: #b1b1b1;}

.footer_box .right{float: right;}
.footer_box .right .erweima img{margin-bottom: calc(10px + 0.5vw); text-align: right; float: right;}
.footer_box .right .fenxiang p{float: left;line-height: 36px; font-size: 14px;}
.footer_box .right .fenxiang a{float: left; width: 36px;height: 36px; line-height: 36px; display: inline-block;margin-left: 10px; text-align: center;background: #01ca0c; border-radius: 50%; color: #fff; cursor: pointer;}
.footer_box .right .fenxiang a i{pointer-events:none;}
.footer_box .right .fenxiang a:hover{transform: scale(1.1);}
.footer_box .right .fenxiang a:nth-of-type(2){background: #fd9c11;}
.footer_box .right .fenxiang a:nth-of-type(3){background: #3375e3;}

.sll_top{ width:40px;height:40px;background:rgba(253,70,84,0.2);display:block;text-align:center;line-height:40px; border-radius:50%; position:fixed;right:10px;bottom: 4rem; box-shadow: 0 0 5px rgba(0,0,0,0.2); cursor: pointer;z-index: 999; transform: translateX(100px);opacity: 0;filter:alpha(opacity=0);filter:alpha(opacity=0);}
.sll_top_b{ transform: translateX(0);opacity: 1;filter:alpha(opacity=100);}
.sll_top i{ display: block; font-size: 10px; color: #fff; font-size: 16px;}
.sll_top:hover{background: rgba(253,70,84,1);}

/*内页主图*/
.ny_banner{position: relative;}
.ny_banner .text{position: absolute; width: 100%;top: 50%;transform: translateY(-50%); color:#fff;}
.ny_banner .text a{color:#fff;}
.ny_banner .text img{margin: 0 auto;}
.ny_banner .text strong{font-size: calc(20px + 1vw); display: inline-block; margin-bottom: 7px;}
.ny_banner .text .left .iconfont{ font-size:15px; padding-right:10px;}

/*简介页面*/
.info_jianjie_box{ padding: calc(20px + 3vw) 0; background: #fff;}
.info_jianjie_box .left{ width: 60%; float: left;position: relative; padding-top:2vw;}
.info_jianjie_box .left .title strong{ font-size: calc(14px + 0.8vw); font-family: shuzi; text-transform: uppercase; font-weight: 200; color: #eeeeee;}
.info_jianjie_box .left .title p{ font-size: calc(16px + 0.8vw); font-weight: bold; margin-bottom: 10px;}
.info_jianjie_box .left .title span{width: 30px;height: 1px;display: block;background: #f3414f; margin-bottom: calc(10px + 1vw);}
.info_jianjie_box .left .text{ font-size:16px; line-height: 24px;}
.info_jianjie_box .left .logo_back{position: absolute;top: 10%;right: 10%;z-index: -1;}
.info_jianjie_box .right{width: 32%;float: right; position: relative;}
.info_jianjie_box .right .img:before{content: ''; width: 60%;height: 60%;display: block;background: #f3414f;position: absolute;right: 0;bottom: 0;}
.info_jianjie_box .right .img img{transform: translate(-10px,-10px); height: 510px;object-fit: cover;}

.power_box{padding: calc(30px + 4vw) 0;}
.power_box:before{content: '';width: 100%;height: 100%;display: block;background: url(../images/power_box_back.jpg) no-repeat;background-size: cover; position: fixed;z-index: -1; top: 0;left: 0;}
.power_box .title{ font-size: calc(16px + 0.8vw); text-align: center; color: #fff; margin-bottom: calc(15px + 2vw);}
.power_box .title:after{ width: 30px;height: 2px;display: block;background: #f3414f; content: ''; margin: calc(6px + 0.5vw) auto;}
.power_box .text{font-size: 14px; color: rgba(255,255,255,0.6); width: 90%; max-width:900px; margin: 0 auto; text-align: center;line-height: 24px; margin-bottom: calc(15px + 2vw);}
.power_box .power{ width: 92%;max-width: 1100px;margin: 0 auto;}
.power_box .power ul li{width: calc(100% / 3 - 10.5%);float: left; text-align: center; position: relative; margin: 0 5%;}
.power_box .power ul li .img{ width: 100%;margin: 0 auto;}
.power_box .power ul li .img img{ width: 100%;}
.power_box .power ul li .powertext{position: absolute; width: 60%;height: 0; padding: 30% 0;background: rgba(0,0,0,0.8);border-radius: 50%; top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.power_box .power ul li .powertext:before{content: '';width: 100%;height: 100%; position: relative;}
.power_box .power ul li .powertext .font{ position: absolute;top: 50%;transform: translateY(-50%); left: 0;width: 100%; color: #fff;}
.power_box .power ul li .powertext .font strong{font-size: calc(14px + 0.6vw); display: block;margin-bottom: 5px}
.power_box .power ul li .powertext .font p{font-size: 14px; color: rgba(255,255,255,0.5);}

.info_technology{ padding: calc(29px + 4vw) 0 4vw 0; background: #f4f4f4;}
.info_technology .wrap{position: relative;}
.info_technology .left{ width: calc(60% - 20px - 4vw); padding: calc(10px + 4vw) calc(10px + 4vw) calc(10px + 3vw); float: left; background: #fff;border-radius: 3vw 0 3vw 0;position: inherit;z-index: 5;}
.info_technology .left .title{margin-bottom: calc(20px + 1vw);}
.info_technology .left .title strong{font-size: calc(16px + 0.6vw);display: block;margin-bottom:5px; font-weight: 500;}
.info_technology .left .title p{font-size: calc(16px + 0.2vw); text-transform: uppercase; color: rgba(0,0,0,0.1);font-weight: bold;}
.info_technology .left .title span{width: 30px;height: 2px;display: block;background: #f3414f;margin: calc(5px + 0.5vw) 0;}
.info_technology .left .info_technology_text{ margin-bottom:calc(20px + 2vw);}
.info_technology .left .info_technology_text .font{font-size:16px; line-height: 26px;}

.info_technology .left .info_technology_tabs{ width: 100%;}
.info_technology .left .info_technology_tabs ul li{width: calc(100% / 4 - 10px); float: left; margin-right: 12px; text-align: center; background: #f5f5f5; padding: calc(10px + 0.5vw) 0; cursor: pointer;}
.info_technology .left .info_technology_tabs ul li:nth-of-type(4){margin-right: 0px;}
.info_technology .left .info_technology_tabs ul li.active,.info_technology_tabs ul li:hover{color: #fff;}
.info_technology .left .info_technology_tabs ul li:nth-of-type(1).active,.info_technology_tabs ul li:nth-of-type(1):hover{background: #4e5de8;}
.info_technology .left .info_technology_tabs ul li:nth-of-type(2).active,.info_technology_tabs ul li:nth-of-type(2):hover{background: #20bf6f;}
.info_technology .left .info_technology_tabs ul li:nth-of-type(3).active,.info_technology_tabs ul li:nth-of-type(3):hover{background: #f79f1a;}
.info_technology .left .info_technology_tabs ul li:nth-of-type(4).active,.info_technology_tabs ul li:nth-of-type(4):hover{background: #8738d0;}
.info_technology .right {width: 38%; float: right; position: absolute;bottom: 0;right: 0;z-index: 0;}

/*工厂图片*/
.rongyua{padding: calc(20px + 1.5vw) 0; background: #f4f4f4;}
.rongyua .title{text-align: left; float: left; padding-bottom: 1vw;}
.rongyua .title:before{content: 'Factory Show'; font-size: calc(14px + 0.8vw);color: #D6D6D6; font-family: shuzi; font-weight: 300;}
.rongyua .title h3{font-size: calc(16px + 0.8vw); padding-left: 2.5rem; position: relative;}
.rongyua .title h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; left: 0;}
.rongyua .title em{color: #909090;}

.rongyua .title2{text-align: left; float: left; padding-bottom: 1vw;}
.rongyua .title2:before{content: 'Authority'; font-size: calc(14px + 0.8vw);color: #D6D6D6; font-family: shuzi; font-weight: 300;}
.rongyua .title2 h3{font-size: calc(16px + 0.8vw); padding-left: 2.5rem; position: relative;}
.rongyua .title2 h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; left: 0;}
.rongyua .title2 em{color: #909090;}


.gongchang_phone{background: #fff;}
.honorList ul{ color: #666; padding: 0;}
.honorList li{width: 33%; margin-bottom:20px; cursor: pointer; text-align: center;}
.honorList li p{margin-top: 6px; font-size: 14px;}
.honorList .img{overflow: hidden; position: relative;}
.honorList li a{}
.honorList li a img{width:100%;height:auto;}
.honorList .bg{ background: rgba(0,0,0,0.4);position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;filter:alpha(opacity=0);filter:alpha(opacity=0); visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms;}
.honorList .il{ height: 1px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 1px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .bg{ opacity: 1;filter:alpha(opacity=100); visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 1%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #f3414f;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.9); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #f3414f; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}
.Factory_swi{padding-bottom:60px;}
.Factory_swi .swiper-scrollbar{ width: 32.8%; height: 6px; background:#EEEEEE;left: 50%; position: absolute; transform:translateX(-50%); bottom:50px;z-index: 8;}
.Factory_swi .swiper-scrollbar .swiper-scrollbar-drag{ background: #f3414f;}
.honorList{padding-bottom:20px;}
.honorList .swiper-pagination-bullet-active{background: #f3414f;}
.rongyua ul li{ width: 24%; margin-right: 1%;}

 @media screen and (max-width: 1550px){
.nav_box .nav ul li{float: left;width: 100px; position: relative;}
.nav_box #navSelected{position:absolute;bottom:0;width:100px;height:3px; background:#fff;}
} 
 @media screen and (max-width: 1360px){
.nav_box .nav ul li{float: left;width: 90px; position: relative;}
.nav_box #navSelected{position:absolute;bottom:0;width:90px;height:3px; background:#fff;}
} 
 @media screen and (max-width: 1460px){ .imgShowDemo .img{width: 46%;} } 

.erji_nav{ margin-bottom: 1vw;}
.erji_nav ul li{ float: left;width: 180px;height: 57px;line-height: 57px; text-align: center; margin-right: 10px;}
.erji_nav ul li a{display: block;background: #f4f4f4; font-size: 14px;}
.erji_nav ul li.active a,.erji_nav ul li:hover a{background: #f3414f;color: #fff;}

.article_list{ padding: calc(20px + 1vw) 0; background: #fff;}
.article_list .article_list_ul li{ width:100%; margin: 0 auto;border: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;position: relative; margin-top:1vw; padding:22px 15px; box-sizing:border-box;}
.article_list .article_list_ul li:nth-of-type(1){margin-top: 0;}
/*.article_list .article_list_ul li:before{ width: 0%;height: 100%;content: ''; position: absolute;top: 0;left: 0;background: #f4f4f4;z-index: 1;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}*/
.article_list .article_list_ul li .img{ max-width:311px; float: right;position: relative;z-index: 5; overflow: hidden;}
.article_list .article_list_ul li .img img{max-width: 100%;}
.article_list .article_list_ul li .text{width: calc(75% - 10%);float: left;padding: 0 calc(1vw + 10px) 0 calc(1vw + 10px);position: relative;z-index: 10;}
.article_list .article_list_ul li .text .time{text-align:left; float: left; margin-bottom:5px;}
.article_list .article_list_ul li .text .time strong{font-size: calc(18px + 0.8vw); color: #666; font-weight: 400; display:block;}
.article_list .article_list_ul li .text .time em{font-size: 14px;color: #999; display:block;}
.article_list .article_list_ul li .text .font{ float:right; max-width:91%;}
.article_list .article_list_ul li .text .font strong{font-size: calc(16px + 0.4vw); display: block; margin-bottom: 0.6vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article_list .article_list_ul li .text .font p{font-size: 14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow: hidden;color: #999;}
/*.article_list .article_list_ul li:hover:before{width:100%;}*/
.article_list .article_list_ul li:hover{border: 1px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.article_list .article_list_ul li:hover .text .font strong{color: #f3414f;}
.article_list .article_list_ul li:hover .img img{transform: scale(1.2);}

/*article*/
.article_box{padding: calc(20px + 3vw) 0 calc(20px + 3vw);}
.article_box .wrap{max-width: 1160px;}
.article_box .title{text-align: center; padding-bottom:15px;}
.article_box .title b{font-size:24px; color:#333; font-weight:500; margin-bottom:5px;}
.article_box .title span{font-size: 14px; color: #666; display:inline;}
.article_box .content_box{ width: 100%;padding:30px 0; font-size: 16px; line-height:26px;border-top: 1px solid #f4f4f4; color:#333;}
.article_box .content_box img{max-width: 100%; display:inline;}
.article_box .return{position: relative; border-top: 1px solid #f4f4f4; padding-top:20px;}
.article_box .return a{ font-size: 14px; opacity: 0.7;filter:alpha(opacity=70);}
.article_box .return a i{ margin-right: 5px;}
.article_box .return a:hover{ color: #f3414f;}
.article_box .return a:nth-of-type(1){ font-size: 14px;}
.article_box .return a:nth-of-type(2){float: right;}
.article_box .return a:nth-of-type(3){position: absolute;left: 50%;transform: translateX(-50%);}

.case_list{padding: calc(20px + 2vw) 0;}
.case_list ul li{ width: calc(100% / 3 - 2.1vw);float: left; margin-right: 3vw; margin-bottom: 2vw; border-bottom: 2px solid rgba(0,0,0,0.1); padding-bottom: calc(10px + 0.5vw);position: relative;}
.case_list ul li:nth-of-type(3n){margin-right: 0vw;}
.case_list ul li .img{margin-bottom: calc(10px + 0.1vw); overflow: hidden; position: relative;background: #000;}
.case_list ul li .img img{width: 100%; height: 300px; object-fit: cover;}
.case_list ul li .img i{ position: absolute; width: 50px;height: 50px;line-height: 50px;text-align: center;top: 0;right: 0;bottom: 0;left: 0;margin: auto; color: #fff; font-size: 20px; opacity: 0;filter:alpha(opacity=0);transform: translateY(-50px);}
.case_list ul li:hover .img i{ opacity: 1;filter:alpha(opacity=100); transform: translateY(0);}
.case_list ul li .text strong{ font-size: calc(14px + 0.2vw); font-weight: 300;  overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.case_list ul li:hover .img img{transform: scale(1.2);opacity: 0.5;}
.case_list ul li a{display: block;}
.case_list ul li:hover .text strong{color: #f3414f;}
.case_list ul li:after{content: ''; width: 0%;height: 2px;display: block;background: #f3414f;position: absolute;bottom: -2px;right: 0;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;pointer-events:none}
.case_list ul li:hover:after{width: 100%;bottom: -2px;right: inherit; left: 0;}

.productlist_box{padding: 0 0 calc(20px + 2vw); background: #fff;}
.product_tabs_icon{ margin-bottom: calc(10px + 2vw); box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.product_tabs_icon li{width: calc(100% / 8 - 0.01px); float: left; text-align: center; position: relative;height: 110px; background: #fff; cursor: pointer; overflow: hidden;}
.product_tabs_icon li:after{ content: '';width: 1px;height: 100%; background: rgba(0,0,0,0.1);left: 0;top: 0; position: absolute;}
.product_tabs_icon li .icon{ position: absolute;top: 50%;transform: translateY(-50%); width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product_tabs_icon li .icon i{ font-size: calc(12px + 1vw); display: block;margin-bottom: 7px;}
.product_tabs_icon li .icon span{ font-size:14px;}
.product_tabs_icon li:before{content: '';display: block; position: absolute;background: #f3414f; top: 0;left: 0; width: 100%;height: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;transform: translateY(-100%)}
.product_tabs_icon li.active:before,.product_tabs_icon li:hover:before{opacity: 1;filter:alpha(opacity=100);transform: translateY(0);}

/*.product_tabs_icon_yanse li:nth-of-type(1) .icon{ color: #77393E;}
.product_tabs_icon_yanse li:nth-of-type(1):before{ background: #77393E!important;}
.product_tabs_icon_yanse li:nth-of-type(2) .icon{ color: #395392;}
.product_tabs_icon_yanse li:nth-of-type(2):before{ background: #395392!important;}
.product_tabs_icon_yanse li:nth-of-type(3) .icon{ color: #84499B;}
.product_tabs_icon_yanse li:nth-of-type(3):before{ background: #84499B!important;}
.product_tabs_icon_yanse li:nth-of-type(4) .icon{ color: #9D312E;}
.product_tabs_icon_yanse li:nth-of-type(4):before{ background: #9D312E!important;}
.product_tabs_icon_yanse li:nth-of-type(5) .icon{ color: #008FB6;}
.product_tabs_icon_yanse li:nth-of-type(5):before{ background: #008FB6!important;}
.product_tabs_icon_yanse li:nth-of-type(6) .icon{ color: #EA6630;}
.product_tabs_icon_yanse li:nth-of-type(6):before{ background: #EA6630!important;}
.product_tabs_icon_yanse li:nth-of-type(7) .icon{ color: #283E83;}
.product_tabs_icon_yanse li:nth-of-type(7):before{ background: #283E83!important;}
.product_tabs_icon_yanse li:nth-of-type(8) .icon{ color: #008749;}
.product_tabs_icon_yanse li:nth-of-type(8):before{ background: #008749!important;}*/
.product_tabs_icon li.active .icon,.product_tabs_icon li:hover .icon{color: #fff;}

.productlist_box .productlist_box_ul li{ width: calc(100% / 4 - 1vw); margin-right: 1.33vw; margin-bottom: calc(10px + 2vw);text-align: center; position: relative; float: left;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.productlist_box .productlist_box_ul li:nth-of-type(4n){margin-right: 0;}
.productlist_box .productlist_box_ul li .img{ margin-bottom: 10px;}
.productlist_box .productlist_box_ul li .img img{ max-width:100%;}
.productlist_box .productlist_box_ul li .text{ width: 100%; font-size:16px;}
.productlist_box .productlist_box_ul li .text strong{font-weight: 500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.productlist_box .productlist_box_ul li:hover .text strong{color: #f3414f;}
.productlist_box .productlist_box_ul:hover li{}
.productlist_box .productlist_box_ul li:hover{opacity: 1;filter:alpha(opacity=100);}
.productlist_box .productlist_box_ul li:hover img{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.container{height: 60px;line-height: 60px; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.container a{font-size: 14px;}
.container a i{margin-right: 6px; font-size: 14px;}
.container .wrap{ max-width: 1100px;}

.productarticle_box{ padding: calc(20px + 2vw) 0;}
.cpdtdd{ background:#f4f4f4;}
.productarticle_box .left{ width:50%; float: left; border: 1px solid #f4f4f4; box-sizing:border-box;}
.productarticle_box .left img{ max-width:100%;}
.swi_productarticle_img .swiper-pagination{bottom: 5%;}
.swi_productarticle_img .swiper-pagination .swiper-pagination-bullet-active{background: #f3414f;}
.productarticle_box .right{ width:50%; float:right; padding:40px; box-sizing:border-box;}
.productarticle_box .right .title{border-bottom: 1px dashed rgba(0,0,0,0.1); padding-bottom: 0.6vw; margin-bottom: 1.4vw;}
.productarticle_box .right .title h1{font-size:24px; font-weight:500; color:#333;}
.productarticle_box .right .text{font-size:15px;line-height:24px; color:#555;}
.productarticle_box .right .text strong{display: block; font-size:18px;margin-bottom: 10px;color: #000;}
.productarticle_box .right .text{margin-bottom: calc(20px + 1vw);}
.productarticle_box .right .coll strong{ color: #f3414f;font-size:24px;}
.productarticle_box .right .coll{font-size:14px;}

.product_content{ padding:40px; border: 1px solid #f4f4f4; margin-top: calc(10px + 0.5vw); font-size:15px;line-height: 24px;}
.product_content strong{font-size: 18px;}
.product_content{ color:#333;}
.xiangguan_product{padding: calc(20px + 1vw) 0 0;}
.xiangguan_product .title{ margin-bottom: 20px; text-align:center;}
.xiangguan_product .title strong{font-size:28px;color: #333;text-align: center;font-weight: 500;}
.xiangguan_product .productlist_box_ul li{margin-bottom: 0;}

.contact_biaodan{ padding: 60px 0;background: #fff; border-top: 1px solid rgba(0,0,0,0.1);}
.contact_biaodan .title{ text-align: center; margin-bottom:30px;}
.contact_biaodan .title b{font-size:30px; color:#000; display:block; margin-bottom:5px;}
.contact_biaodan .title p{color: #000;font-size: 16px; opacity: 0.5;filter:alpha(opacity=50);font-family: Times;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border: 1px solid rgba(0,0,0,0.2); background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border: 1px solid rgba(0,0,0,0.2); background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 52px; display: block; background: #f3414f; color: #fff;margin: 0 auto; font-size: 16px;}
#GBookAdd .submit:hover{ background:#f69f09; cursor:pointer;}
.lxwm_back:before{content: ' ';position: fixed;z-index: 3;top: 0;right: 0; bottom: 0;left: 0;background: url(../images/lxwm_back.png) center 0 no-repeat;background-size: cover;pointer-events:none;}
.titles{ position: relative; padding-bottom: 30px; text-align: center;}
.titles span{width: 25px; height: 1px; display: block; background: #f3414f;margin: 10px auto;}
.titles b{ font-size:1.4rem; color: #f3414f}
.titles p{ font-size: 14px;text-transform:uppercase; opacity: 0.6;filter:alpha(opacity=60);}
.lxwminfo{background: rgba(0,0,0,0.7);width: 30%; padding:7% 5%; position: absolute;right: 10%;max-height: 543px; top: 50%;transform: translateY(-40%);z-index: 999; color: #fff;}
.lxwminfo b{ font-size: 26px;}
.lxwminfo .font{line-height: 30px; margin-bottom: 20px;}
.lxxx{ padding:calc(20px + 3vw) 0;}
.cont_nr{ width:96%; margin:0 auto;}
.cont_nr li{ float:left; width:calc(100%/3 - 2%); margin:0 1%; text-align:center; background:#f4f4f4;}
.cont_nr li:hover{background:#ccc;}
.cont_nr li i{font-size: 50px; opacity: 0.3;filter:alpha(opacity=30);}
.cont_nr li a{ display:block;padding:50px 0;}
.cont_bt{ font-size:1.25rem; font-weight:bold; padding-bottom:10px; padding-top:8px; color:#000;}
.cont_ms{ font-size:15px; color:#333; line-height:24px;}
.cont_ms p{ font-size:14px;}
#dituContent{ width:100%; height:500px;}
@media screen and (max-width:520px){.cont_title p{font-size:14px}
.cont_nr li{width:100%; margin:0;}
.cont_nr li.on{margin:4% 0}
.cont_nr li a{padding:10px 0}
}
.bottom_nav{ width: 100%; position: fixed;bottom: 0; left: 0;z-index: 200; box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: translateY(100%); opacity: 0;filter:alpha(opacity=0);visibility: hidden;display: none;}
.bottom_nav a{ width: calc(100%/3 - 1px); float: left; display: block; font-size: 0.9rem;height: 3rem;line-height: 3rem; text-align: center; background: #fff; border-right: 1px solid rgba(0,0,0,0.1);}
.bottom_nav a i{ margin-right: 0.2rem; transform: translateY(0.1rem); display: inline-block;}
.bottom_nav_active{ transform: translate(0);opacity: 1;filter:alpha(opacity=100);visibility: visible;}

.weishenme_box{padding: calc(20px + 3vw) 0; background: url(../images/weishenme_back.jpg);position: relative;overflow: hidden;}
.weishenme_box .title{ text-align: center; color: #A01114; margin-bottom: calc(20px + 6vw);font-size: calc(12px + 1vw);}
.weishenme_box .title strong{ font-size: calc(16px + 1.3vw);margin-bottom: calc(0.5vw); display: block;}
.weishenme_box .title strong span{ display: inline-block;}
.weishenme_box .title p{ font-size: calc(14px + 0.4vw);margin-bottom: calc(0.5vw); display: block;}

.weishenme_box ul{position: relative;z-index: 10;}
.weishenme_box ul li{text-align: center; width: calc(100% / 4 - 4vw); margin: 0 1vw; padding: calc(1vw); float: left; background: #fff; position: relative; padding-top: calc(30px + 4vw); padding-bottom: 2vw;border-bottom: 2px solid #f3414f; border-radius: 20px 20px 0 0;}
.weishenme_box ul li .img {margin-bottom: calc(20px + 0.4vw);position: absolute;top:0;left: 50%;transform: translate(-50%,-50%);}
.weishenme_box ul li .img img{margin: 0 auto;}
.weishenme_box ul li .text{ color: #A01114;}
.weishenme_box ul li .text strong{ font-size: calc(14px + 0.4vw);display: block;margin-bottom: 10px;}
.weishenme_box ul li .text p{ font-size: 14px;display: block;margin-bottom: 10px; color: rgba(0,0,0,0.6); line-height: 24px;}
.weishenme_box ul li:hover{box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}

.weishenme_box .poyouqi{ position: absolute;left: 0;bottom: 0;}
.liud_qudao a{position: relative;z-index: 5; display: block;}

.liud_qudao{padding: calc(20px + 5vw) 0 calc(20px + 8vw); position: relative;overflow: hidden; background: #aa0d16 url(../images/qiangxian_back.jpg) no-repeat;background-size: 100% auto;background-position: bottom center;}
.liud_qudao .title{ text-align: center; color: #E6E2BD; margin-bottom: calc(20px + 6vw);z-index: 10;position: relative;}
.liud_qudao .title strong{ font-size: calc(16px + 1.3vw);margin-bottom: calc(0.5vw); display: block;}
.liud_qudao .title strong span{ font-size: calc(16px + 3.3vw);font-family: shuzi; display: inline-block; font-weight: 100;}
.liud_qudao .title p{ font-size: calc(14px + 0.4vw);margin-bottom: calc(0.5vw); display: block;}
.liud_qudao ul li{ width: calc(100% / 3 - 4vw); float: left; margin: 0 2vw 3vw;}
.liud_qudao ul li .biaoqian{width: 30%; float: left; position: relative;}
.liud_qudao ul li .biaoqian span{font-size: calc(16px + 1.3vw);font-family: shuzi; color: #E6E2BD; position: absolute;top:45%;transform: translateY(-50%);left: 0;width: 100%;text-align: center;}
.liud_qudao ul li .text{width: 60%; float: right; font-size: 18px;color: #E6E2BD; font-weight: bold; margin-top: 1vw;}
.liud_qudao ul{margin-bottom: calc(20px + 2vw);position: relative;z-index: 5;}
.liud_qudao .qiangxian{width: 260px; margin: 0 auto;}
.liud_qudao .qiangxian:hover{transform: scale(1.1);}
.liud_qudao .diqiu{position: absolute;right: 10%;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 0;}

.chanp_xilie{padding: calc(20px + 5vw) 0 calc(20px + 2vw); background: url(../images/xl_bg.png);position: relative;overflow: hidden;}
.chanp_xilie .title{ text-align: center; color: #062C5E; margin-bottom: calc(20px + 3vw);}
.chanp_xilie .title strong{ font-size: calc(16px + 1.3vw);margin-bottom: calc(0.5vw); display: block;color: #A01114;}
.chanp_xilie .title strong span{ font-size: calc(16px + 1.3vw); font-family: shuzi; display: inline-block; font-weight: 100;}
.chanp_xilie .title p{ font-size: 16px; margin-bottom: calc(0.5vw); display: block;color: #666;}
.chanp_xilie .product_tabs_icon_yanse{position: relative;z-index: 5;}
.chanp_xilie .product_tabs_icon_yanse li{ width: calc(100% / 4 - 1vw);margin: 0 0.5vw 1vw; height: 160px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.chanp_xilie .product_tabs_icon_yanse li .icon i{font-size: calc(18px + 1.2vw);}
.chanp_xilie .product_tabs_icon_yanse li .icon span{font-size: 18px; font-weight: 400;}
.chanp_xilie .product_tabs_icon_yanse li:before{transform: translateY(-100%);}
.chanp_xilie .product_tabs_icon_yanse li:hover:before{transform: translateY(0%);}
.chanp_xilie .product_tabs_icon_yanse{box-shadow: 0 0 0;}
.chanp_xilie .goushua{position: absolute;bottom: 0;width: 40%; right: 0%; z-index: 1;}
.chanp_xilie .poyouqi2{position: absolute;top: 0;width: 30%; left: 0%; z-index: 1;}

/*课程*/
.swi_kecheng{padding: calc(20px + 3vw) 0 calc(20px + 3vw); position: relative;overflow: hidden;}
.swi_kecheng .map_back{ width:60%; min-width: 1000px; position: absolute; bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 0;}
.swi_kecheng .wrap{position:inherit;z-index: 55;}
.swi_kecheng .title{ text-align: center; color: #000; margin-bottom: calc(10px + 1vw);}
.swi_kecheng .title strong{ font-size: calc(16px + 1.3vw); display: block;}
.swi_kecheng .title strong span{ font-size: calc(16px + 1.3vw); font-family: shuzi; display: inline-block; font-weight: 100;}
.swi_kecheng .title p{ font-size:16;margin-bottom: calc(0.5vw); display: block;color: #999;}

#certify {position: relative;margin: 0 auto 0px;}
#certify .swiper-container {padding-bottom: 50px;}
#certify .swiper-slide {width: 38%;background: #fff;box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
#certify .swiper-slide img{width: 100%;display:block;}
#certify .swiper-slide p {line-height:60px;padding-top: 0;text-align: center;color: #333;font-size: 1rem;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;filter:alpha(opacity=100);}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #B9272C;background-color: #fff;}
#certify .swiper-button {width: 45px;height: 45px;line-height: 45px; text-align: center;background: inherit;border: 2px solid #AAAAAA;border-radius: 50%;}
#certify .swiper-button i{font-size: 20px;color: #AAAAAA;}
#certify .swiper-button:hover {border: 2px solid #B9272C;}
#certify .swiper-button:hover i{color: #B9272C;}
#certify .swiper-button-prev {left: -30px;outline: none;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: -30px;outline: none;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
.diuni_an a{ width: 160px;height: 54px; border-radius: 27px; line-height: 54px;text-align: center; color: #fff;display: block;margin: 0 auto; background: #B9272C; box-shadow: 0 5px 5px rgba(255,94,60,0.1);}
.diuni_an a:hover{transform: scale(0.95);}

.yingxiaozhichi{background: #B9272C;padding: calc(20px + 3vw) 0 calc(20px + 3vw); position: relative;overflow: hidden;}
.yingxiaozhichi .title{ text-align: center; color: #E6E2BD; margin-bottom: calc(20px + 1vw);}
.yingxiaozhichi .title strong{ font-size: calc(16px + 1.3vw);margin-bottom: calc(0.2vw); display: block;}
.yingxiaozhichi .title strong span{display: inline-block;}
.yingxiaozhichi .title p{ font-size:16;margin-bottom: calc(0.5vw); display: block;opacity:0.7;filter:alpha(opacity=70);}
.yingxiaozhichi ul{ overflow:hidden; margin:0 auto;}
.yingxiaozhichi li{ width:calc(100% / 4 - 2vw); height:190px; margin:0 1vw 1vw; background-color:#fff; float:left}
.yingxiaozhichi li img{ display:block; margin:28px auto 20px auto}
.yingxiaozhichi li p{ margin:0 auto; width:80%; text-align:center; font-size:14px; color:#333; line-height:20px;}

.index_liuyan{padding: 50px 0 80px; overflow: hidden; margin-bottom: 30px; }
.index_liuyan .wrap{ position: relative;}
.index_liuyan .title{ margin-bottom: 20px;}
.index_liuyan .title b{ font-size: 22px;}
.index_liuyan .title b span{display: inline-block; color: #B9272C;}
.index_liuyan .title b span:nth-of-type(1){ font-size: 22px;}
.index_liuyan .title b span:nth-of-type(2){ font-size: 26px;}
.index_liuyan .title b span:nth-of-type(3){ font-size: 30px;}
.index_liuyan .title b span:nth-of-type(4){ font-size: 32px;}
.index_liuyan .title b span:nth-of-type(5){ font-size: 36px;}
.index_liuyan .left{ width: 70%; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); background: #fff;position: inherit;z-index:5;}
.index_liuyan .left .index_biaodan_box{padding:50px 30px;}
.index_liuyan .left .index_biaodan_box .box_title{position: relative; margin-bottom: 20px;}
.index_liuyan .left .index_biaodan_box .box_title b{ font-size: 22px; color: #666;}
.index_liuyan .left .index_biaodan_box .box_title span{ font-weight: 500;display: inline-block;}

.index_liuyan #GBookAdd{ position: relative;}
.index_liuyan #GBookAdd .wenben{ width: 49.5%;margin-right: 1%; float: left;margin-bottom: 1%;}
.index_liuyan #GBookAdd .wenben:nth-of-type(2n){margin-right: 0%;}
.index_liuyan #GBookAdd .wenben .text{ border: 1px solid rgba(0,0,0,0.1); height: 40px;line-height: 40px; display: block; width: calc(100% - 20px);padding: 0 10px;}
.index_liuyan #GBookAdd .neirong{ width:100%; margin-bottom: 0; margin-top:10px;}
.index_liuyan #GBookAdd .neirong .cmessage{ width: calc(100% - 20px); border: 1px solid rgba(0,0,0,0.1); min-height: 80px;padding: 10px;}
.index_liuyan #GBookAdd .submit{position: absolute; bottom: -110px; width: 150px;height: 44px; display: block; text-align: center;line-height: 44px; background: #B9272C; color: #fff;}
.index_liuyan #GBookAdd .xzxiadan{ position: absolute; bottom: -110px; height: 44px; line-height: 44px; left: 180px; color: #999;}
.index_liuyan .right{ width: 50%; position: absolute; right: 0; top: 0;z-index: 0;}
.index_liuyan .right img{ width: 100%; min-height: 520px; object-fit: cover;}

.pc-vis{display: inherit;}
.phone-vis{display: none;}
@media screen and (max-width:640px){
	body{min-width: inherit; padding-bottom: 3rem;}
	 .pc-vis{display: none;}
	 .phone-vis{display: inherit;}
	.top{display: none;}
	.nav_box{height: 3.4rem;}
	.nav_box .nav{display: none;}
	.nav_box .logo img{height: 2rem; padding: 0.7rem 0;}
	.nav_box .menu span{padding-top: 1.25rem;}
	.caidan{display: inherit;}
	.goodlive_box .tabs ul li strong i{display: block;margin-right: 0;}
	.goodlive_box .tabs ul li strong{transform: translateY(0); font-weight: 300; font-size: 12px;}
	.goodlive_box .tabs ul li strong p{font-size: 12px;}
	.goodlive_box .tabs ul li p{display: none;}
	.goodlive_box .wrap{padding-bottom: calc(67px + 3vw);}
	.goodlive_box .tabs ul li:hover{ transform:scale(1,1);}
	.goodlive_box .tabs ul li:hover strong{transform: translateY(0) scale(1,1);}
	.aboutus_box .about{padding: 1rem ;}
	.aboutus_box .about .left{width: 100%; padding:1rem 0 2rem;}
	.aboutus_box .about .right{ display:none; visibility:hidden;}
	.aboutus_box .about .left .gdshuzi ul li strong span{font-size: 0.75rem;}
	.aboutus_box .about .left .gdshuzi ul li p{font-size: 0.75rem;}
	.aboutus_box .about .left .title strong{ font-size:1.4rem; font-weight:600;}
	.aboutus_box .about .left .text{font-size:1rem; color:#333; padding:0.7rem;}
	.aboutus_box .about .left .title{margin-bottom:0;padding: 0 0.7rem;}
	.aboutus_box .about .right a i{opacity: 1;filter:alpha(opacity=100);left: 50%;top: 50%;}
	
	.product_box .left{width:100%; float:inherit; box-shadow:0;}
	.product_box .right{ display:none; visibility:hidden;}
	.product_box .right2{width:100%;height: 100%; background:#f4f4f4 /*url(../images/product_title_back.jpg) no-repeat; background-size: 100% auto*/;}
	.product_box .right2 .box{ width: 90%;max-width: 510px;height: 100%;}
	.product_box .right2 .box .title{text-align: right; padding-top: 4vw; padding-bottom: 3vw;}
	.product_box .right2 .box .title:before{content: 'PRODUCT'; font-size: calc(14px + 0.8vw);color: #D6D6D6; font-family: shuzi; font-weight: 300;}
	.product_box .right2 .box .title h3{font-size: calc(16px + 0.8vw); padding-right: 2.5rem; position: relative;}
	.product_box .right2 .box .title h3:after{width: 1.5rem;height: 2px;display: block;background: #f3414f;position: absolute;top: 1.5rem;content: ''; right: 0;}
	.product_box .right2 .box .title em{color: #909090;}
	.product_box .right2 .box ul{ width: 90%;max-width: 250px; float: right;height: 60%;}
	.product_box .right2 .box ul li{ width: calc(100% / 2 - 5px); float: left; text-align: center; position: relative; margin-right: 10px; margin-bottom: 10px; height: 50px; background: #fff; cursor: pointer; overflow: hidden;}
	.product_box .right2 .box ul li:nth-of-type(2n){ margin-right:0px;}
	.product_box .right2 .box ul li .icon{ position: absolute;top: 50%;left: 0; transform: translateY(-50%); width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	.product_box .right2 .box ul li .icon i{ font-size: calc(12px + 1vw);display: block; margin-bottom: 7px;}
	.product_box .right2 .box ul li .icon span{ font-size:14px;}
	.product_box .right2 .box ul li:before{content: '';display: block; position: absolute;background: #f3414f; top: 0;left: 0; width: 100%;height: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 0;filter:alpha(opacity=0); transform: translateY(-100%)}
	.product_box .right2 .box ul li.active:before,.product_box .right .box ul li:hover:before{opacity: 1;filter:alpha(opacity=100);transform: translateY(0);}
	.product_box .right2 .box ul li.active .icon,.product_box .right .box ul li:hover .icon{color: #fff;}
	.product_tabs_icon li .icon span{ font-size:0.7rem;}
	.swi_product_img_phone .swiper-slide{position: relative;}
	.swi_product_img_phone .swiper-slide p{position: absolute; bottom: 0;left: 0; padding: 1rem 3rem; background: rgba(255,255,255,1); border-radius: 0 1rem 0 0; box-shadow: 0 0 7px rgba(0,0,0,0.3); color: #000;}
	.swi_product_img_phone .swiper-slide p i{display: inline-block; margin-right: 10px; font-size: 18px;}
	.swi_product_img_phone .swiper-slide p span{display: inline-block; font-size: 14px;}
	.productarticle_box .left img{ border:none; max-width:100%;}
	.technology .left{width: 100%;}
	.technology{display: none;}
	
	.recommend .title{padding-top: 0;}
	.recommend .title h3{padding-left: 2rem; padding-bottom:6px;}
	.recommend .title h3:after{top: 0.8rem;}
	.recommend .title em{display: none;}
	.recommend .title:before{display: none;}
	
	.more.tongyong a img{display: none;}
	.more.tongyong a{font-size: 12px; padding:7px 15px;}
	
	.swi_recommend{padding-bottom: 2.5rem;}
	.recommend .more.tongyong{margin-top: 0vw;}
	.swi_recommend .swiper-slide .text .name_en{font-size: 12px;}
	.recommend{ padding: calc(20px + 5vw) 0 20px;}
	
	.case_box .title{padding-top: 0;}
	.case_box .title h3{padding-left: 2rem;}
	.case_box .title h3:after{top: 0.8rem;}
	.case_box .title em{display: none;}
	.case_box .title:before{display: none;}
	.index_news .title{padding-top: 0;}
	.index_news .title h3{padding-left: 2rem;}
	.index_news .title h3:after{top: 0.8rem;}
	.index_news .title em{display: none;}
	.index_news .title:before{display: none;}
	.case_box .more.tongyong{margin-top: 0;}
	.index_news .more{margin-top: 0;}
	.case_box .swi_case_img .swiper-slide .text{ width:calc(100% - 50px); padding: 25px;border-bottom: 0; left: 0; position: inherit;}
	.case_box .swi_case_img .swiper-slide .text p{}
	.case_box .swi_case_img .swiper-slide .text strong{margin-bottom: 0;}
	.case_box .swi_case_img .swiper-slide{padding-bottom: 0;}
	
	.swi_case_img .swiper-pagination-bullets .swiper-pagination-bullet{width: 18px;height: 18px;line-height: 18px;}
	.swi_recommend .swiper-pagination-bullets .swiper-pagination-bullet{width: 18px;height: 18px;line-height: 18px;}
	.case_box .swi_case_img .swiper-slide .text strong{font-weight: 300;display: block;margin-bottom: 6px;}
	.case_box .swi_case_img .swiper-slide .text p{font-weight: 300; font-size: 12px;}
	.case_box .swi_case_img{padding-bottom: 30px; padding-top:6px;}
	.case_box{padding-bottom: 0;}
	.swi_case_img .swiper-pagination{text-align: center; bottom: 0;}
	.index_jion_box{display: none;}
	
	.index_news .left{width: 100%;display: none;}
	.index_news .right{width: 100%; padding:0;}
	.index_news .right ul{ padding-top:0;}
	.partner_box{display: none;}
	.footer_box .right{display: none;}
	.footer_box .left .footer_nav{display: none;}
	.footer_box .left .text p.dizhi{display: none;}
	.footer_box .left .text p.banquan{font-size: 12px;}
	.footer_box{padding: calc(10px) 0}
	.ronghe_box{}
	.ronghe_box .left strong{font-size: 1.2rem;}
	
	.index_news .right ul li a{padding: 0.8rem 0;}
	.index_news .right .hot_news .text strong{font-size: 16px;}
	.recommend{padding-top:0.5rem;}
	
	.bottom_nav{display: inherit;}
	.productlist_box .productlist_box_ul li{width: calc(50% - 1vw);}
	.productlist_box .productlist_box_ul li:nth-of-type(2n){margin-right: 0;}
	.productlist_box .productlist_box_ul li .text{font-size: 14px;}
	.product_tabs_icon li{width: calc(100% / 4); border-top: 1px solid rgba(0,0,0,0.1); height:75px;}
	.product_tabs_icon li:before{transform: translateY(-100%);}
	.product_tabs_icon li .icon i{font-size: 1.6rem; margin-bottom:2px;}
	.ny_banner .text strong{font-size:1.4rem;margin-bottom: 0;}
	.ny_banner .text p{font-size: 14px;color: rgba(255,255,255,0.7);}
	
	.productarticle_box .left{width: 100%;}
	.productarticle_box .right{width: 100%; padding:20px 30px; box-sizing:border-box;}
	.productarticle_box .right .title{margin-bottom: 1rem;}
	.productarticle_box .right .title h1{font-size: 1.3rem; padding-bottom: 0.6rem; text-align:center;}
	.productarticle_box .right .text p{font-size: 12px;}
	.productarticle_box .right .coll strong{font-size: 1.6rem;}
	.product_content{ border:none; padding:10px 0 20px; border-bottom:1px solid #f4f4f4;}
	.product_content img{ max-width:100%; display:inline;}
	.case_box .swi_case_img .swiper-slide .text{box-shadow:none;}
	.xiangguan_product .title strong{ font-size:1.5rem;}
	
	.xiangguan_product .title{margin-bottom: 1rem;}
	.xiangguan_product .productlist_box_ul li{margin-bottom: 1rem;}
	.xiangguan_product{padding-bottom: 0;}
	.productarticle_box{padding-top: 1rem!important;}
	.case_list ul li{ width: calc(50% - 1vw); margin-right: 1.5vw!important; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.case_list ul li:nth-of-type(2n){margin-right: 0!important;}
	.case_list ul li .img img{height: 200px;}
	.case_list{padding-top: 20px;}
	
	.article_box .title b{font-size: 1.3rem; margin-bottom: 10px;}
	.article_box .title span{font-size: 12px;}
	.article_box .content_box{padding: 20px 0;}
	.article_box .return a{display: block; float: inherit!important;margin: 0.5rem 0;}
	.article_list_ul{ padding-top:15px;}
	.erji_nav ul li{width:calc(100%/3 - 5px);height: 36px;line-height: 36px; margin-right:7px;}
	.erji_nav ul li:nth-child(3){ margin-right:0;}
	.article_list{padding-bottom: 1rem;}
	.article_list .article_list_ul li{margin-bottom:0.5rem; padding:0.6rem;}
	.article_list .article_list_ul li .img{width: 100%; float: inherit; max-width:100%;}
	.article_list .article_list_ul li .img img{ width:100%;}
	.article_list .article_list_ul li .text{width: calc(100% - 2vw - 20px);float: inherit;}
	.article_list .article_list_ul li .text .time{float: left;}
	.article_list .article_list_ul li .text .clearfloat{display: none;}
	.article_list .article_list_ul li .text .font{width: calc(100% - 80px)!important;float: right; margin-top:2px;}
	.article_list .article_list_ul li .text .font p{font-size: 0.75rem;word-break:keep-all;-webkit-line-clamp: 1;overflow:hidden;}
	.article_list .article_list_ul li .text .font strong{font-weight: 300;}
	
	.ny_banner .text img{ width: 45%;}
	.info_jianjie_box .left{width: 100%; padding-top: 0;}
	.info_jianjie_box .left .title p{font-weight: 400;}
	.info_jianjie_box .left .text{font-size:0.9rem;color:#333; line-height:1.4rem;}
	.info_jianjie_box .left .text img{ max-width:100%;}
	.info_jianjie_box .right{display: none;}
	.power_box .text{font-size:0.9rem; margin-bottom: 1rem;}
	
	.power_box .power{display: none;}
	.info_technology .right{display: none;}
	.info_technology{ padding:1.5rem 0;}
	.info_technology .left{width: calc(100% - 20px - 8vw);}
	.info_technology .left .info_technology_tabs ul li{width: calc(100% / 4 - 5px);margin-right: 6px; font-size: 12px;}
	.info_technology .left .info_technology_text .font{font-size:0.9rem; line-height:1.3rem;}
	.rongyua .title:before{display: none;}
	.rongyua .title h3:after{top: 0.8rem;}
	.imgShowDemo .img{width: 90%;}
	
	.cont_nr li i{font-size: 40px;}
	.cont_bt{ padding-top:4px; padding-bottom:4px;}
	.cont_ms p{ line-height:1.2rem;}
	.cont_nr li a{padding:1rem 0;}
	.cont_nr li:nth-of-type(3) .cont_ms br{ display: none;}
	
	#dituContent{height: 260px!important;}
	
	.contact_biaodan{padding:2rem 0;}
	#GBookAdd .wenben{width: 100%; margin-bottom: 0.5rem;}
	#GBookAdd .neirong{margin-top: 0.5rem;}
	
	.contact_biaodan .title b{ font-size: 18px; margin-bottom: 4px;}
	.contact_biaodan .title p{font-size: 12px;}
	.contact_biaodan .title{margin-bottom: 1rem;}
	#GBookAdd .neirong .cmessage{min-height: 100px;}
	#GBookAdd .submit{width: 130px;height: 42px;line-height: 42px; font-size: 12px;}
	.weishenme_box .title{margin-bottom: 5rem;}
	.weishenme_box ul li{width: calc(100% / 1 - 4vw); margin: 0 1vw; padding-top: 4rem; margin-bottom: 4rem; padding-bottom: 1rem;}
	.weishenme_box ul li .text p{font-size:0.9rem; padding: 0 1.5rem; line-height: 1.2rem;}
	.weishenme_box ul li .img{width: 30%;}
	.weishenme_box ul li .img img{width: 100%;}
	.weishenme_box .poyouqi{width: 100%;}
	.liud_qudao ul li{width: calc(100% / 1);}
	.liud_qudao ul li .biaoqian{width: 10%;}
	.liud_qudao ul li .text{font-size: 16px;padding-right: 10%; font-weight: 300; width: calc(100% - 25%); padding-right: 10%;}
	.liud_qudao .qiangxian{width: 200px;}
	
	.chanp_xilie .product_tabs_icon_yanse li{height:80px;}
	.chanp_xilie .title p{font-size: 12px;}
	.chanp_xilie .title{margin-bottom: 20px;}
	
	#certify{margin-bottom: 10px;}
	#certify .swiper-slide{width: 80%;}
	#certify .swiper-slide p{line-height: 50px; font-size: 0.9rem;}
	#certify .swiper-button{top: 40%;width: 30px;height: 30px;line-height: 30px;}
	#certify .swiper-button-prev{left: 0px;}
	#certify .swiper-button-next{right: 0px;}
	#certify .swiper-container{padding-bottom: 30px;}	
	
	.yingxiaozhichi li{width: calc(100% / 2 - 2vw); margin-bottom: 2vw;}
	
	.index_liuyan .left{width: 100%;}
	
	.index_liuyan .right{display: none;}
	.index_liuyan{padding: 2rem 0 5rem;}
	.index_liuyan #GBookAdd .xzxiadan{font-size: 14px;}
	
	.index_liuyan .title b{font-size: 16px;}
	
	.index_liuyan .left .index_biaodan_box{padding:2rem 20px;}
	.index_liuyan #GBookAdd .wenben{width: 100%;}
	
	.index_liuyan #GBookAdd .neirong{width: 100%;}
	.index_liuyan #GBookAdd .submit{bottom: -100px;}
	.index_liuyan #GBookAdd .xzxiadan{bottom: -100px;}
	.index_liuyan .left .index_biaodan_box .box_title b{font-size: 24px;}
	.yingxiaozhichi li p{font-size: 12px;}
	.index_liuyan .left .index_biaodan_box .box_title b{text-align: center;}
	.weishenme_box ul li .text{}
	
	.lxwmny_banner .lxwminfo{padding: 10% 5%;}
	.lxwmny_banner .lxwm_banner_left{left: 5%;top: 20%;width: 90%;transform: translateY(0);}
	.lxwmny_banner .lxwm_banner_left .wrap{width: 100%;}
	.lxwmny_banner .lxwminfo{width: 80%;left: 5%;top: 60%;}
	.lxwmny_banner .lxwminfo b{ font-size: 20px;}
	.lxwm_box{ padding: 20px 0;}
	.lxwm_box .lxwm_text .text{width: 100%;}
	.lxwm_box .left{width: 100%;}
	
	.chanp_xilie .product_tabs_icon_yanse li .icon span{font-size:0.7rem;}
	.chanp_xilie .goushua{width: 80%;}
	.chanp_xilie .poyouqi2{width: 60%;display: none;}
	.chanp_xilie .title{}
	.yingxiaozhichi li{ height:167px;}
	.yingxiaozhichi li img{ margin-bottom:5px; margin-top:18px;}
}