/* ========== */
/* = HOME = */
/* ========== */
.banner{ position: relative;}
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-pagination{ bottom:52px;}
.banner .swiper-pagination-bullet{  margin:0 3px !important; width: 45px; height:4px; background: #FFFFFF; border-radius: 0;}
.banner .swiper-pagination-bullet-active{ background: #e60012;}

.index-theme{ width:226px; height:226px; text-align: center; background-size:100%; background-image: url(../images/theme_bg.png); color: #FFFFFF; padding-right:20px; padding-top: 65px; position: relative; z-index: 1; letter-spacing: 1px;}
.index-theme span{ display: block; font-size: 34px; font-weight: bold;}
.index-theme p{ margin-top:4px; font-size: 17px; text-transform:uppercase;}
.index-theme-img{ margin-top:-117px; width: 100%;}
.index-theme-img .des{ width: 100%; height:292px; padding:112px 10px 0; font-size:75px; font-family: 'IMPACT'; color:rgb(255,255,255,.2); position:relative;}
.index-theme-img .des:after{ content: ""; display: block; position: absolute; left:0; width:100%; bottom: 0; height: 95px; background: #FFFFFF;}
.more-button{ display: block; margin: 0 auto; height: 60px; border-radius:30px; line-height:60px; width:177px;  background: #e60012; color: #FFFFFF; font-size:24px; text-align: center; letter-spacing: 2px;}

.line-div{ width: 100%; border-bottom: 1px dashed #4a4a4a; position:relative;}
.line-div:after,
.line-div:before{ content: ""; position: absolute; top:50%; margin-top: -4px; width: 8px; height: 8px; background: #e60012;}
.line-div:before{ left:0;}
.line-div:after{ right:0;}

.index-about{ padding:80px 0 150px; position: relative;}
.index-about .theme span{ display: block; color: #e6e6e6; font-size:80px; font-family: 'IMPACT'; text-transform: uppercase;}
.index-about .theme p{ margin-top:5px; font-size:36px; font-weight: bold; color: #e60012;}
.index-about .text{ margin-top:65px;  font-size:24px; line-height:42px; text-align: justify;}
.index-about ul{ margin:60px 0 100px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; text-align: center;}
.index-about ul li span{ display: block; font-size:100px; color: #e60012; font-weight: bold; font-family: 'IMPACT';}
.index-about ul li span em{ font-style: normal;}
.index-about ul li span i{ margin-left:10px; font-size:36px; font-style: normal;}
.index-about ul li p{ margin-top:12px;  font-size:24px;}

.index-case{ padding-bottom: 160px; position: relative;}
.index-case .index-theme-img .des{ color:rgb(232,181,115,.32);}
.index-case .index-theme-img .des:after{ display: none;}
.index-case .content{  margin:-125px -30px 0; position: relative;}
.index-case .swiper-button-prev{ left:-70px;}
.index-case .swiper-button-next{ right:-70px;}
.swiper-index-case .swiper-slide { padding:40px 50px;}
.swiper-index-case .swiper-slide .box{ width: 100%; padding:40px 50px; display: block; background: #FFFFFF; box-shadow: 0 0 25px rgba(0,0,0,.1); opacity: .65;}
.swiper-index-case .swiper-slide .box .more{ opacity: 0; margin-bottom: 15px; padding: 0 10px; text-align: right;}
.swiper-index-case .swiper-slide .box .more span{ position: relative; font-size:20px; color: #727171; padding-right:30px;}
.swiper-index-case .swiper-slide .box .more span:after{ position: absolute; top:50%; right:0; margin-top:-8px; content: ""; width: 0; height: 0; border-top:8px solid transparent; border-left:14px solid #e60012; border-bottom: 8px solid transparent;}
.swiper-index-case .swiper-slide .num{ display: none; text-align: center; font-size: 27px; }
.swiper-index-case .swiper-slide .num span{ color: #e60012;}
.swiper-index-case .swiper-slide-active .box{ opacity:1;}
.swiper-index-case .swiper-slide-active .box .more{ opacity:1;}
.swiper-index-case .swiper-slide-active .num{ display: block; }

.index-health{ padding-bottom: 150px; position: relative;}
.index-health .index-theme-img .des{ color:rgb(232,181,115,.32);}
.index-health .content{ margin-top:-60px; position: relative; padding: 0 20px;}
.index-health .swiper-button-prev{ left:-100px;}
.index-health .swiper-button-next{ right:-100px;}
.swiper-index-health .swiper-slide .box{ display: block; padding:40px 12% 40px 8%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.swiper-index-health .swiper-slide .left{  width: 64%; letter-spacing:1px;}
.swiper-index-health .swiper-slide .left .small-logo img{ max-width: 140px; }
.swiper-index-health .swiper-slide .left .tit{ margin-top:30px; font-size: 33px; font-weight: bold; color: #1d1e21; }
.swiper-index-health .swiper-slide .left .des{ position:relative; margin-top:20px; font-size: 24px; line-height:45px; text-align: justify; color: #353535;}
.swiper-index-health .swiper-slide .left .des span{ position: absolute; bottom: 0; right:0; color: #e60012;}
.swiper-index-health .swiper-slide .img{ max-width:30%; overflow: hidden; position:relative;}
.swiper-index-health .swiper-slide .img img{ width: 100%;}
.swiper-index-health .swiper-slide .num{  position: absolute; top:20px; right:5%; font-size: 27px;}
.swiper-index-health .swiper-slide .num span{ color: #e60012;}

.index-corss{ padding:110px 0 160px; position: relative;}
.index-corss .bg{ margin-bottom: 70px; background: #f0f0f0;}
.index-corss .content{ position: relative; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.index-corss .content .index-theme{ position: absolute; top:-110px; right:22px;}
.index-corss .content .left{ width: 50%;}
.index-corss .content .left .tit{ text-align: center; margin-bottom:24px;}
.index-corss .content .left .tit h2{ font-size: 32px; color: #3f3f3f; font-weight: bold;}
.index-corss .content .left .tit span{ color: #e60012;}
.index-corss .content .left .tit p{ margin-top: 10px; font-size: 28px; color: #3f3f3f;}
.index-corss .content .left .text{ font-size: 24px; padding:20px 0; line-height:44px; text-align: justify;}
.index-corss .content .left .text .tip{ text-align: right; font-weight: bold;}
.index-corss .content .left .book{ margin-top: 30px;}
.index-corss .content .left .book img{width:100%}
.index-corss .content .img{ width: 48%;}
.index-corss .content .img img{ width: 100%;}
.index-corss .line-div:after,
.index-corss .line-div:before{ margin-top: -3px; width: 6px; height: 6px;}

.index-news{ padding-bottom: 155px; position: relative;}
.index-news .content{ margin:-25px 0 60px; position: relative; padding: 0 20px;}
.index-news .swiper-button-prev{ left:-100px;}
.index-news .swiper-button-next{ right:-100px;}
.swiper-index-news .swiper-slide .box{ display: block; padding: 0 17px;}
.swiper-index-news .swiper-slide .img{ overflow: hidden; position:relative;}
.swiper-index-news .swiper-slide .img span{ position: absolute; top:10px; right:10px; width: 30px; height: 30px; background-size: cover; background-image:url(../images/index_news_hot.png);}
.swiper-index-news .swiper-slide .img img{ width: 100%;}
.swiper-index-news .swiper-slide p{ margin-top: 20px; font-size:20px; line-height: 36px; color: #686868; height: 72px; overflow: hidden;}
.swiper-index-news .swiper-slide .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.swiper-index-news .swiper-slide .box:hover p{ color: #e60012;}

.index-honor{ padding:110px 0 155px; position: relative;}
.index-honor .bg{  margin-bottom: 70px; background: #000000; position: relative;}
.index-honor .bg:after{ position: absolute; bottom:-14px; left:50%; margin-left: -14px; content: ""; width: 0; height: 0; border-left:14px solid transparent; border-top:14px solid #000000; border-right: 14px solid transparent;}
.index-honor .content{ position: relative; width: 100%; }
.index-honor .content .index-theme{ position: absolute; top:-110px; right:0;}
.index-honor .content .img{ float:left; width:74%; margin-left: -13%;}
.index-honor .content ul{ float: right; text-align: center; max-width:39%; padding-top:18%; color: #e60012; line-height: 40px; font-size: 30px;}
.index-honor .content ul li{ margin-bottom: 25px;}
.index-honor .content ul li p{ color: #FFFFFF; font-weight: bold;}

.index-cooperation{ padding-bottom: 150px; position: relative;}
.index-cooperation .text{ font-size:24px; line-height:44px; text-align: justify; text-align: center; letter-spacing: 1px;}
.index-cooperation ul{ margin:25px -18px 50px;}
.index-cooperation li{ padding: 24px 18px; float: left; width: 20%;}
.index-cooperation li div{ height: 210px; background: #f1f1f1; border-radius: 10px; padding: 40px 10px 50px; text-align: center;}
.index-cooperation li div p{ margin-top:5px; font-size:26px;}
.index-cooperation li:last-child div{  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.index-cooperation li:last-child a{ width: 100%;}
.index-cooperation li div i{ margin: 0 2px; display: inline-block; vertical-align: middle; width: 7px; height: 7px; background: #c9caca;}
.index-cooperation li div i:nth-child(1){ background: #e60012;}


.mao{ position: absolute; top:-178px; left:0; }
.index-mao{ position: fixed; right:40px; top:50%; z-index: 99; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.index-mao a{ display: block; margin:14px 0; width: 32px; height: 6px; position: relative;}
.index-mao a:before{ content: ""; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  left:0; width: 100%; height: 2px;  background: #666; }
.index-mao li.current a:before{ height: 6px;  background: #e60012; }





/* ========== */
/* = MOBLIE = */
/* ========== */

.mb-banner{ position: relative;}
.mb-banner .swiper-slide a{ height: calc(100vh - 1.666666rem); display: block; background-size: cover; background-position: center;}
.mb-banner .swiper-slide .text{ position: absolute; top:1.68rem; width: 100%; left:0;;}
.mb-banner .swiper-slide .text span{ display: block; margin: 0 auto 0.8rem;  width: 3.093333rem;}
.mb-banner .swiper-pagination{ bottom: 0.5rem;}
.mb-banner .swiper-pagination-bullet{ margin:0 0.04rem; width: 0.666666rem; height: 0.066666rem; background: #FFFFFF; border-radius: 0;}
.mb-banner .swiper-pagination-bullet-active{ background: #e60012;}

.mb-theme{ margin-left: 0.8rem; width: 3.426666rem; height: 3.413333rem; text-align: center; background-size:100%; background-image: url(../images/mb_theme.png); color: #FFFFFF; padding-right:0.293333rem; padding-top: 1rem; position: relative; z-index: 1;}
.mb-theme span{ display: block; font-size: 0.506666rem; font-weight: bold;}
.mb-theme p{ margin-top: 0.133333rem; font-size: 0.213333rem; text-transform:uppercase;}
.mb-theme-img{ margin-top:-1.7rem; width: 100%; height: 3.733333rem; padding: 2rem 0.8rem; font-size: 0.866666rem; font-family: 'IMPACT'; color:rgb(255,255,255,.2); position:relative;}
.mb-theme-img:after{ content: ""; display: block; position: absolute; left:4%; width: 92%; bottom: 0; height: 0.666666rem; background: #FFFFFF;}
.mb-more-button{ display: block; margin: 0 auto; height: 0.826666rem; border-radius: 0.413333rem; line-height:0.826666rem; width: 2.373333rem;  background: #e60012; color: #FFFFFF; font-size: 0.36rem; text-align: center;}

.mb-about{ padding: 1.333333rem 0.8rem 2.533333rem;}
.mb-about .theme{ text-align: center;}
.mb-about .theme span{ display: block; color: #e6e6e6; font-size: 1.066666rem; line-height: 1.066666rem; font-family: 'IMPACT'; text-transform: uppercase;}
.mb-about .theme p{ margin-top:0.2rem; font-size:0.533333rem; font-weight: bold; color: #e60012;}
.mb-about .text{ margin-top: 0.733333rem; color: #353535; font-size: 0.36rem; line-height: 0.7rem; text-align: justify;}
.mb-about ul{ margin: 0.4rem 0 1.066666rem; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.mb-about ul li span{ display: block; font-size: 1.013333rem; color: #e60012; font-weight: bold; font-family: 'IMPACT';}
.mb-about ul li{ text-align: center; }
.mb-about ul li span i{ margin-left:0.133333rem; font-size: 0.34rem; font-style: normal;}
.mb-about ul li p{ margin-top: 0.333333rem; color: #333333; font-size: 0.34rem;}

.mb-case{ padding-bottom: 2.533333rem;}
.mb-case .mb-theme-img{ text-align: right; padding-top: 0.453333rem;}
.mb-case .mb-theme-img p{ font-size:1.18rem; line-height:1.18rem; color:rgb(232,181,115,.4); }
.mb-case .mb-theme-img p span{ margin-top:-0.3rem; display: block; font-size:1.6rem; line-height:1.9rem;}
.swiper-mb-case { margin:0.3rem 0 1.066666rem;}
.swiper-mb-case .swiper-button-next,
.swiper-mb-case .swiper-button-prev{ width: 1.333333rem; height: 1.333333rem; margin-top:-0.666666rem;}
.swiper-mb-case .swiper-slide{ padding: 0 0.666666rem;}
.swiper-mb-case .swiper-slide .box{ display: block; padding: 0 0.4rem;}
.swiper-mb-case .swiper-slide .box img{ width: 100%;}
.swiper-mb-case .swiper-slide .more{ margin-bottom: 0.4rem; padding: 0 0.8rem; text-align: right;}
.swiper-mb-case .swiper-slide .more span{ position: relative; font-size:0.36rem; color: #727171; padding-right: 0.4rem;}
.swiper-mb-case .swiper-slide .more span:after{ position: absolute; top:50%; right:0; margin-top:-0.1rem; content: ""; width: 0; height: 0; border-top: 0.1rem solid transparent; border-left: 0.2rem solid #e60012; border-bottom: 0.1rem solid transparent;}
.swiper-mb-case .swiper-slide .img img{ width: 100%;}

.mb-health{ padding-bottom: 2.533333rem;}
.mb-health .mb-theme-img p{ color:rgb(232,181,115,.45);}
.mb-health .content{  padding: 0 1.133333rem;}
.swiper-mb-health{ margin:-3.333333rem 0 1.066666rem;}
.swiper-mb-health .swiper-slide{ padding-top: 4.6rem;}
.swiper-mb-health .swiper-slide .img{ position: absolute; top:0; right:-0.4rem; width: 2.666666rem; }
.swiper-mb-health .swiper-slide .small-logo img{   width: 3.466666rem;}
.swiper-mb-health .swiper-slide .tit{ margin-top: 0.8rem; font-size: 0.42rem; font-weight: bold; color: #1d1e21; text-align: center;}
.swiper-mb-health .swiper-slide .des{ position: relative; margin-top: 0.266666rem; font-size: 0.36rem; line-height: 0.7rem; color: #353535;}
.swiper-mb-health .swiper-slide .des span{ position: absolute; bottom:0; right:0; color: #e60012;}
.swiper-mb-health .swiper-slide .num{ margin-top: 0.7rem; text-align: center; font-size: 0.4rem; line-height: 0.6rem; letter-spacing: 0.04rem;}
.swiper-mb-health .swiper-slide .num span{ color: #e60012;}
.swiper-mb-health .swiper-button-next,
.swiper-mb-health .swiper-button-prev{ margin-top:0; top:auto; bottom: 0;}
.swiper-mb-health .swiper-button-next{ right:0;}
.swiper-mb-health .swiper-button-prev{ left: 0;}

.mb-corss{ padding:1.7rem 0 2.6rem; position: relative;}
.mb-corss .mb-theme{ position: absolute; top:0; right:0.8rem; padding-right: 0; padding-left:0.293333rem; background-image: url(../images/mb_theme2.png); }
.mb-corss .content{ padding:0 0.8rem 1.066666rem;}
.mb-corss .tit{ text-align: center; margin-bottom: 0.333333rem;}
.mb-corss .tit h2{ font-size: 0.48rem; color: #3f3f3f; font-weight: bold;}
.mb-corss .tit span{ color: #e60012;}
.mb-corss .tit p{ margin-top: 0.133333rem; font-size: 0.373333rem; color: #3f3f3f;}
.mb-corss .text{ font-size: 0.36rem; padding: 0.333333rem 0; line-height: 0.7rem; color: #353535; text-align: justify;}
.mb-corss .text .tip{ text-align: right; font-weight: bold;}

.mb-news{ padding-bottom: 2.626666rem;}
.mb-news .mb-theme-img{ text-align: right; padding-top: 0.453333rem;}
.mb-news .mb-theme-img p{ font-size: 1.213333rem; line-height:1.213333rem; color:rgb(255,255,255,.35); }
.mb-news .mb-theme-img p span{ margin-top:-0.13rem; display: block; font-size: 1.586666rem; line-height:  1.586666rem;}
.mb-news .content{ padding:0 1.6rem;}
.mb-news .content ul{ margin-bottom: 1rem;}
.mb-news .content li{ margin-top: 0.333333rem;}
.mb-news .content li .img{ position: relative;}
.mb-news .content li .img .hot{ position: absolute; top:0.293333rem; right: 0.333333rem; width: 0.533333rem; height: 0.533333rem; background-image:url(../images/m_ico_hot.png); background-size:cover;}
.mb-news .content li p{ margin-top: 0.2rem; font-size: 0.373333rem; line-height: 0.7rem; color: #353535;}

.mb-honor{ padding:1.7rem 0 2.533333rem; position: relative;}
.mb-honor .mb-theme{ position: absolute; top:0; right:0.8rem; padding-right: 0; padding-left:0.293333rem; background-image: url(../images/mb_theme2.png); }
.mb-honor .content{ margin-bottom:0.6rem; position:relative;}
.mb-honor .content ul{ position: absolute; top:0; left:0; width: 100%; padding:8.133333rem 0.8rem 0;  text-align: center;  font-size: 0.373333rem; line-height: 0.533333rem; color: #e60012;}
.mb-honor .content ul li{ margin-bottom: 0.3rem;}
.mb-honor .content ul li p{ color: #FFFFFF; font-weight: bold;}

.mb-cooperation{ padding-bottom: 2.133333rem;}
.mb-cooperation .content{ padding: 0.4rem 0.8rem 0;}
.mb-cooperation .content .text{ font-size: 0.36rem; line-height: 0.7rem; color: #353535; text-align: justify;}
.mb-cooperation .content ul{ margin: 0.266666rem -0.346666rem 0.8rem;}
.mb-cooperation .content li{ padding: 0.346666rem; float: left; width: 33.3333333%;}
.mb-cooperation .content li div{ background: #f0f0f0; border-radius: 0.133333rem; padding: 0.4rem 0.133333rem 0.5rem; text-align: center;}
.mb-cooperation .content li div img{ width: 0.933333rem;}
.mb-cooperation .content li div p{ margin-top: 0.03rem; font-size:0.36rem;  color: #353535;}

.mb-top{ display: none; }


/* ========== */
/* = NY = */
/* ========== */
.ny-banner{ height: 362px; width: 100%; padding-top: 180px; font-family: 'IMPACT';  color:rgb(255,255,255,.44); font-size: 114px; background-size: cover;}
.ny-banner2{  padding-top: 170px; font-size: 1.893333rem; color: rgba(232,181,115,.37);}
.ny-banner2 p{ padding-left: 30px;}

.bread{ font-size: 18px; line-height: 70px;}
.bread a{ display: inline-block; vertical-align: middle;}
.bread span{ margin: 0 5px; display: inline-block; vertical-align:  middle;}
.bread .active{ color: #e60012;}

.ny-menu{ margin: 35px auto 0; max-width: 1000px; text-align: center; font-size: 0; }
.ny-menu a{ position: relative; width: 20%; line-height: 60px; display: inline-block; vertical-align: middle; font-size: 20px; border-bottom: 1px solid #606060;}
.ny-menu a.active{ color: #e60012;}
.ny-menu a.active:after{ content: ""; position: absolute;  bottom:-1px; left:0; width: 100%; height: 6px; background: #e60012;}

.fixed-sub{ position:fixed; bottom:10%; right:5px; z-index: 99;}
.fixed-sub a{ position: relative; display: block;  margin-bottom: 4px; padding-top: 5px; width: 59px; height: 59px;  background: #e60012; color: #FFFFFF; text-align: center; border-radius:5px; }
.fixed-sub .tel div{ position: absolute; right:60px; top:0; display: none; width: 175px;}
.fixed-sub .tel:hover div{ display: block; }

.page{ text-align: center;}
.page li,
.page a,
.page span{ font-size: 18px; line-height: 40px; padding: 0 3px; border-radius: 5px; min-width: 40px; display: inline-block; margin: 0 4px;}
.page .next{ margin-left: 40px;}
.page .prev{ margin-right: 40px;}
.page li a:hover{ color: #e60012;}
.page li.active span{ background: #e60012; color: #FFFFFF;}

.flip{ margin-top: 115px; border-top: 1px solid #101010; padding-top: 40px;}
.flip a{ display: block; font-size:16px; line-height: 40px;}
.flip a:hover{ color: #e60012;}


/* ========== */
/* = ABOUT = */
/* ========== */
.about-box{ padding: 5.7% 0 8.8%;}
.about-box .img{ float: left; width: 47%; position: relative;}
.about-box .img img{ width: 100%; position: relative; z-index:1;}
.about-box .img::after{ content:""; position: absolute; z-index: 0; top:10%; left:14%; width:96%; height: 100%; background:#f2f3f3;}
.about-box .text{ float: right; width: 45%; }
.about-box .text .tit{ font-size: 36px; position: relative; letter-spacing:3px;}
.about-box .text .tit span{  margin-left: -10px; position: relative; z-index: 1; display: block; font-weight:bold; color: #e60012;}
.about-box .text .tit p{ position: relative; z-index: 1; margin-top: 10px; }
.about-box .text .tit i{ position: absolute; top:-30px; left:0; font-style: normal; font-weight: bold;  font-size: 158px; line-height: 170px; color: #f2f3f3; font-family: 'IMPACT'; display: block;}
.about-box .text .des{  margin-top: 25px; font-size: 18px; line-height: 36px; text-align: justify;}
.about-box .text .des p{ text-indent: 2em;}
.about-box .text .more{ text-align: right; margin-top:10px; }
.about-box .text .more a{ color: #e60012;}

.about-point ul{ max-width: 842px; margin:0 auto; padding: 50px 70px; border-radius: 20px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; text-align: center; background: #e60012; color: #FFFFFF; }
.about-point ul li span{ display: block; font-size:54px; font-weight: bold; font-family: 'IMPACT';}
.about-point ul li span i{ margin-left:5px; display: inline-block; font-size:18px; font-style: normal;}
.about-point ul li p{ margin-top:12px; font-size:18px;}
.about-point .bg{ margin-top:-110px; position: relative; z-index:-1; width: 100%; height: 260px; background-image: url(../images/aboout_point_img.jpg); background-size: cover; background-position: center;}

.about-tit{ padding:22px 30px; font-size: 28px; line-height: 44px; color: #c4c5c5; position: relative;}
.about-tit::after{ content:""; position: absolute; top:0; left:0; height: 100%; width: 90px; border:1px solid #e60012; border-radius: 10px;}
.about-tit span{ background: #FFFFFF; font-weight: bold; color:#e60012; display: inline-block; vertical-align: middle; margin-right: 10px; letter-spacing: 2px; position: relative; z-index:1;}
.about-tit i{  display: inline-block; vertical-align: middle; font-style: normal;} 

.about-customer{ padding: 7% 0 175px; position: relative;}
.about-customer .des{  margin-top: 55px; font-size: 18px; line-height: 38px; text-indent: 2em; letter-spacing: 1px; text-align: justify; }
.about-customer .content{ position: relative; margin-top: 30px;}
.about-customer .swiper-button-prev{ left:-100px;}
.about-customer .swiper-button-next{ right:-100px;}
.about-customer .swiper-pagination{ bottom:100px;}
.swiper-about-customer{ margin:0 -20px;}
.swiper-about-customer .swiper-wrapper{
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.swiper-about-customer li{ float: left; width:100%; padding: 23px 20px;}
.swiper-about-customer li div{ display: block; overflow: hidden; border-radius:15px; border: 1px solid rgba(0,0,0,.6);}

.about-culture{ padding-bottom:15%;}
.about-culture ul{ padding: 55px 75px 0; }
.about-culture li{ margin-top: 30px; background: #606060; color: #FFFFFF; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.about-culture li .img{ position: relative; width: 30%;}
.about-culture li .img span{ position: absolute; top:50%; left:0; display: block; margin-top: -50px; width: 100%; color: #fff; opacity:.47; font-size: 73px; line-height:100px; text-align: center; text-transform:uppercase; font-weight: bold; font-family: 'IMPACT'; }
.about-culture li .text{ width: 70%; padding:4%; position:relative;}
.about-culture li .text:after{ position: absolute; top:50%; left:-20px; margin-top:-18px; content: ""; width: 0; height: 0; border-top:18px solid transparent; border-right:22px solid #606060; border-bottom: 18px solid transparent;}
.about-culture li .text .tit{ padding-bottom: 22px; font-size: 30px; border-bottom:2px solid rgba(255,255,255,.5);}
.about-culture li .text .des{ margin-top:15px; font-size: 28px; line-height: 54px;}
.about-culture li:hover{ background: #e60012;}
.about-culture li:hover .text:after{ border-right:22px solid #e60012;}



/* ========== */
/* = ABOUTDES = */
/* ========== */
.aboutdes-box{ padding: 4% 0 10%;}
.aboutdes-box .title{ font-weight: bold; font-size: 36px; line-height: 52px;}
.aboutdes-box .img{ margin-top: 50px;}
.aboutdes-box .detail{ margin-top: 50px; font-size: 18px; line-height: 38px;}
.aboutdes-box .detail p{ text-indent: 2em; text-align: justify;}



/* ========== */
/* = FOUNDER = */
/* ========== */
.founder-box{ padding: 6% 0 8%;}
.founder-box .container{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.founder-box .img{ width: 50%; position: relative; }
.founder-box .img img{ width: 100%; border-radius: 20px;}
.founder-box .img:after{ content: ""; position: absolute; left:50%; bottom:-20px; margin-left:-14px; width: 0; height: 0; border-right:14px solid transparent; border-top:20px solid #010101; border-left: 14px solid transparent;}
.founder-box .text{ width: 46%;}
.founder-box .text .title span{ display: block; font-size: 36px; font-weight: bold;}
.founder-box .text .title p{ margin-top: 15px; font-size: 24px;}
.founder-box .text .des{ margin-top: 15px; position: relative; padding:80px 0 30px; letter-spacing: 1px;}
.founder-box .text .des:before,
.founder-box .text .des:after{ content: ""; position: absolute; width: 102px; height: 102px; background-size:cover;}
.founder-box .text .des:before{ top:0; left:0; background-image:url(../images/founder_yinhao_01.png);}
.founder-box .text .des:after{ bottom: -40px; right:0; background-image: url(../images/founder_yinhao_02.png);}
.founder-box .text .des p{ font-size: 24px; line-height: 48px; font-weight: bold; position: relative; z-index: 1;}
.founder-box .text .tip p{ position: relative; font-size: 18px; line-height: 36px; padding-left: 30px;}
.founder-box .text .tip p:before{ content: ""; position: absolute; top:14px; left:0; width: 8px; height: 8px; border-radius:2px; background: #e60012;}
.founder-thought{ padding-bottom: 11%;}
.founder-thought .tab span{ float: left; width: 49%; padding: 15px 0; margin-right: 2%; display: block; background: #000000; color: #FFFFFF; text-align: center; position:relative; cursor: pointer;}
.founder-thought .tab span:nth-child(2n){ margin-right: 0;}
.founder-thought .tab span img{ display: inline-block; vertical-align: middle;}
.founder-thought .tab span i{ margin-left:20px; display: inline-block; vertical-align: middle; font-size: 28px; font-style: normal; letter-spacing: 5px;}
.founder-thought .tab span.active{ background: #e60012;}
.founder-thought .tab span.active:after{ content: ""; position: absolute; left:50%; bottom:-20px; margin-left:-16px; width: 0; height: 0; border-right:16px solid transparent; border-top:20px solid #e60012; border-left: 16px solid transparent;}
.founder-thought .js-tab-box{ margin-top: 105px;}
.founder-thought .js-tab-con{ display: none; font-size: 18px; line-height: 36px; text-align: justify;}
.founder-thought .js-tab-con.active{ display: block;}
.founder-thought .js-tab-con .tip{ padding:45px 28px 0;}
.founder-thought .js-tab-con .tip p{ position: relative;padding-left:22px;}
.founder-thought .js-tab-con .tip p:before{ content: ""; position: absolute; top:14px; left:0; width: 8px; height: 8px; border-radius:2px; background: #e60012;}
.founder-thought ul{ margin-top: 90px;}
.founder-thought ul li{ margin-bottom: 20px;}
.founder-thought ul li a{ padding: 45px 29% 45px 7%; background: #d7d8d8; display: block; position: relative; letter-spacing:2px;}
.founder-thought ul li p{ padding-left: 40px; font-size: 30px; line-height: 58px; position: relative;}
.founder-thought ul li p:before{ content: ""; position: absolute; top:20px; left:0; width:18px; height: 18px; border-radius:2px; background: #e60012;}
.founder-thought ul li span{ position: absolute; top:0; right:0; width: 24%; height: 100%; background: #e60012;  font-size: 24px; color: #FFFFFF; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.founder-thought ul li span i{ font-style: normal; width: 100%; text-align: center;}
.founder-thought ul li span:after{ content: ""; position: absolute; top:50%; left:-14px; margin-top: -14px; content: ""; width: 0; height: 0; border-bottom:14px solid transparent; border-right:16px solid #e60012; border-top: 14px solid transparent;}


/* ========== */
/* = HONOR = */
/* ========== */
.honor-scroll{ padding:50px 0 80px;}
.honor-scroll .content{ padding: 0 80px; position: relative;}
.honor-scroll .tit{ text-align: center; font-size: 30px; color: #c4c5c5;}
.honor-scroll .tit img{ display: inline-block; vertical-align: middle;}
.honor-scroll .tit span{ display: inline-block; vertical-align: middle;}
.honor-scroll .swiper-button-next,
.honor-scroll .swiper-button-prev{ width: 80px; height: 80px;}
.swiper-honor .swiper-slide { width: 940px; padding:40px 0 65px; text-align: center;}
.swiper-honor .swiper-slide .box{ opacity: .3; }
.swiper-honor .swiper-slide p{ margin-top: 20px; font-size: 28px; opacity: 0;}
.swiper-honor .swiper-slide-active .box{ opacity:1;}
.swiper-honor .swiper-slide-active p{ opacity:1; }
.honor-scroll .swiper-pagination-bullet{ background: #606060;}
.honor-scroll .swiper-pagination-bullet-active{ background: #e60012; }
.honor-scroll .content2{ position: relative; padding: 0 1rem;}
.honor-scroll .container{ padding: 0; }
.swiper-mb-honor{ margin-top: 0.5rem; padding-bottom:0.6rem;}
.swiper-mb-honor .swiper-slide p{ margin-top: 0.25rem; font-size: 0.4rem;text-align: center; }


.honor-box{ padding-bottom: 12%;}
.honor-box ul{ margin: 7% 0 10%;}
.honor-box li{ float: left; width:49%; margin-right:2%;}
.honor-box li:nth-child(2n){ margin-right: 0;}
.honor-box li .des{ margin-top: 40px; padding-left: 8%; }
.honor-box li .des p{ font-size: 16px; line-height: 38px; position: relative; padding-left: 30px;}
.honor-box li .des p:before{ content: ""; position: absolute; top:14px; left:0; width:10px; height: 10px; border-radius:2px; background: #e60012;}



/* ========== */
/* = HISTORY = */
/* ========== */
.history-box{ padding: 5% 0 10%; background-image: url(../images/history_box_bg.jpg);}
.swiper-history-text{ max-width: 800px; margin: 0 auto;}
.swiper-history-text .swiper-slide .year{ font-size: 118px; color: #ededed; font-family: 'IMPACT';} 
.swiper-history-text .swiper-slide .des p{ font-size: 18px; line-height: 38px; position: relative; padding-left: 30px; text-align: justify;}
.swiper-history-text .swiper-slide .des p:before{ content: ""; position: absolute; top:14px; left:0; width:10px; height: 10px; border-radius:2px; background: #e60012;}
.history-box .content{ position: relative; padding-bottom: 115px;}
.history-box .content:before{ content: ""; position: absolute; width: 100%; top:150px; left:0; border-top: 1px dashed #e60012;}
.history-box .swiper-button-prev,
.history-box .swiper-button-next{ top:auto; margin-top: 0; bottom: 0; width: 46px; height: 46px;}
.history-box .swiper-button-prev{ left:50%; margin-left: -150px; background-image: url(../images/history_prev.png);}
.history-box .swiper-button-next{ right:50%; margin-right: -150px; background-image: url(../images/history_next.png);}
.swiper-history-year { margin-top: 20px;}
.swiper-history-year .swiper-slide { padding-top: 140px; text-align: center; cursor: pointer;}
.swiper-history-year .swiper-slide span{ display: block; margin: 0 auto; margin-top:6px; width: 9px; height: 9px; background: #606060; border-radius: 100%; }
.swiper-history-year .swiper-slide p{ margin-top: 5px; font-size: 24px; color: #606060;}
.swiper-history-year .swiper-slide-thumb-active span{ margin-top: 0; border: 5px solid #e60012; width: 20px; height: 20px; background: #FFFFFF; position: relative;}
.swiper-history-year .swiper-slide-thumb-active span:before{ content: ""; position: absolute; left:50%; bottom:10px; width: 1px; height: 130px; background: #e60012;}
.swiper-history-year .swiper-slide-thumb-active p{  font-family: 'IMPACT'; color:#e60012;  font-size: 36px; font-weight: bold;}

.history-bottom{ background: #282828; padding-bottom: 13%;}
.history-bottom .content{ position: relative;}
.history-bottom .img{ position: absolute; top:0; left:0; height: 100%; width: 46%;}
.history-bottom .img img{ width: 100%;}
.history-bottom .img span{ position: absolute; top:18%; left:5%; font-size: 137px; line-height: 140px; font-family: 'IMPACT'; color:#e60012; opacity: .3; }
.history-bottom .text{ float: right; width:54%; padding: 6% 0 6% 3%; color: #FFFFFF;}
.history-bottom .text .tit{ font-size: 28px; font-weight: bold; color: #e60012; letter-spacing:4px;}
.history-bottom .text .des{ margin-top: 8%; font-size: 18px; line-height: 38px; text-align: justify;}
.history-bottom .text .des p{ text-indent: 2em;}


/* ========== */
/* = CUSTOMER = */
/* ========== */
.customer{ padding: 5% 0 10%; text-align: center;}
.customer .text{ max-width: 820px; margin: 0 auto; font-size: 28px; line-height: 58px; padding:60px 40px; position: relative; letter-spacing: 3px;}
.customer .text:before,
.customer .text:after{ content: ""; position: absolute; width: 102px; height: 102px; background-size:cover;}
.customer .text:before{ top:0; left:0; background-image:url(../images/founder_yinhao_01.png);}
.customer .text:after{ bottom: 0; right:0; background-image: url(../images/founder_yinhao_02.png);}
.customer .tab{ margin:80px auto 0; max-width: 850px;}
.customer .tab span{ float: left; width: 24%; margin: 0 0.5%; line-height: 52px; background: #000000; color: #FFFFFF; font-size: 24px; letter-spacing: 1px; cursor: pointer; position: relative;}
.customer .tab span.active{ background: #e60012;}
.customer .tab span.active:after{ position: absolute; left:50%; bottom:-10px; margin-left:-8px; content: ""; width: 0; height: 0; border-left:8px solid transparent; border-top:10px solid #e60012; border-right: 8px solid transparent;}
.customer .js-tab-box{ margin-top: 90px;}
.customer .js-tab-con{ opacity: 0; height:0; overflow: hidden;}
.customer .js-tab-con.active{ opacity: 1; height: auto;}
.customer .scrollBox{ height:400px; text-align: center; }
.customer-ul{ padding-right:10px;}
.customer-ul li{ float: left; width: 16.6666%; padding: 16px;}
.customer-ul li .box{ border-radius: 15px; overflow: hidden; background: #f2f3f3;}

.zl-scrollBarBox{ height:100%; position:absolute; background:#f2f3f3;}
.zl-scrollBar{ position:absolute; left:0; top:0;  background:#e60012; transition:background 0.3s; cursor: pointer;}
.zl-scrollBar.zl-verticalBar{ min-height:10px;}
.zl-scrollBar.zl-horizontalBar{  min-width:10px;}
.zl-scrollContentDiv{  position:relative !important;  width:100% !important;  height:100% !important;  padding:0 !important; margin:0 !important; top:0;  left:0;}

.swiper-case-customer{ margin:0 -20px;}
.swiper-case-customer .swiper-wrapper{
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.swiper-case-customer li{ float: left; width:100%; padding: 23px 20px;}
.swiper-case-customer li div{ display: block; overflow: hidden; border-radius:15px; background: #f2f3f3;}



@media (max-width:1420px){ 
	/* ========== */
	/* = HONOR = */
	/* ========== */
	.swiper-honor .swiper-slide{ width:750px;}
	.honor-box li .des{ padding-left: 5%;}
	
}
@media (max-width:1300px){ 
	.honor-box li .des{ padding-left: 0;}
	
}

@media (max-width:999px){ 
	
	.more-button{ width:3.6rem; line-height: 1.2rem; height: 1.2rem; border-radius: 0.6rem; font-size: 0.46rem; letter-spacing: 0.013333rem;}
	
	/* ========== */
	/* = NY = */
	/* ========== */
	.ny-banner{ height:3.5rem; padding-top:2.2rem; font-size: 0.65rem; }
	.ny-banner2{ font-size: 0.7rem;}
	.ny-banner2 p{ padding-left: 0;}
	
	.ny-menu{ margin:0.666666rem auto 0; }
	.ny-menu a{ line-height:1.2rem; height: 1.2rem; font-size: 0.34rem; }
	.ny-menu a.active:after{ height: 3px; }
	.ny-menu2 a{ width:30%; }
	
	.page li,
	.page a,
	.page span{ font-size: 0.32rem; line-height:0.8rem; padding: 0 0.04rem; min-width: 0.8rem; margin: 0 0.02rem;}
	.page .next{ margin-left: 0.2rem;}
	.page .prev{ margin-right: 0.2rem;}

	
	.flip{ margin-top:1.066666rem; padding-top: 0.666666rem;}
	.flip a{  font-size:0.34rem; line-height: 0.8rem;}
	

	.fixed-sub a{ width:1.2rem; height: 1.2rem; font-size: 0.26rem; }
	.fixed-sub a img{ width: 0.55rem; }

	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-box{ padding:1.2rem 0;}
	.about-box .img{ width: 100%;}
	.about-box .text{ margin-top:1rem; width: 100%; }
	.about-box .text .tit{ font-size:0.53rem; letter-spacing:0.03rem;}
	.about-box .text .tit span{  margin-left:-0.266666rem;}
	.about-box .text .tit p{ margin-top: 0.133333rem; }
	.about-box .text .tit i{ font-size: 2.2rem; top:-0.5rem; line-height:3rem;}
	.about-box .text .des{  margin-top:0.533333rem; font-size: 0.4rem; line-height: 0.8rem; letter-spacing: 0.01rem;}
	.about-box .text .more{ margin-top: 0.2rem ; }
	
	.about-point ul{ padding: 0.5rem 1rem; border-radius: 0.266666rem; }
	.about-point ul li span{ font-size:0.7rem;}
	.about-point ul li span i{ margin-left:0.133333rem; font-size:0.38rem;}
	.about-point ul li p{ margin-top:0.133333rem; font-size:0.36rem;}
	.about-point .bg{ margin-top: -1.2rem; height:3rem;}
	
	.about-tit{ padding:0.266666rem 0.4rem; font-size: 0.56rem; line-height: 1rem; font-weight: bold;}
	.about-tit::after{width:1.5rem; border-radius:0.133333rem;}
	.about-tit span{ margin-right: 0.133333rem; letter-spacing: 0.026666rem;}
	
	.about-customer{ padding: 1.2rem 0 2.2rem;}
	.about-customer .des{  margin-top:0.533333rem; font-size: 0.4rem; line-height: 0.8rem;  letter-spacing: 0.01rem;}
	.about-customer .content{ margin-top: 0.4rem;}
	.about-customer .swiper-button-prev,
	.about-customer .swiper-button-next{ display: none;}
	.about-customer .swiper-pagination{ bottom:1.1rem; font-size:0.36rem;}
	.swiper-about-customer{ margin:0 -0.15rem;}
	.swiper-about-customer li{ padding:0.15rem;}
	.swiper-about-customer li div{ border-radius:0.2rem; }
	
	.about-culture{ padding-bottom: 1.2rem;}
	.about-culture ul{ padding:0.5rem 0 0; }
	.about-culture li{ margin-top:0.5rem; }
	.about-culture li .img span{ margin-top: -0.5rem; font-size: 0.6rem; line-height:1rem; }
	.about-culture li .text{ padding: 0.266666rem 0.533333rem;}
	.about-culture li .text:after{ left:-0.12rem; margin-top:-0.18rem; border-top:0.18rem solid transparent; border-right:0.18rem solid #606060; border-bottom: 0.18rem solid transparent; -webkit-transition: all ease .3s;-moz-transition: all ease .3s; -ms-transition: all ease .3s;-o-transition: all ease .3s; transition: all ease .3s;}
	.about-culture li .text .tit{ padding-bottom: 0.18rem; font-size: 0.42rem; }
	.about-culture li .text .des{ margin-top:0.12rem; font-size: 0.36rem; line-height: 0.7rem;}
	.about-culture li:hover .text:after{ border-right:0.16rem solid #e60012;}
	
	
	
	/* ========== */
	/* = ABOUTDES = */
	/* ========== */
	.aboutdes-box{ padding: 1.2rem 0;}
	.aboutdes-box .title{  font-size: 0.56rem; line-height: 0.8rem;}
	.aboutdes-box .img{ margin-top: 0.666666rem;}
	.aboutdes-box .detail{ margin-top: 0.666666rem; font-size: 0.5rem; line-height: 0.9rem;}


	/* ========== */
	/* = FOUNDER = */
	/* ========== */
	.founder-box{ padding:1.2rem 0;}
	.founder-box .container{ display: block;}
	.founder-box .img{ width: 100%; }
	.founder-box .img img{ border-radius: 0.266666rem; }
	.founder-box .text{ width:100%; margin-top: 0.8rem;}
	.founder-box .text .title span{ font-size: 0.53rem; }
	.founder-box .text .title p{ margin-top:0.2rem; font-size: 0.46rem;}
	.founder-box .text .des{ margin-top: 0.266666rem; padding:0.666666rem 0; }
	.founder-box .text .des:before,
	.founder-box .text .des:after{ width: 0.8rem; height: 0.8rem; }
	.founder-box .text .des:after{ bottom:0.3rem;}
	.founder-box .text .des p{font-size: 0.4rem; font-size: 0.5rem; line-height: 0.9rem; }
	.founder-box .text .tip p{ font-size: 0.4rem; line-height: 0.9rem; padding-left:0.35rem;}
	.founder-box .text .tip p:before{ top:0.39rem; width: 0.12rem; height: 0.12rem;}
	.founder-thought{ padding-bottom: 1.2rem;}
	.founder-thought .tab span{ padding: 0.266666rem 0;}
	.founder-thought .tab span img{ width: 0.7rem;}
	.founder-thought .tab span i{ margin-left: 0.12rem; font-size: 0.5rem; letter-spacing:0.066666rem;}
	.founder-thought .tab span.active:after{ bottom:-0.266666rem; margin-left:-0.266666rem; border-right:0.266666rem solid transparent; border-top:0.266666rem solid #e60012; border-left: 0.266666rem solid transparent;}
	.founder-thought .js-tab-box{ margin-top: 0.8rem;}
	.founder-thought .js-tab-con{ font-size: 0.4rem; line-height: 0.8rem; }
	.founder-thought .js-tab-con .tip{ padding:0.666666rem 0 0;}
	.founder-thought .js-tab-con .tip p{ position: relative; padding-left:0.35rem;}
	.founder-thought .js-tab-con .tip p:before{ top:0.39rem; width: 0.12rem; height: 0.12rem;}
	.founder-thought ul{ margin-top: 1.066666rem;}
	.founder-thought ul li{ margin-bottom: 0.333333rem;}
	.founder-thought ul li a{ padding:0.6rem 30% 0.6rem 0.4rem; letter-spacing:0.026666rem;}
	.founder-thought ul li p{ padding-left:0.45rem; font-size: 0.4rem; line-height: 0.8rem; }
	.founder-thought ul li p:before{  top:0.39rem; width:0.22rem; height: 0.22rem; border-radius:0.026666rem; }
	.founder-thought ul li span{ font-size: 0.4rem;}
	.founder-thought ul li span:after{ left:-0.213333rem; margin-top: -0.213333rem; border-bottom:0.213333rem solid transparent; border-right:0.213333rem solid #e60012; border-top: 0.213333rem solid transparent;}
	
	
	/* ========== */
	/* = HONOR = */
	/* ========== */
	.honor-scroll{ padding:1.2rem 0;}
	.honor-scroll .content{ padding: 0 1.3rem;}
	.honor-scroll .tit{ font-size: 0.5rem; }
	.honor-scroll .tit img{ width: 0.5rem;}
	.honor-scroll .swiper-button-next,
	.honor-scroll .swiper-button-prev{ margin-top: -1.2rem; width:1rem; height:1rem;}
	.swiper-honor .swiper-slide { width: 100%; padding:0.533333rem 0 1.2rem; }
	.swiper-honor .swiper-slide p{ margin-top: 0.4rem; font-size: 0.4rem;}
	
	.honor-box{ padding-bottom:1.2rem;}
	.honor-box ul{ margin:1rem 0 0;}
	.honor-box li{ width:100%; margin-bottom: 1rem; margin-right:0;}
	.honor-box li .des{ margin-top: 0.533333rem; padding-left: 0; }
	.honor-box li .des p{ font-size: 0.4rem; line-height: 0.9rem; padding-left:0.35rem;}
	.honor-box li .des p:before{ top:0.39rem; width: 0.12rem; height: 0.12rem;}
	
	
	/* ========== */
	/* = HISTORY = */
	/* ========== */
	.history-box{ padding:1.2re 0;}
	.swiper-history-text .swiper-slide .year{ font-size: 1.5rem;} 
	.swiper-history-text .swiper-slide .des p{ font-size: 0.4rem; line-height: 0.9rem;  padding-left:0.45rem; }
	.swiper-history-text .swiper-slide .des p:before{ top:0.39rem; width:0.22rem; height: 0.22rem; border-radius:0.026666rem;}
	.history-box .content{ padding-bottom: 1.2rem;}
	.history-box .content:before{ top:70px;}
	.history-box .swiper-button-prev,
	.history-box .swiper-button-next{ width: 0.7rem; height: 0.7rem;}
	.history-box .swiper-button-prev{ margin-left: -1rem;}
	.history-box .swiper-button-next{ margin-right: -1rem;}
	.swiper-history-year .swiper-slide { padding-top: 60px;}
	.swiper-history-year .swiper-slide p{ font-size: 0.46rem; }
	.swiper-history-year .swiper-slide-thumb-active p{font-size: 0.5rem;}
	
	.history-bottom{ padding-bottom:1rem;}
	.history-bottom .img{ position: relative; top:auto; left:auto; height: 5rem; width: 100%;}
	.history-bottom .img span{ font-size: 1.2rem; line-height:1.33rem; }
	.history-bottom .text{  width: 100%; padding: 0.533333rem;}
	.history-bottom .text .tit{ font-size: 0.53rem;  letter-spacing:0.04rem; }
	.history-bottom .text .des{ font-size: 0.4rem; line-height: 0.9rem; }
	
	/* ========== */
	/* = CUSTOMER = */
	/* ========== */
	.customer{ padding:1.2rem 0;}
	.customer .text{ font-size: 0.4rem; line-height: 0.8rem;  padding:0.4rem 0.533333rem; letter-spacing: 0.04rem;}
	.customer .text:before,
	.customer .text:after{width: 0.8rem; height: 0.8rem; }
	.customer .tab{ margin:1.066666rem auto 0;}
	.customer .tab span{ line-height:1rem; font-size:0.38rem; letter-spacing:0.013333rem; }
	.customer .tab span.active:after{ bottom:-0.16rem; margin-left:-0.2rem; border-right:0.2rem solid transparent; border-top:0.2rem solid #e60012; border-left: 0.2rem solid transparent;}
	.customer .js-tab-box{ margin-top:0.8rem;}
	.customer .content{ height:6.6rem; }
	.customer .scrollBox{ overflow: auto;}
	.customer .scrollBox{ height:6.6rem;}
	.customer-ul{ padding-right:0.266666rem;}
	.customer-ul li{width:25%; padding:0.15rem;}
	.customer-ul li .box{ border-radius:0.266666rem; }

	.swiper-case-customer{ margin:0 -0.15rem;}
	.swiper-case-customer li{ padding:0.15rem;}
	.swiper-case-customer li div{ border-radius:0.2rem; }
	
}




/* ========== */
/* = CASE = */
/* ========== */
.case{  padding: 50px 0 10%; background: #e6e6e6;}
.case .theme{ text-align: center; color: #000000; font-size: 30px;}
.case .theme span{ display: block; }
.case .theme p{ margin-top: 15px; font-weight: bold; }
.case ul{ margin-bottom: 85px;}
.case li{  margin-top: 40px; float: left; width: 33.33333%; padding: 0 10px;}
.case li .box{ display: block; background: #FFFFFF; padding: 15px 15px 25px; letter-spacing: 2px; }
.case li .img{ overflow: hidden;}
.case li .img img{ width: 100%;}
.case li .tit{ margin-top: 18px; text-align: center; font-weight: bold;}
.case li .tit span{ display: block; font-size: 24px; color: #e60012;}
.case li .tit p{ margin-top: 10px; font-size: 22px;}
.case li .des{ margin-top: 10px; font-size: 18px; line-height: 30px; color: #595757; height: 60px; overflow: hidden;}
.case li .more{ margin-top: 10px; text-align: right;}
.case li .more span{ font-size: 14px; color: #e60012; display: inline-block; padding-right: 25px; position:relative; }
.case li .more span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -10px; width: 20px; height: 20px; background-image: url(../images/case_ico_more.png); background-size: cover;}
.case li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}


/* ========== */
/* = CASE-DETAIL = */
/* ========== */
.case-detail{ padding: 70px 0 10%;}
.case-detail .title{ font-size: 36px; color: #000000; font-weight: bold; letter-spacing: 3px;}
.case-detail .detail{ font-size: 18px; line-height: 38px; letter-spacing: 1px; text-align: justify;}
.case-detail .detail2{ margin-top: 70px; }
.case-detail .img{ margin-top: 70px; }
.case-detail .detail p{ text-indent: 2em;}
.case-detail .detail p{ margin-bottom: 30px; }
.case-detail .detail-tit{ margin: 9% 0 30px; font-size: 30px; font-weight: bold; position: relative; padding-left: 30px; letter-spacing: 3px;}
.case-detail .detail-tit:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -8px; width: 16px; height: 16px; background: #e60012; border-radius:2px;}
.case-detail .detail-tit2{ margin:8% 0 3%; text-align: center; font-weight: bold; }
.case-detail .detail-tit2 span{ display:inline-block; padding: 0 12px; min-width: 42px; line-height: 42px; font-size: 22px; border-radius: 4px; text-align: center; background: #e60012; color: #FFFFFF;}
.case-detail .detail-tit2 h3{ margin-top: 20px; font-size: 28px; font-weight: bold; letter-spacing: 3px;}
.case-detail .detail-line{ margin-top: 5%; width: 100%; height: 2px; background: #eeeeee;}
.case-detail .case-button{ margin-top: 90px;}

.case-show{ background: #eeeeee; padding: 9% 0 10%;}
.case-show .theme{ font-size: 30px; font-weight: bold; position: relative; padding-left: 30px; letter-spacing: 2px;}
.case-show .theme:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -8px; width: 16px; height: 16px; background: #e60012; border-radius:2px;}
.case-show .tab{ margin-top: 80px; text-align: center; }
.case-show .tab span{  display: inline-block; margin: 0 2px; padding:0 20px; width: 35%; max-width: 320px; line-height: 80px; background: #000000; color: #FFFFFF; font-size: 24px; font-weight: bold;  letter-spacing:3px; cursor: pointer; position: relative;}
.case-show .tab span.active{ background: #e60012;}
.case-show .tab span.active:after{ position: absolute; left:50%; bottom:-16px; margin-left:-16px; content: ""; width: 0; height: 0; border-left:16px solid transparent; border-top:16px solid #e60012; border-right: 16px solid transparent;}
.case-show .js-tab-con{ height:0; opacity:0;}
.case-show .js-tab-con.active{ height: auto; opacity: 1;}
.case-show .js-tab-con .content{ position:relative;}
.case-show .js-tab-con .swiper-button-prev{ left:-100px;}
.case-show .js-tab-con .swiper-button-next{ right:-100px;}
.swiper-case-show .swiper-slide{ padding-top:55px;}
.swiper-case-show .swiper-slide .box{ margin: 22px 0; cursor: pointer; display: block;}
.swiper-case-show .swiper-slide .box img{ width: 100%; }
.swiper-case-show .swiper-slide p{ font-size: 28px; margin:22px 0 40px; text-align: center;}

.swiper-case-show .swiper-slide .case-video-box{ margin:50px 0; position: relative; }
.swiper-case-show .swiper-slide .case-video-box:after{ content: "";  position: absolute ; top:0; left:0; width: 100%; height: 100%; background: #000; opacity: .7; }
.swiper-case-show .swiper-slide .case-video-box .pop-text{ position: absolute; z-index: 2; color: #fff; top:50%; left:0; width: 100%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.swiper-case-show .swiper-slide .case-video-box .pop-text i{ display: block; width: 100px; height: 100px; margin:0 auto; 20px; background-image: url(../images/cese_play.png); background-size: cover; }
.swiper-case-show .swiper-slide .case-video-box .pop-text p{  margin-bottom: 0; }
.case-pop .swiper-slide img{ width: 100%; }

@media (max-width:999px){ 
	/* ========== */
	/* = CASE = */
	/* ========== */
	.case{  padding: 1.2rem 0;}
	.case .theme{  font-size: 0.5rem;}
	.case .theme p{ margin-top: 0.2rem; }
	.case ul{ margin-bottom: 0.8rem;}
	.case li{  margin-top:0.666666rem; width:100%; padding: 0;}
	.case li .tit{ margin-top: 0.3rem;}
	.case li .tit span{ font-size: 0.44rem; }
	.case li .tit p{ margin-top: 0.133333rem; font-size: 0.4rem;}
	.case li .des{ margin-top: 0.266666rem; font-size: 0.34rem; line-height: 0.6rem; height: 1.2rem; }
	.case li .more{ margin-top: 0.14rem;}
	.case li .more span{ font-size: 0.34rem;padding-right: 0.4rem;}
	.case li .more span:after{  margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; }
	
	
	/* ========== */
	/* = CASE-DETAIL = */
	/* ========== */
	.case-detail{ padding: 1.2rem 0;}
	.case-detail .title{ font-size:0.62rem; line-height: 0.8rem; text-align: left; letter-spacing: 0.02rem;}
	.case-detail .img{ margin-top:0.666666rem;}
	.case-detail .detail2{ margin-top:0.666666rem;}
	.case-detail .detail{ font-size: 0.5rem; line-height: 0.9rem; letter-spacing: 0.01rem;}
	.case-detail .detail-tit{ margin: 0.8rem 0 0.4rem; font-size: 0.56rem; padding-left: 0.45rem; letter-spacing: 0.026666rem;}
	.case-detail .detail-tit:before{ margin-top: -0.133333rem; width: 0.266666rem; height: 0.266666rem;}
	.case-detail .detail-tit2{ margin: 0.8rem 0 0.4rem; }
	.case-detail .detail-tit2 span{ padding: 0 0.266666rem; min-width:0.8rem; line-height:0.8rem; border-radius: 0.04rem;  font-size:0.52rem;}
	.case-detail .detail-tit2 h3{ margin-top: 0.266666rem; font-size: 0.56rem; letter-spacing: 0.026666rem;}
	.case-detail .case-button{ margin-top: 0.8rem;}
	
	.case-show{  padding: 1.2rem 0;}
	.case-show .theme{ margin-bottom:0.533333rem; font-size: 0.56rem; padding-left: 0.45rem; letter-spacing: 0.026666rem;}
	.case-show .theme:before{ margin-top: -0.133333rem; width: 0.266666rem; height: 0.266666rem;}
	.case-show .tab{ margin-top: 1rem; }
	.case-show .tab span{ font-size: 0.46rem; line-height: 1.2rem; letter-spacing: 0.026666rem;}
	.case-show .tab span.active:after{ bottom:-0.22rem; margin-left:-0.25rem; border-left:0.266666rem solid transparent; border-top:0.266666rem solid #e60012; border-right: 0.266666rem solid transparent;}
	.case-show .js-tab-con .content{ padding: 0 0.666666rem;}
	.case-show .js-tab-con .swiper-button-prev{ left:0;}
	.case-show .js-tab-con .swiper-button-next{ right:0;}
	.swiper-case-show .swiper-slide{ padding-top:1.2rem;}
	.swiper-case-show .swiper-slide p{ font-size: 0.44rem; margin:0.4rem 0 0.533333rem;}
	.swiper-case-show .swiper-slide .case-video-box{ margin:0.5rem 0; }
	.swiper-case-show .swiper-slide .case-video-box .pop-text i{ width: 1.2rem; height: 1.2rem; }
	
}






/* ========== */
/* = HEALTH = */
/* ========== */
.health{ padding: 4% 0 8%;}
.health ul{ margin-bottom: 90px;}
.health li{ float: left; margin-top: 30px; width: 32%; margin-right: 2%;}
.health li:nth-child(3n){ margin-right:0;}
.health li:nth-child(3n+1){ clear: both;}
.health li .box{ display: block; border: 2px solid #d8d8d8; padding: 15px 15px 20px; letter-spacing: 2px;}
.health li .img{ overflow: hidden; position: relative;}
.health li .img img{ width: 100%;}
.health li .img .tip{ position: absolute; z-index: 2; left:24px; top:0; width: 30px; line-height: 22px; height: 34px; background-image: url(../images/health_tip.png); font-size: 13px; color: #FFFFFF; text-align: center;}
.health li .tit{ padding: 20px 0; border-bottom: 1px solid #d8d8d8; }
.health li .tit span{ display: block; font-size: 24px; font-weight: bold; }
.health li .tit p{ margin-top: 8px; font-size:18px;}
.health li .des{ margin-top: 10px; font-size: 18px; line-height: 30px; color: #9fa0a0; height: 90px; overflow: hidden;}
.health li .more{ margin-top: 5px; text-align: right;}
.health li .more span{ font-size: 14px; color: #e60012; display: inline-block; padding-right: 25px; position:relative; }
.health li .more span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -10px; width: 20px; height: 20px; background-image: url(../images/case_ico_more.png); background-size: cover;}
.health li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.health li .box:hover .tit span{ color: #e60012;}


/* ========== */
/* = HEALTH_DETAIL = */
/* ========== */
.health-detail .detail-tit{ margin-top: 5%;}
.health-detail-box{ padding:5% 0;}
.health-detail-box .health-title{ font-size: 30px; position: relative; color: #000000; font-weight:bold; letter-spacing: 3px; padding-left: 30px;}
.health-detail-box .health-title:before{ content: ""; position: absolute; margin-top: -19px; top:50%; left:0; width: 5px; height: 38px; background: #d70012;}
.health-detail-box .des{ margin-top: 27px; font-size: 24px; color: #e60012; font-weight: bold; position:relative; padding-left: 30px;}
.health-detail-box .des:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -6px; width: 12px; height: 12px; background: #e60012; border-radius:2px;}
.health-detail-box .health-tit{ text-align: center; margin:40px 0;}
.health-detail-box .health-tit span{ display: block; font-size: 28px; letter-spacing: 3px; font-weight:bold;}
.health-detail-box .health-tit p{ font-size: 20px; margin-top: 20px;}
.health-detail-box .more{  color: #e60012; }
.relavant-health{ margin: 50px 0;}
.relavant-health .tit{ font-size: 16px; color: #000000; font-weight: bold;}
.relavant-health ul{ margin-top: 10px;}
.relavant-health li a{ display: block; position: relative; padding-left: 22px; line-height: 36px; font-size: 16px;}
.relavant-health li a:before{ content: ""; position: absolute; top:50%; left:5px; margin-top: -4px; width: 8px; height: 8px; background: #e60012; border-radius:2px;}
.relavant-health li a:hover{ color: #e60012;}

/* ========== */
/* = INSIGHT = */
/* ========== */
.insight{ padding: 5% 0 8%;}
.insight-list{ margin-bottom: 80px;}
.insight-list li{ margin-bottom: 35px; float: left; width: 49%; margin-right:2%;}
.insight-list li:nth-child(2n){ margin-right:0;}
.insight-list li:nth-child(2n+1){ clear: both;}
.insight-list li .box{ display: block;  border:1px solid #d8d8d8; padding: 24px; background: #FFFFFF;}
.insight-list li .box .img{ float: left; width:165px;}
.insight-list li .box .img img{ width: 100%;}
.insight-list li .box .text{ margin-left: 185px;}
.insight-list li .box .text .tit{ font-size: 24px; line-height: 35px; height: 70px; overflow: hidden;}
.insight-list li .box .text .des{ margin-top: 5px; font-size: 18px; line-height: 36px; height:72px; overflow: hidden; color: #727171;}
.insight-list li .box .more{ margin-top: 5px; text-align: right;}
.insight-list li .box .more span{ font-size:20px; color: #e60012; display: inline-block; padding-right:35px; position:relative; letter-spacing: 2px; }
.insight-list li .box .more span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -15px; width: 30px; height: 30px; background-image: url(../images/ico_more.png); background-size: cover;}
.plan{ background: #e6e6e6;}
.plan .insight-list li .box{ border: 1px solid #FFFFFF;}



@media (max-width:999px){ 
	/* ========== */
	/* = HEALTH = */
	/* ========== */
	.health{ padding:0.7rem 0 1.2rem;}
	.health ul{ margin-bottom: 0.6rem;}
	.health li{ margin-top: 0.6rem; width:100%; margin-right: 0;}
	.health li .box{ padding:0.333333rem 0.333333rem 0.4rem; letter-spacing: 0.026666rem;}
	.health li .tit{ padding: 0.306666rem 0; }
	.health li .tit span{ font-size: 0.42rem; }
	.health li .tit p{ margin-top:0.2rem; font-size:0.34rem;}
	.health li .des{ margin-top: 0.2rem; font-size: 0.34rem; line-height: 0.6rem; height: 1.8rem; }
	.health li .more{ margin-top: 0.12rem;}
	.health li .more span{ font-size: 0.32rem; padding-right: 0.4rem;}
	.health li .more span:after{  margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; }

	
	/* ========== */
	/* = HEALTH_DETAIL = */
	/* ========== */
	.health-detail-box{ padding:1.2rem 0;}
	.health-detail-box .health-title{ font-size: 0.44rem;letter-spacing: 0.04rem; padding-left:0.4rem;}
	.health-detail-box .health-title:before{ margin-top: -0.25rem;  width:0.1rem; height:0.5rem; }
	.health-detail-box .des{ margin-top: 0.32rem; font-size: 0.38rem; padding-left: 0.4rem;}
	.health-detail-box .des:before{ margin-top: -0.1rem; width: 0.2rem; height: 0.2rem;}
	.health-detail-box .health-tit{  margin:0.533333rem 0;}
	.health-detail-box .health-tit span{ font-size: 0.4rem; letter-spacing: 0.04rem; }
	.health-detail-box .health-tit p{ font-size: 0.36rem; margin-top: 0.266666rem;}
	.relavant-health{ margin: 0.8rem 0;}
	.relavant-health .tit{ font-size: 0.4rem; }
	.relavant-health li a{ padding-left:0.5rem; line-height: 0.82rem; font-size: 0.36rem;}
	.relavant-health li a:before{ left:0.133333rem; margin-top: -0.1rem; width: 0.2rem; height: 0.2rem;}
		
		
	/* ========== */
	/* = INSIGHT = */
	/* ========== */
	.insight{ padding:1.2rem 0;}
	.insight-list{ margin-bottom:0.6rem;}
	.insight-list li{ margin-bottom:0.666666rem; width: 100%; margin-right:0%;}
	.insight-list li .box{ padding: 0.3rem;}
	.insight-list li .box .img{  width:3rem;}
	.insight-list li .box .text{ margin-left: 3.4rem;}
	.insight-list li .box .text .tit{ font-size: 0.38rem; line-height: 0.533333rem; height: 1.066666rem; }
	.insight-list li .box .text .des{ margin-top: 0.1rem; font-size: 0.36rem; line-height: 0.66rem; height:1.2rem;}
	.insight-list li .box .more{ margin-top: 0.1rem;}
	.insight-list li .box .more span{ font-size: 0.32rem; padding-right: 0.5rem; letter-spacing: 0.026666rem;}
	.insight-list li .box .more span:after{  margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; }

	
}





/* ========== */
/* = THOUGHT = */
/* ========== */
.thought-menu a{ border-bottom: none;}
.thought{ background: #e6e6e6; padding-bottom:  105px;}
.thought-box{ background: #1c1c20;}
.thought-box .container{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.thought-box .img{ width: 50%;}
.thought-box .text{ width: 50%; color: #FFFFFF;  font-size:20px; line-height:44px; position:relative; text-align: justify;}
.thought-box .text .des{ text-indent: 2em; }
.thought-box .text .des:before,
.thought-box .text .des:after{ content: ""; position: absolute; width: 102px; height: 102px; background-size:cover;}
.thought-box .text .des:before{ top:-120px; left:-30px; background-image:url(../images/thought_yinhao_01.png);}
.thought-box .text .des:after{ bottom: -120px; right:-40px; background-image: url(../images/thought_yinhao_02.png);}
.thought-box .text .tip{ margin-top: 20px; text-align:right; font-weight: bold;}
.thought-box .text .tip span{ margin-bottom:5px; font-size: 30px; display: block;}

.thought-detail{ margin-top: -50px; padding:70px 7% 110px; position: relative; background: #FFFFFF;}
.thought-detail:before{ position: absolute; left:50%; top:-20px; margin-left:-10px; content: ""; width: 0; height: 0; border-left:20px solid transparent; border-bottom:20px solid #FFFFFF; border-right: 20px solid transparent;}
.thought-detail .detail-tit2:first-child{ margin-top: 0;}
.thought-detail .line{  margin: 110px 0; width: 100%; height: 1px; background: #000000;}
.thought-detail .detail p{ margin-bottom: 0; }
.thought .erweima-div{ margin-top: 95px; text-align: center;}
.thought .erweima-div div{ display: inline-block; vertical-align: top; margin: 0 3%;}
.thought .erweima-div p{ margin-top: 25px; font-size: 24px;}


/* ========== */
/* = MONOGRAPH = */
/* ========== */
.monograph{ background: #e6e6e6; padding-bottom: 9%;}
.monograph ul{ margin-top: -30px; position: relative;}
.monograph ul:before{ position: absolute; left:50%; top:-20px; margin-left:-10px; content: ""; width: 0; height: 0; border-left:20px solid transparent; border-bottom:20px solid #FFFFFF; border-right: 20px solid transparent;}
.monograph li{ margin-bottom: 50px; background: #FFFFFF; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; padding: 60px 80px 100px;}
.monograph li:last-child{ margin-bottom: 0;}
.monograph li .text{ width: 65%; text-align: justify;}
.monograph li .text .tit{ font-size: 30px; font-weight:bold; line-height: 50px; position:relative; padding-left: 40px;}
.monograph li .text .tit:before{ content: ""; position: absolute; top:16px; left:0; width:18px; height: 18px; border-radius:2px; background: #e60012;}
.monograph li .text .des{ margin-top: 30px; padding-top: 40px; border-top: 1px dashed #606060; font-size: 18px; line-height: 38px; text-align: justify;}
.monograph li .text .des p{ text-indent: 2em;}
.monograph li .img{ width: 30%; text-align: center;}
.monograph li .img .button a{ margin: 10px 3px 0; display: inline-block; line-height: 40px; color: #FFFFFF; background: #d70012; font-size: 18px; padding: 0 10px; position:relative;}
.monograph li .img .button a:before{ position: absolute; top:-8px; left:50%; margin-left: -8px; content: ""; width: 0;  height: 0; border-bottom: 10px solid #d70012;  border-right: 10px solid transparent; border-left: 10px solid transparent;}
.monograph li .img .button .zhuzuo-pop-button{ background: #000000;}
.monograph li .img .button .zhuzuo-pop-button:before{ border-bottom: 10px solid #000000;}

@media (max-width:1380px){
	.monograph li .img .button a{ font-size: 15px;}
	
}


/* ========== */
/* = ZHUZUO-POP = */
/* ========== */
.zhuzuo-pop .content{ max-width: 1200px; width: 90%; border-radius:15px; overflow: hidden; padding:6% 8%;}
.zhuzuo-pop .content .close{ position: absolute; right:auto; left:40px; top:40px; width: 80px; padding-left: 30px; font-size: 20px; line-height: 36px; color: #d70012;}
.zhuzuo-pop .content .close:before{ position: absolute; top:0;  left:0; content:"";  width: 22px; height: 36px; display: block; background-image:url(../images/zhuzuo_return.png); background-size: cover;}
.zhuzuo-pop .box{ padding: 0 5%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }
.zhuzuo-pop .box .img{ width: 30%;}
.zhuzuo-pop .box .text{ width: 65%; text-align:left;}
.zhuzuo-pop .box .text .tit{ margin-left: -15px; font-size: 36px; color: #000000; font-weight: bold;}
.zhuzuo-pop .box .text .des{ font-size: 24px; margin-top: 20px; color: #000000;}
.zhuzuo-pop .box .text .button-div{ position: relative; margin-top: 20px;}
.zhuzuo-pop .box .text .button-div .button{ margin-right: 30px; display: inline-block; text-align: center; background: #ececed; width: 205px; line-height: 60px; border-radius:30px; color: #000000; font-size: 0;}
.zhuzuo-pop .box .text .button-div .button:nth-child(2){ background: #d70012; color: #FFFFFF;}
.zhuzuo-pop .box .text .button-div .button:before{ content:""; display: inline-block; vertical-align: middle;  width: 30px; height: 30px; content: ""; background-size:cover;}
.zhuzuo-pop .box .text .button-div .button:nth-child(2):before{ background-image:url(../images/zhuzuo_ico1.png);}
.zhuzuo-pop .box .text .button-div .button:nth-child(1):before{ background-image:url(../images/zhuzuo_ico2.png);}
.zhuzuo-pop .box .text .button-div .button i{ margin-left: 10px; font-size: 24px;  font-style: normal; vertical-align: middle; display: inline-block;}
.zhuzuo-pop ul{ margin-top: 20px; font-size: 0; height: 460px; overflow-y: scroll;}
.zhuzuo-pop li { border-bottom: 1px solid #f5f5f6; text-align: left; padding: 0 5%;}
.zhuzuo-pop li span{ padding:25px 10px; display: inline-block; vertical-align: top; width: 30%; font-size: 24px; color: #000000;}
.zhuzuo-pop li:nth-child(1) span{ font-weight: bold;}
.zhuzuo-pop li:nth-child(1) span:nth-child(1){ padding: 25px 20px;}
.zhuzuo-pop li .span-01{ width: 75%;}
.zhuzuo-pop li .span-02{ width: 15%;}
.zhuzuo-pop li .span-03{ width:10%; text-align: center;}
.zhuzuo-pop li .button-play{ display: inline-block; background-image:url(../images/zhuzuo_play.png); width: 40px; height: 40px; background-size: cover;}
.share-pop{ display: none; position: absolute; top:0; left:240px; width: 150px; text-align: center; background:#f0f0f0;  padding: 10px; border-radius: 10px;}

.zhuzuo-detail{ padding: 5% 0; }
.zhuzuo-detail .return{ padding-left: 30px; font-size: 20px; line-height: 36px; color: #d70012; position: relative;}
.zhuzuo-detail .return:before{ position: absolute; top:0;  left:0; content:"";  width: 22px; height: 36px; display: block; background-image:url(../images/zhuzuo_return.png); background-size: cover;}
.zhuzuo-detail .title{ margin-top: 40px; font-size: 34px; font-weight:bold; color: #000; }
.zhuzuo-detail .img-div{position:relative;}
.zhuzuo-detail img{ margin-top: 30px; width: 100%; }
.zhuzuo-detail audio{ position: absolute; bottom: 0; left:0; width: 100%; }


@media ( max-height:890px){ 
	.zhuzuo-pop .content{ padding: 5% 5% 3%;}
	.zhuzuo-pop .content .close{ top:30px; left:30px;}
	.zhuzuo-pop .box .text .tit{ font-size: 32px;}
	.zhuzuo-pop .box .text .des{ font-size: 20px;}
	.zhuzuo-pop .box .text .button-div .button{ width: 200px; line-height: 50px; border-radius: 25px; font-size: 20px;}
	.zhuzuo-pop .box .text .button-div .share-pop{ left:220px; }
	.zhuzuo-pop ul{ height: 380px;}
	.zhuzuo-pop li span{ padding: 15px 10px; font-size: 20px;}
}
@media (max-height:760px){ 
	.zhuzuo-pop ul{ height: 300px;}
}

@media( max-width:999px){ 
	.zhuzuo-pop .content{border-radius:0.266666rem; }
	.zhuzuo-pop .content .close{ left:0.4rem; top:0.4rem; width: 1.6rem; padding-left:0.35rem; font-size:0.346666rem; line-height:0.48rem;}
	.zhuzuo-pop .content .close:before{  width: 0.293333rem; height:0.48rem;}
	.zhuzuo-pop .box{ display: block;}
	.zhuzuo-pop .box .img{ width:60%; margin: 0 auto;}
	.zhuzuo-pop .box .text{ margin-top: 0.3rem; width: 100%; }
	.zhuzuo-pop .box .text .tit{ margin-left: -0.2rem; font-size:0.5rem;}
	.zhuzuo-pop .box .text .des{ font-size: 0.4rem; margin-top: 0.266666rem;}
	.zhuzuo-pop .box .text .button-div{ display:none; margin-top: 0.4rem;}
	.zhuzuo-pop .box .text .button-div .button{ margin-right:0.266666rem; width: 2.666666rem; line-height: 0.9rem; border-radius:0.45rem; }
	.zhuzuo-pop .box .text .button-div .button:before{ width: 0.4rem; height: 0.4rem;}
	.zhuzuo-pop .box .text .button-div .button i{ margin-left: 0.1rem; font-size: 0.4rem;}
	.zhuzuo-pop .box .text .button-div .share-pop{ left:2.9rem; }
	.zhuzuo-pop ul{ margin-top: 0.4rem; height: 4rem; }
	.zhuzuo-pop li span{ padding:0.266666rem 0.2rem;  font-size: 0.36rem; }
	.zhuzuo-pop li:nth-child(1) span:nth-child(1){ padding: 0.266666rem 0.366666rem;}
	.zhuzuo-pop li .span-01{ width: 65%;}
	.zhuzuo-pop li .span-02{ width:25%;}
	.zhuzuo-pop li .span-03{ width:10%; }
	.zhuzuo-pop li .button-play{ width: 0.533333rem; height: 0.533333rem; }

	.zhuzuo-detail{ padding-top: 2rem; }
	.zhuzuo-detail .title{ font-size: 0.5rem; }
	.zhuzuo-detail .return{ padding-left:0.35rem; font-size:0.346666rem; line-height:0.48rem;}
	.zhuzuo-detail .return:before{  width: 0.293333rem; height:0.48rem;}
}



/* ========== */
/* = COLUMN = */
/* ========== */
.column{  background: #e6e6e6; padding: 4% 0 8%;}
.column ul{ margin-bottom: 60px;}
.column li{ float: left; margin-bottom: 40px; width: 49.5%; margin-right: 1%;}
.column li:nth-child(2n){ margin-right: 0;}
.column li .box{ display: flex; flex-flow: wrap; justify-content: space-between;  background: #FFFFFF; padding: 25px 20px; position:relative;}
.column li .box .img{  width: 43%; overflow: hidden;}
.column li .box .img img{ width: 100%;}
.column li .box .text{ width: 47%; padding-top: 10px;}
.column li .box .text .tit{ font-size: 24px; line-height:35px; min-height: 105px;}
.column li .box .text .more{ position: absolute; bottom: 25px; right:20px;}
.column li .box .text .more span{ font-size:18px; color: #e60012; display: inline-block; padding-right:35px; position:relative; letter-spacing: 2px; }
.column li .box .text .more span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -15px; width: 30px; height: 30px; background-image: url(../images/ico_more.png); background-size: cover;}
.column li .box:hover .text .tit{ overflow: hidden;}
.column li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}


/* ========== */
/* = EXPERT = */
/* ========== */
.expert{ background: #e6e6e6; padding: 4% 0 8%;}
.expert .about-tit{ margin-top: 120px;}
.expert-box { margin-bottom: 40px; background: #FFFFFF; padding: 40px;}
.expert-box .img{ float: left; width:39%;}
.expert-box .img img{ width: 100%;}
.expert-box .text{ float: right; width: 61%; padding:20px 40px;}
.expert-box .text .tit{ font-size: 28px; font-weight: bold; position:relative; padding-left: 28px; letter-spacing: 2px;}
.expert-box .text .tit:before{ content: ""; position: absolute; top:50%; left:0; width: 18px; height: 18px; margin-top: -9px; background: #e60012; border-radius:3px;}
.expert-box .text .des{ margin-top: 5px; font-size: 20px; line-height: 32px;}
.expert-box .text .con{ margin-top: 50px; font-size: 18px; line-height: 44px; color: #595757; text-align: center;}
.expert-list{ margin: 80px 0;}
.expert-list li{ float: left; margin-bottom: 44px; width: 49%; margin-right:2%;}
.expert-list li:nth-child(2n){ margin-right: 0;}
.expert-list li .box{ background: #FFFFFF; padding: 28px 25px; position:relative;}
.expert-list li .box .img{ float: left; width:39%;}
.expert-list li .box .img img{ width: 100%;}
.expert-list li .box .text{ float: right; width: 61%; padding:0 20px;}
.expert-list li .box .text span{ font-size: 28px; font-weight: bold; position:relative; padding-left: 28px; letter-spacing: 2px;}
.expert-list li .box .text span:before{ content: ""; position: absolute; top:50%; left:0; width: 18px; height: 18px; margin-top: -9px; background: #e60012; border-radius:3px;}
.expert-list li .box .text p{ margin-top: 5px; font-size: 20px; line-height: 32px;}
.expert-list li .box i{ position: absolute; bottom: 35px; right: 0; width: 61%; text-align: left; padding: 0 20px; font-size: 18px; color: #e5e5e5; text-transform: uppercase; font-style: normal;}



/* ========== */
/* = RESEARCH = */
/* ========== */
.research{ padding: 5% 0 10%; background-image: url(../images/research_bg.jpg); background-position: bottom center;}
.research .tit{ font-size: 30px; font-weight: bold; text-align:center;}
.research .des{ margin-top: 4%; font-size: 18px; line-height: 36px; text-align: justify;}


@media (max-width:1300px){ 
	/* ========== */
	/* = THOUGHT = */
	/* ========== */
	.thought-box .text{ font-size: 18px; line-height: 32px;}
	.thought-box .text .des:before,
	.thought-box .text .des:after{ width:70px; height: 70px; }
	.thought-box .text .des:before{ top:-90px; }
	.thought-box .text .des:after{ bottom: -90px; }
	.thought-box .text .tip span{ font-size: 22px;}
	
	/* ========== */
	/* = EXPERT = */
	/* ========== */
	.expert-box .text .tit{ font-size: 24px;}
	.expert-box .text .con{ font-size: 16px; line-height: 32px;}
	.expert-box .text .des{ font-size: 18px; line-height: 30px;}
	.expert-list li .box .text span{ font-size: 24px;}
	.expert-list li .box .text p{ font-size: 18px; line-height: 30px;}
	
	/* ========== */
	/* = COLUMN = */
	/* ========== */
	.column li .box .text .tit{ font-size: 20px; line-height:30px; min-height: 90px;}
}

@media (max-width:999px){ 
	
	/* ========== */
	/* = THOUGHT = */
	/* ========== */
	.thought{  padding-bottom:  1.2rem;}
	.thought-box .container{ display: block;}
	.thought-box .img{ width: 100%;}
	.thought-box .text{ padding: 0.8rem 0 2rem; width: 100%; font-size: 0.4rem; line-height: 0.8rem;}
	.thought-box .text .des:before,
	.thought-box .text .des:after{  width: 0.666666rem; height: 0.666666rem;}
	.thought-box .text .des:before{ top:0; left:0; }
	.thought-box .text .des:after{ bottom:1rem; right:0;}
	.thought-box .text .tip{ margin-top: 0.266666rem;}
	.thought-box .text .tip span{ margin-bottom:0.133333rem; font-size: 0.44rem;}
	
	.thought-detail{ margin-top: -0.666666rem; padding: 1.2rem 0.4rem;}
	.thought-detail:before{ top:-0.3rem; margin-left:-0.15rem; border-left:0.3rem solid transparent; border-bottom:0.3rem solid #FFFFFF; border-right: 0.3rem solid transparent;}
	.thought-detail .line{  margin: 1.2rem 0;}
	.thought-detail .detail p{ margin-bottom: 0; }
	.thought .erweima-div{ margin-top: 0.933333rem;}
	.thought .erweima-div div { margin: 0 0 0.666666rem;}
	.thought .erweima-div div img{ width: 3rem;}
	.thought .erweima-div p{ margin-top: 0.23rem; font-size: 0.4rem;}
		
	/* ========== */
	/* = MONOGRAPH = */
	/* ========== */
	.monograph{ padding-bottom: 1.2rem;}
	.monograph ul{ margin-top:-0.2rem;}
	.monograph ul:before{  top:-0.3rem; margin-left:-0.15rem; border-left:0.3rem solid transparent; border-bottom:0.3rem solid #FFFFFF; border-right: 0.3rem solid transparent;}
	.monograph li{ margin-bottom:0.666666rem; display: block; padding:0.666666rem;}
	.monograph li .text{ width: 100%;}
	.monograph li .text .tit{ font-size: 0.56rem; line-height: 0.9rem; padding-left: 0.4rem; letter-spacing: 0.026666rem;}
	.monograph li .text .tit:before{ top:0.25rem; width: 0.24rem; height: 0.24rem; }
	.monograph li .text .des{ margin-top: 0.4rem; padding-top: 0.533333rem; font-size: 0.5rem; line-height: 0.9rem;}
	.monograph li .img{ margin-top: 0.666666rem; width: 100%;}
	.monograph li .img img{ width: 60%;}
	.monograph li .img a{ margin-top:0.533333rem; font-size:0.4rem; padding-right:0.533333rem; letter-spacing: 0.026666rem; }
	.monograph li .img a:after{ margin-top: -0.2rem; width: 0.4rem; height:0.4rem;}
	
	
	/* ========== */
	/* = COLUMN = */
	/* ========== */
	.column{  padding: 1.2rem 0;}
	.column ul{ margin-bottom: 0.5rem;}
	.column li{margin-bottom:0.666666rem; width:100%; margin-right:0;}
	.column li .box{ padding: 0.333333rem;}
	.column li .box .text{  padding-top: 0.2rem;}
	.column li .box .text .tit{ font-size: 0.36rem; line-height:0.6rem; min-height: 1.8rem;}
	.column li .box .text .more{ bottom:0.35rem; right:0.333333rem;}
	.column li .box .text .more span{ font-size: 0.34rem; padding-right: 0.5rem; letter-spacing: 0.026666rem;}
	.column li .box .text .more span:after{  margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; }

	
	/* ========== */
	/* = EXPERT = */
	/* ========== */
	.expert{ padding: 1.2rem 0;}
	.expert .about-tit{ margin-top: 1.2rem;}
	.expert-box { margin-bottom: 0.666666rem; padding: 0.3rem;}
	.expert-box .img{ width: 100%;}
	.expert-box .text{  width: 100%; padding:0.533333rem 0;}
	.expert-box .text .tit{ font-size: 0.5rem;  padding-left: 0.4rem; letter-spacing: 0.026666rem;}
	.expert-box .text .tit:before{ width: 0.24rem; height: 0.24rem; margin-top: -0.12rem; }
	.expert-box .text .des{ margin-top: 0.133333rem; font-size: 0.4rem; line-height:0.7rem;}
	.expert-box .text .con{ margin-top: 0.4rem; font-size: 0.4rem; line-height: 0.76rem;}
	.expert-list{ margin: 0.8rem 0;}
	.expert-list li{ width: 100%; margin-bottom: 0.666666rem; margin-right: 0;}
	.expert-list li .box{ padding:0.3rem;}
	.expert-list li .box .img{ float: left; width:39%;}
	.expert-list li .box .text{ padding:0 0.3rem;}
	.expert-list li .box .text span{ font-size: 0.52rem;  padding-left: 0.4rem; letter-spacing: 0.026666rem;}
	.expert-list li .box .text span:before{  width: 0.24rem; height: 0.24rem; margin-top: -0.12rem; }
	.expert-list li .box .text p{ margin-top: 0.133333rem; font-size: 0.4rem; line-height:0.74rem;}
	.expert-list li .box i{  bottom: 0.4rem; padding: 0 0.3rem;; font-size: 0.44rem;}
		
		
	/* ========== */
	/* = RESEARCH = */
	/* ========== */
	.research{ padding:1.2rem 0; }
	.research .tit{ font-size: 0.52rem; }
	.research .des{ margin-top: 0.5rem; font-size: 0.5rem; line-height: 0.9rem;}
	
}




/* ========== */
/* = NEWS = */
/* ========== */
.news-banner{ background-position:80%;}
.news-box{ padding: 4% 0 6%;}
.news-box .content{ position: relative;}
.news-box .button{ position: absolute; bottom:20px; right:0; width: 42%;}
.news-box .swiper-button-prev,
.news-box .swiper-button-next{ top:auto; margin-top: 0; bottom: 0; width: 46px; height: 46px;}
.news-box .swiper-button-prev{ left:50%; margin-left: -100px; background-image: url(../images/history_prev_gary.png);}
.news-box .swiper-button-next{ right:50%; margin-right: -100px; background-image: url(../images/history_next_gary.png);}
.news-box .swiper-button-prev:hover{ background-image: url(../images/history_prev.png);}
.news-box .swiper-button-next:hover{ background-image: url(../images/history_next.png);}
.swiper-news-top .box{ display: block;}
.swiper-news-top .box .img{ float: left; width: 54%; overflow: hidden; position:relative;}
.swiper-news-top .box .img img{ width: 100%;}
.swiper-news-top .box .img span{ position: absolute; top:20px; right:5px; background-image: url(../images/news_hot.png); width: 63px; height: 63px; background-size: 100%; display: block;}
.swiper-news-top .box .text{ float: right; width: 42%; text-align: justify; letter-spacing: 2px;}
.swiper-news-top .box .text .tit{ font-size: 30px; line-height: 44px; font-weight: bold;}
.swiper-news-top .box .text .des{ margin-top: 30px; font-size: 18px; line-height: 34px; color: #595757;}
.swiper-news-top .box .text .more{ margin-top: 20px; text-align: right;}
.swiper-news-top .box .text .more span{ font-size:18px; color: #e60012; display: inline-block; padding-right:35px; position:relative; letter-spacing: 2px; }
.swiper-news-top .box .text .more span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -15px; width: 30px; height: 30px; background-image: url(../images/ico_more.png); background-size: cover;}
.swiper-news-top .box:hover .img img{ transform: scale(1.1); -webkit-transform:scale(1.1); }
.swiper-news-top .box:hover .text .tit{ color: #e60012; }

.news{ padding: 4% 0 8%; background: #e6e6e6;}
.news-list{ margin-bottom: 70px;}
.news-list li{ margin-bottom: 33px; float: left; width: 32%; margin-right: 2%;}
.news-list li:nth-child(3n){ margin-right: 0;}
.news-list li:nth-child(3n+1){ clear: both;}
.news-list li .box{ display: block; background: #FFFFFF; padding: 20px;}
.news-list li .box .img{ overflow: hidden;}
.news-list li .box .img img{ width: 100%;}
.news-list li .box .tit{ margin-top: 20px; font-size: 18px; line-height: 26px; height: 52px; overflow: hidden;}
.news-list li .box .more{ margin-top: 5px; text-align: right;}
.news-list li .box .more span{ font-size: 14px; color: #e60012; display: inline-block; letter-spacing: 2px; padding-right: 20px; position:relative; }
.news-list li .box .more span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -10px; width: 20px; height: 20px; background-image: url(../images/case_ico_more.png); background-size: cover;}
.news-list li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);} 
.news-list li .box:hover .tit{ color: #e60012; }

/* ========== */
/* = NEWS_DETAIL = */
/* ========== */
.news-detail{ padding: 4% 0 8%;}
.news-detail .source{ margin-top: 30px;}
.news-detail .source  span{ display: inline-block; margin-right: 30px; font-size: 18px;}
.news-detail .source .span-01{ color: #e60012;}
.news-detail .detail{ margin-top: 50px;}
.news-detail .detail .div-01{ padding-left: 2em; position: relative;}
.news-detail .detail .div-01:before{ content: ""; position: absolute; top:50%; left:0; width: 3px; height: 20px; margin-top: -10px; background: #e60012;}

@media (max-width:999px){ 
	
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news-box{ padding: 1.2rem 0;}
	.news-box .button{  bottom:0; right:0; width:100%;}
	.news-box .swiper-button-prev,
	.news-box .swiper-button-next{ width: 0.8rem; height: 0.8rem;}
	.news-box .swiper-button-prev{ margin-left: -1.8rem;}
	.news-box .swiper-button-next{ margin-right: -1.8rem; }
	.swiper-news-top{ padding-bottom:1.4rem;}
	.swiper-news-top .box .img{  width: 100%; }
	.swiper-news-top .box .img span{ width: 0.666666rem; height: 0.666666rem; top:0.266666rem;}
	.swiper-news-top .box .text{ margin-top: 0.3rem; width: 100%;  letter-spacing:0.026666rem;}
	.swiper-news-top .box .text .tit{ font-size: 0.4rem; line-height:0.666666rem;}
	.swiper-news-top .box .text .des{ margin-top: 0.13rem; font-size: 0.36rem; line-height: 0.7rem;}
	.swiper-news-top .box .text .more{ margin-top: 0.15rem; text-align: right;}
	.swiper-news-top .box .text .more span{ font-size: 0.34rem; padding-right: 0.5rem; letter-spacing: 0.026666rem;}
	.swiper-news-top .box .text .more span:after{  margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; }
	
	.news{ padding: 1.2rem 0;}
	.news-list{ margin-bottom: 0.5rem;}
	.news-list li{ margin-bottom:0.666666rem; width: 100%; margin-right:0;}
	.news-list li .box{padding: 0.333333rem 0.333333rem 0.4rem;}
	.news-list li .box .tit{ margin-top: 0.266666rem; font-size: 0.38rem; line-height:0.7rem; height:1.4rem; }
	.news-list li .box .more{ margin-top: 0;}
	.news-list li .box .more span{ font-size: 0.34rem; padding-right: 0.5rem; letter-spacing: 0.026666rem;}
	.news-list li .box .more span:after{  margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; }
	
	/* ========== */
	/* = NEWS_DETAIL = */
	/* ========== */
	.news-detail{padding: 1.2rem 0;}
	.news-detail .source{ margin-top: 0.6rem; text-align: center;}
	.news-detail .source  span{  margin-right: 0.4rem; font-size: 0.42rem;}
	.news-detail .detail{ margin-top: 0.7rem;}
	.news-detail .detail p{ margin-bottom:0.64rem; }
	.news-detail .detail .div-01{ padding-left: 2em; position: relative;}
	.news-detail .detail .div-01:before{ height: 100%; top:0; margin-top: 0;}
}





/* ========== */
/* = COOPERATION = */
/* ========== */
.cooperation-tit{ margin-top: 40px; font-size: 28px; text-align: center; }
.cooperation-tit span{ display: block; font-weight: bold;}
.cooperation-tit p{ margin-top: 10px; color: #727171;}
.cooperation-service{ padding: 98px 0; border-bottom: 1px dashed #a6a6a6;}
.cooperation-service ul{ max-width: 660px; margin: 0 auto;}
.cooperation-service li{ margin-top: 40px; padding: 0 10px; float: left; width: 33.33333%;}
.cooperation-service li .box{ background: #efefef; border-radius: 15px; padding: 45px 10px 35px; text-align: center; cursor: pointer;}
.cooperation-service li .box span{ position: relative; display: block; margin: 0 auto; width: 60px; height: 60px;}
.cooperation-service li .box span img{ position: absolute; top:0; left:0;}
.cooperation-service li .box .defalut{ display: block;}
.cooperation-service li .box .hover{ display: none;}
.cooperation-service li .box p{ margin-top: 15px; font-size: 20px;}
.cooperation-service li .box:hover,
.cooperation-service li .box.active{ background: #e60012; color: #FFFFFF;}
.cooperation-service li .box:hover .defalut,
.cooperation-service li .box.active .defalut{ display: none;}
.cooperation-service li .box:hover .hover,
.cooperation-service li .box.active .hover{ display: block;}

.cooperation-process{ padding: 110px 0; border-bottom: 1px dashed #a6a6a6;}
.cooperation-process ul{ max-width: 630px; margin:30px auto 0;}
.cooperation-process li{ margin-top: 17px; background: #efefef; border-radius:20px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; text-align: center; overflow: hidden;}
.cooperation-process li .num{ width: 32%; background: #e60012; height: 184px; line-height: 184px; color: #FFFFFF; font-family: 'IMPACT'; font-weight:bold; font-size: 133px; position:relative;}
.cooperation-process li .num p{ position: absolute; top:50%; left:10%; width: 80%; line-height: 34px; margin-top: -17px; text-align: center; background: #000000; color: #FFFFFF; font-size: 20px; font-weight:bold; }
.cooperation-process li .des{ width: 68%; position: relative; font-size: 20px; line-height: 40px; color: #606060; text-align: left; padding-left: 10%;}
.cooperation-process li .des:after{ position: absolute; top:50%; left:-12px; margin-top:-12px; content: ""; width: 0; height: 0; border-top:12px solid transparent; border-right:12px solid #efefef; border-bottom: 12px solid transparent;}

.cooperation-advance{ padding: 105px 0 110px; border-bottom: 1px dashed #a6a6a6;}
.cooperation-advance ul{ max-width: 990px; margin: 75px auto 0;}
.cooperation-advance li{ float: left; width: 33.333333%; padding:10px;}
.cooperation-advance li .box{ padding: 42px 10px; background: #efefef; border-radius: 15px; text-align: center;}
.cooperation-advance li .box img{ display: inline-block; vertical-align: middle;}
.cooperation-advance li .box span{ display: inline-block; vertical-align: middle; font-size: 20px; letter-spacing: 2px;}

.cooperation-guarantee{ padding: 115px 0 150px;}
.cooperation-guarantee li{ margin-top: 70px; float: left; width: 47%; margin-right: 6%; text-align: justify;}
.cooperation-guarantee li:nth-child(2n){ margin-right: 0;}
.cooperation-guarantee li span{ position: relative; display: block; padding-left: 30px; font-size: 20px; letter-spacing: 2px;}
.cooperation-guarantee li span:after{ position: absolute; top:50%; left:0; margin-top:-8px; content: ""; width: 0; height: 0; border-top:8px solid transparent; border-left:8px solid #e60012; border-bottom: 8px solid transparent;}
.cooperation-guarantee li p{ margin-top: 20px; font-size: 18px; letter-spacing: 1px; line-height: 46px; color: #595757;}

.cooperation-pop .content{ padding:110px 70px 70px; border-radius: 35px; text-align: left;}
.cooperation-pop .content .close{ position: absolute; top:30px; left:35px; right:auto; width: 75px; line-height: 45px; background-image: none; text-align: right; font-size: 20px; color: #e60012;}
.cooperation-pop .content .close:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:0; width: 30px; height: 30px; background-size: cover; background-image: url(../images/ico_return.png);}
.cooperation-pop .scrollBox{ height: 600px;}
.cooperation-pop .zl-scrollBarBox{ background: #b1b1b1;}
.cooperation-pop .servinfo-list{ padding-left: 15%;}
.cooperation-pop .servinfo-list .item{ margin-bottom: 40px;}
.cooperation-pop .servinfo-list .item h3{ margin-bottom: 10px; position:relative; font-size: 30px; font-weight: bold; color: #e60012; padding-left: 20px;}
.cooperation-pop .servinfo-list .item h3:before{ content: ""; position: absolute; top:50%; left:0; width: 10px; height: 10px; background: #e60012; border-radius: 100%; margin-top: -5px;}
.cooperation-pop .servinfo-list .item p{ font-size: 28px; line-height: 46px;}

@media ( max-height:880px){ 
	.cooperation-pop .scrollBox{ height: 460px;}
}
@media ( max-height:710px){ 
	.cooperation-pop .scrollBox{ height: 380px;}
}



/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding-bottom: 10%; text-align: center;}
.contact .tit{ margin-top: 65px; font-size: 28px; color: #000000; font-weight: bold; letter-spacing: 4px;}
.contact .des{ margin-top: 20px; font-size: 18px; line-height: 48px; letter-spacing: 2px;}
.contact .button{ margin-top: 40px;}
.contact .map{ margin-top: 10%;}
.contact-pop .content{ padding: 80px 35px 70px; border-radius: 35px; text-align: left;}
.contact-pop .content .close{ position: absolute; top:30px; left:35px; right:auto; width: 75px; line-height: 45px; background-image: none; text-align: right; font-size: 20px; color: #e60012;}
.contact-pop .content .close:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:0; width: 30px; height: 30px; background-size: cover; background-image: url(../images/ico_return.png);}
.contact-pop .tit{ font-size: 35px; letter-spacing:3px; font-weight:bold; text-align: center; color: #e60012;}
.contact-pop .con{ margin-top: 50px;}
.contact-pop .con span{ margin-bottom: 20px; float: left; width: 48.5%; margin-right:3%; background: #ececed; border-radius:15px; height: 56px; padding: 10px 10px 10px 45px; line-height: 36px; position:relative; }
.contact-pop .con span i{ font-style: normal; font-size: 20px; line-height: 56px; position: absolute; top:0; left:25px;  color: #e60012;}
.contact-pop .con span input{ width: 100%; border: none; background: none; height: 36px; line-height: 36px; font-size: 20px;}
.contact-pop .con span:nth-child(2n){ margin-right: 0;}
.contact-pop .con .text{ width: 100%; height: 186px;}
.contact-pop .con .text textarea{ width: 100%; height: 166px; font-size: 20px; line-height: 36px; border: none; background: none;}
.contact-pop .tip{ font-size: 18px; position:relative; padding-left: 36px; cursor: pointer;}
.contact-pop .tip i{ position: absolute; display: block; left: 0; top:50%; margin-top: -12px; width: 24px; height: 24px; background-size:cover; background-image:url(../images/contact_tip_ico.png);}
.contact-pop .tip.active i{ background-image: url(../images/contact_tip_icoh.png);}
.contact-pop .des{ margin-top: 10px; font-size: 18px; color: #595757; line-height: 36px;}
.contact-pop .button{ margin-top: 50px; text-align: center;}
.contact-pop .button .more-button{ display: inline-block; margin: 0 7%;}
.contact-pop .button .more-button:nth-child(2){ background: #ececed; color: #000;}

.sucess-pop .content{ border-radius: 20px; max-width: 690px; padding:40px 10px; }
.sucess-pop p{ font-size:18px; }
.sucess-pop .close{ margin-top: 20px; font-size: 20px; position: relative; top:auto; right:auto; width:auto; height: auto; color: #e60012; }


@media ( max-height:830px){ 
	.contact-pop .content{ padding: 50px 25px 50px; }
	.contact-pop .tit{ font-size: 26px; }
	.contact-pop .con{ margin-top: 20px; }
	.contact-pop .button{ margin-top: 20px; }
	.contact-pop .con .text{ height: 156px; }
	.contact-pop .con .text textarea{ height: 133px; }
}






/* ========== */
/* = JOB = */
/* ========== */
.job{ padding-bottom: 10%;}
.job-list li{ margin-top: 58px; float:left; width: 49%; margin-right: 2%;}
.job-list li:nth-child(2n){ margin-right: 0;}
.job-list li:nth-child(2n+1){ clear: both;}
.job-list li .box{ display: block; background: #efefef; padding: 35px 45px; border-radius: 10px;}
.job-list li .box .tit{ padding-right: 130px; position: relative; line-height: 40px;}
.job-list li .box .tit span{ display: block; font-size: 24px; color: #e60012; font-weight:bold;}
.job-list li .box .tit em{ position: absolute; top:0; right:0; padding-right: 32px; font-style: normal; font-size: 20px;}
.job-list li .box .tit em:after{ content: ""; position: absolute; top:50%; margin-top: -15px; right:0; width: 30px; height: 30px; background-size: cover; background-image: url(../images/job_more.png);}
.job-list li .box .des{ margin-top:15px; font-size: 18px; line-height: 40px; height: 160px; overflow: hidden;}
.job-list li .box:hover .tit em{ color: #e60012;}
.job-list li .box:hover .tit em:after{ background-image: url(../images/ico_more.png);}


/* ========== */
/* = JOB-DETAIL = */
/* ========== */
.job-detail{ padding: 4% 0 7%; letter-spacing: 2px;}
.job-detail .title{ font-weight:bold; text-align: center; color: #e60012; font-size: 30px; letter-spacing: 1px;}
.job-detail .des{ margin-top:40px; padding-bottom: 12px; border-bottom: 1px dashed #888888; display: flex; flex-flow: wrap; justify-content: space-between; font-size: 24px;}
.job-detail .des span{ display: block; max-width: 47%;}
.job-detail .detail{ margin-top: 40px; text-align: justify;}
.job-detail .detail .tit{ font-weight: bold; font-size: 20px; position: relative; padding-left: 35px;}
.job-detail .detail .tit:before{ content: ""; position: absolute; top:50%; left:0; width: 18px; height: 18px; margin-top: -9px; background: #e60012; border-radius:3px;}
.job-detail .detail .tip{ margin:20px 0 40px; font-size: 18px; line-height: 42px;}
.job-detail .mail{ font-size: 18px; font-weight: bold; color: #e60012;}
.job-detail .mail a{ color: #e60012;}
.job-detail .mail a:hover{ text-decoration: underline !important;}

@media (max-width:999px){ 
	
	/* ========== */
	/* = COOPERATION = */
	/* ========== */
	.cooperation-tit{ margin-top:0.666666rem; font-size: 0.45rem; }
	.cooperation-tit p{ margin-top: 0.186666rem; }
	.cooperation-service{ padding: 1.333333rem 0; }
	.cooperation-service li{ margin-top: 0.666666rem; padding: 0 0.2rem;}
	.cooperation-service li .box{ border-radius: 0.266666rem; padding: 0.5rem 0.133333rem 0.35rem;}
	.cooperation-service li .box span{ width: 1rem; height: 1rem;}
	.cooperation-service li .box p{ margin-top: 0.2rem; font-size:0.34rem;}
	
	.cooperation-process{ padding: 1.2rem 0; }
	.cooperation-process ul{ margin:0.7rem auto 0;}
	.cooperation-process li{ margin-top: 0.4rem; border-radius:0.266666rem; }
	.cooperation-process li .num{ height: 2.666666rem; line-height:  2.666666rem; font-size:2rem;}
	.cooperation-process li .num p{ line-height: 0.6rem; margin-top: -0.3rem; font-size: 0.42rem; }
	.cooperation-process li .des{  font-size: 0.4rem; line-height: 0.7rem; }
	.cooperation-process li .des:after{left:-0.266666rem; margin-top:-0.266666rem; border-top:0.266666rem solid transparent; border-right:0.266666rem solid #efefef; border-bottom: 0.266666rem solid transparent;}
	
	.cooperation-advance{ padding: 1.2rem 0; }
	.cooperation-advance ul{ margin: 0.933333rem auto 0;}
	.cooperation-advance li{ padding:0.133333rem;}
	.cooperation-advance li .box{ padding: 0.666666rem 0.133333rem; border-radius: 0.2rem; }
	.cooperation-advance li .box img{ width: 1rem; display: block;}
	.cooperation-advance li .box span{ display: block; margin-top: 0.133333rem; font-size:0.346666rem; letter-spacing: 0.026666rem;}
	
	.cooperation-guarantee{ padding: 1.2rem 0;}
	.cooperation-guarantee li{ margin-top: 0.933333rem; width: 100%; margin-right:0; }
	.cooperation-guarantee li span{ padding-left: 0.4rem; font-size: 0.42rem; letter-spacing: 0.026666rem;}
	.cooperation-guarantee li span:after{ margin-top:-0.14rem; border-top:0.14rem solid transparent; border-left:0.14rem solid #e60012; border-bottom: 0.14rem solid transparent;}
	.cooperation-guarantee li p{ margin-top: 0.266666rem; font-size: 0.34rem; line-height: 0.6rem;}
	
	.cooperation-pop .content{ padding:1.6rem 0.266666rem 0.666666rem; border-radius:0.266666rem; }
	.cooperation-pop .content .close{ top:0.4rem; left:0.4rem; right:auto; width: 1.4rem; font-size: 0.4rem; line-height: 0.8rem;}
	.cooperation-pop .content .close:before{  margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; }
	.cooperation-pop .content .con{ overflow:hidden; }
	.cooperation-pop .scrollBox{ overflow: auto; }
	.cooperation-pop .scrollBox{ height:9rem;}
	.cooperation-pop .servinfo-list{ padding-left: 0.266666rem;}
	.cooperation-pop .servinfo-list .item{ margin-bottom: 0.4rem;}
	.cooperation-pop .servinfo-list .item h3{ margin-bottom: 0.2rem; font-size: 0.42rem; padding-left: 0.4rem;}
	.cooperation-pop .servinfo-list .item h3:before{ width: 0.2rem; height: 0.2rem;  margin-top: -0.1rem;}
	.cooperation-pop .servinfo-list .item p{  font-size: 0.34rem; line-height: 0.66rem;}

	::-webkit-scrollbar
	{
		width: 5px;
	}
	::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 5px;
		background-color: #ddd;
	}

	::-webkit-scrollbar-thumb,
	::-webkit-scrollbar-thumb:hover,
	::-webkit-scrollbar-thumb:active
	{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #e60012;
	}




	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact{ padding-bottom: 1.2rem;}
	.contact .tit{ margin-top: 0.8rem; font-size: 0.52rem; letter-spacing:0.053333rem;}
	.contact .des{ margin-top: 0.266666rem; font-size: 0.4rem; line-height: 0.8rem; letter-spacing: 0.01rem;}
	.contact .button{ margin-top: 0.4rem;}
	.contact .map{ margin-top:1rem;}
	.contact-pop .content{ padding: 1.2rem 0.4rem 0.8rem; border-radius: 0.4rem;}
	.contact-pop .content .close{ top:0.4rem; left:0.4rem; right:auto; width: 1.4rem; font-size: 0.4rem; line-height: 0.8rem;}
	.contact-pop .content .close:before{  margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; }
	.contact-pop .tit{ font-size: 0.46rem; letter-spacing:0.026666rem;}
	.contact-pop .con{ margin-top: 0.4rem;}
	.contact-pop .con span{ margin-bottom: 0.266666rem; width: 100%; margin-right:0;  border-radius:0.266666rem; height:1rem; padding: 0 0.2rem 0 0.733333rem; line-height:1rem;}
	.contact-pop .con span i{ font-size: 0.34rem; line-height: 1rem; left:0.266666rem; }
	.contact-pop .con span input{ height: 1rem; line-height: 1rem; font-size: 0.34rem;}
	.contact-pop .con .text{  height:2rem; padding: 0.2rem 0.2rem 0.2rem 0.733333rem;}
	.contact-pop .con .text textarea{ height:2rem; font-size: 0.34rem; line-height: 0.6rem;}
	.contact-pop .tip{ margin-top: 0.266666rem; font-size:0.346666rem; padding-left: 0.533333rem; ;}
	.contact-pop .tip i{ margin-top:  -0.2rem; width: 0.4rem; height:  0.4rem; }
	.contact-pop .des{ margin-top:0.266666rem; font-size: 0.36rem; line-height: 0.7rem;}
	.contact-pop .button{ margin-top: 0.3rem;}
	.contact-pop .button .more-button{ margin: 0 1%;}

	.sucess-pop .content{ border-radius: 0.266666rem;  padding:0.4rem 0.2rem; }
	.sucess-pop p{ font-size:0.34rem; }
	.sucess-pop .close{ margin-top: 0.266666rem; font-size: 0.4rem;  right:auto; width:auto; height: auto;}

		
	/* ========== */
	/* = JOB = */
	/* ========== */
	.job{ padding-bottom: 1.2rem;}
	.job-list li{ margin-top: 0.8rem;  width: 100%; margin-right: 0;}
	.job-list li .box{ padding: 0.5rem;}
	.job-list li .box .tit{ padding-right: 1.733333rem; line-height: 0.666666rem;}
	.job-list li .box .tit span{ font-size: 0.44rem;}
	.job-list li .box .tit em{  padding-right:0.5rem; font-size: 0.4rem;}
	.job-list li .box .tit em:after{ margin-top: -0.2rem; width: 0.4rem; height:0.4rem;}
	.job-list li .box .des{ margin-top:0.4rem; font-size: 0.4rem; line-height: 0.7rem; height:2.8rem; }
	
	/* ========== */
	/* = JOB-DETAIL = */
	/* ========== */
	.job-detail{ padding: 1.2rem 0;}
	.job-detail .title{ font-size: 0.533333rem; letter-spacing: 0.02rem;}
	.job-detail .des{ margin-top:0.533333rem; padding-bottom: 0.266666rem; font-size:0.4rem;}
	.job-detail .detail{ margin-top: 0.6rem;}
	.job-detail .detail .tit{ font-size: 0.5rem;  padding-left: 0.533333rem;}
	.job-detail .detail .tit:before{ margin-top:-0.12rem; width: 0.24rem; height: 0.24rem; }
	.job-detail .detail .tip{ margin:0.4rem 0 0.666666rem; font-size: 0.4rem; line-height: 0.8rem;}
	.job-detail .mail{ font-size: 0.36rem; letter-spacing: 0;}



}





/* ========== */
/* = SEARCH = */
/* ========== */
.search-page{ padding: 5% 0 12%;}
.search-page .theme{ font-family: impact; font-size: 117px; font-weight: bold; color: #efefef; letter-spacing: 20px; text-align: center; position:relative;}
.search-page .theme p{ position: absolute; top:50px; left:0; width: 100%; font-size: 36px; letter-spacing: 2px; font-weight: bold; color: #d70012;}
.search-content{ width:100%; margin-top: 50px; height: 80px; position: relative; background: #efefef; border-radius:20px; overflow: hidden; padding-right:120px;}
.search-content .in{ width: 100%; background-color: #f0f0f1; height: 80px; line-height: 40px; padding:20px 30px; border: none;}
.search-content .button{ position: absolute; top:0; right:0; width: 120px; height: 80px; border: none; background-color: #f0f0f1; background-image: url(../images/search_button_big.png); background-size:cover; font-size: 0;}
.search-page .result{ margin-top: 50px; text-align: center; font-size: 30px; font-weight: bold;}
.search-page .red{  color: #e6061f;}

.search-box{ margin: 105px auto 0; max-width:690px; width: 80%;}
.search-box .search-tit{ font-size: 36px; font-weight:bold; color: #000000; padding-bottom: 20px; border-bottom:1px solid #000000;}
.search-box .con{ margin-top: 30px; font-size: 18px; line-height: 36px;}
.search-box .con .tit{ font-weight: bold; font-size: 24px;}
.search-box .search-ul-list{ margin-top: 15px;}
.search-box .search-ul-list li{ margin-top: 40px;}
.search-box .search-ul-list li a{ display: flex; flex-flow: wrap; justify-content: space-between; text-align: center;}
.search-box .search-ul-list li .img{ width: 52%;}
.search-box .search-ul-list li .img img{ width: 100%;}
.search-box .search-ul-list li .text{ width: 40%; text-align: left;}
.search-box .search-ul-list li .text p{ font-size: 18px; line-height: 36px; height:108px; overflow: hidden;}
.search-box .search-ul-list li .text .date{ margin-top: 40px; text-align:right;}
.search-box .search-ul-list li .text .date span{ position:relative; padding-left: 30px; letter-spacing:2px; color: #595757; font-size: 18px;}
.search-box .search-ul-list li .text .date span:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -10px; width: 20px; height: 20px; background-image: url(../images/search_time.png);}

@media (max-width:999px){ 
	
	/* ========== */
	/* = SEARCH = */
	/* ========== */
	.search-page{ padding: 2rem 0 1.2rem;}
	.search-page .theme{  font-size: 1.6rem; letter-spacing: 0.266666rem;}
	.search-page .theme p{top:0.533333rem; font-size: 0.6rem; letter-spacing: 0.026666rem; }
	.search-content{ margin-top: 0.666666rem; height: 1.24rem; border-radius:0.266666rem; padding-right:1.866666rem;}
	.search-content .in{ height: 1.24rem; line-height:1.24rem; padding:0 0.266666rem; border: none;}
	.search-content .button{ width: 1.866666rem; height:1.24rem; }
	.search-page .result{ margin-top:  0.666666rem;  font-size: 0.4rem;}

	
	.search-box{ margin: 1.333333rem auto 0; width: 100%;}
	.search-box .search-tit{ font-size: 0.52rem; padding-bottom: 0.266666rem;}
	.search-box .con{ margin-top: 0.42rem; font-size: 0.4rem; line-height: 0.8rem;}
	.search-box .con .tit{  font-size: 0.4rem;}
	.search-box .search-ul-list{ margin-top: 0.266666rem;}
	.search-box .search-ul-list li{ margin-top: 0.533333rem;}
	.search-box .search-ul-list li .img{ width: 48%;}
	.search-box .search-ul-list li .text{ width: 44%;}
	.search-box .search-ul-list li .text p{ font-size: 0.4rem; line-height: 0.8rem; height:1.8rem; }
	.search-box .search-ul-list li .text .date{ margin-top:0.3rem; }
	.search-box .search-ul-list li .text .date span{ letter-spacing:0.026666rem;  font-size: 0.4rem;}

}


.mzw-pc{
    display: block !important;
}
.mzw-pe{
    display: none !important;
}

.m-mzw-fixed-a1{
    width: 120px;
    display: block;
    position: fixed;
    right: 5px;
    bottom: 10%;
    z-index: 99;
}
.m-mzw-fixed-a1 img{
    display: block;
    width: 100%;
}

@media (max-width:999px){
    .mzw-pc{
        display: none !important;
    }
    .mzw-pe{
        display: block !important;
    }
    
    .m-mzw-fixed-a1{
        width: 60px;
    }
    .m-mzw-fixed-a1.mzw-pe{
        right: -3px;
        bottom: calc(10% + 50px);
    }
}