/* ========== */
/* = HOME = */
/* ========== */
.banner{ position:relative;}
.banner img{ width: 100%;}
.banner .swiper-pagination{ bottom:20px;}
.banner .text{ position: absolute; top:50%; left:0; width: 100%; transform: translateY(-62%); -webkit-transform: translateY(-62%);}
.banner .text h2{ font-size: 3.8vw; color: #2a6cf4; font-weight: 600;}
.banner .text h3{ margin-top: 0.2vw; font-size: 2.5vw; color: #222222;}
.banner .text .button{ margin-top:3.125vw;}
.banner .text .button a{ margin-right: 10px; display: inline-block; line-height: 48px; border: 1px solid #2a6cf4; border-radius: 8px; color: #2a6cf4; padding: 0 18px;}
.banner .text .button a:nth-child(2){ background: #2a6cf4; color: #FFFFFF;}
.banner .des{ font-size: 24px; line-height: 36px; margin-top: 2%;}
.banner .text-white{ color: #FFFFFF;}
.banner .text-white h2{ color: #FFFFFF;}
.banner .text-white .button a{ border: 1px solid #FFFFFF; color: #FFFFFF;}
.banner .text-white .button a:nth-child(2){ background: #FFFFFF; color: #2a6cf4;}
.banner .text-center{ text-align: center;}
.banner .text-center .button a{ background: #2a6cf4; border:1px solid #2a6cf4; color: #FFFFFF;}

.index-theme{ font-size:36px; font-weight:600; color: #000000; text-align: center;}
.index-button-div{ text-align: center;}
.index-button-div .index-button{ margin: 0 10px; }
.index-button{ display: inline-block; line-height:58px; border: 1px solid #2a6cf4; border-radius: 8px; font-size: 18px; color: #2a6cf4; padding: 0 50px; letter-spacing: 1px;}
.index-button:nth-child(1){ background: #2a6cf4; color: #FFFFFF;}
.index-button-white{ border: 1px solid #FFFFFF; color: #FFFFFF;}

.home-effect{ padding: 5% 0 6%; background: #f8f8f8;}
.home-effect ul{ margin-top: 2.9vw; display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.home-effect ul li{ width: 31%; max-width: 480px; background: #FFFFFF; border-radius: 20px; overflow: hidden;}
.home-effect ul li:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,.05); box-shadow:0 10px 30px rgba(0,0,0,.05);}
.home-effect ul li .text{ padding: 0 7% 20px;}
.home-effect ul li .text h3{ text-align: center; font-size: 48px; color: #000000; font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid rgb(42,180,244,.2);} 
.home-effect ul li .text .con{ margin-top: 20px;}
.home-effect ul li .text .con p{ margin: 10px 0; font-size: 18px; line-height: 30px; position: relative; padding-right: 30px;}
.home-effect ul li .text .con p:after{ position: absolute; top:5px; right:0;  content: ""; background-image:url("ico_right.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_right.png*/; width: 20px; height: 20px; background-size:cover;}

.home-effect-customer{ margin: 60px 0 80px; padding-left:150px; position: relative;}
.home-effect-customer .tit{ position: absolute; top:20px; left:0; font-size: 24px; color: #222222;  font-weight: 600;}
.home-effect-customer .swiper-slide{ padding: 0 1%;}
.home-effect-customer .img{ background: #FFFFFF; border-radius: 10px;}
.home-effect-customer .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

.home-expert{ padding: 5% 0 6%;}
.home-expert .content{ margin: 50px 0 60px; position: relative;}
.home-expert .content img{ max-width: 45%;}
.home-expert .left{ left:0;}
.home-expert .right{ right:0;}
.home-expert ul{ position: absolute; top:50%; width: 26%; transform: translateY(-60%); -webkit-transform: translateY(-60%);}
.home-expert li{ margin: 25px 0; position: relative; padding-left: 102px;}
.home-expert li img{ position: absolute; top:50%; left:0; margin-top:-42px;}
.home-expert li div{ position:relative; padding: 45px 10px 20px 15px; border-radius: 15px; overflow: hidden;}
.home-expert li div span{ display: block; position: absolute; z-index: 1; font-weight: 600; font-size: 60px; top:5px; left:15px; background-image: linear-gradient(#8aaef9,#a1b7f9,#f3f6fe,rgba(0,0,0,0)); background-clip: text;  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.home-expert li div i{ font-size: 24px; color: #222222; font-weight:600; font-style: normal; position: relative; z-index: 1;}
.home-expert li div p{ margin-top: 10px; font-size: 16px; line-height: 24px; position: relative; z-index: 1;}
.home-expert li:hover div{ background:#f8f8f8;}

.home-add{ padding:4.5% 0; background-image: url("index_add_bg.jpg")/*tpa=https://sem.zwzo.cn/static/home/images/index_add_bg.jpg*/; color: #FFFFFF;}
.home-add .container{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.home-add .text{ font-size:30px; line-height: 60px;}

.home-case{ padding: 5% 0;}
.home-case .home-tab{ margin-top: 3.125%;}
.home-tab{ text-align: center; }
.home-tab div{ display: inline-block; border-radius: 20px; overflow:hidden; font-size: 0; }
.home-tab span,
.home-tab a{ display:inline-block; vertical-align: middle; width: 140px; background: #f8f8f8; line-height: 40px; text-align: center; cursor: pointer; font-size: 14px; position: relative; color: #2a6cf4;}
.home-tab span:after,
.home-tab a:after{ content: ""; position: absolute; top:7px; right:0; height: 26px; border-right:1px solid #cccccc;}
.home-tab span.active,
.home-tab a.active{  background: #2a6cf4; color: #FFFFFF;}
.home-tab span.active:after,
.home-tab a.active:after,
.home-tab a:last-child:after,
.home-tab span:last-child:after{ display: none;}
.home-case .js-tab-box{ margin-top:4%;}
.home-case .js-tab-con{ height:0; overflow: hidden;}
.home-case .js-tab-con.active{ height: auto;}
.home-case .index-button-div{ margin-top: 5%;}
.swiper-case .swiper-slide{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start; overflow:hidden;}
.swiper-case .swiper-slide .img{ width: 50%; border-radius: 10px; overflow: hidden;}
.swiper-case .swiper-slide .text{ width: 45%; padding-right:70px;}
.swiper-case .swiper-slide .text .tit{ font-size: 48px; color: #222222;}
.swiper-case .swiper-slide .text .tip{ margin-top: 5%; font-size: 20px; color: #2a6cf4; padding-left: 35px; font-weight: 600; position: relative; line-height: 40px;}
.swiper-case .swiper-slide .text .tip:before{ content: ""; position: absolute; top:0; left:-5px; width: 40px; height: 40px; background-size: cover;}
.swiper-case .swiper-slide .text .ico-01:before{ background-image: url("ico_light.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_light.png*/;}
.swiper-case .swiper-slide .text .ico-02:before{ background-image: url("ico_book.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_book.png*/;}
.swiper-case .swiper-slide .text .des{ margin-top: 5px; font-size: 16px; line-height: 30px; }
.swiper-case .swiper-button-next,
.swiper-case .swiper-button-prev{ margin: 0;left:auto; right:0; width: 40px; height: 40px;}
.swiper-case .swiper-button-next{ top:auto; bottom:6%; background-image: url("v_next.png")/*tpa=https://sem.zwzo.cn/static/home/images/v_next.png*/;}
.swiper-case .swiper-button-prev{ top:6%; background-image: url("v_prev.png")/*tpa=https://sem.zwzo.cn/static/home/images/v_prev.png*/;}
.swiper-case .swiper-pagination{ bottom: auto; right:13px; left:auto; width: auto !important;  height: auto !important; }
.swiper-case .swiper-pagination-bullet{ margin:20px 0 !important;}

.home-news{ padding: 5% 0 ; background: #f8f8f8;}
.home-news .content{ margin-top: 4.3%; display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.home-news .theme{ position: relative; line-height: 30px;}
.home-news .theme span{ display: block; font-size: 24px; color: #333333; font-weight: 600; position: relative; padding-left:36px;}
.home-news .theme span:before{ position: absolute; top:0; left:0; content: ""; width: 30px; height: 30px; background-size:cover;}
.home-news .theme a{ position: absolute; top:0; right:0; font-size: 16px; color: #2a6cf4;}
.home-news .theme .ico-01:before{ background-image: url("ico_company.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_company.png*/;}
.home-news .theme .ico-02:before{ background-image: url("ico_notice.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_notice.png*/;}
.home-news .theme .ico-03:before{ background-image: url("ico_computer.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_computer.png*/;}
.home-news .line{ margin: 30px 0; height: 1px; width: 100%; background: #cccccc;}
.home-news .left{ width: 47.5%;}
.home-news .left .box{ margin-top: 25px; position: relative; display: block; border-radius: 10px; overflow: hidden;}
.home-news .left .box .text{ position: absolute; bottom: 40px; left:5%; width: 90%; background: #FFFFFF; border-radius: 5px; padding: 18px;}
.home-news .left .box .text p{ padding-right: 130px; position: relative; font-size: 18px; color: #333333;}
.home-news .left .box .text i{ position: absolute; top:18px; right:18px; font-size: 18px; color: #999999; font-style: normal; display: inline; padding-left: 25px;}
.home-news .left .box .text i:before{ content: ""; position: absolute; background-image: url("ico_time.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_time.png*/; width: 20px; height: 20px; left:0; top:50%; margin-top:-10px; background-size: cover;}
.home-news .left .box .text span{ margin-top: 10px; display: block; font-size: 16px; color: #2a6cf4;}
.home-news .right{ width: 47.5%;}
.home-news ul{ margin-top: 12px;}
.home-news ul li a{ position: relative; display: block; line-height: 36px; font-size: 18px; color: #333333; padding-right: 130px;}
.home-news ul li i{ position: absolute; top:0; right:0; color: #999999; font-style: normal; display: inline; padding-left: 25px;}
.home-news ul li i:before{ content: ""; position: absolute; background-image: url("ico_time.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_time.png*/; width: 20px; height: 20px; left:0; top:50%; margin-top:-10px; background-size: cover;}
.home-news ul li a:hover{ color: #2a6cf4;}

@media (max-width:1640px){ 
	.index-theme{ font-size: 32px;}
	.home-effect ul li .text h3{ font-size:34px;}
	.home-effect ul li .text .con p{ font-size: 16px;}
	.home-expert li div i{ font-size: 22px;}
	.swiper-case .swiper-slide .text .tit{ font-size: 40px;}
	.home-news ul li a{ font-size: 16px; line-height: 32px;}
}

@media (max-width:1480px){ 
	.index-theme{ font-size: 30px;}
	.index-button{ line-height: 48px; padding:0 35px; font-size: 16px;}
	.home-expert ul li .text h3{ font-size:32px;}
	.home-expert ul li .text .con p{ font-size: 14px; line-height: 26px;}
	.home-expert ul li .text .con p:before{ top:3px;}
	.home-expert li div{ padding-top: 35px;}
	.home-expert li div span{ font-size: 40px;}
	.home-expert li div i{ font-size: 20px;}
	.home-expert li div p{ margin-top: 8px; font-size: 14px; line-height: 18px;}
	.home-add .text{ font-size:22px; line-height:44px;}
	.swiper-case .swiper-slide .text .tit{ font-size: 36px;}
	.home-news .line{ margin: 20px 0;}
}

@media (max-width:999px){ 
	/* ========== */
	/* = HOME = */
	/* ========== */
	.banner .text h2{ font-size: 0.666666rem;}
	.banner .text h3{ margin-top: 0.12rem; font-size: 0.373333rem; }
	.banner .text .button{ margin-top: 0.4rem;}
	.banner .text .button a{ margin-right: 0.1rem; line-height: 0.72rem; padding: 0 0.15rem; font-size: 0.2rem; border-radius: 0.133333rem;}
	.banner .des{ font-size: 0.32rem; line-height: 0.6rem;}
	
	.index-theme{ font-size:0.5rem;}
	.index-button-div .index-button{ margin: 0 0.133333rem; }
	.index-button{ line-height:1rem;  border-radius: 0.106666rem; font-size: 0.346666rem;  padding: 0 0.5rem;}
	
	.home-effect{ padding:1.2rem 0;}
	.home-effect ul li{ margin-top: 0.666666rem; width: 100%;}
	.home-effect ul li .text h3{ font-size: 0.5rem;} 
	.home-effect ul li .text .con{ margin-top: 0.4rem;}
	.home-effect ul li .text .con p{ margin: 0.2rem 0; font-size: 0.36rem; line-height: 0.64rem;}
	.home-effect ul li .text .con p:after{ top:0.12rem; width: 0.4rem; height:  0.4rem; }
	
	.home-effect-customer{ margin:0.8rem 0; padding: 0;}
	.home-effect-customer .tit{ margin-bottom: 0.533333rem; position: relative; top:auto; font-size: 0.44rem;}
	.home-effect-customer .img{ border-radius: 0.133333rem;}
	
	.home-expert{ padding: 1.2rem 0;}
	.home-expert .content{ margin:0.8rem auto;}
	.home-expert .content img{ max-width: 100%;}
	.home-expert .left{ left:auto;}
	.home-expert .right{ right:auto;}
	.home-expert ul{ position:relative; top:auto; width: 100%; transform: translateY(0%); -webkit-transform: translateY(0%);}
	.home-expert li{ margin: 0.4rem 0; position: relative; padding-left:1.333333rem;}
	.home-expert li img{ width: 1rem; margin-top:-0.5rem;}
	.home-expert li div{  padding:0.6rem 0.4rem 0.4rem; border-radius:0.2rem;}
	.home-expert li div span{ font-size: 0.8rem; top:0.066666rem; left:0.4rem; }
	.home-expert li div i{ font-size: 0.4rem; }
	.home-expert li div p{ margin-top: 0.133333rem; font-size: 0.34rem; line-height: 0.52rem;}
	
	.home-add{ padding:0.6rem 0;}
	.home-add .text{ margin-bottom: 0.266666rem; font-size:0.4rem; line-height: 0.8rem;}
	
	.home-case{ padding:1.2rem 0;}
	.home-case .home-tab{ margin-top: 0.8rem;}
	.home-tab div{ border-radius: 0.5rem;}
	.home-tab span,
	.home-tab a{ width:2.4rem; line-height: 1rem; font-size: 0.32rem;}
	.home-tab span:after,
	.home-tab a:after{ height: 0.5rem; top:0.25rem;} 
	.home-case .index-button-div{ margin-top: 1rem;}
	.swiper-case{ height: auto; padding-bottom: 1rem;}
	.swiper-case .swiper-slide{ display: block; overflow:initial;}
	.swiper-case .swiper-slide .img{ width: 100%;}
	.swiper-case .swiper-slide .text{ margin-top: 0.5rem; width: 100%; padding-right: 0;}
	.swiper-case .swiper-slide .text .tit{ font-size: 0.5rem;}
	.swiper-case .swiper-slide .text .tip{ margin-top: 0.266666rem; font-size: 0.4rem; line-height:0.7rem;}
	.swiper-case .swiper-slide .text .tip:before{  left:0; width:0.7rem; height: 0.7rem;}
	.swiper-case .swiper-slide .text .des{ margin-top: 0.133333rem; font-size: 0.32rem; line-height: 0.6rem; }
	.swiper-case .swiper-button-next,
	.swiper-case .swiper-button-prev{ display: none; }
	.swiper-case .swiper-pagination{ bottom: 0; width: 100% !important;}
	.swiper-case .swiper-pagination-bullet{ margin: 0 5px !important;}
	
	
	.home-news{ padding:1.2rem 0 ;}
	.home-news .content{ margin-top:0.8rem;}
	.home-news .theme{ line-height: 0.7rem;}
	.home-news .theme span{ font-size: 0.4rem;  padding-left: 0.8rem;}
	.home-news .theme span:before{ top:0; width: 0.7rem; height: 0.7rem; }
	.home-news .theme a{ font-size: 0.34rem;}
	.home-news .line{ margin: 0.4rem 0;}
	.home-news .left{ width:100%;}
	.home-news .left .box{ margin-top: 0.4rem; border-radius: 0.133333rem; }
	.home-news .left .box .text{ bottom: 0.4rem;background: #FFFFFF; border-radius: 0.066666rem; padding: 0.2rem;}
	.home-news .left .box .text p{ padding-right: 2.2rem; font-size: 0.34rem;}
	.home-news .left .box .text i{ top:0.2rem; right:0.2rem; padding-left: 0.5rem; font-size: 0.32rem;}
	.home-news .left .box .text i:before{ width: 0.4rem; height: 0.4rem; margin-top:-0.2rem;}
	.home-news .left .box .text span{ margin-top: 0.133333rem; font-size: 0.32rem;}
	.home-news .right{ margin-top: 0.8rem; width:100%;}
	.home-news ul{ margin-top: 0.266666rem;}
	.home-news ul li a{ padding-right:2.2rem; font-size: 0.32rem; line-height: 0.8rem;}
	.home-news ul li i{ padding-left: 0.5rem;}
	.home-news ul li i:before{ width: 0.4rem; height: 0.4rem; margin-top:-0.2rem;}
}


/* ========== */
/* = SEM = */
/* ========== */
.sem-box{ padding: 5% 0;}
.sem-box .content{ margin-top: 60px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.sem-box .img{ max-width: 42%;} 
.sem-box .text{ width: 50%;}
.sem-box .text .tit{ font-size:2.5vw; color: #222222;}
.sem-box .text ul{ margin: 8% 0; display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.sem-box .text li{ max-width: 22%;}
.sem-box .text li p{ margin-top: 15px; font-size: 18px; color: #222222;}
.sem-box .text .logo-div{ margin-top: 8%; display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.sem-box .text .logo-div div{ width: 21%; border: 1px solid #eeeeee; border-radius: 5px;}
.sem-question{ padding: 5% 0; background: #f8f8f8; text-align: center;}
.sem-question ul{ margin-top: 5%; height: 300px; position: relative;}
.sem-question ul li{ position:absolute; width:50%; text-align:left; padding-left: 30px; border-radius:30px 0 0 30px; background-image: linear-gradient(to right, #ffffff,#f8f8f8); line-height: 60px; color: #333333; font-size: 18px;}
.sem-question ul li span{ color: #2a6cf4; font-size:14px; font-weight: 600; margin-right: 4px;}
.sem-question ul li:nth-child(1){ left:2%; top:10px;}
.sem-question ul li:nth-child(2){ left:52%; top:0px;}
.sem-question ul li:nth-child(3){ left:40%; top:40%;}
.sem-question ul li:nth-child(4){ left:12%; bottom:0px;}
.sem-question ul li:nth-child(5){ left:70%; bottom:30px;}
.sem-question .index-button{ margin-top: 10px;}

.sem-service{ padding: 5% 0;}
.sem-service ul{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.sem-service li{ margin-top: 4%; max-width: 342px; width: 23%; border-radius: 10px; overflow:hidden; border:1px solid #eeeeee;}
.sem-service li img{ width: 100%;}
.sem-service li .text{ padding:8% 7%;}
.sem-service li .text .tit{ padding-bottom: 17px; border-bottom: 1px solid #d4e2fd;}
.sem-service li .text .tit span{ display: block; font-size: 24px; color: #333333;}
.sem-service li .text .tit p{ margin-top: 10px; color: #2a6cf4; font-size: 16px;}
.sem-service li .text .des{ margin-top: 17px; font-size: 16px; line-height: 36px; color: #333333;}
.sem-service li .text .des p{ position: relative; padding-left: 13px;}
.sem-service li .text .des p:before{ content:""; position: absolute; top:50%; left:0; width: 4px; height: 4px; margin-top: -2px; background: #3e7af5; border-radius: 100%;} 
.sem-service li:hover{ border: 1px solid #FFFFFF; -webkit-box-shadow:0 5px 20px rgba(0,0,0,.07); box-shadow:0 5px 20px rgba(0,0,0,.07);}

.sem-data{ padding: 5% 0; background: #f8f8f8;}
.sem-data ul{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.sem-data li{ margin-top:3%; width: 23%;  overflow:hidden; background: #FFFFFF; border-radius: 10px; padding:2.5% 3%; position: relative;}
.sem-data li .tit{ padding-bottom: 15px; font-size: 20px; color: #2a6cf4; border-bottom: 1px solid rgba(42,108,244,.2); font-weight: 600;} 
.sem-data li .des{ margin-top: 10px; font-size:16px; line-height: 30px;}
.sem-data li .num{ display:none; position: absolute; bottom: 30px; right:45px; color: rgba(255,255,255,.2); font-size: 36px; font-weight: 600;}
.sem-data li:hover{ background: #2a6cf4; color: #FFFFFF;}
.sem-data li:hover .tit{ color: #FFFFFF;}
.sem-data li:hover .num{ display: block;}

.sem-models{ padding-top:5%;}
.sem-models .img{ margin-top: 5%;}
.sem-models .img img{ margin-bottom: -1.8%; max-width: 80%;}

.sem-team{ padding: 6% 0 5%; background: #f8f8f8; text-align: center;}
.sem-team ul{ margin-bottom: 3%; display: flex; flex-flow: wrap; justify-content: space-between; align-items:stretch;}
.sem-team li{ margin-top: 3%; width: 30.5%; border-radius: 10px; overflow:hidden; border-radius: 45px 0 45px 0; padding: 30px 30px 20px; background: #FFFFFF;}
.sem-team li .top{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.sem-team li .top .img{ max-width: 30%; border-radius: 100%; overflow: hidden;}
.sem-team li .top .text{ padding-bottom: 10px; text-align: left; width:65%; border-bottom: 1px solid rgba(42,108,244,.2); }
.sem-team li .top .text span{ font-size: 24px; color: #222222;}
.sem-team li .top .text p{ margin-top: 10px; font-size: 16px;}
.sem-team li .des{ margin-top: 20px; font-size: 16px; line-height: 30px; text-align: justify;}

.sem-process{ padding: 5% 0; background: #f8f8f8;}
.sem-process ul{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.sem-process li{ margin-top: 4%; text-align: center;}
.sem-process li span{ display:inline-block; background: #FFFFFF; border-radius: 100%;}
.sem-process li p{ margin-top: 10px; font-size:18px; line-height: 26px;}
.sem-process .li-arrows{ padding-top: 15px;}

@media (max-width:999px){
	/* ========== */
	/* = SEM = */
	/* ========== */
	.sem-box{ padding: 1.2rem 0;}
	.sem-box .content{ margin-top: 0.8rem;}
	.sem-box .img{ max-width: 100%; width: 100%;} 
	.sem-box .text{ margin-top: 0.666666rem; width: 100%;}
	.sem-box .text .tit{ font-size:0.5rem;}
	.sem-box .text li img{ width: 1.4rem;}
	.sem-box .text li p{ margin-top: 0.266666rem; font-size: 0.32rem;}
	.sem-question{ padding: 1rem 0;}
	.sem-question ul{ margin-top: 5%; height:auto;}
	.sem-question ul li{ margin-bottom: 0.266666rem; position: relative !important; bottom:auto !important; left:auto !important; top:auto !important; width:140%; padding-left: 0.4rem;line-height:1.2rem; font-size: 0.34rem;}
	.sem-question ul li span{ font-size:0.32rem; margin-right:0.133333rem;}
	
	.sem-service{ padding: 1.2rem 0;}
	.sem-service li{ margin-top: 0.666666rem; max-width:100%; width: 100%;}
	.sem-service li .text { padding:0.666666rem;}
	.sem-service li .text .tit span{ font-size:0.5rem;}
	.sem-service li .text .tit p{  font-size: 0.38rem;}
	.sem-service li .text .des{ margin-top:0.266666rem; font-size: 0.34rem; line-height: 0.68rem; }
	.sem-service li .text .des p{ padding-left: 0.3rem;}
	
	.sem-data{ padding:1.2rem 0;}
	.sem-data li{ margin-top: 0.666666rem; width: 100%; padding: 0.666666rem;}
	.sem-data li .tit{ font-size: 0.5rem;}
	.sem-data li .des{  font-size: 0.34rem; line-height: 0.68rem;}
	
	.sem-models{ padding-top:1rem;}
	.sem-models .img{ margin-top:0.6rem;}
	.sem-models .img img{ max-width: 100%;}
	
	.sem-team{ padding: 1.5rem 0 1.2rem;}
	.sem-team ul{ margin-bottom: 0.8rem;}
	.sem-team li{ margin-top: 0.6rem; width:100%;}
	.sem-team li .top .text span{ font-size: 0.5rem;}
	.sem-team li .top .text p{ margin-top:0.133333rem; font-size: 0.36rem;}
	.sem-team li .des{ margin-right: 0.266666rem; font-size: 0.34rem; line-height: 0.68rem;}
	
	.sem-process{ padding:1.2rem 0;}
	.sem-process ul{ margin-top: 0.8rem;}
	.sem-process li span img{ width: 1.2rem;}
	.sem-process li p{ margin-top: 0.2rem; font-size: 0.3rem; line-height: 0.46rem;}
	.sem-process .li-arrows{ width:8%; padding-top: 0.4rem;}
	.sem-process .li-arrows img{ width: 0.4rem;}
}


/* ========== */
/* = CASE = */
/* ========== */
.bread{ line-height: 60px; border-bottom: 1px solid #dddddd;}
.bread a:first-child{ background:url("ico_bread.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_bread.png*/ left no-repeat; padding-left: 26px;}
.bread span{ color: #2a6cf4;}
.case{ padding: 5% 0 1.3%;}
.case .js-tab-con{ display: none;}
.case .js-tab-con.active{ display: block;}
.case-list{ display: flex; flex-flow: wrap; justify-content: flex-start; align-items:stretch;}
.case-list li{ margin-bottom: 4.7%; width: 30%; margin-right: 5%;}
.case-list li:nth-child(3n){ margin-right: 0;}
.case-list li .box{ display: block; border-radius: 20px; overflow: hidden; border: 1px solid #eeeeee;}
.case-list li .img{ position: relative;}
.case-list li .img img{ width: 100%;}
.case-list li .img span{ position: absolute; display: block; bottom: 0; left:50%; transform: translateY(50%) translateX(-50%); -webkit-transform: translateY(50%) translateX(-50%);; border-radius: 100%; max-width:26%; border: 1px solid #eeeeee; overflow: hidden;}
.case-list li .text{ padding:18% 20px 12.5%; text-align: center;}
.case-list li .text .tit{ padding-bottom: 15px; position: relative; font-size: 24px; color: #333333;}
.case-list li .text .tit:after{ position: absolute; bottom:0; left:50%; margin-left: -15px; content: ""; width: 30px; height: 2px; background: #2a6cf4;}
.case-list li .text .des{ margin-top: 15px; font-size: 18px; color: #333333; line-height: 30px;  height: 90px; overflow: hidden;} 
.case-list li .text .more{ margin-top: 20px; display: inline-block; vertical-align: middle; background: #2a6cf4; line-height: 60px; padding: 0 50px; border-radius: 10px; color: #FFFFFF;}
.case-list li .text .more span{ font-size: 18px; display: inline-block; vertical-align: middle;}
.case-list li .text .more i{ display: inline-block; vertical-align:middle; background-image: url("ico_view.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_view.png*/; background-size: cover; width: 30px; height: 30px;}

.case-dateil-banner{ background:#F8F8F8; }
.case-dateil-banner img{ width: 100%;}
.case-dateil-banner .text{ padding:2% 3%; background: #FFFFFF; border-radius:15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-box-shadow:0 5px 30px rgba(0,0,0,.15); box-shadow:0 5px 30px rgba(0,0,0,.15);}
.case-dateil-banner .tit{ padding-bottom: 25px;  font-weight: 600; position:relative; font-size: 24px; color: #222222;}
.case-dateil-banner .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 4px; background: #2a6cf4; border-radius: 2px;}
.case-dateil-banner .des{ margin-top: 20px; font-size: 18px; line-height:36px; color: #222222; text-align: justify;}
.case-detail{ background:#F8F8F8; padding:1% 0 6%;}
.case-detail .content{ display: flex; flex-flow: wrap; justify-content: space-around; align-items:center; max-width: 1400px; margin: 5% auto 0;}
.case-detail .left-img{ position: relative; width: 40%;}
.case-detail .left-img .js-tab-con{ display: none;}
.case-detail .left-img .js-tab-con.active{ display: block;}
.case-detail .left-img .tab{ position:absolute; bottom:4%; left:4%; width:92%;  line-height: 40px; display: flex; flex-flow: wrap; justify-content: center; align-items:flex-start; }
.case-detail .left-img .tab span{ cursor:pointer; position: relative; display: block; background: #FFFFFF; text-align: center; width: 20%; font-size: 12px; color: #2a6cf4;}
.case-detail .left-img .tab span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -10px; height: 20px; border-right: 1px solid #cccccc;}
.case-detail .left-img .tab span.active{ background: #2a6cf4; color: #FFFFFF;}
.case-detail .left-img .tab span:last-child{border-radius:0 20px 20px 0; overflow: hidden; }
.case-detail .left-img .tab span:last-child:after{ display: none;}
.case-detail .left-img .tab span:nth-child(1){border-radius:20px 0 0 20px; overflow: hidden; }
.case-detail .left-img .tab span.active:after{ display: none;}
.case-detail-text{ width: 52%;}
.case-detail-text .img{ padding-bottom:5%; border-bottom: 1px solid rgba(42,108,244,.2);}
.case-detail-text .img img{ max-width: 30%; margin: 0; border: 1px solid #eeeeee; border-radius: 10px; overflow: hidden;}
.case-detail-text .tit{  margin-top: 5%;font-size: 24px; color: #2a6cf4; font-weight: 600;}
.case-detail-text .des{ margin-top: 2%; font-size: 18px; line-height: 36px;}
.case-detail-text .button{ margin-top: 5%; display: block; width: 100%; text-align: center; background: #ffffff;  line-height: 60px; font-size: 20px; color: #2a6cf4; border-radius: 5px; border: 1px solid rgba(42,108,244,.2);}

@media (max-width:999px){
	.case{ padding: 1.2rem 0 0.6rem;}
	.case-list li{ margin-bottom:0.8rem; width:100%; margin-right: 0;}
	.case-list li .box{ border-radius:0.266666rem;}
	.case-list li .text{ padding:1.6rem 0.266666rem 1rem;}
	.case-list li .text .tit{ padding-bottom: 0.3rem; font-size: 0.46rem;}
	.case-list li .text .des{ margin-top:0.266666rem; font-size: 0.34rem;  line-height: 0.64rem; height: 1.92rem;} 
	.case-list li .text .more{ margin-top: 0.266666rem; line-height: 1rem; padding: 0 0.5rem; border-radius: 0.133333rem;}
	.case-list li .text .more span{ font-size: 0.32rem;}
	.case-list li .text .more i{ width: 0.533333rem; height: 0.533333rem;}
	
	.case-dateil-banner .text{ margin-top: 0.533333rem; padding: 0.7rem;  transform: translateY(0%); -webkit-transform: translateY(0%);}
	.case-dateil-banner .tit{ padding-bottom: 0.266666rem; font-size: 0.44rem;}
	.case-dateil-banner .des{ margin-top: 0.266666rem; font-size: 0.34rem; line-height:0.68rem; }
	.case-detail{  padding: 1.2rem 0;}
	.case-detail .left-img{ width: 100%;} 
	.case-detail .left-img .tab{ left:2%; width: 96%; }
	.case-detail .left-img .tab span{ font-size: 0.28rem;}
	.case-detail-text{ margin-top: 0.8rem; width: 100%;}
	.case-detail-text .tit{ font-size: 0.4rem;}
	.case-detail-text .des{  font-size: 0.34rem;  line-height: 0.64rem;}
	.case-detail-text .button{  font-size: 0.38rem; line-height: 1rem;}
	
}




.news{ padding: 4% 0 7%;}
.news .content{ margin-top: 5%; display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start; }
.news .left{ width: 71.25%;}
.news .right{ width: 25%;}
.news-list{ margin-bottom: 7%;}
.news-list li{ margin-bottom: 25px;}
.news-list li a{ border-radius: 16px; padding: 20px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.news-list li .img{ width: 34%; border-radius: 5px; overflow: hidden;}
.news-list li .img img{ width: 100%;}
.news-list li .text{ width: 62%;}
.news-list li .text .tit{ padding-bottom:5%; font-size: 20px; color: #333333; font-weight:600; position: relative;}
.news-list li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 4px; background: #2a6cf4; border-radius: 2px;}
.news-list li .text .des{ margin-top: 3%; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden;}
.news-list li .text .more{ margin-top: 5%; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.news-list li .text .date{ position: relative; padding-left: 25px;}
.news-list li .text .date:before{ content: ""; position: absolute; margin-top: -10px; top:50%; left:0; width: 20px; height: 20px; background-size: cover; background-image: url("ico_time.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_time.png*/;}
.news-list li .text .date span{ font-size: 16px; color: #999999;}
.news-list li .text .date i{ font-size: 20px; color: #333333; font-style: normal;}
.news-list li .text .more em{ padding-right: 40px; font-style:normal; position: relative;}
.news-list li .text .more em:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -15px; width: 30px; height: 30px; background-image:url("ico_news_more1.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_news_more1.png*/;}
.news-list li a:hover{ background: #f8f8f8;}
.news-list li a:hover .text .tit{ color: #2a6cf4; }
.news-list li a:hover .text .more em{ color: #2a6cf4; padding-right:30px;}
.news-list li a:hover .text .more em:after{ background-image: url("ico_news_more2.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_news_more2.png*/;}

.page{ text-align: center;}
.page ul li{ display: inline-block; vertical-align: middle;}
.page a,
.page span{ display: inline-block; vertical-align: middle; padding: 0 14px; min-width: 50px; margin: 3px; line-height: 40px; color: #999999; border: 1px solid #d4d4d4; border-radius:5px;}
.page a:hover,
.page li.active span{ border: 1px solid #2b6cf4; background: #2b6cf4; color: #FFFFFF;}

.news-rightbox{ margin-bottom: 40px; border: 1px solid #dddddd; border-radius: 20px; padding: 40px 30px;}
.news-rightbox .theme{ padding-left: 30px; padding-bottom: 10px; border-bottom: 1px solid #dddddd; position: relative; font-size: 24px; line-height: 30px; color: #333333; font-weight:600;}
.news-rightbox .theme:before{ content: ""; position: absolute; top:0; left:0; width: 20px; height: 30px; background-image: url("ico_news_tip.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_news_tip.png*/; background-size:cover;}
.news-rightbox .theme a{ position: absolute; top:0; right:0; color: #2a6cf4; font-size: 14px; font-weight: normal;}
.news-rightbox li{ margin-top: 25px;}
.news-rightbox li a{  display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.news-rightbox li .img{ width: 32%; border-radius: 5px; overflow: hidden;  border: 1px solid #DDDDDD;}
.news-rightbox li .text{ width: 63%;}
.news-rightbox li .text .tit{ line-height: 24px; height: 48px; overflow: hidden;}
.news-rightbox li .text .date{ margin-top:2%; color: #999999; font-size: 14px;}
.news-rightbox li .text .date span{ color: #333333;}
.news-rightbox li a:hover .text .tit{ color: #2b6cf4;}
.news-rightbox .tipcon{ margin: 20px -5px 0;  display: flex; flex-flow: wrap; justify-content:flex-start; align-items:center;}
.news-rightbox .tipcon a{ padding: 10px 20px; display: inline-block; background: #f8f8f8;  border: 1px solid #DDDDDD; border-radius: 4px; overflow: hidden; color: #333333; margin: 5px;}
.news-rightbox .tipcon a:hover{ color: #2b6cf4;}


.news-detail .title{ font-weight: 600; font-size: 30px; color: #333333; line-height:40px;}
.news-detail .source{ margin-top: 3%; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.news-detail .source span{ position: relative; line-height: 30px; display: inline-block; padding-left: 25px; margin-right: 70px; font-size: 16px; color: #999999;}
.news-detail .source span:before{ content: ""; position: absolute; top:50%; margin-top: -10px; left:0; width: 20px; height: 20px; background-size:cover;}
.news-detail .source span:nth-child(1):before{ background-image: url("ico_share.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_share.png*/;}
.news-detail .source span:nth-child(2):before{  background-image: url("ico_time.png")/*tpa=https://sem.zwzo.cn/static/home/images/ico_time.png*/;}
.news-detail .detail{ margin-top: 3%; font-size:16px; line-height: 32px;}
.news-detail .flip{ margin-top: 3%; padding-top: 2%; border-top: 1px solid #e5e5e5; display: flex; flex-flow: wrap; justify-content:space-between; align-items:center;}
.news-detail .flip a{ max-width: 46%; display: block; line-height: 30px;}
.news-detail .flip a:hover{ color:#2b6cf4;}
.news-detial-tip{ margin-top: 3%; position: relative; min-height: 34px; line-height: 34px; padding-left: 90px;}
.news-detial-tip a{ margin-right: 7px; line-height: 34px; padding: 0 23px; display: inline-block; background: #f8f8f8;  border: 1px solid #DDDDDD; border-radius: 4px; overflow: hidden; color: #333333;}
.news-detial-tip span{ position:absolute; top:0; left:0; font-size: 16px; color: #2a6cf4;}


.jh-text{ padding: 5% 0; background: #f8f8f8;}
.jh-text .content{ padding:0 20px;}
.jh-text h2{ font-size: 36px; color: #333333; font-weight: 600;}
.jh-text .des{ margin-top:25px; font-size: 16px; color: #333333; line-height: 32px;}
.jh-list li .img{ width: 20%;}
.jh-list li .text{ width: 75%;}
.jh-list li .text .tit{ padding-bottom:2%;}
.jh-list li .text .des{ margin-top: 2%;}
.jh-list li .text .more{ margin-top: 2%;}

@media (max-width:999px){
	.news{ padding: 1.2rem 0 1rem;}
	.news .content{ margin-top: 0.8rem; }
	.news .left{ width: 100%;}
	.news .right{ margin-top: 1.2rem; width: 100%;}
	.news-list{ margin-bottom: 0.8rem;}
	.news-list li{ margin-bottom: 0.6rem;}
	.news-list li a{ padding:0;}
	.news-list li .text .tit{ padding-bottom: 0; font-size:0.44rem;}
	.news-list li .text .tit:after{ display: none;}
	.news-list li .text .des{ font-size: 0.32rem; line-height: 0.6rem; height: 1.2rem;}
	.news-list li .text .more{ display: none;}
	.news-list li a:hover{ background: #fff;}
	
	.page span{ line-height: 1rem; }
	.news-rightbox{ margin-bottom: 0.8rem; padding: 0.4rem; border-radius: 0.4rem;}
	.news-rightbox .theme{ font-size: 0.48rem;}
	.news-rightbox .theme a{ font-size: 0.32rem;}
	.news-rightbox li{ margin-top: 0.4rem;}
	.news-rightbox li .text .tit{font-size: 0.34rem; line-height: 0.64rem; height: 1.28rem;}
	.news-rightbox li .text .date{ font-size: 0.32rem;}		
	.news-rightbox .tipcon{margin: 0.4rem -0.1rem 0;}
	.news-rightbox .tipcon a{font-size: 0.32rem; margin:0.1rem;}
	
	.news-detail .title{ font-size: 0.5rem; line-height: 0.666666rem;}
	.news-detail .source { margin-top: 0.533333rem;}
	.news-detail .source span{ display: block; margin-right: 0;}
	.news-detail .detail{ margin-top: 0.666666rem; font-size:0.34rem; line-height: 0.64rem;}
	.news-detail .flip{ margin-top:0.533333rem; padding-top: 0.4rem;}
	.news-detail .flip a{ max-width: 100%;}
	.news-detial-tip{ margin-top: 0.8rem;}
	
	.jh-text{ padding:1rem 0;}
	.jh-text .content{ padding:0 0.4rem;}
	.jh-text h2{ font-size:0.48rem; }
	.jh-text .des{ margin-top:0.266666rem; font-size:0.34rem; line-height: 0.64rem;}
	.jh-list li .img{ width: 30%;}
	.jh-list li .text{ width: 65%;}

}

.contact{ padding-top: 7%;}
.contact .des{ font-size: 18px; text-align: center; margin-top: 12px;}
.contact ul{ display: flex; flex-flow: wrap; justify-content:space-between; align-items:center;}
.contact li{ margin-top: 50px; width: 31%; background: #f8f8f8; padding: 2%;  display: flex; flex-flow: wrap; justify-content:space-between; align-items:center; border-radius: 10px;}
.contact li .ico{ width: 32%; position: relative; background: #FFFFFF; display: inline-block; border-radius: 100%;}
.contact li .ico img:nth-child(1){ opacity: 1; transform: rotateY(0); -webkit-transform: rotateY(0); }
.contact li .ico img:nth-child(2){ position: absolute; top:0; left:0; opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.contact li div{ width:59%; color:#222222;}
.contact li div span{ display: block; font-size: 24px; font-weight:600; padding-bottom: 15px; border-bottom: 1px solid rgba(42,108,244,.2); }
.contact li div p{ margin-top: 15px; font-size: 16px; line-height: 24px;}
.contact li:hover{ background: #2a6cf4;}
.contact li:hover .ico{  background:rgba(255,255,255,.2);}
.contact li:hover .ico img:nth-child(1){ opacity: 0; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); }
.contact li:hover .ico img:nth-child(2){ opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
.contact li:hover div{ color: #FFFFFF;}
.contact li:hover div span{ border-bottom: 1px solid rgba(255,255,255,.2);}
.contact .allmap{ margin-top: 8%;}
.contact .allmap img{ max-width:1000%;}
.contact .allmap{ width:100%; height:60vh;} 
.contact .allmap .anchorBL{ display: none; }

@media (max-width:999px){
	.contact{ padding-top: 1rem;}
	.contact .des{ font-size: 0.32rem;}
	.contact li{ margin-top: 0.666666rem; width: 100%; padding: 0.533333rem;}
	.contact li .ico{ width: 2rem;}
	.contact li div{ width:67%; }
	.contact li div span{  font-size: 0.44rem; padding-bottom: 0.3rem;}
	.contact li div p{ margin-top: 0.3rem; font-size: 0.36rem; line-height: 0.64rem;}
	
}



.about-box{ padding: 5% 0 7%;}
.about-box .container{  display: flex; flex-flow: wrap; justify-content:space-between; align-items:center;}
.about-box .text { width: 50%;}
.about-box .text .index-theme{ text-align: left;}
.about-box .text .des{ margin-top: 3%; font-size: 18px; line-height: 36px; color: #222222; text-align: justify;}
.about-box .img{ width: 56.5%; margin-right: -10%;}
.about-box .img img{ width: 100%;}
.about-history{ padding: 6% 0; background-image:url("history_bg.jpg")/*tpa=https://sem.zwzo.cn/static/home/images/history_bg.jpg*/;}
.about-history .content{ margin-top: 5%; position: relative; padding:0 50px;}
.about-history .content:before{ content: ""; position: absolute; top:126px; left:-50%; width: 200%; border-bottom: 1px solid rgba(42,108,244,.2);}
.about-history .swiper-button-next,
.about-history .swiper-button-prev{ top:130px;}
.swiper-about-history{ position: relative;}
.swiper-about-history .swiper-slide{ text-align: center;}
.swiper-about-history .swiper-slide .year{ height: 120px; display: flex; flex-flow: wrap; justify-content:space-between; align-items:flex-end; font-size: 36px; line-height: 50px;}
.swiper-about-history .swiper-slide .year div{ width: 100%;}
.swiper-about-history .swiper-slide .year span{ color: #2a6cf4;}
.swiper-about-history .swiper-slide .cricle{ display:block; margin: 0 auto; width: 14px; height: 14px; background: #2a6cf4; border-radius: 100%;}
.swiper-about-history .swiper-slide .des{ margin-top: 35px; font-size: 18px; line-height: 36px; opacity: 0;}
.swiper-about-history .swiper-slide-active .year{ font-size: 120px; line-height: 120px;}
.swiper-about-history .swiper-slide-active .des{ opacity: 1;}

.about-honor{ padding: 6% 0;}
.about-honor .content{ position: relative; padding:0 50px;}
.swiper-about-honor .swiper-slide{ padding:70px 35px;}
.swiper-about-honor .swiper-slide .img{ border:20px solid #FFFFFF; background: #f8f8f8; -webkit-box-shadow:0 0 20px rgba(0,0,0,.1); box-shadow:0 0 20px rgba(0,0,0,.1); }
.swiper-about-honor .swiper-slide .img div{ padding:14%; box-shadow: 0 0 12px rgba(0,0,0,.1) inset;}
.swiper-about-honor .swiper-slide .img img{ width: 100%;}

@media (max-width:999px){
	.about-box{ padding:1.2rem 0;}
	.about-box .text { width: 100%;}
	.about-box .text .index-theme{ text-align: center;}
	.about-box .text .des{ font-size: 0.34rem; line-height: 0.64rem;}
	.about-box .img{ margin: 0.666666rem 0 0; width:100%;}
	.about-history{ padding:1.2rem 0;}
	.about-history .content{ margin-top:0.666666rem; }
	.about-history .content:before{ top:1.35rem;}
	.about-history .swiper-button-next,
	.about-history .swiper-button-prev{ top:1.2rem;}
	.swiper-about-history .swiper-slide .year{ height: 1.2rem; font-size: 0.533333rem; line-height: 0.7rem;}
	.swiper-about-history .swiper-slide .cricle{ width:0.3rem; height: 0.3rem;}
	.swiper-about-history .swiper-slide .des{ margin-top: 0.4rem; font-size: 0.34rem; line-height: 0.64rem;}
	.swiper-about-history .swiper-slide-active .year{ font-size: 0.9rem; line-height:1.2rem;}
	
	.about-honor{padding:1.2rem 0;}
	.about-honor .content{ padding: 0;}
	.about-honor .swiper-button-next,
	.about-honor .swiper-button-prev{ display: none; }
	.swiper-about-honor .swiper-slide{ padding:0.533333rem 0.4rem 1.2rem;}
	.swiper-about-honor .swiper-slide .img{ border:0.266666rem solid #FFFFFF;  }
	
}