/* ========== */
/* = HOME = */
/* ========== */
.mb-banner img{ width: 100%;}

.home-more{ display: block; width: 100%; line-height: 2.7; text-align: center; border: 1px solid #288fd4; font-size: 0;}
.home-more i{ display: inline-block; vertical-align:middle; width: 0.53333333rem; height: 0.53333333rem; background-image: url(../images/ico_home_more.png); background-size:cover;}
.home-more span{ margin-left: 0.26666666rem; display: inline-block; vertical-align: middle; font-size: 0.34666666rem; color: #288fd4;}

.home-sub a{ float: left; width: 20%; text-align: center; display: block; padding: 0.36rem 0 0.6rem;}
.home-sub a img{ width: 1.2rem;}
.home-sub a span{ display:block; margin-top: 0.2rem; font-size: 0.36rem; color:#444; }


.home-about{ padding: 0.66666666rem 0.4rem;}
.home-about .img img{ width: 100%;}
.home-about .des{ padding: 0.53333333rem 0.33333333rem;}
.home-about .theme{ padding-bottom: 0.4rem; font-size: 0.42666666rem; color:#333333; position: relative;}
.home-about .theme:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0.5rem; height: 1px; background: #333;}
.home-about .des p{ margin-top: 0.33333333rem; font-size:0.346rem; line-height: 1.8; color: #999999; text-align: justify;}
.home-about .item{ float:left; width: 23%; margin-right:2%; padding: 0.33333333rem 0; text-align: center;  -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.home-about .item:nth-child(4n){ margin-right: 0;}
.home-about .item span{ display: inline-block; font-size:0.52rem; line-height:0.52rem; position: relative; font-weight:lighter;}
.home-about .item span i{ position: absolute; top:0; right:-0.26rem; font-style: normal; font-size:0.26666666rem; line-height: 0.29333333rem;}
.home-about .item:nth-child(1) span i{ font-size: 0.2rem;}
.home-about .item p{ margin-top: 0.13333333rem; font-size: 0.32rem; color: #288fd4;}

.home-market{padding: 0.66666666rem 0;}
.home-market .box{  width: 100%; height: 3.09333333rem; background-image: url(../images/home_market.jpg); background-size: cover; padding: 0.4rem;}
.home-market .box span{ padding-bottom: 0.26666666rem; display: block; font-size: 0.42666666rem; color: #FFFFFF; position: relative;}
.home-market .box span:after{ content: ""; position: absolute; bottom: 0; left:0; width:0.48rem; height: 2px; background: #FFFFFF;}
.home-market .box p{ margin-top: 0.33333333rem; font-size: 0.21333333rem; line-height: 0.4rem; color: #bbbbbb;}
.home-market .content{ padding:0 0.4rem;}
.home-market li{ float: left; width: 31%; margin-right:3.5%; padding:0.35rem 0 0.5rem; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); text-align: center; min-height:4.4rem;}
.home-market li:nth-child(3n){ margin-right: 0;}
.home-market li:nth-child(3n) .des{ margin-top: 0.53333333rem;}
.home-market li img{ width:0.93333333rem;}
.home-market li .tit a{ margin-top: 0.24rem; display: block; font-size: 0.42666666rem; color: #333333;}
.home-market li .des{ margin-top: 0.3rem; font-size: 0.32rem; line-height: 1.8;}
.home-market li .des a{ display: block; color: #999999;}
.home-market .text{ margin: 0.4rem 0;}
.home-market .item{ display: block; float: left; width: 48%; margin-right: 4%; padding: 0.4rem; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); }
.home-market .item:nth-child(2n){ margin-right: 0;}
.home-market .item span{ display: block; font-size: 0.3733rem; color: #288fd4;}
.home-market .item p{ margin-top: 0.2rem; font-size: 0.32rem; line-height: 1.5; color: #999999;}

.home-case{ padding: 0.66666666rem 0.4rem 1.06666666rem;}
.home-case .theme{ font-size: 0.42666666rem; color:#333333; position: relative;}
.home-case .des{ margin-top: 0.2rem; font-size: 0.32rem; color: #999999;}
.home-case .tab{ margin-top: 0.8rem;}
.home-case .tab span{ float: left; width:19.6%; margin-right:0.5%; display: block; line-height: 0.8rem; height:0.8rem; background:#f5f5f5; font-size: 0.26666666rem; color: #333333; text-align: center;}
.home-case .tab span:nth-child(5n){ margin-right: 0;}
.home-case .tab span.active{ background: #288fd4; color: #FFFFFF;}
.home-case .js-tab-box{ margin-top:0.73333333rem;}
.home-case .js-tab-con{ height:0; overflow: hidden; opacity: 0;}
.home-case .js-tab-con.active{  height: auto; opacity: 1;}
.home-case .slick{ padding-bottom:0.8rem;}
.home-case .logo-list a{ margin-bottom: 0.4rem; float: left; width:31%; margin-right:3.5%; display: block; border:1px solid #efefef; position: relative; padding-bottom:22%;}
.home-case .logo-list a img{ max-width: 90%; max-height:90%;}
.home-case .logo-list a:nth-child(3n){ margin-right: 0;}
.home-case .market-list li{ margin-top: 0; margin-bottom: 0.4rem;}
.home-case .market-list li a{ -webkit-box-shadow: 0 0 0 rgba(206,206,206,0); box-shadow: 0 0 0 rgba(206,206,206,0); border:1px solid #efefef;}
.home-case .web-list li .intro div i{ color: #666666;}
.home-case .web-list li .intro div em{ background-image:url(../images/ico_jt_gary.png);}


.home-news{ padding: 0.66666666rem 0.4rem 1.06666666rem;} 
.home-news .theme{ padding-bottom: 0.4rem; font-size: 0.42666666rem; color:#333333; position: relative;}
.home-news .theme:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0.4rem; height: 1px; background: #288fd4;}
.home-news .tab{ margin-top: 0.66666666rem;}
.home-news .tab span{ float: left; width: 32%; margin-right:2%; display: block; line-height: 0.8rem; height: 0.8rem; background:#f5f5f5; font-size: 0.32rem; color: #333333; text-align: center;}
.home-news .tab span:nth-child(3n){ margin-right: 0;}
.home-news .tab span.active{ background: #288fd4; color: #FFFFFF;}
.home-news .js-tab-box{ margin-top: 0.66666666rem;}
.home-news .js-tab-con{ display: none;}
.home-news .js-tab-con.active{ display: block;}
.home-news .box{ border: 1px solid #ebebeb; padding: 0.4rem;}
.home-news .box .img{ float: left; width:2.8rem;}
.home-news .box .text{ margin-left:3.1rem;}
.home-news .box .text span{ display: block; line-height: 0.6rem; color: #333333; font-size: 0.37333333rem;}
.home-news .box .text p{ margin-top: 0.1rem; font-size: 0.32rem; line-height: 1.5; height: 0.96rem; overflow: hidden; color: #999999;}
.home-news ul li{ margin-top: 0.26666666rem; border-bottom: 1px solid #ebebeb; }
.home-news ul li a{ display: block; line-height: 0.93333333rem; position: relative; padding-left: 0.53333333rem; font-size: 0.37333333rem;}
.home-news ul li a:before{ content: ""; position: absolute; margin-top:-3px; top:50%; left:0.18rem; width: 6px; height: 6px; border-radius: 100%; background: #288fd4;}
.home-news .home-more{ margin-top: 0.66666666rem;}
.home-news .more2{ display:none;}


.diagnosis-box{ padding:0.8rem 0.4rem 0.66666666rem;} 
.diagnosis-box .theme { margin-bottom: 0.53333333rem;}
.diagnosis-box .theme span{ font-size: 0.42666666rem; color: #333333;}
.diagnosis-box .theme p{ margin-top:0.2rem; font-size:0.32rem;}
.diagnosis-box .in{ margin-bottom:0.4rem; float: left; width: 47.5%; margin-right:5%; height: 1.2rem; background: #eeeeee; position: relative;}
.diagnosis-box .in>input,
.diagnosis-box .in>select{ padding: 0 1.06666666rem 0 0.4rem; height:1.2rem; line-height:1.2rem; width: 100%; background:#eeeeee;  border: none; font-size:0.32rem; color:#333;overflow:initial;-moz-appearance: none;appearance: none;    -webkit-appearance: none;}
.diagnosis-box .ui-multiselect{width: 100%; display: block; height:1.2rem; line-height:1.2rem; padding: 0 1.06666666rem 0 0.4rem; background:#eeeeee; border: none; font-size:0.32rem; color: #666;}
.diagnosis-box .in:nth-child(2n){ margin-right: 0;}
.diagnosis-box .in:after{ content: ""; position: absolute; top:0.3rem; right:0.3rem; width: .6rem; height: .6rem; background-size: cover;}
.diagnosis-box .in:nth-child(1):after{ background-image: url(../images/ico_in_company.png);}
.diagnosis-box .in:nth-child(2):after{ background-image: url(../images/ico_in_person.png);}
.diagnosis-box .in:nth-child(3):after{ background-image: url(../images/ico_in_tel.png);}
.diagnosis-box .in:nth-child(4):after{ background-image: url(../images/ico_in_arrows.png);}
.diagnosis-box .button{ position: relative; margin-top: 0.6rem; width: 100%; background: #288fd4; color: #FFFFFF; line-height: 1.1rem; height: 1.1rem;}
.diagnosis-box .button i{ position: absolute; left:3.2rem; top:50%; margin-top:-0.26666666rem; display: block; width: 0.53333333rem; height: 0.53333333rem; background-image: url(../images/diagnosis_button.png); background-size: cover;}
.diagnosis-box .button input{ width: 100%; background:none; color: #FFFFFF; line-height: 1.1rem; height: 1.1rem; font-size: 0.36rem; letter-spacing: 0.02666666rem;}

.diagnosis-box .in>select{background: url(../images/ico_in_arrows.png) no-repeat right 10px center;}
.diagnosis-box .in:nth-child(4):after{
    content:none;
}

/* ========== */
/* = NY = */
/* ========== */
.ny-banner{ height: 5.33333333rem; padding: 1.58rem 0.4rem 0;}
.ny-banner h3{ font-size:0.58666666rem; color: #FFFFFF;}
.ny-banner .des{ margin-top:0.7rem; max-width:5rem; line-height: 0.48rem; font-size:0.26rem; color: #d9d9d9; letter-spacing: 0.01rem;}

.ny-tit{ text-align: center; font-size: 0.4533rem; line-height: 0.66666666rem;}
.ny-tit span{ color: #288fd4;}

.mobile-tit{ padding-bottom:0.32rem; font-size:0.4533rem; color: #333333; position: relative; text-align: center; letter-spacing:0.002rem; }
.mobile-tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left:-0.3rem; width: 0.6rem; height:2px; background: #288fd4;}
.mobile-tit p{ margin-top:0.2rem; font-size:0.32rem; color:#666666;}


.page{ text-align: center; font-size:0;}
.page a,
.page span{ margin:0.06rem; display: inline-block; height: 0.66666666rem; line-height: 0.66666666rem; min-width:0.66666666rem; padding: 0 3px; text-align: center; background: #f4f4f4; color: #999999; font-size: 0.32rem;} 
.page em{ margin: 0 0.06666666rem; font-size: 0.32rem;}
.page a:hover,
.page a.current,
.page span.current{ background: #288fd4; color: #FFFFFF;}

.ny-menu{ padding:0.66666666rem 0; text-align: center; border-bottom: 1px solid #e5e5e5;}
.ny-menu a{ margin: 0 0.66666666rem; padding-bottom: 0.26666666rem; display: inline-block; font-size: 0.4rem; color: #333333; border-bottom:1px solid #FFFFFF;}
.ny-menu a.active{ border-bottom: 1px solid #288fd4; color: #288fd4;}

.more-button{  margin: 0 auto; display:inline-block; padding: 0 0.6rem; height: 0.93333333rem; line-height: 0.93333333rem; background: #288fd4; color: #FFFFFF; text-align: center; font-size:0;}
.more-button i{ margin-right: 0.22rem; display: inline-block; vertical-align: middle; width:0.53333333rem; height: 0.53333333rem; background-image: url(../images/ico_more.png); background-size: cover;}
.more-button .ico-eye{  background-image: url(../images/ico_eye.png);}
.more-button .ico-lx{  background-image: url(../images/ico_lx.png);}
.more-button span{ display: inline-block; vertical-align: middle; font-size: 0.32rem;}


/* ========== */
/* = CASE-LOGO = */
/* ========== */
.case-logo{ padding:1rem 0.4rem;}
.case-logo .ny-tit{ color: #333333;}
.case-logo ul{ margin-top: 0.66666666rem; border: 1px solid #ececec; border-bottom: none;}
.case-logo li{ float: left; width:25%; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.case-logo li:nth-child(4n){ border-right:1px solid #FFFFFF;}
.case-logo li:nth-child(4n+1){ clear: both;}
.case-logo li a{ display: block; position: relative; padding-bottom:60%;}
.case-logo li a img{ max-width:80%; max-width:80%;}
.case-logo .more{ position: absolute; top:50%; left:0.58rem; transform: translateY(-48%);  -webkit-transform: translateY(-48%);}
.case-logo .more p{ font-size: 0.32rem; color:#333333;}
.case-logo .more i{ margin-top: 0.15rem; display:block; width: 0.48rem; height: 0.37333333rem; background-image: url(../images/ico_jt.png); background-size: cover;}



/* ========== */
/* = MARKET-LOGO = */
/* ========== */
.market-logo{ padding:1rem 0.4rem;}
.market-logo ul{ border: 1px solid #ececec; border-bottom: none;}
.market-logo li{ float: left; width: 33.33333333%; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.market-logo li:nth-child(3n){ border-right: 1px solid #FFFFFF;}
.market-logo li a{ display: block; position: relative; padding-bottom:48%;}
.market-logo li a img{ max-height:60%; max-width:75%;}
.market-logo .more{ position: absolute; top:50%; left:0.6rem; transform: translateY(-50%);  -webkit-transform: translateY(-50%);}
.market-logo .more p{ font-size:0.32rem; color:#333333;}
.market-logo .more span{ margin-top: 0.2rem; display: inline-block; font-size: 0.26667rem;  padding-right: 0.6rem; position: relative;}
.market-logo .more span i{ position: absolute; top:50%; margin-top:-0.18666rem; right:0; width: 0.48rem; height: 0.37333333rem; background-image: url(../images/ico_jt.png); background-size: cover;}



/* ========== */
/* = SEO = */
/* ========== */
.seo-box{ padding: 0.66666666rem 0.4rem;}
.seo-box li{ margin-top: 0.66666666rem; float: left; width: 47%; margin-right:6%;}
.seo-box li:nth-child(2n){ margin-right: 0;}
.seo-box .item{ text-align: center; position: relative;}
.seo-box .box{ height: 4.26666666rem; background: #FFFFFF; cursor: pointer; padding-top: 0.8rem; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.seo-box .box span{ display: block; font-size:0.3rem; color:#333333; padding-bottom: 0.26666666rem; position: relative;}
.seo-box .box span:after{ content: ""; position: absolute; bottom:0; left:50%; width:0.5rem; height: 1px; margin-left: -0.25rem; background: #288fd4;}
.seo-box .box .tip{ margin-top: 0.3rem; font-size: 0.26666666rem; line-height: 0.48rem;}
.seo-box .box i{ margin-top: 0.45rem; display: inline-block;  width: 0.52rem; height:0.52rem; background-image: url(../images/ico_click.png); background-size: cover;}
.seo-box .des{ opacity:0;  transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg); position: absolute;  border: 1px solid #288fd4; top:0; left:0; width: 100%; font-size: 0.2666rem; line-height: 0.58rem; background:#FFFFFF; color: #288fd4; height: 100%;}
.seo-box .des div{ display: inline-block; width: 100%; vertical-align: middle;}
.seo-box .des div+i{ display: inline-block; vertical-align: middle; height: 100%;}
.seo-box li.active .item .box {opacity:0; transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg); }
.seo-box li.active .item  .des{ opacity:1; transform:rotateY(0deg); -webkit-transform:rotateY(0deg);}


.seo-analysis{ padding:0.86666666rem 0.4rem 0.66666666rem;}
.seo-analysis .content{ height:3rem; position: relative; }
.seo-analysis .cricle{ position: absolute; top:50%; left:50%; margin-top: -1.35rem; margin-left: -1.35rem; width: 2.7rem; height: 2.7rem;}
.seo-analysis .cricle span{ position: absolute; z-index: 1; top:50%; left:50%; width:0.86666666rem; height: 0.86666666rem; margin-top:-0.42666666rem; padding-top:0.2rem; margin-left: -0.42666666rem; text-align: center; font-size: 0.18rem; line-height: 0.24rem; color: #FFFFFF; }
.seo-analysis .cricle:after{ content: ""; position: absolute; z-index: 0; top:0; left:0; width: 2.7rem; height: 2.7rem; background-size: cover; background-image: url(../images/seo/seo_cricle.png);  animation: progress360 3s linear infinite;  -webkit-animation: progress360 3s linear infinite;}
.seo-analysis .text{ float: left; width: 3.1rem; text-align: right;}
.seo-analysis .text p{ margin-top:0.8rem; position: relative; padding-right:0.65rem; line-height: 0.53rem; font-size: 0.26rem;}
.seo-analysis .text p:first-child{ margin-top: 0;}
.seo-analysis .text p i{ position: absolute; top:0; right:0; width:0.53rem; height:0.53rem; background-size: cover;}
.seo-analysis .text p .ico-01{ background-image:url(../images/seo/ico_analysis_01.png);}
.seo-analysis .text p .ico-02{ background-image:url(../images/seo/ico_analysis_02.png);}
.seo-analysis .text p .ico-03{ background-image:url(../images/seo/ico_analysis_03.png);}
.seo-analysis .text p .ico-04{ background-image:url(../images/seo/ico_analysis_04.png);}
.seo-analysis .text p .ico-05{ background-image:url(../images/seo/ico_analysis_05.png);}
.seo-analysis .text p .ico-06{ background-image:url(../images/seo/ico_analysis_06.png);}
.seo-analysis .text2{ float: right; text-align:left;}
.seo-analysis .text2 p{ padding-right: 0; padding-left:0.65rem; }
.seo-analysis .text2 p i{ right: auto; left:0; }
.seo-analysis .img{ margin-top: 0.7rem;}
.seo-analysis .img img{ width: 100%;}

@keyframes progress360 {
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
    	-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes progress360 {
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
    	-webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.seo-advantange{ padding: 0.66666666rem 0.4rem;}
.seo-advantange ul{ margin-top: 0.66666666rem;}
.seo-advantange li{ float: left; width:48%; margin-right:4%; text-align: center; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); overflow: hidden;}
.seo-advantange li:nth-child(2n){ margin-right: 0;}
.seo-advantange li .tit{ line-height: 1.17333333rem; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.seo-advantange li .tit i{ display: inline-block;  vertical-align: middle; width: 0.66666666rem; height: 0.66666666rem; background-size: cover; background-image: url(../images/seo/ico_seo.png);}
.seo-advantange li:nth-child(2) .tit i{ background-image: url(../images/seo/ico_ueo.png);}
.seo-advantange li .tit span{ margin-left: 0.2rem; font-size: 0.29333333rem; color: #333333;}
.seo-advantange li .des{ padding: 0.8rem 0.13333333rem 1rem; text-align: center;}
.seo-advantange li .des div{  text-align: left; display:inline-block;}
.seo-advantange li .des span{ margin-bottom: 0.48rem; display:block; position: relative; padding-left: 0.3rem; font-size: 0.26666666rem; line-height: 0.48rem;}
.seo-advantange li .des span:last-child{ margin-bottom: 0;}
.seo-advantange li .des span:before{ content: ""; position: absolute; margin-top: -4px; top:50%; left:0; display:block; width:0; height:0; border-width:4px 0 4px 4px; border-style:solid; border-color:transparent transparent transparent #419cd9;}

.seo-tec{ padding:0.66666666rem 0;}
.seo-tec .con{ margin-top: 0.66666666rem; padding:0.8rem 0.53333333rem; background-image: url(../images/tec_bg.jpg); background-size: cover;}

.seo-intel{ padding:0 0.4rem 0.66666666rem;}
.seo-intel .mobile-tit{ margin-top: 0.66666666rem;}
.seo-intel .img{ margin-top: 0.53333333rem;}
.seo-intel .img img{ width: 100%;}
.seo-intel ul{ margin-top: 0.53333333rem;}
.seo-intel li{ float: left; width: 25%; text-align: center;}
.seo-intel li img{ width: 0.66666666rem;}
.seo-intel li span{ display: block; font-size:0.26666666rem; margin-top: 0.13333333rem;}
.seo-intel li p{ margin-top: 0.26666666rem; font-size:0.26666666rem;}


/* ========== */
/* = SEM = */
/* ========== */
.sem-box{ padding: 0.66666666rem 0.4rem;}
.sem-box li{ margin-top:0.6rem; float: left; width: 48%; margin-right:4%; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); padding: 0.53333333rem 0; text-align: center;}
.sem-box li:nth-child(2n){ margin-right: 0;}
.sem-box li img{ width: 0.6666rem;}
.sem-box li p{ margin-top: 0.26666666rem; display: block; color: #333333; font-size:0.26666666rem; line-height: 0.44rem;}

.sem-analysis{ padding: 0.66666666rem 0.4rem; text-align: center;}
.sem-analysis .img{ margin-top:0.53333333rem;}
.sem-analysis .img img{ width: 100%;}
.sem-analysis li{ margin-top:0.7rem; float: left; width:25%;}
.sem-analysis li img{ width: 0.6rem;}
.sem-analysis li p{ margin-top: 0.2rem; color: #333333; font-size:0.29333333rem;}
.sem-analysis .more-button{ margin-top: 0.6rem;}
.sem-analysis .more-button i{ background-image: url(../images/sem/ico_analysis.png);}

.sem-monitor{ padding: 0.66666666rem 0.4rem;}
.sem-monitor .img{ margin-top: 0.6rem;}
.sem-monitor .img img{ width: 100%;}
.sem-monitor .tit{ margin-top: 0.53333333rem;}
.sem-monitor .tit span{ font-size: 0.29333333rem;}
.sem-monitor .tit p{ font-size: 0.21333333rem;}
.sem-monitor ul li{ margin-top: 0.45rem; float: left; width: 16.6666666%; text-align: center;}
.sem-monitor .ul-02 li{ width: 20%;}
.sem-monitor ul li img{ width: 0.66666666rem;}
.sem-monitor ul li p{ font-size:0.28rem; margin-top: 0.13333333rem;}


.sem-advantage{ padding: 0.66666666rem 0.4rem; text-align: center;}
.sem-advantage .content{ margin: 0.66666666rem 0; position: relative; overflow: hidden;}
.sem-advantage .cricle{ position: absolute; top:50%; left:50%; margin-top: -1.5rem; width: 3rem; height:3rem; margin-left:-1.5rem;}
.sem-advantage .cricle span{ position: absolute; z-index: 1; top:50%; left:50%; width:0.8rem; height:0.8rem; margin-top: -0.4rem; margin-left:-0.4rem; text-align: center; font-size: 0.24rem; color: #FFFFFF; line-height:0.8rem;}
.sem-advantage .cricle:after{ content: ""; position: absolute; z-index: 0; top:0; left:0; width: 3rem; height:3rem; background-image: url(../images/sem/sem_cricle.png); background-size:cover; animation: progress360 3s linear infinite;  -webkit-animation: progress360 3s linear infinite;}
.sem-advantage .text{ float: left; width:31%; text-align: right;}
.sem-advantage .text div{ margin-top:0.58rem; position: relative; padding-right:0.8rem; line-height:0.6rem; height: 0.6rem; }
.sem-advantage .text div:first-child{ margin-top: 0;}
.sem-advantage .text div i{ position: absolute; top:0; right:0; width: 0.6rem; height: 0.6rem; background-size: cover;}
.sem-advantage .text div .ico-01{ background-image:url(../images/sem/adv_01.png);}
.sem-advantage .text div .ico-02{ background-image:url(../images/sem/adv_02.png);}
.sem-advantage .text div .ico-03{ background-image:url(../images/sem/adv_03.png);}
.sem-advantage .text div .ico-04{ background-image:url(../images/sem/adv_04.png);}
.sem-advantage .text div .ico-05{ background-image:url(../images/sem/adv_05.png);}
.sem-advantage .text div .ico-06{ background-image:url(../images/sem/adv_06.png);}
.sem-advantage .text div span{ display: block; font-size:0.28rem; color: #000000;}
.sem-advantage .text2{ float: right; text-align:left;}
.sem-advantage .text2 div{ padding-right: 0; padding-left: 0.8rem; }
.sem-advantage .text2 div i{ right: auto; left:0; }
.sem-advantage .more-button i{ background-image: url(../images/ico_heart.png);}


/* ========== */
/* = EPR = */
/* ========== */
.epr-three{ padding: 0.66666666rem 0.4rem;}
.epr-three .img{ margin-top: 0.53333333rem;}
.epr-three .img img{ width: 100%;}
.epr-three li{ margin-top: 0.4rem; float: left; width: 33.33333333%; text-align: center;}
.epr-three li img{ width: 0.66666666rem;}
.epr-three li span{ margin-top: 0.25rem; display: block; font-size:0.32rem; color: #333333;}
.epr-three li p{ margin-top: 0.1rem; font-size:0.28rem; color:#999999;}

.epr-box{ padding: 0.66666666rem 0.4rem;}
.epr-box .content{ margin-top: 0.53333333rem;}
.epr-box .box .text{ float: right; width: 45%; padding-top: 0.5rem;}
.epr-box .box .text span{ padding-bottom:0.4rem; font-size:0.32rem; display: block; position: relative;}
.epr-box .box .text span:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0.53333333rem; height:1px; background: #000000;}
.epr-box .box .text p{ margin-top: 0.55rem; font-size:0.28rem; line-height: 0.5rem; color: #999999;}
.epr-box .box .img{ float: left; width: 50%;}
.epr-box .box .img img{ width: 100%;}
.epr-box .box:nth-child(2) .img{ float: right;}
.epr-box .box:nth-child(2) .text{ float: left;}

.epr-feature{ padding: 0.66666666rem 0.4rem; text-align: center;}
.epr-feature ul{ margin-top: 0.66666666rem;}
.epr-feature li{ float: left; width: 50%; text-align: left; padding: 0.5rem 0.4rem;}
.epr-feature li:nth-child(4n-2),
.epr-feature li:nth-child(4n-1){ background: #fbfafa;}
.epr-feature li img{ margin: 0; width: 0.6rem;}
.epr-feature li span{ margin-top: 0.2rem; display: block; font-size:0.29333333rem; }
.epr-feature li p{ margin-top: 0.26666666rem; font-size:0.24rem; line-height:0.44rem; color: #999999; min-height:1.32rem;}
.epr-feature .more-button{ margin-top: 0.53333333rem;}
.epr-feature .more-button i{ background-image: url(../images/ico_zx.png);}

.epr-support{ padding: 0.66666666rem 0.4rem;}
.epr-support .img{ margin-top: 0.53333333rem;}
.epr-support .img img{ width: 100%;}
.epr-support ul{ text-align: center; font-size: 0;}
.epr-support li{ margin-top: 0.53333333rem; display: inline-block; width: 33%;}
.epr-support li:nth-child(1),
.epr-support li:nth-child(2){ width: 40%;}
.epr-support li img{ width: 0.66666666rem;}
.epr-support li p{ margin-top: 0.2rem; font-size: 0.26666666rem;}

.epr-advantage{ padding: 0.66666666rem 0.4rem;}
.epr-advantage ul{ margin-top: 0.53333333rem; font-size: 0;  text-align: center;}
.epr-advantage li{ width: 23%; margin: 0 1% 0.26666666rem; display: inline-block; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); padding: 0.53333333rem 0;}
.epr-advantage li img{ width: 0.66666666rem;}
.epr-advantage li span{ display: block; margin-top: 0.22rem; font-size:0.24rem; color: #333333;}


/* ========== */
/* = WEB = */
/* ========== */
.web-box{ padding:0 0.4rem 0.6rem;}
.web-box li{ margin-top:0.6rem; float: left; width: 47%; margin-right:6%; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); }
.web-box li:nth-child(2n){ margin-right: 0;}
.web-box .titbox{ height: 4.26666666rem; padding-top: 0.86666666rem; text-align: center; }
.web-box .titbox a{ margin-top: 1rem; line-height: 0.61333333rem; height: 0.61333333rem; padding: 0 0.5rem;}
.web-box .titbox i{ width: 0.45333333rem; height: 0.45333333rem; background-image:url(../images/ico_zx.png);}
.web-box .item{ padding-top: 0.66666666rem; height: 4.26666666rem;  text-align: center; position: relative;}
.web-box .item img{ width: 0.74666666rem}
.web-box .item span{ padding: 0.3rem 0; display: block; font-size:0.37333rem; color: #333333; position: relative;}
.web-box .item span:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -14px; width:28px; height: 2px; background: #288fd4;}
.web-box .item p{ margin-top: 0.4rem; font-size:0.32rem; line-height:1.5; color: #999999;}

.web-service{ padding: 0.66666666rem 0.4rem;}
.web-service .tit{ margin-top:0.53333333rem; padding-bottom: 0.26666666rem; font-size:0.3733rem; color:#333; position: relative; text-align: center;}
.web-service .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 0.4rem; margin-left:-0.2rem; height: 1px; background: #288fd4;}
.web-service ul{ margin-top: 0.4rem; text-align: center;}
.web-service li{ float: left;  width: 25%; text-align: center;}
.web-service li img{ width: 0.74666666rem;}
.web-service li p{ margin-top:0.16rem; font-size:0.32rem; color: #333333;}
.web-service .img{ margin-top: 0.5rem; position: relative;}
.web-service .img img{ width: 100%;}
.web-service .img .tip{ position: absolute; bottom: 0; left:0; right: 0; background: rgba(0,0,0,.6); color: #FFFFFF;  padding: 0.26666666rem 0.13333333rem; text-align: center; font-size: 0.32rem; box-sizing: border-box; line-height: 0.32rem;}
.web-service .img .tip i{ font-style: normal; margin: 0 0.13333333rem;}
.web-service .img .tip2{ padding: 0;}
.web-service .img .tip2 div{ float: left; text-align: left;}
.web-service .img .tip2 div{ width:55%; padding: 0.2rem; }
.web-service .img .tip2 div:nth-child(2){ width: 45%; border-left: 1px solid rgba(255,255,255,.3);}
.web-service .img .tip2 div span{ font-size: 0.346666rem; display: block; margin-bottom:0.13333333rem;}
.web-service .img .tip2 div p{ font-size: 0.2933rem; line-height: 0.38rem; color:#BBBBBB;}
.web-service .des{ margin-top: 0.53333333rem; font-size: 0.32rem; line-height: 2; color: #333333; text-align: center;}
.web-service .des span{ color: #288fd4; }

.web-advantange{ padding:0.66666666rem 0.4rem;}
.web-advantange ul{ margin-top: 0.33333333rem;}
.web-advantange li{ float: left; width:50%; padding: 0.53333333rem 0.6rem 0.2rem;}
.web-advantange li:nth-child(2n+1){ clear: both;}
.web-advantange li:nth-child(4n-1),
.web-advantange li:nth-child(4n-2){ background: #fbfafa;}
.web-advantange li span{ display: block; font-size: 0.3733rem; font-weight: bold;}
.web-advantange li p{ margin-top: 0.33333333rem; line-height: 1.6; font-size:0.32rem; min-height:2.1rem; text-align: justify; overflow: hidden; color: #999999;}

.web-process{ padding:0.66666666rem 0.4rem 0;}
.web-process ul{padding-top: 0.66666666rem;}
.web-process li{ margin-bottom: 0.66666666rem; float: left; width: 47%; margin-right:6%; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); }
.web-process li:nth-child(2n){ margin-right: 0;}
.web-process .titbox{ height: 4.26666666rem; padding-top: 0.86666666rem; text-align: center; }
.web-process .titbox a{ margin-top: 1rem; padding: 0 0.5rem; line-height: 0.61333333rem; height: 0.61333333rem; }
.web-process .titbox i{ width: 0.45333333rem; height: 0.45333333rem; background-image:url(../images/ico_zx.png);}
.web-process .item{  text-align: center; position: relative;padding:0.9rem 0 0.6rem;}
.web-process li:nth-child(3) .item,
.web-process li:nth-child(4) .item{height: 6rem;}
.web-process li:nth-child(7) .item,
.web-process li:nth-child(8) .item{height: 5.46666666rem;}
.web-process .item span{ position: absolute; top:0; left:0.46666666rem; background: #288fd4; color: #FFFFFF; width: 0.66666666rem; line-height: 0.8rem; height: 0.8rem; }
.web-process .item .tit{ font-size: 0.37333rem; color:#333333; padding-bottom: 0.26666666rem; position: relative;}
.web-process .item .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 0.4rem; margin-left:-0.2rem; height: 1px; background: #288fd4;}
.web-process .item .des{ margin-top: 0.4rem; font-size:0.32rem; line-height:1.8;}

.web-after{ padding: 0.66666666rem 0.4rem;}
.web-after .text p{ margin-top:0.53333333rem; position: relative; padding-left: 0.8rem; color: #999999; line-height:1.5; font-size: 0.32rem;}
.web-after .text p:after{ content: ""; position: absolute;  top:0.13rem; left:0.4rem; display:block; width:0; height:0; border-width:5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent #419cd9;}
.web-after .text p span{ font-size: 0.34rem; color: #666666; margin-right:0.3rem;}
.web-after .img img{ margin-top: 0.5rem; width: 100%;}


/* ========== */
/* = RBT = */
/* ========== */
.rtb-box{ padding:0 0.4rem 0.66666666rem;}
.rtb-box li{ margin-top:0.66666666rem; float: left; width: 47%; margin-right:6%; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); }
.rtb-box li:nth-child(2n){ margin-right: 0;}
.rtb-box .titbox{ height: 4.26666666rem; padding-top: 0.86666666rem; text-align: center; }
.rtb-box .titbox a{ margin-top: 1rem; line-height: 0.61333333rem; height: 0.61333333rem; padding: 0 0.5rem;}
.rtb-box .titbox i{ width: 0.45333333rem; height: 0.45333333rem; background-image:url(../images/ico_zx.png);}
.rtb-box .item{ padding-top: 0.66666666rem; height: 4.26666666rem;  text-align: center; position: relative;}
.rtb-box .item span{ padding-bottom: 0.26666666rem; display: block; font-size:0.33rem; color: #333333; position: relative;}
.rtb-box .item span:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -14px; width:28px; height: 2px; background: #288fd4;}
.rtb-box .item p{ margin-top: 0.4rem; font-size:0.28rem; line-height:0.48rem; min-height: 2.8rem;}

.rtb-advantange{ padding: 0.66666666rem 0.4rem;}
.rtb-advantange li{ margin-top: 0.53333333rem; float: left; width: 31%; margin-right:3.5%; text-align: center;  -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); padding: 0.5rem 0.22rem 0.4rem;}
.rtb-advantange li:nth-child(3n){ margin-right: 0;}
.rtb-advantange li img{ width: 0.53333333rem;}
.rtb-advantange li span{ margin-top: 0.26666666rem; display: block; position: relative; font-size: 0.29rem; padding-bottom: 0.3rem;}
.rtb-advantange li span:after{ content: ""; position: absolute; bottom:0; left:50%; width: 0.4rem; margin-left: -0.2rem; height: 1px; background: #288fd4;}
.rtb-advantange li p{ margin-top: 0.26666666rem; line-height:0.4rem; font-size: 0.25rem;  min-height:1.5rem; color: #999;}

.rtb-platform{ padding: 0.66666666rem 0.4rem;}
.rtb-platform .des{ padding:0.2rem 0.75rem 0;}
.rtb-platform .des p{ margin-top:0.4rem; position:relative;font-size:0.28rem; padding-left: 0.8rem; line-height: 0.5rem;}
.rtb-platform .des p img{ position:absolute; top:0; left:0; width: 0.5rem; }
.rtb-platform .img{ padding: 0.2rem 0.2rem 0;}
.rtb-platform li{ margin-top: 0.53333333rem; float: left; width: 25%; text-align: center;}
.rtb-platform li span{ display: inline-block; width: 0.93333333rem; border: 1px solid #f2f2f2;}



/* ========== */
/* = OPINION = */
/* ========== */
.opinion-cover{ padding: 0.66666666rem 0.4rem; text-align: center;}
.opinion-cover .con{ margin-top: 0.6rem;}
.opinion-cover .con div{ float: left; width: 33.3333%; padding:0 0.12rem;}
.opinion-cover .con div span{ font-size: 0.63rem; font-weight: bold; color: #288fd4; display: block;}
.opinion-cover .con div p{ margin-top: 0.3rem; font-size: 0.22rem; line-height: 0.44rem;}
.opinion-cover .con div p i{ font-style: normal; color: #288fd4; font-weight: bold; font-size:0.24rem;}
.opinion-cover .img{ margin-top: 0.53333333rem; width: 100%;}
.opinion-cover .img img{ width: 100%;}
.opinion-cover ul{ margin: 0 -0.15rem;}
.opinion-cover li{ margin-top: 0.6rem; float: left; width:50%; padding: 0 0.15rem;}
.opinion-cover .item{ padding:0.6rem 0.15rem; height:4rem;  -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.opinion-cover .item img{ display: inline-block; width: 1rem; height:1rem; position: relative; z-index: 1; background: #248cd6; border-radius: 100%; overflow: hidden;}
.opinion-cover .item span{ margin-top: 0.26666666rem; display: block; font-size:0.28rem; color:#333333;}
.opinion-cover .item p{ margin-top: 0.2rem; font-size: 0.22rem; line-height: 0.44rem;}
.opinion-cover .more-button{ margin-top: 0.45rem;}
.opinion-cover .more-button i{ background-image: url(../images/ico_heart.png);}

.opinion-data{ padding: 0.66666666rem 0; text-align:center;}
.opinion-data .img{ margin: 0.66666666rem 0;}
.opinion-data .more-button i{ background-image: url(../images/ico_data.png);}

.opinion-system{ padding: 0.66666666rem 0.4rem; text-align: center;}
.opinion-system .con{ margin-top: 0.53333333rem;}
.opinion-system .con h2{ font-weight: bold; font-size:0.36rem; color: #288fd4;}
.opinion-system .con li{ margin-top:0.66666666rem; float: left; width: 48%; margin-right:4%;}
.opinion-system .con li:nth-child(2n){ margin-right: 0;}
.opinion-system .con li img{ width: 1.2rem;}
.opinion-system .con li p{ font-size: 0.26666666rem; line-height:1rem;}
.opinion-system .img img{ margin-top:0.66666666rem; width:100%;}
.opinion-system .box li{ margin-top: 0.5rem; padding-left: 0.53333333rem; font-size: 0.26rem; }
.opinion-system .box li span{ color: #288fd4; font-size:0.3rem;}
.opinion-system .more-button{ margin-top: 0.66666666rem;}
.opinion-system .more-button i{ background-image: url(../images/ico_heart.png);}

.opinion-inter{  padding: 0.66666666rem 0.4rem;  background-image: url(../images/opinion_inter.jpg); background-size: cover; text-align: center;}
.opinion-inter li{ margin: 0.53333333rem 0; float: left; width: 33.33333%;  padding: 0 0.2rem; }
.opinion-inter li img{ width: 1rem; height: 1rem;}
.opinion-inter li span{ display: block; margin-top:0.4rem; font-size:0.3rem; color: #333333;}
.opinion-inter li p{ margin-top: 0.26666666rem;font-size: 0.23rem; line-height: 0.46rem;}
.opinion-inter .more-button i{ background-image: url(../images/ico_zx.png);}


/* ========== */
/* = DATA = */
/* ========== */
.data-box{ padding: 0.66666666rem 0.4rem;  text-align: center;}
.data-box .tit{  font-size: 0.32rem; line-height:0.8rem; margin: 0.53333333rem 0; text-align: center; color: #333333;}
.data-box .more-button i{ background-image: url(../images/ico_light.png);}

.data-system{ padding: 0.66666666rem 0.4rem;  text-align: center;}
.data-system .des{ margin-top: 0.13333333rem; font-size: 0.24rem; line-height: 0.4rem; }
.data-system li{ margin-top: 0.53333333rem; float: left; width: 25%;}
.data-system li img{ width: 0.6rem;}
.data-system li p{ margin-top: 0.2rem; font-size: 0.26rem; line-height: 0.42rem; color: #999999; }
.data-system .img{  margin-top: 0.6rem;}
.data-system .img img{  width: 100%;}

.data-advantage{ padding: 0.66666666rem 0.4rem;  text-align: center;}
.data-advantage li{ margin-top: 0.4rem; float: left; width: 31%; margin-right:3.5%;  padding:0.66666666rem 0; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.data-advantage li:nth-child(3n){ margin-right: 0;}
.data-advantage li span{  display: block; padding-bottom:0.26666666rem; font-size: 0.32rem; position: relative;}
.data-advantage li span:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 0.4rem; height: 1px; margin-left:-0.2rem; background:#288fd4;}
.data-advantage li p{ margin-top: 0.26rem; font-size:0.26666666rem; line-height: 0.42rem; color: #999999;}


/* ========== */
/* = MEDIA = */
/* ========== */
.media-box{ padding: 0.66666666rem 0.4rem; text-align: center;}
.media-box li{ margin-top: 0.53333333rem; float: left; width: 25%; }
.media-box li img{ width: 0.66666666rem;}
.media-box li p{ margin-top: 0.24rem; font-size:0.26666666rem; line-height: 0.42rem;}
.media-box .img{ margin-top: 0.66666666rem;}
.media-box .img img{ width: 100%;}

.media-cover{  padding: 0.66666666rem 0.4rem; text-align: center;}
.media-cover li{ margin-top: 0.5rem; float: left;width: 33.333333%;}
.media-cover li img{ width:1.73333333rem;}
.media-cover .img{margin-top: 0.66666666rem;}
.media-cover .img img{ width: 100%;}


/* ========== */
/* = INTEGRATION = */
/* ========== */
.integration-box{ padding: 0.66666666rem 0.4rem; text-align: center;}
.integration-box li{ margin: 0.66666666rem 0; float: left; width: 23%; margin-right:2.666666%;}
.integration-box li:nth-child(4n){ margin-right: 0;}
.integration-box .item{ padding: 0.46666666rem 0 0.6rem; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); }
.integration-box .item img{ width: 0.6rem;}
.integration-box .item span{ padding: 0.2rem 0; display: block; position: relative; font-size: 0.28rem;}
.integration-box .item span:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left:-0.13333333rem; width: 0.26666666rem; height: 1px; background:#288fd4;}
.integration-box .item p{ margin-top: 0.2rem; font-size: 0.25rem; line-height: 0.42rem; color: #999999;}
.integration-box .more-button i{ background-image: url(../images/ico_zx2.png);}

.integration-product{ padding:0 0.4rem 0.66666666rem; text-align: center;}
.integration-product .box{ float: left; width:19%; margin-right:8%; position: relative;}
.integration-product .box:last-child{ margin-right: 0;}
.integration-product .box:last-child .item:after{ display: none;}
.integration-product .box .cricle{ margin: 0 auto; display:block; background: #288fd4; border-radius: 100%; padding:0.06666666rem; width:1.33333333rem; height:1.33333333rem;}
.integration-product .box .cricle span{display: block; width:1.2rem; line-height:1.2rem; height: 1.2rem; border-radius: 100%; background: #288fd4; border: 1px solid rgba(255,255,255,.3);  font-size:0.26666666rem; color: #FFFFFF;}
.integration-product .box i{ margin:0.2rem 0; display:inline-block; width:0.16rem; height:0.16rem;background-image: url(../images/integration/ico_jt2.png);  background-size: cover;}
.integration-product .item{ padding-bottom: 0.5rem; border:1px solid #f3f3f3; position: relative; min-height: 4.48rem;}
.integration-product .item:after{ position: absolute; right:-0.5rem; top:50%; margin-top: -0.08rem; content: ""; display:inline-block; width:0.16rem; height:0.16rem; background-image: url(../images/integration/ico_jt.png); background-size: cover;}
.integration-product .item li{ margin-top: 0.4rem;}
.integration-product .item li img{ width: 0.53333333rem;}
.integration-product .item li span{ display: block;  margin-top: 0.05rem; font-size: 0.24rem; color: #333333;}
.integration-product .box:nth-child(3) .item li,
.integration-product .box:nth-child(4) .item li{ margin-top: 0.8rem;}

.integration-process{ padding: 0.66666666rem 0.4rem; background-image: url(../images/integration/process.jpg); background-size: cover;} 
.integration-process li{ margin-top: 0.46666666rem; float: left; width: 33.3333333%; text-align: center;}
.integration-process li img{ width:1rem;}
.integration-process li p{ margin-top: 0.1rem; font-size:0.29333333rem;}

.integration-team{padding: 0.66666666rem 0.4rem;}
.integration-team .des{ margin-top:0.6rem;}
.integration-team .des p{ margin-bottom: 0.4rem; position: relative; padding-left:0.4rem; font-size: 0.26666666rem; line-height: 0.44rem;}
.integration-team .des p:before{ content: ""; position:absolute; top:0.15rem; left:0; width: 0.13333333rem; height:0.13333333rem; background: #288fd4; border-radius: 100%;}
.integration-team li{ float: left; width: 33.333%; text-align: center;}
.integration-team li img{ width: 0.6rem;}
.integration-team li p{ margin-top:0.13333333rem; font-size: 0.26666666rem; color: #333333;}
.integration-team .img{  margin-top: 0.53333333rem;}
.integration-team .img img{ width: 100%;}

.integration-system{ padding: 0.66666666rem 0.4rem;}
.integration-system .img{ margin-top: 0.6rem;}
.integration-system .img img{ width: 100%;}
.integration-system li{ margin-top:32px; float: left; width:25%; text-align: center; font-size:0.26rem; color: #288fd4; line-height:0.32rem;}
.integration-system li:nth-child(4n+1){ clear: both;}
.integration-system li div{ display: inline-block;  padding-left:0.25rem; text-align: left; position: relative; min-width:2.2rem;}
.integration-system li div:before{ content: ""; position: absolute; top:50%; margin-top: -4px; left:0; display:block; width:0; height:0; border-width:4px 0 4px 4px; border-style:solid; border-color:transparent transparent transparent #419cd9;}


/* ========== */
/* = MARKET = */
/* ========== */
.market{ padding: 0.73333333rem 0.4rem 1.06666666rem; text-align: center;}
.market .market-list{ margin:0.5rem -0.2rem 0.8rem;}
.market-list li{ margin-top: 0.34rem; padding: 0 0.2rem;}
.market-list li a{ display: block; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.market-list li .img{ float: left; width: 3rem; height: 2.7rem; border-right: 1px solid #f0f0f0; position: relative;}
.market-list li .img img{ max-width: 80%;}
.market-list li .text{ margin-left: 3rem;  text-align: left; padding: 0 0.4rem;}
.market-list li .text .tit{ position: relative; padding: 0.33333333rem 0.73333333rem
 0.33333333rem 0; color: #333333; font-size: 0.32rem;}
.market-list li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:0.49333333rem; height: 1px; background: #666666;}
.market-list li .text .tit i{ position: absolute; top:50%; margin-top:-0.14666666rem; right:0; width: 0.4rem; height: 0.30666666rem;  background-image: url(../images/ico_jt.png); background-size: cover;}
.market-list li .text .des{ margin-top: 0.33333333rem; font-size: 0.24rem; color: #999999; line-height: 0.42rem; height: 0.84rem; text-align: justify; overflow: hidden;}
.market-list .li-logo{ float: left; width: 33.33333333%; padding: 0 0.2rem;}
.market-list .li-logo a{ display: block; position: relative; padding-bottom: 50%;}



/* ========== */
/* = MARKET = */
/* ========== */
.market-detail{ padding: 0.46666666rem 0.4rem 0;}
.market-detail .title img{float: left; height: 1.4rem;}
.market-detail .title h1{ float: right; line-height: 1.4rem; font-size: 0.42666666rem; color: #333333; font-weight: bold;}
.market-detail .title h1 span{ margin-left: 0.13333333rem; font-size: 0.26666666rem; color: #666666;}
.market-detail .img{ margin-top: 0.53333333rem; width: 100%; position: relative;}
.market-detail .img img{ width: 100%;}
.market-detail .img .text{ position: absolute; top:0; left:0; width: 100%; height: 100%; padding:0.93333333rem 0.4rem; text-align: center; color: #FFFFFF; background-image: url(../images/black_bg.png);}
.market-detail .img .text span{ display: block; font-size: 0.4rem;}
.market-detail .img .text p{ margin-top: 0.25rem; font-size: 0.32rem; text-transform:uppercase;}
.market-detail .detail .tit{ margin-top: 0.73333333rem; font-size: 0.4rem; color: #333333;}
.market-detail .detail .des{ padding: 0.6rem 0 0.93333333rem; border-bottom: 1px solid #e5e5e5; font-size: 0.32rem; line-height:0.8rem; color: #999999; text-align: justify;}
.market-detail .detail .des:last-child{ border-bottom: none;}
.market-detail .detail .des p{ margin-bottom: 0.46666666rem;}
.market-detail .detail .des p:last-child{ margin-bottom: 0;}
.market-detail .detail .des span{ color: #288fd4;}
.market-detail .detail .des2 p{ margin-bottom:0.3rem; position: relative;}
.market-detail .detail .des2 p i{}

.revelant-market{ padding: 0.8rem 0.4rem 1.1rem; text-align: center;}
.revelant-market .theme{ font-size: 0.42rem; text-align: center; color: #333333;}
.revelant-market .market-list{ margin:0.5rem 0 0.72rem; text-align:left;}


/* ========== */
/* = WEBCASE = */
/* ========== */
.webcase{ padding:0.66666666rem 0.4rem 1.06666666rem;}
.webcase .web-list{ margin-bottom: 0.6rem;}
.web-list li{ margin-bottom: 0.36rem; float: left; width: 48%; margin-right:4%;}
.web-list li:nth-child(2n){ margin-right: 0;}
.web-list li:nth-child(2n+1){ clear: both;}
.web-list li .img img{ width: 100%;}
.web-list li .intro{ padding:0.26666666rem 0.26666666rem 0; border: 1px solid #f5f5f5;}
.web-list li .intro span{ display: block; font-size:0.32rem; color: #333333;}
.web-list li .intro p{ margin: 0.18rem 0; font-size: 0.2933rem; color: #999999;}
.web-list li .intro div{  border-top: 1px solid #e0e0e0; line-height:0.6rem; position: relative;}
.web-list li .intro div i{ font-style:normal; font-size: 0.26667rem; color: #288fd4;}
.web-list li .intro div em{ position: absolute; top:50%; right: 0; margin-top: -0.18666rem; width: 0.48rem; height: 0.37333333rem; background-image: url(../images/ico_jt2.png); background-size: cover;}


/* ========== */
/* = WEBCASE-DETAIL = */
/* ========== */
.return{ display:inline-block; width: 0.74666666rem; height: 0.74666666rem; background-image: url(../images/ico_return.png); background-color: #298fd4; background-size:cover;}
.webcase-intro{ padding:0.8rem 0.6rem;}
.webcase-intro .title{ padding-right:1rem; font-size:0.61333333rem; color: #333333; position: relative; letter-spacing: 0.02666666rem;}
.webcase-intro .title i{ font-style: normal; font-size: 0.32rem; color: #999999;}
.webcase-intro .title .return{ position: absolute; top:0; right:0;}
.webcase-intro .text{ margin-top: 0.2rem; font-size: 0.29333333rem; letter-spacing: 0.05rem;}
.webcase-intro .des{ /* margin-top:0.86666666rem; */color: #999999; line-height: 1.8; font-size: 0.34666rem; text-align: justify; font-style: italic; font-style: normal;}
.webcase-intro .bt{ margin-top: 0.90666666rem;}
.webcase-intro .bt a:nth-child(1){ float:left;}
.webcase-intro .bt a:nth-child(2){ float:right;}
.webcase-intro .bt .more-button{ padding: 0 1rem;}
.webcase-detail{ padding-top: 0.4rem;}
.webcase-detail img{ width: 100%;}

.revelant-webcase{ padding:0.66666666rem 0.6rem 1rem;}
.revelant-webcase .theme{ font-size: 0.4rem; text-align: center; color: #333333;}
.revelant-webcase li{ margin-top: 0.46666666rem; float: left; width: 47%; margin-right:6%;}
.revelant-webcase li:nth-child(2n){ margin-right: 0;}
.revelant-webcase li:nth-child(2n+1){ clear: both;}
.revelant-webcase li .img img{ width: 100%;}
.revelant-webcase li .tit{ margin-top: 0.2rem; padding-right: 0.66666666rem; line-height: 1.5; font-size: 0.32rem;  color:#333333; letter-spacing: 0.01rem; position: relative;}
.revelant-webcase li .tit span{ margin-left: 0.06666666rem; font-size: 0.22666666rem; color: #999999;}
.revelant-webcase li .tit:after{ content: ""; position: absolute; right:0; top:50%; width:0.48rem; height: 0.373333rem; margin-top: -0.133333rem; background-image: url(../images/ico_jt_gary.png); background-size: cover; opacity: .7;}


/* ========== */
/* = WECHATAPPLET = */
/* ========== */
.wechat-list { margin-bottom: 0.4rem;}
.wechat-list li{ margin-bottom: 0.26666666rem; float: left; width: 49%; margin-right: 2%;}
.wechat-list li:nth-child(2n){ margin-right:0;}
.wechat-list li:nth-child(2n+1){ clear: both;}
.wechat-list .item{ padding: 0.33333333rem 0.29333333rem; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.wechat-list .item .img{ float: left; width:45%; }
.wechat-list .item .img div{ width: 1.6rem; height:3.16rem; background-image: url(../images/wechat_phone.png); background-size: cover; padding:0.29333333rem 0.10666666rem 0.29333333rem;}
.wechat-list .item .text{ float: right; width: 1.93333333rem; padding-top: 0.13333333rem;}
.wechat-list .item .tit{ padding-bottom: 0.2rem; font-size: 0.24rem; border-bottom: 1px solid #ededed; position: relative;}
.wechat-list .item .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0.33333333rem; height: 2px; background: #057dcb;}
.wechat-list .item .tit span{ display:block; color: #202020;}
.wechat-list .item .tit p{ margin-top:0.05rem; color: #aaaaaa;}
.wechat-list .item .erweima{ margin-top: 0.2rem;}
.wechat-list .item .erweima div{ width:1.4rem; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4);}
.wechat-list .item .erweima p{ margin-top: 0.16rem; font-size: 0.21333333rem; color: #aaaaaa;}



/* ========== */
/* = ABOUT = */
/* ========== */
.about-box{ padding: 0.66666666rem 0.4rem;}
.about-box .tit{ padding-bottom: 0.4rem; font-size: 0.4rem; color: #333333; position: relative;}
.about-box .tit:after{ content: ""; position: absolute; bottom:0; left:0; width:0.4rem; height: 1px; background: #000000;} 
.about-box .des{ margin-top: 0.4rem; color: #999999; font-size: 0.346rem; line-height: 1.8;}
.about-box .text { margin-top: 0.90666666rem;}
.about-box .text div{ float:left; width: 25%; text-align: center;}
.about-box .text span{ display: inline-block; font-size: 0.6rem; line-height: 0.6rem; position: relative;}
.about-box .text span em{ position: absolute; top:0; right:-0.29333333rem; font-style: normal; font-size:0.26666666rem; line-height: 0.29333333rem;}
.about-box .text div:nth-child(1) span em{ font-size: 0.21333333rem;}
.about-box .text p{ margin-top: 0.13333333rem; font-size: 0.32rem;}
.about-box .img{ margin-top: 0.8rem;}
.about-box .img img{ width: 100%;}
.about-brand{ padding: 50px 0.4rem;}
.about-brand li{ margin-top: 0.6rem; float: left; width: 33.33333%; text-align: center;}
.about-brand li img{ width:0.74666666rem}
.about-brand li p{ margin-top: 0.2rem; font-size: 0.32rem; line-height: 1.6;}
.about-honor{ padding: 0.66666666rem 0.53333333rem;}
.about-honor .des{ margin-top: 0.53333333rem; font-size: 0.32rem; color: #999999; line-height: 2;}
.about-honor .des div{ float: left; width: 50%;}
.about-honor .img{ margin-top: 0.53333333rem;}
.about-honor .img img{ width: 100%;}

.about-logo .mobile-tit{ font-size: 0.53333333rem;}
.about-logo .mobile-tit:after{ background: #000;}
.about-logo .des div{ float: left; padding: 0.4rem 0 0.53333333rem; text-align: center; width: 50%; }
.about-logo .des div img{ height: 0.53333333rem;}
.about-logo .des div p{ margin-bottom: 0.26666666rem; font-size:0.32rem;}


/* ========== */
/* = CONTACT = */
/* ========== */
.contact-box{ padding:0 0.4rem 1.06666666rem;}
.contact-box li{ margin-top:  0.73333333rem; float: left; width: 48%; margin-right:4%; text-align: center; -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.4); box-shadow:0 0 0.4rem rgba(206,206,206,.4); height: 4.26666666rem; padding-top: 0.6rem; color: #333333;}
.contact-box li:nth-child(2n){ margin-right: 0; }
.contact-box li img{ width: 1.06666666rem;}
.contact-box li span{ display: block; font-size: 0.37333rem; margin-top: 0.26666666rem; color: #333333;}
.contact-box li p{ margin-top: 0.2rem; font-size: 0.34666666rem;}
.contact-box li:last-child p{ font-size: 0.32rem; line-height: 0.45333333rem;}


/* ========== */
/* = NEWS = */
/* ========== */
.ny-menu-news a{ margin: 0 0.25rem;}
.news{ padding: 0.26666666rem 0.4rem 0.73333333rem;}
.news-list{ margin-bottom: 0.6rem;}
.news-list li{ padding:0.53333333rem 0; border-bottom: 1px solid #ebebeb;}
.news-list li a{ display: block;}
.news-list li .img{ float: left; width: 3.81333333rem; overflow: hidden;}
.news-list li .img img{ width: 100%;}
.news-list li .text{ margin-left:4.26666666rem;}
.news-list li .text .tit{ font-size:0.37333333rem; line-height:0.6rem;}
.news-list li .text p{ margin-top: 0.1rem; line-height: 1.5; height: 0.96rem; font-size:0.32rem; overflow: hidden; color: #999999;}
.news-list li .text .more{ margin-top:0.2rem; font-size: 0.26667rem; line-height: 0.6rem;}
.news-list li .text .more i{ float: left; font-style:normal;}
.news-list li .text .more span{ float: right; display: inline-block; padding-right: 0.58666666rem; color: #3a9bf1; position: relative;}
.news-list li .text .more span:after{ content: "";  position: absolute; top:50%; margin-top: -0.18666rem; right: 0; width: 0.48rem; height: 0.37333333rem; background-image: url(../images/ico_jt2.png); background-size: cover;}

.revelant-news{ padding: 0.8rem 0.4rem 1.1rem; }
.revelant-news .theme{ font-size: 0.42rem; text-align: center; color: #333333;}
.revelant-news ul{ margin-top: 20px;}
.revelant-news li{ margin-top: 15px; }
.revelant-news li a{ display: block;  padding: 0.53333333rem; -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); box-shadow:0 0 20px rgba(206,206,206,.3); position:relative;}
.revelant-news li p{ font-size: 0.32rem;}
.revelant-news li span{ margin-top:0.26666666rem; font-size:0.21333333rem; display: block;}
.revelant-news li i{ position: absolute; bottom:  0.53333333rem; right:0.53333333rem; width:0.48rem; height: 0.37333rem; margin-top: -0.133333rem; background-image: url(../images/ico_jt2.png); background-size: cover;}


/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-title{ padding:0.8rem 0.4rem 0.53333333rem; font-size: 0.42666666rem; line-height: 0.66666666rem; border-bottom:1px solid #d2d2d2; color: #444444; text-align: center;}
.news-detail{  padding:0.73333333rem 0.4rem 1.2rem;}
.article-come{ text-align: center; font-size: 0.26666666rem;}
.article-come span{ margin: 0 0.5rem; line-height:0.42rem; position: relative; padding-left: 0.6rem;}
.article-come i{ position: absolute; top:0; left:0; display: inline-block; width:0.42rem; height:0.42rem;}
.article-come .span-date{ background-image: url(../images/ico_time.jpg); background-size: cover;}
.article-come .span-art{ background-image: url(../images/ico_art.jpg); background-size: cover;}
.news-detail .detail{ margin-top: 1.13333333rem; line-height: 1.8; font-size: 0.34666rem;}
.news-detail .detail a{ color:#007bff;}
.news-lable{ margin-top: 1.6rem; position: relative; line-height: 0.6rem; font-size: 0.26666666rem;}
.news-lable span{ float: left; display: inline-block; vertical-align: middle;}
.news-lable a{  float: left; margin-left:0.22rem; display: inline-block; vertical-align: middle; border: 1px solid #888; color:#333333; padding: 0 0.3rem;}

.flip{ margin-top: 0.66666666rem; position: relative; padding-right: 1.6rem;}
.flip p a{ display: block; line-height: 0.74666666rem; font-size: 0.32rem;}
.flip .return{ position: absolute; top:50%; margin-top:-0.37333333rem; right:0;}

.interest-box{ padding: 0 0.4rem 0.66666666rem;}
.interest-box .box{ padding: 0.6rem 0; border-bottom:1px solid #e5e5e5;}
.interest-box .box:last-child{ border-bottom:none;}
.interest-box .box .tit{ margin-bottom: 0.4rem; font-size: 0.34666666rem; color: #555555; }
.interest-box .box li a{ display: block; padding-right: 1.33333333rem; line-height: 0.66666666rem; font-size: 0.26666666rem; position: relative;}
.interest-box .box li a span{ display: inline-block; margin-right:0.2rem; }
.interest-box .box li a:after{  content: ""; position: absolute; right:0.53333333rem; top:50%; width:0.4rem; height: 0.26666666rem; margin-top: -0.133333rem; background-image: url(../images/ico_jt_gary.png); background-size: cover;}



/* ========== */
/* = JH = */
/* ========== */
.poly-tit{ position: relative; padding-bottom: 0.33333333rem; color:#333333; font-size:0.38rem; border-bottom:2px solid #eeeeee;}
.poly-tit:before{ content:""; position: absolute; bottom:-2px; left:0; width:0.4rem; height: 2px; background: #288fd4;}
.poly-tit span{ display: inline-block; margin-left:0.2rem; color: #999; font-size:0.24rem; text-transform:uppercase;}

.jh-box{padding:0.8rem 0.4rem 0;}
.jh-box .img{ margin-bottom: 0.66666666rem; position: relative;}
.jh-box .img img{ width: 100%;}
.jh-box .img span{ position:absolute; box-sizing: border-box; bottom:0; left:0; width: 100%; background: rgba(0,0,0,.7); color: #FFFFFF; padding: 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.jh-box li{ padding:0.4rem 0; border-bottom:1px dashed #e4e4e4;}
.jh-box li span{ display: block; font-size: 0.32rem; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jh-box li p{ margin-top: 0.2rem; font-size: 0.26666666rem; line-height: 0.45rem; height: 0.9rem; color: #999999; overflow: hidden;}

.hot-box{  padding:0.8rem 0.4rem;}
.hot-box .tit{ font-size: 0.38rem; color: #ffffff; background: #333333; text-align: center; padding: 12px 0;}
.hot-box .tit span{ margin-left:0.2rem; color: #aaaaaa; font-size: 0.24rem; text-transform:uppercase;}
.hot-box ul{ border-left: 1px solid #e4e4e4;  border-right: 1px solid #e4e4e4;}
.hot-box li{ padding:0.4rem 0.26666666rem; border-bottom: 1px solid #e4e4e4;}
.hot-box li a{ display: block; font-size: 0.3rem; position: relative; padding-left: 0.6rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform:uppercase;}
.hot-box li a:before{ content: ""; position: absolute; top:50%; margin-top:-0.2rem; left:0; width: 0.4rem; height: 0.4rem; background-image:url(../images/hot_ico.png); background-size: cover;}

.jh-industry{ padding:0.8rem 0.4rem;}
.jh-industry li{ margin-top: 0.4rem; width: 100%;}
.jh-industry li a{ display: block; padding:0 0.26666666rem 0.26666666rem; border: 1px solid #eeeeee;}
.jh-industry li .tit{ position: relative; padding-left: 0.3rem; padding:0.3rem 0 0.3rem 0.3rem; border-bottom: 1px solid #e9e9e9;}
.jh-industry li .tit:before{ content:""; position: absolute; top:50%; margin-top: -3px; left:0; width:6px; height: 6px; border-radius: 3px; background: #d4d4d4;}
.jh-industry li span{ display: block; font-size: 0.32rem; color:#333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jh-industry li p{ margin-top: 0.26666666rem; font-size: 0.26666666rem; line-height: 0.45rem; height:1.35rem; color: #999999; overflow:hidden;} 

.jh-information{ padding:0.8rem 0.4rem;}
.jh-information li{ padding:30px 0; border-bottom: 1px dashed #e4e4e4;}
.jh-information li a{ display: block;}
.jh-information li .dimg{ float: left; width:2.8rem;}
.jh-information li .text{ margin-left:3.2rem;}
.jh-information li .text span{ font-size: 0.32rem; color:#333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jh-information li .text p{  margin-top: 0.22rem; font-size: 0.26666666rem; line-height: 0.45rem; height: 0.9rem; color: #999999; overflow: hidden;}
.jh-information .getmore{ margin-top: 0.53333333rem; text-align: center;}

.tipbox{padding:0.8rem 0.4rem;}
.tipbox .tit{ padding: 0.4rem 0.13333333rem; color: #ffffff; background: #333333; font-size: 0.38rem; text-align: center; }
.tipbox .tit span{ margin-left: 0.2rem; font-size: 0.24rem; color: #aaaaaa;text-transform:uppercase;}
.tipbox .con{ border: 1px solid #e4e4e4; border-top: none; text-align: center; padding: 0.4rem 0.26666666rem;}
.tipbox .con a{ margin:0.06rem; display: inline-block; border: 1px solid #298fd4; padding: 0 0.4rem; line-height: 0.8rem; font-size: 0.28rem;}
.tipbox .con a:hover,
.tipbox .con a.active{ border: 1px solid #333333;  background: #333333; color: #FFFFFF; }


/* ========== */
/* = wltg = */
/* ========== */
.zt-tit{ padding:0.26666666rem 0; border-bottom: 1px solid #eeeeee; }
.zt-tit span{ display: inline-block; padding-left: 0.26666666rem; font-size: 0.4rem; line-height:0.4rem; color: #333333; border-left: 3px solid #288fd4;}
.wltg-box{ padding:0.8rem 0.4rem; background: #FFFFFF;}
.wltg-box .top-tit{ margin-bottom: 0.4rem; background: #288fd4; line-height: 1.2rem; font-size:0.4rem; color: #FFFFFF; text-align: center;}
.wltg-box .con{ margin:0.4rem 0 0.66666666rem;font-size:0;}
.wltg-box .con a{ margin-right:0.2rem; margin-bottom:0.13333333rem; padding: 0 0.3rem; font-size: 0.3rem; line-height: 0.8rem; display: inline-block; background: #f1f5f8; border-radius:3px;}
.wltg-box .con a:hover,
.wltg-box .con a.current{ background: #288fd4; color: #FFFFFF;}

.wltg-news{ padding:0.8rem 0.4rem;}
.wltg-news li .item{ padding: 0.66666666rem 0; border-bottom: 1px solid #eeeeee; }
.wltg-news li .item .img{ float: left; width:2.8rem; position: relative; text-align: center;}
.wltg-news li .item .img img{ width: 100%;}
.wltg-news li .item .img .con{ position: absolute; top:0; left:0; width: 100%; height: 100%; color: #FFFFFF;}
.wltg-news li .item .img .con div{ display: inline-block; vertical-align: middle; width: 100%;}
.wltg-news li .item .img .con i{ display: inline-block; vertical-align: middle; height: 100%;}
.wltg-news li .item .img .con span{ font-size: 0.3rem; font-weight: bold;}
.wltg-news li .item .img .con p{ margin-top: 0.13333333rem; font-size: 0.18rem; text-transform: uppercase;}
.wltg-news li .item .text{ margin-left:3.2rem;}
.wltg-news li .item .text a{ display: block; width:100%; line-height: 0.48rem; height: 0.48rem; position: relative; box-sizing: border-box; padding-right: 1.5rem;}
.wltg-news li .item .text a span{ display: block; font-size:0.28rem; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:0.26666666rem; position: relative;}
.wltg-news li .item .text a span:before{ content:""; position: absolute; top:50%; margin-top:-2px; left:0; width: 4px; height: 4px; background: #288fd4; }
.wltg-news li .item .text a em{ position: absolute; top:0; right:0; color: #aaaaaa; font-size:0.2rem;  line-height: 0.48rem; font-style: normal;}

.wltg-three{ padding: 0.8rem 0.4rem; }
.wltg-three .box{ margin-bottom:0.6rem; box-shadow: 0 0 25px rgba(0,0,0,.06); padding: 0.5rem;}
.wltg-three .box:last-child{ margin-bottom: 0;}
.wltg-three .box .zt-tit{ padding:0.3rem 0;}
.wltg-three .box .con{ margin-top: 0.53333333rem; padding: 0.4rem; background: #fbfbfb;}
.wltg-three .box .con a{ display: block;}
.wltg-three .box .con .tip{ line-height:0.66666666rem;}
.wltg-three .box .con .tip span{ float: left; font-size:0.53333333rem; color:#333333;}
.wltg-three .box .con .tip em{ float: right; font-size:0.32rem; color: #999999; font-style: normal;}
.wltg-three .box .con .tit{margin-top: 0.4rem; font-size: 0.32rem; line-height: 0.5rem; max-height: 1rem; color: #333333;overflow: hidden;}
.wltg-three .box .con .des{ margin-top: 0.15rem; font-size: 0.26666666rem; line-height: 0.5rem; height: 1rem; color: #999999; overflow: hidden;}
.wltg-three .box .con .des em{ font-style: normal; color: #288fd4;}
.wltg-three .box ul{ margin-top:0.4rem;}
.wltg-three .box li{ margin-top:0.13333333rem;}
.wltg-three .box li a{ display: block; font-size: 0.29333333rem; line-height: 0.6rem; color: #666666; position: relative; padding-left: 0.26666666rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wltg-three .box li a:before{ content:""; position: absolute; left:0; top:50%; margin-top: -2px; width: 4px; height: 4px;  background: #288fd4;}

.wltg-hot{padding: 0.8rem 0.4rem;}
.wltg-hot li{ width: 100%;}
.wltg-hot li a{ display: block;  font-size: 0.29333333rem; line-height:1.2rem; height: 1.2rem; border-bottom:1px dotted #dcdcdc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* ========== */
/* = 404 = */
/* ========== */
.div404{padding:1.2rem 0.6rem; }
.div404 img{ width: 66%;}
.div404 .text{ margin-top: 0.6rem;}
.div404 .text p{ margin-top: 0.3rem; font-size:0.3rem; line-height: 0.6rem;}
.div404 .text p .alink{ margin:0 0.2rem; color: #298fd4;}


/* ========== */
/* = SITEMAP = */
/* ========== */
.sitemap{ padding:1.2rem 0.6rem; }
.sitemap .tit{ padding-bottom: 0.53333333rem; border-bottom: 2px solid #EEEEEE; font-size: 0.4rem; color: #333333;}
.sitemap .tit span{ display: inline-block; margin-right: 0.26666666rem; font-size: 0.6rem; text-transform:uppercase; font-weight: bold;}
.sitemap li{ padding: 0.6rem 0; border-bottom: 2px solid #EEEEEE; line-height: 0.66666666rem; font-size: 0.4rem;}
.sitemap li span{ display: block; margin-bottom: 0.2rem; }
.sitemap li span a{color: #333333;}
.sitemap li>a{ display:inline-block; margin-right: 0.5rem; font-size: 0.37333333rem;}


/* ========== */
/* = ok = */
/* ========== */
.success{ padding:2rem 0.6rem; text-align: center; font-size:0.3rem; line-height: 0.6rem; }
.success img{ width: 1.33333333rem; margin-bottom: 0.4rem;}



/* ========== */
/* = redbook = */
/* ========== */
.redbook-banner{ width: 100%; height:3.2rem; background-size: cover; background-image: url(../images/red/banner.jpg); background-position: center;}
.redbook-banner .text{ padding-top:2.3rem;  width: 100%; padding-left: 0.3rem}
.redbook-banner .text a{ display: inline-block; width:2.2rem; height:0.6rem; line-height: 0.6rem; text-align: center; background: #FFFFFF; border-radius:2px; font-size: 0.3rem; color: #f62d4f; font-weight: bold; position: relative;}


.redbook-tit{ width: 90%; margin:0 auto; text-align: center; font-size: 0.42rem; color: #333333; font-weight: bold; position: relative; padding-bottom:.5rem; border-bottom: 1px solid #999999;}
.redbook-tit:after{ content: ""; position: absolute; bottom:-6px; margin-left: -6px; left:50%; width: 12px; height: 12px; background: #f62d4f; border-radius: 100%;}
.redbook-des{ margin-top: 0.4rem;  font-size: 0.28rem; color: #666; text-align: center; }
a.redbook-bt{ display: block; margin: 0 auto;  width:3rem; height: 1rem; line-height: 1rem; background: #f62d4f; color: #FFFFFF; font-weight: bold; font-size: 0.36rem; text-align: center; position: relative;} 

.redbook-box{ padding: 1rem .4rem; text-align: center; background: #ffffff;}
.redbook-box .content{ margin-top:  .6rem;}
.redbook-brand{ padding: 1rem .4rem; background: #fafafa;}
.redbook-brand li{ margin-top: .6rem; float: left; width:49%; margin-right:2%; text-align: center;}
.redbook-brand li:nth-child(2n){ margin-right:0;}
.redbook-brand li span{ display: block; font-size:0.32rem; color:#FFFFFF; background: #f62d4f; line-height:1.2rem;}
.redbook-brand li p{ border: 1px solid #afafaf; padding:0.5rem; font-size: 0.28rem; line-height: 0.45rem; color: #666666;}
.redbook-market{ padding: 1rem .4rem;  background: #ffffff;}
.redbook-market .content{ margin-top: .6rem;}
.redbook-market .right{ margin-top: .4rem }

.redbook-flow{ padding:1rem .4rem; background: #f9f9f9;}
.redbook-flow .con{ margin:  0.6rem .4rem 0.8rem; text-align: center;}
.redbook-exposure{ background: #FFFFFF;}

.redbook-case{ background: #f9f9f9; padding: 1rem .4rem;}
.redbook-case .logo-div{ margin-top:0.8rem;}
.redbook-case .logo-div div{ float: left; width:23%; margin:1%;box-sizing: border-box;}
.redbook-case .slick{  padding: 1rem 0;}
.redbook-case .slick-dots{ bottom:0;}
.redbook-case .slick-dots li{ width: 10px; height: 10px; margin: 0 4px;}
.redbook-case .slick-dots li button{ width: 10px; height: 10px; border-radius: 100%; border: 1px solid #f62d4f; background: #ffffff;}
.redbook-case .slick-dots li button:before{ display: none}
.redbook-case .slick-dots li.slick-active button{background:#f62d4f;}



.pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.6); text-align: center; z-index:999;}
.pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.pop .content{ max-width:400px; width:85%; background: #ffffff; display: inline-block; vertical-align: middle; position: relative;}
.pop .tit{ perspective-origin: right;}
.pop .close{ position: absolute; top:15px; right:20px; display:inline-block; width: 23px; height: 23px; background:url(../images/close.png); cursor: pointer;}
.pop .con{ padding:0 15px 20px;}
.pop .in{ margin-bottom:10px;}
.pop .in input{ background: none; border: none; width: 100%; line-height:24px; padding:8px 15px; background: #e9e9e9; color:#333333;}
.pop .bt{ margin-top:20px; display: block; background: #288fd4; color: #FFFFFF;}
.pop .bt i{ display: inline-block; vertical-align: middle; width:21px; height: 21px; background:url(../images/pop_bt.png);}
.pop .bt span{ display: inline-block; vertical-align: middle; margin-left:10px; height:34px; line-height: 34px; font-size:16px;}
.pop .tip{ margin-top: 10px;}




/*-分页-*/
.pagebox{
	text-align:center;
	padding-top:25px;
	padding-bottom:30px;
	clear:both; color:#333;font-size: 0.16rem;


}
.pagebox a{color:#333;}

.sx{  width: 100%;font-size:14px;
	text-align:center;
	border-top:1px solid #E5E5E5;
	margin-top:35px;
	line-height:45px;
}
.sx a:link,.sx a:visited{
	color:#333;
}
.sx a:hover{
	color:#141E2B;}