/* ========== */
/* = BANNER = */
/* ========== */
.mb-header{ position:fixed; top:0; right:0; width: 100%; padding: 0 0.4rem; z-index: 999; background: #FFFFFF; -webkit-box-shadow:0 0 15px rgba(206,206,206,.6); box-shadow:0 0 15px rgba(206,206,206,.6);}
.mb-header .mb-logo{ float: left; display:block;}
.mb-header .mb-logo img{ margin: 0; display:block; vertical-align: top; height: 1.57rem;}
.mb-header .tel{ position: absolute; right:1.4rem; top:0; line-height: 1.57rem; }
.mb-header .tel span{ display: inline-block; vertical-align: middle;font-size: 0.4rem; color: #E40F2B;}
.mb-header .tel i{ margin-right: 0.06666666rem; display: inline-block; vertical-align: middle; width: 0.52rem; height: 0.52rem; background-image: url(../images/ico_tel.png); background-size: cover;}
.mb-nav-ico { position: absolute; right:0.374rem; top: 50%; margin-top: -0.250rem; width:0.6874rem; height:0.50rem; cursor: pointer;}
.mb-nav-ico .line {	position: absolute;left: 0;display: block; height:2px;width: 100%; background: #000000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mb-nav-ico .line:nth-child(1) { top: 0;}
.mb-nav-ico .line:nth-child(2) { top: 50%; margin-top: -1px;}
.mb-nav-ico .line:nth-child(3) { bottom: 0;}
.mb-nav-ico.active .line:nth-child(2){ opacity: 0;}
.mb-nav-ico.active .line:nth-child(1){top: 50%; margin-top: -1px; transform: rotate(-45deg);}
.mb-nav-ico.active .line:nth-child(3){ top: 50%; margin-top: -1px; transform: rotate(45deg);}
/* ========== */
/* = MENU = */
/* ========== */
.shade { display: none; position: fixed;  width: 100%; height: 100%; right: 0; top: 0; z-index: 999; display: none; background: transparent;}
.menu { position: fixed; left: 100%; top: 0;  width: 70%; height: 100%; text-align: left; z-index: 11111;overflow-y: scroll;  background: #FFFFFF;  -webkit-box-shadow:0 0 30px rgba(26,24,24,.1) inset;  box-shadow:0 0 30px rgba(26,24,24,.1) inset;}
.menu li { position: relative;}
.menu li a>span { display: block; position: relative; padding: 0 0.666666rem 0 1.493333rem; height: 1.36rem; line-height:1.36rem; color: #767676; font-size: 0.35rem; border-bottom: 1px solid #e9e9e9;}
.menu ul li a>span::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top: -0.1333333rem; width: 0.266666rem; height: 0.266666rem; border: 2px solid #E40F2B; border-radius: 100%;}
.menu ul li a{ color: #555;}
.menu ul li>span.default::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(../images/menu_bg.png) no-repeat; background-size: cover;}
.menu-slide a { color: #7c7d7d; }
.menu-slide { display: none;}
.menu-slide a { position: relative; display: block; padding: 0 0.666666rem 0 1.493333rem; height: 1.333333rem; line-height: 1.3333333rem; font-size: 0.32rem; color: #7c7d7d; border-bottom: 1px solid #e9e9e9;}
.menu-slide a::before { content: ''; position: absolute; left: 0.666666rem; top: 50%; margin-top:-0.1rem;  width:0.266666rem; height:0.266666rem; background: url(../images/menu_bg3.png) no-repeat; background-size: cover; }
.menu-slide a:hover,
.menu-slide a.active { background: #E40F2B; color: #FFFFFF;}
.menu li>span.active a { color: #E40F2B;}
.menu li>span.active::before { color: #fff; background: #E40F2B; border-color: #E40F2B;}
.menu li>span.active::after { content: ''; position: absolute; right: 0.666666rem; top: 50%; width: 0.32rem; height: 0.32rem; margin-top: -0.16rem; background: url(../images/menu_bg2.png) no-repeat center; }

.mob-banner{margin-top:60px;}
.mob-banner img{ width: 100%;}

.banner{ clear: both;}
.home-sub{ background: #FFFFFF;}
.home-sub a{ float: left; width: 25%; text-align: center; display: block; padding: 0.36rem 0 0.6rem;}
.home-sub a img{ width:70px; margin: 0 auto;}
.home-sub a span{ display:block; margin-top:0.2rem; font-size:0.36rem; color:#444; }

.banner-01 { background: #121322; position: relative; color: #fff;}
.banner-01 a{ color: #fff; }
.banner-01 .text{ position: absolute; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); top:50%; left:50%; margin-left:-600px; width:1200px; font-weight: lighter;}
.banner-01 .text h2{ font-size:30px; font-weight: lighter;}
.banner-01 .text p{ margin-top: 2%; font-size:50px; font-weight: bold;}
.banner-01 .text span{ margin-top:2%; display:block;  height: 23px; font-size:20px;}
.banner-01 .img{ position: relative;}
.banner-01 .img img{ width: 100%;}
.banner-01 .img .png{ position: absolute; top:0; left:0;}

.container{ width:1200px; margin: 0 auto; background:#FFFFFF; }

.homt-tit{ color: #333333; padding-bottom: 14px; position: relative;}
.homt-tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 2px; background: #474747;}
.homt-tit span{ font-size:22px;}
.homt-tit p{ margin-top:2px; font-size: 12px; text-transform:uppercase;}
.homt-tit-white{ color: #FFFFFF;}
.homt-tit-white:after{ background:#FFFFFF;}
.homt-tit-white p{ color:#eeeeee;}


/* ========== */
/* = HOME-ABOUT = */
/* ========== */
.home-about{position: relative; z-index: 1; background:none; margin-top:0.2rem; overflow: hidden;}
.home-about .box{ display: flex; flex-flow: wrap;  justify-content: space-between; background:#FFFFFF; position: relative; padding:0px 0.4rem; }
.home-about .box .text{ width:100%;}
.home-about .box .des{ margin-top:0.4rem; line-height:0.64rem; font-size:0.32rem;}
.home-about .box .right{padding:0.4rem 0px;  }
.home-about .box .right img{width:100%; }


.home-about .point{width:100%; background-color:#ffffff; overflow: hidden;  padding-top:0.4rem; padding-bottom:0.4rem;}
.home-about .point .text{ width: 100%; padding:0 1%;}
.home-about .point .text .item{ float: left; width:24%; text-align: center;}
.home-about .point .text .item span{ display: inline-block; position: relative; font-weight:lighter; font-size:0.6rem; line-height:1rem; letter-spacing:0;}
.home-about .point .text .item b{ display:inline-block;  font-weight: lighter;}
.home-about .point .text .item span i{ position: absolute; top:-0.24rem; right:-0.3rem; font-style: normal; font-size:0.28rem;}
.home-about .point .text .item:nth-child(1) span i{ font-size:0.24rem;}
.home-about .point .text .item p{  font-size: 0.24rem;}
.home-about .point .text .item .p{ font-size:0.24rem; line-height:0.4rem; margin-top:0.1rem; padding: 0 0.1rem;}



/* ========== */
/* = HOME-MARKET = */
/* ========== */
.home-market{}
.home-market .top img{ width: 100%;}
.home-market .content{ position: relative; z-index: 1;}
.home-market .left{ width:100%;}
.home-market .box{  background: #E40F2B; padding-bottom:0.1rem;}
.home-market .box .con{ padding:0.4rem 0.4rem 0.4rem;}
.home-market .box .des{ margin-top:0.2rem; font-size:0.24rem; color:#ffffff; line-height:0.48rem;}
.home-market .box .des dt{ padding-top:0.28rem;font-size:0.34rem;}
.home-market .box .des dd{font-size:0.24rem;}
.home-market ul{ padding:0.4rem;}
.home-market li{ float: left; width:32%; margin-right:2%; position: relative;}
.home-market li:last-child{ margin-right:0;}
.home-market li .hbox{ background: #FFFFFF; overflow: hidden; -webkit-box-shadow:0 0 25px rgba(206,206,206,.4); box-shadow:0 0 25px rgba(206,206,206,.4); height:250px  }
.home-market li .hbox .num{ z-index: 1; position: absolute; top:0; left:50%; margin-left:-30px; width:60px;height: 30px; line-height: 30px; background: #E40F2B; font-size:0.28rem;  color: #FFFFFF; text-align: center; border: 1px solid rgba(255,255,255,.3);}
.home-market li .hbox a{ border-bottom: 1px solid #f8f8f8; display: block; padding:0.2rem 0.24rem 0;  position: relative; height:250px  }
.home-market li .hbox a div i{ margin-bottom:0.2rem; font-style:normal; display: block; font-size:0.24rem; line-height: 0.48rem;}
.home-market li .hbox a div p{  padding-top:0.8rem; font-size:0.24rem; line-height: 0.48rem;}
.home-market li .hbox a:hover{ background:#f5f5f5; } 


/* ========== */
/* = HOME-CASE = */
/* ========== */
.home-case{ margin-bottom:10px; padding:0.4rem 0.4rem 0.4rem 0.4rem; position: relative; background: #FFFFFF;}
.home-case .tab{margin:0.5rem auto;}
.home-case .tab span{ float: left; margin-right:4%; display:block; cursor:pointer;  width:48%;  text-align: center;
 height: 0.9rem; line-height:0.9rem; color: #333333;  background-color: #f5f5f5; }
 .home-case .tab span:last-child{margin-right:0rem;}
.home-case .tab em{ font-style: normal; vertical-align: middle; font-size:0.32rem; }
.home-case .tab span:hover,
.home-case .tab span.active,
.home-case .tab span:hover{ background-color: #E40F2B; color: #FFFFFF; }
.home-case .js-tab-con{ display: none; position:relative;}
.home-case .js-tab-con.active{ display: block;}
.
.web-list{ padding-top: 25px;}
.market-logo{}
.market-logo li{ float: left; width:33.33333%; padding:0.1rem;}
.market-logo li a{ display: block; padding:0.2rem; -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); box-shadow:0 0 20px rgba(206,206,206,.3);}
.market-logo li a img{ transition: all ease .4s; -webkit-transition: all ease .4s; margin-left:0.2rem;}
.market-logo li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
/* ========== */


/* = HOME-NEWS = */
/* ========== */
.home-news{ margin-bottom:0.2rem; padding:0.4rem;  background: #ffffff;}
.home-news .top{ padding:0 0px ;}
.home-news .homt-tit{}
.home-news .tab{ margin:0.5rem auto;}
.home-news .tab span{ float: left; display: block; position: relative; font-size:0.32rem; background-color: #F5F5F5; margin-right: 4%; cursor: pointer; width:48%; height: 0.9rem; line-height: 0.9rem; text-align: center;}
.home-news .tab span.active,
.home-news .tab span:hover{ color:#ffffff; background-color:#E40F2B;}
.home-news .tab span:last-child{margin-right: 0rem;}
.home-news .content{ margin-top:0.3rem;  }
.home-news .box{width:100%;  position: relative; overflow: hidden; }
.home-news .box img{ width:100%;}
.home-news .box div{ position: absolute; width: 100%; bottom: 0; left:0; color:#FFFFFF; background: rgba(0,0,0,.5); padding:0.4rem;}
.home-news .box div span{ display:block; position: relative; font-size:0.4rem;}

.home-news .box div p{ margin-top:0.24rem; line-height:0.54rem; font-size:0.24rem;}
.home-news .box:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-news .js-tab-con{ display: none;}
.home-news .js-tab-con.active{ display: block;}

.home-news-ul{ width:100%; position: relative; margin-top: 0.2rem;}
.home-news-ul ul{ position: relative; z-index: 1;}
.home-news-ul li{ margin-bottom:0.16rem;}
.home-news-ul li a{ display:block; padding:0.2rem 0; position: relative;}
.home-news-ul li .date{ float: left; text-align:center; margin-right:0.2rem;}
.home-news-ul li .date span{ font-size:0.56rem; line-height:0.6rem;}
.home-news-ul li .date p{ margin-top:0.1rem; color: #999999; padding-right:0.1rem; font-size:0.24rem;}
.home-news-ul li .intro{ margin-left: 0.5rem;}
.home-news-ul li .intro span{ font-size:0.36rem; line-height:0.5rem; display: block;}
.home-news-ul li .intro p{ margin-top: 5px; color:#999999;font-size:0.24rem;}
.home-news-ul li a:hover{ background:#E40F2B; color: #FFFFFF;}
.home-news-ul li a:hover:before{ border: 2px solid #FFFFFF; background: #E40F2B; }
.home-news-ul li a:hover .date p{ color: #FFFFFF;}
.home-news-ul li a:hover .intro p{ color: #FFFFFF;}



.home-news-ul li:nth-child(1){ -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.home-news-ul li:nth-child(2){ -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.home-news-ul li:nth-child(3){ -webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
.home-news-ul li:nth-child(4){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s;}



/* ========== */
/* = HOME-DIAGNOSIS = */
/* ========== */
.home-diagnosis{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }


/* SEO*/
.banner-02 { background: #121322; position: relative; color: #fff;}
.banner-02 a{ color: #fff; }
.banner-02 .text{ position: absolute; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); top:46%; left:50%; width:1200px; margin-left:-600px; font-weight: lighter;}
.banner-02 .text p{ margin-top:0%; font-size:60px; font-weight: bold;}
.banner-02 .text p span{ font-size:40px; display: inline; font-weight: normal;}
.banner-02 .text span{ margin-top:2%; display:block;  height: 23px; font-size:20px;}
.banner-02 .img{ position: relative;}
.banner-02 .img img{ width: 100%;}
.banner-02 .img .png{ position: absolute; top:0; left:0;}

.nant2{ margin-bottom:0.2rem;  padding:0.4rem 0.4rem;  background-color: #ffffff; overflow: hidden; }

.nant2 .nt-left{ text-align:left; font-size: 0.32rem; line-height:0.5rem; width:100%; margin-top: 0.6rem;}
.nant2 .nt-left li{ margin-bottom: 0.4rem; width:49.5%; float: left; height: 1rem; padding: 0px 0.2rem; }


.nant{ margin-bottom:0.2rem;  padding:0.4rem 0.4rem; position: relative; background-color: #ffffff; overflow: hidden;}
.nant .nubb img{ width:2rem; display: block; margin:2rem auto 0 auto;}
.nant .nt-left{ position: absolute; left:0.2rem; top:1.8rem; text-align: right; font-size: 0.24rem; line-height:0.5rem; width:40%;}
.nant .nt-left li{ margin-bottom: 0.5rem; }
.nant .nt-right{ position: absolute; right:0.2rem; top:1.8rem; text-align: left; font-size:0.24rem; line-height:0.5rem;width:40%;}
.nant .nt-right li{  margin-bottom: 0.5rem;}
.homt-tit1{ color: #333333; padding-bottom:0.28rem; position: relative; text-align: center;}
.homt-tit1:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 30px; height: 2px; background: #474747; margin-left: -15px;;}
.homt-tit1 span{ font-size:0.56rem;}


.seo-sev{margin-top:0.2rem; padding:0.4rem 0.4rem 0 0.4rem; background: #ffffff; overflow: hidden;}
.seo-sev .sev-left{  font-size:0.24rem; line-height:0.5rem;  display: block; margin-top:0.5rem; }
.seo-sev .sev-left li{ width: 50%; float: left; height:2rem;}
.seo-sev .sev-left li h2{ font-size:0.32rem; color: #000000; font-weight: normal;}
.seo-sev .sev-left li p{ color: #999999;}
.seo-sev .sev-left img{ width:0.66rem; float: left; margin-right:0.1rem; margin-bottom:1.3rem;}
.seo-sev .sev-right{margin-top:0.4rem;}
.seo-sev .sev-right img{ width: 100%; height:4rem;}

.seo-youshi{ margin-top:0.2rem; padding: 0.4rem; position: relative; background: #ffffff; overflow: hidden; margin-bottom: 0.2rem;}
.youshi-box{ margin-top:0.4rem; }
.youshi-box li{ width:46%; float:left;  border:#f5f5f5 solid 2px; margin:2%; text-align: center; height:5rem; padding:0.2rem; }

.youshi-box li img{ margin: 0 auto; display: block; width:0.8rem;}
.youshi-box li h2{ font-weight: normal; font-size:0.34rem; color: #000000; padding-top:0.4rem; padding-bottom:0.2rem;}
.youshi-box p{ font-size:0.24rem; color: #999999; line-height:0.5rem;}


.ny-tab{text-align:center;  }
.ny-tab a{ margin: 0 0.4rem; display: inline-block; line-height:1rem; font-size: 16px; color: #333333; position: relative;}
.ny-tab a:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0%; height: 1px; background: #E40F2B; transition: all ease .4s; -webkit-transition: all ease .4s;}
.ny-tab a.active,
.ny-tab a:hover{ color: #E40F2B;}
.ny-tab a.active:after,
.ny-tab a:hover:after{ width: 100%;}
.news{   background: #FFFFFF;}
.news .ny-tab{ padding-bottom:0.4rem;}
.news .ny-tab a{ font-size:0.4rem; }



.news-list{ margin-bottom:0.8rem;}
.news-list li{ padding: 0.2rem 0 0.4rem 0; border-bottom: 1px solid #ebebeb;}
.news-list li a{ display: block;}
.news-list li .img{ overflow: hidden; width:3.6rem; float: left; margin-top:0.2rem;}
.news-list li .img img{ width: 100%;}
.news-list li .text{ float: left; width: 60%; padding-left: 0.3rem; }
.news-list li .text .tit{ font-size:0.42rem; line-height:0.8rem;}
.news-list li .text p{ line-height:0.4rem; overflow: hidden; color: #999999; font-size: 0.24rem;}
.news-list li .text .more{ margin-top:0.4rem;}
.news-list li .text .more i{ float: left; font-style:normal;font-size: 0.24rem;}
.news-list li .text .more span{float:right;  display: inline-block; padding-right: 0.6rem; color: #999999; position: relative; font-size: 0.24rem; }
.news-list li .text .more span:after{ content: ""; position: absolute; top:70%; right:0; margin-top: -6px; width: 16px; height:9px; background: url(../images/jt@2x.png) right no-repeat;}
.news-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-list li a:hover .text .tit{ color: #E40F2B;}


.details-box{  overflow: hidden; margin-bottom: 0.2rem; }
.details-left{ width:100%; background:#ffffff;padding: 0.4rem; }
.details-left h1{ font-size:0.58rem; color:#222; margin-bottom:0.3rem; font-weight:600; text-align:center;  }
.details-leftspan{  font-size:0.28rem; height:0.5rem; text-align:center; color: #999999; display: block; margin-top:0.2rem;}

.details-left img{ padding: 0.4rem 0px;}
.details-right{ padding:0.4rem; margin-top: 0.2rem; background:#ffffff;}
.details-right a{padding:0.4rem 0px; display: block;}
.details-right a .tita{ font-size:0.34rem; color: #000000;}
.details-right a:hover,.details-right a:hover .tita,.details-right a:hover .more span{color:#3399ff;}
.details-right .more{ margin-top:0.2rem;}
.details-right .more i{ font-size:0.24rem; float: left; font-style:normal;}
.details-right .more span{ font-size:0.24rem;  display: inline-block; padding-right:0.8rem; color: #999999; position: relative; float: right;}
.details-right .more span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -6px; width: 161px; height:9px; background: url(../images/jt@2x.png) right no-repeat;}

.page{ text-align: center;}
.page a,
.page span{ margin: 0 2px; display: inline-block; height: 30px; line-height: 30px; min-width: 30px; padding: 0 3px; text-align: center; background: #f4f4f4; color: #999999;} 
.page a:hover,
.page a.current,
.page span.current{background: #E40F2B; color: #FFFFFF;}	


.cee-fw{  padding:0.4rem;  background: #ffffff; overflow: hidden;}
.cee-fw .fw-box{ margin:0.4rem 0px 0.4rem 0; overflow: hidden;}
.cee-fw	.fw-box li{ width:46%; float: left;  margin:2%;  padding:0.6rem 0px; text-align: center; height:3.5rem;box-shadow: 0 0 0.4rem rgba(206,206,206,.4);}
.cee-fw .fw-box li:last-child{margin-right:0;}
.cee-fw	.fw-box li img{ margin:0 auto; display: block; width:0.8rem;}
.cee-fw	.fw-box li h2{ font-weight: normal; font-size:0.30rem; color: #000000; padding-top:0.4rem; padding-bottom: 0.4rem; line-height: 0.5rem;}

.sem-sev{ margin-top:0.2rem; padding:0.4rem 0.4rem 0 0.4rem;  background: #ffffff;}
.sem-sev .sev-left1{  font-size:0.24rem; line-height:0.5rem; display: block; overflow: hidden;margin-top:0.4rem; }
.sem-sev .sev-left1 li{ width:25%; float: left; display: block; margin-bottom:0.5rem; text-align: center;}
.sem-sev .sev-left1 img{ display: block; width:36px;  margin-bottom:0.2rem; margin: 0 auto;}
.sem-sev .sev-left1 h3{ font-weight: normal;}
.sem-sev .sev-right1{  margin-top:0.4rem;}
.sem-sev .sev-right1 img{  width: 100%;}

.sem-sev1{ margin-top:0.2rem; padding:0.4rem 0.4rem 0 0.4rem;  background: #ffffff;}
.sem-sev1 .sev-right1{font-size:0.24rem; line-height:0.5rem;  display: block; overflow: hidden;margin-top:0.4rem; }
.sem-sev1 .sev-right1 li{ width: 33%; float: left; display: block; margin-bottom: 0.5rem; text-align: center;}
.sem-sev1 .sev-right1 img{ display: block; width:36px;  margin-bottom:0.2rem; margin: 0 auto;}
.sem-sev1 .sev-right1 h3{ font-weight: normal;}
.sem-sev1 .sev-left1{ margin-top:0.4rem}
.sem-sev1 .sev-left1 img{ width: 100%;}



.sem-ty{margin-top:0.2rem; padding:0.4rem 0.4rem 0 0.4rem; position: relative; height:7.4rem; background-color: #ffffff;}
.sem-ty .ty-center{ position: absolute; top:3rem; text-align:center; width:100%; line-height: 0.6rem; font-size: 0.24rem; margin-left:-0.4rem;}
.sem-ty .ty-quan{width:70%; margin:1rem auto;  }
.sem-ty .ty-quan img{ width: 100%;}
.sem-ty .ty-text span{ display: block; font-size:0.3rem;}
.sem-ty .ty-text .sp01{position: absolute; top:2.8rem; left:0.4rem; }
.sem-ty .ty-text .sp02{position: absolute; top:4.7rem; left:0.9rem; }
.sem-ty .ty-text .sp03{position: absolute; top:6.4rem; left:4.4rem; }
.sem-ty .ty-text .sp04{position: absolute; top:4.7rem; right:1.2rem; }
.sem-ty .ty-text .sp05{position: absolute; top:2.8rem; right:0.4rem; }

.sem-cy{ margin-bottom:0.2rem; margin-top: 0.2rem; padding:0.4rem 0.4rem 0 0.4rem; background: #ffffff; height:8.5rem; position: relative;}
.sem-cy .cy-center{width:40%; margin: 2rem auto;}
.sem-cy .cy-left{ position: absolute; left:0.2rem; top:2rem; text-align: right; width:27%;}
.sem-cy ul li{ margin-bottom:0.7rem;}
.sem-cy ul li h2{ font-size:0.34rem; padding-bottom:0.2rem; color:#000000; font-weight: normal;}
.sem-cy ul li p{ color: #999999;font-size:0.24rem; }
.sem-cy .cy-right{ position: absolute; right:0.2rem; top:2rem; text-align: left;width:27%;}



.cee-fw1{padding:0.4rem;  background: #ffffff; overflow: hidden; }
.cee-fw1 .fw-box{ margin:0.4rem 0px 0.4rem 0; overflow: hidden;}
.cee-fw1 .fw-box li{ width:46%; float: left;  margin:2%;  padding:0.6rem 0px; text-align: center; height:5rem;box-shadow: 0 0 0.4rem rgba(206,206,206,.4);}
.cee-fw1 .fw-box li:last-child{margin-right:0;}
.cee-fw1 .fw-box li img{ margin: 0 auto; display: block; width:0.8rem;}
.cee-fw1 .fw-box li h2{ font-weight: normal; font-size:0.30rem; color: #000000; padding-top:0.4rem; padding-bottom: 0.4rem; line-height: 0.5rem;}
.cee-fw1 .fw-box li p{ font-size: 0.24rem; line-height:0.5rem; }


.rtb-advantange .homt-tit{ color: #ffffff; padding-bottom:0.28rem; position: relative;}
.rtb-advantange .homt-tit:after{ content: ""; position: absolute; bottom:0.2rem; left:0.4rem; width: 30px; height: 2px; background: #ffffff;}
.rtb-advantange .homt-tit span{ font-size:0.56rem;}
.rtb-advantange .homt-tit p{ margin-top:0.1rem; font-size:0.32rem; text-transform:uppercase;}
.rtb-advantange .box{ clear: both; background:url(../images/.rtb-advantange.png) no-repeat right #0c1137; padding:0.4rem 0 0.6rem 0.4rem; background-size: 100%;}
.rtb-advantange ul{ background: #FFFFFF; overflow: hidden;}
.rtb-advantange li{ float: left; width:33.33333%; padding: 5% 6% 8%;}
.rtb-advantange li:nth-child(2n){ background: #fbfafa;}
.rtb-advantange li img{ margin:0; width: 0.8rem;}
.rtb-advantange li span{ margin-top: 0.4rem; display:block; font-size:0.40rem; }
.rtb-advantange li p{ margin-top:0.4rem; font-size:0.32rem; color: #999999; line-height:0.5rem;}
.rtb-advantange li:hover img{ animation:bounce 1s; -webkit-transform: bounce 1s;}

.one-stop-box{margin-bottom:0.2rem; margin-top:0.2rem; padding:0.4rem 0.4rem 0 0.4rem; position: relative; height: 8rem; background: #ffffff; }
.one-stop-box .ert{ margin-top:1.4rem; width:40%; }
.one-stop-box .ert img{ width: 100%;}
.one-stop-box .scer{ position:absolute; right:0.2rem; display: block; top:2.6rem; width:52%;}
.one-stop-box .scer li{ font-size:0.32rem; line-height:0.5rem; margin-bottom:30px;}
.one-stop-box .scer li img{ float: left; margin-right: 0.2rem; width: 0.4rem;}


.home-about1{ margin-bottom:50px; position: relative; z-index: 1; background:none; margin-top:50px;}
.home-about1 .box{ display: flex; flex-flow: wrap;  justify-content: space-between; background:#FFFFFF;  }
.home-about1 .box .text{width:50%; padding: 0 6%; text-align: justify;padding-top:100px; position: absolute; right:0;}
.home-about1 .box .des{ margin-top: 6%; line-height: 32px; font-size: 16px;}
.home-about1 .box .right{ width:50%; height:660px; position: relative; }
.home-about1 .box .right .img{ position: absolute; display: block; top:0; left:0; width: 100%; height:100%; overflow:hidden;}
.home-about1 .box .right .img-item:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.home-about1 .point{ position: absolute; right:0;bottom:60px; width:50%; }
.home-about1 .point .text{ width: 100%; padding:0 1%;}
.home-about1 .point .text .item{ float: left; width:24%; text-align: center;}
.home-about1 .point .text .item span{ display: inline-block; position: relative; font-weight:lighter; font-size:40px; line-height:50px; letter-spacing:0px;}
.home-about1 .point .text .item b{ display:inline-block;  font-weight: lighter;}
.home-about1 .point .text .item span i{ position: absolute; top:-12px; right:-15px; font-style: normal; font-size:18px;}
.home-about1 .point .text .item:nth-child(1) span i{ font-size: 14px;}
.home-about1 .point .text .item p{ margin-top:10px; font-size: 14px;}
.home-about1 .point .text .item .p{ font-size: 12px; line-height:18px; margin-top: 5px; padding: 0 10px;}


/* = HOME-DIAGNOSIS = */
/* ========== */
.home-diagnosis1{ margin-bottom: 50px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; margin-top: 50px;}
.home-diagnosis1 .left{ height: 800px; width: 50%; position: relative; background-image: url(../images/map1.png);}
.home-diagnosis1 .left .con{ position: absolute;  bottom: 20px; right:0; width: 40%; }
.home-diagnosis1 .left .item{ padding: 20px 5px 20px; color: #FFFFFF; text-align: center;}
.home-diagnosis1 .left .item span{ font-size: 17px;}
.home-diagnosis1 .left .item img{ margin-top: 10px; margin: 0 auto; width:50px;}
.home-diagnosis1 .left .item p{ margin: 15px auto 0; max-width:160px; line-height: 18px; font-size: 13px; color: #eeeeee;}
.home-diagnosis1 .left .item a{ color: #eeeeee;}
.home-diagnosis1 .diagnosis-box{ width: 50%;}

.homt-tita{ color: #333333; padding-bottom: 14px; position: relative; margin-top:30px;}
.homt-tita span{ font-size: 28px; margin-bottom:20px; display: block;}
.homt-tita p{ margin-top:8px; font-size: 16px; text-transform:uppercase;}
.homt-tita p i{ font-style: normal; font-size: 13px; padding-top: 10px;}

	.dizhi{ width: 100%; background-color: #ffffff; padding:0.4rem;}
		.dizhi li{box-shadow:0 0 0.4rem rgba(206,206,206,.3); padding:0.4rem; margin-bottom: 0.4rem;}
		.dizhi li img{ width:1rem; float: left; margin-right: 0.3rem;}
	    .dizhi li p{ font-size: 0.36rem; color: #333333; line-height: 0.5rem;}
	      .dizhi li h3{ font-weight: normal; color: #999999;}

/* ========== */
/* = MARKET = */
/* ========== */
.marketd{  background: #FFFFFF; padding:0.4rem; margin-bottom: 0.2rem;}
.marketd .market-listd{ padding: 0.4rem 0 0 0; }
.market-listd li{ margin-bottom:0.4rem; float: left; width:100%;  }

.market-listd li a{ position: relative; display: block; background: #ffffff; box-shadow:0 0 0.4rem rgba(206,206,206,.3); -webkit-box-shadow:0 0 0.4rem rgba(206,206,206,.3); 
}
.market-listd li a:before{ z-index: 1; content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 2px; background: #E40F2B; transition: ease all .6s; -webkit-transition: ease all .6s;}
.market-listd li .img { width:40%; float: left;height:2.8rem; }
.market-listd li .img img{margin:0.6rem auto; display: block; width:80%; }
.market-listd li .intro{ background-color: #f5f5f5; float: left; width: 60%; padding: 0.4rem; height:2.8rem;}
.market-listd li .intro>span{ padding-bottom: 0.2rem; display: block;  font-size: 0.4rem; color: #333333; position: relative;}

.market-listd li .intro p{ line-height:0.5rem; color: #999999; overflow: hidden;font-size: 0.24rem;}
.market-listd li .intro div{ line-height:0.5rem; position: absolute; right: 0; bottom: 0;}
.market-listd li .intro div img{ width:50px;}


.market-listd li a:hover:before{ width: 100%;}

.market-listd li:nth-child(2n-1){ -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.market-listd li:nth-child(2n){ -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
.market-mored{ margin: 0 auto; display: block; line-height:44px; width: 194px; cursor: pointer; text-align: center; font-size: 0.34rem;}

.jiej-box{ margin-bottom:0.2rem;  position: relative; height:18rem; background-color: #ffffff;}
.jiej-box .j-ab{ background-color: #ffffff; position: relative; height:6rem; width: 100%;}
.jiej-box .j-ab .c-l{ width:50%; position: absolute; left: 0; top:0;}
.jiej-box .j-ab .c-l p{padding:0.4rem 0.4rem; line-height:0.5rem; font-size:0.24rem; color: #666666; }
.jiej-box .j-ab .c-r{ position: absolute; right:0; top: 0; width: 50%;}
.homt-titbb{ color: #333333; padding-bottom: 14px; position: relative; text-align:left; padding-left: 0.4rem; padding-top: 0.4rem;}
.homt-titbb:after{ content: ""; position: absolute; bottom: 0; left:0.4rem; width: 30px; height: 2px; background: #474747; }
.homt-titbb span{ font-size:0.56rem;}
.jiej-box .j-bb{ background-color: #ffffff; position: relative; height:6rem; }
.jiej-box .j-bb .c-l{ width:50%; position: absolute; right: 0; top:0; }
.jiej-box .j-bb .c-l p{padding:0.4rem 0.4rem; line-height: 0.5rem; font-size:0.24rem; color: #666666;}
.jiej-box .j-bb .c-r{ position: absolute; left:0; top: 0;width: 50%; }
.jiej-box img{ height: 6rem;}

.jie-fw{ margin-top:0.2rem; padding:0.4rem; background: #ffffff;  overflow: hidden;}
.jie-fw .fw1-box{ margin-top: 0.4rem; }
.jie-fw	.fw1-box li{  padding:0.4rem 0.4rem; text-align: center;box-shadow: 0 0 0.4rem rgba(206,206,206,.4);  margin-bottom: 0.2rem;}
.jie-fw	.fw1-box li img{ margin: 0 auto; display: block; width:1rem;}
.jie-fw	.fw1-box li h2{ font-weight: normal; font-size: 0.42rem; color: #000000; padding-top:0.4rem; padding-bottom:0.4rem; line-height:0.5rem;}
.jie-fw	.fw1-box li p{ font-size:0.24rem; color: #999999; line-height:0.5rem;}




.wen-box ul{ padding:0; margin:0 auto; width:100%; margin-bottom:0.2rem;}
.wen-box ul li{ padding:0; margin:0; list-style:none; }
.fold_wrap{width:100%;height:12rem;margin:0px auto 0 auto;overflow:hidden;}
.fold_wrap li{float:left;height:12rem; position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0; z-index:999;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:0.4rem;margin:0 auto;display:block;font:0.36rem Microsoft Yahei;position:relative;padding:0.6rem 0 0 0;}

.fold_wrap li .adv_intro{ width:100%; height:650px;  padding:5px 4%; position:absolute;left:0; top:0; color:#FFF; overflow:hidden;}
.fold_wrap li .adv_intro p{ line-height:0.5rem; font-size: 0.24rem; padding-right: 0.2rem; padding-left: 1.6rem; padding-top: 0.8rem;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}


.pic_auto{width:100%;height:100%;}
.pic_auto1{ background-color:#4cb6ed;}
.pic_auto2{ background:#0699e6;}
.pic_auto3{ background-color:#008cd6;}
.pic_auto4{ background-color:#004ea2;}


.work-bg{ margin:0px auto; padding:0.4rem 0; background: #ffffff;  margin-bottom: 0.2rem;}
.work-hot{  position:relative; height:6rem; margin-top:0.6rem; }
.work-hot img{ width:100%; border-radius:10px;  -webkit-box-shadow:0 0 10px #ccc;
  -moz-box-shadow:0 0 10px #ccc;
  box-shadow:0 0 10px #ccc;position:absolute;
}
.x-hy-img01{ width:6rem;  position:absolute; left:50%; margin-left:-4.6rem ; z-index:33; top:0.7rem }
.x-hy-img02{ width:7rem; position:absolute; left:50%; margin-left:-4.3rem ; z-index:44;  top:0.4rem}
.x-hy-img03{  width:8rem; position:absolute; left:50%; margin-left:-4rem; z-index:55;}
.x-hy-img04{ width:7rem;  position:absolute; right:50%; z-index:44; margin-right: -4.3rem;top:0.4rem}
.x-hy-img05{ width:6rem; position:absolute; right:50%; z-index:33;   margin-right: -4.6rem;top:0.7rem }


.ico-bo{ width:1rem; height:1rem; background-image:url(/img/bo.png); background-size:1rem; position:absolute; z-index: 999; margin:2.2rem 0px; left: 50%; margin-left: -0.5rem;}
.imgs{ width:40px; height:40px; margin: 0 auto; }
.work-hei{}
.work-hei a{ color: #666;}
.work-text{ padding:0.2rem; overflow: hidden; width:200px }
.work-text h2{ font-size:0.34rem; color: #666; float: left;}
.work-text span{float: right;font-size:0.24rem;}

.xe-box{margin-bottom:0.2rem; margin-top:0;  position: relative; overflow: hidden; background-color: #FFFFFF; padding: 0.4rem;}
.xe-box img{ display: block; width: 100%; margin-bottom: 0.2rem;}


.col-lg-3a{position: relative;
float: left;
    min-height: 1px;
    padding-right:0.3rem;
    padding-left: 0.3rem;
    width: 50%;
    margin-bottom: 0.2rem;

	
}

.img-responsive{ width: 100%;height:100%}
/* Gallery Section 
==============================*/

.categories1 {
	padding-top:0.4rem;
	padding-bottom:0.4rem;
	text-align: center;}
	.categories1 ul{ margin-bottom: 0.4rem;}
.categories1 ul.cat li {
	display: inline-block;}
	
.categories1 ol.type li {
	display: inline-block;
	margin-left: 0.4rem;}
.categories1 ol.type li:after {
margin-left: 0.4rem;
}
.categories1 ol.type li:last-child:after {
	content: '';
}
.categories1 ol.type li a {
	font-size: 0.4rem;
	font-weight: bold;
	color: #444;
	padding: 4px 8px;
}
.categories1 ol.type li a.active {
	padding: 4px 2px;
	border-bottom:#008cd6 2px solid;
}

.categories {
	padding-bottom:0.2rem;
	text-align: center;
}
.categories ul.cat li {
	display: inline-block;
}
	
.categories ol.type li {
	margin-bottom: 0.6rem;
	display: inline-block;
	margin-left: 0.2rem;
}
.categories ol.type li:after {
	
	margin-left: 0.4rem;
}
.categories ol.type li:last-child:after {
	content: '';
}
.categories ol.type li a {
	color: #444;
	padding: 6px 16px;
	border:#e2e2e2 1px solid;
	border-radius: 30px;
}
.categories ol.type li a.active {
 background:#008cd6;
   height:0.6rem;
	border-radius: 30px;
	border:#008cd6 1px solid;
	color: #fff;
}
.categories ol.type li a:hover {
	 background:#008cd6;
   height: 0.6rem
	padding:6px 16px;
	border-radius: 30px;
	border:#008cd6 1px solid;
	color: #fff;
}

.portfolio-item {

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.portfolio-item:hover {

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.portfolio-item .hover-bg {

	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	
	padding: 18% 0;
	height: 100%;
	width: 100%;

	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg .hover-text>i {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
#works i.fa {
	font-size: 20px;
	padding: 5px;
	color: #F4D03F;
}
.btn-more{ display: block; width: 120px; background: #f5f5f5; height:40px; line-height: 40px; text-align: center; margin: 0 auto; border-radius:5px;}
.sp-fw{margin-bottom:0.2rem; padding: 0.4rem; position: relative;  background: #ffffff;}
.sp-fw .sp-box{ margin:0.4rem 0px;}
.sp-fw	.sp-box li{ width:100%;   padding:0.6rem 0.4rem; text-align: center; height:5rem;box-shadow: 0 0 0.4rem rgba(206,206,206,.4); margin-bottom: 0.4rem; }
.sp-fw .sp-box li:last-child{margin-right:0;}
.sp-fw	.sp-box li img{ margin: 0 auto; display: block; width:0.8rem;}
.sp-fw	.sp-box li h2{ font-weight: normal; font-size:0.48rem; color: #000000; padding-top:0.2rem; padding-bottom: 0.4rem; line-height:0.5rem;}
.sp-fw	.sp-box li p{ font-size: 0.24rem; color: #999999; line-height:0.5rem;}
.sp-fw	.sp-box li:last-child{ margin-right: 0;}

.sp1-fw{margin-bottom: 0.2rem;  padding:0.4rem; position: relative; background: #ffffff;}

.td-box{margin-bottom: 0.2rem; margin-top:0.2rem; padding:0.4rem; position: relative; background-color: #ffffff; overflow: hidden;}
.td-box .td-ul{ margin-top:0.4rem; width: 100%;}
.td-box .td-ul img{ width: 100%;margin-bottom: 0.4rem;  }
.td-box .td-ul img:hover{ transform: scale(1.05); -webkit-transform: scale(1.05);}




		.p-left{width:150px; height:20px; background-color: #0085DA; position: absolute; left:0;top:80px}
		.p-center{position: absolute;left:50%; margin-left: -90px; top:60px; width:180px;}
		.p-right{width:150px; height:20px; background-color:#0085DA;position: absolute; right:0;top:80px}
		.p-cs{width:200px;  background-color:#0085DA;position: absolute; right:50%; margin-right:-100px;top:180px}
		.pulse {
    animation: pulse 1s forwards ease-in-out alternate;
}
@keyframes pulse {
    from {
        transform: scale(0.8);
    }
    to {
        transform: scale(1.2);
    }
}


.p-left1{width:150px; height:20px; background-color: #0085DA; position: absolute; left:0;top:200px}
		.p-center1{position: absolute;left:50%; margin-left: -90px; top:180px; width:180px;}
		.p-right1{width:150px; height:20px; background-color:#0085DA;position: absolute; right:0;top:200px}
		.p-cs1{width:200px;  background-color:#0085DA;position: absolute; right:50%; margin-right:-100px;top:340px}
		.pulse {
    animation: pulse 1s forwards ease-in-out alternate;
}
@keyframes pulse {
    from {
        transform: scale(0.8);
    }
    to {
        transform: scale(1.2);
    }
}
.page span{background: #E40F2B;
    color: #FFFFFF;}