.toolbar {
    position: fixed;
    top: 0;
    left: 0;
    height: 68px;
    right: 0;
    line-height: 68px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    z-index: 999;
    background: rgba(255,255,255,0);
    transition:  0.2s;
    -moz-transition: 0.2s; /* Firefox 4 */
    -webkit-transition: 0.2s; /* Safari and Chrome */
    -o-transition: 0.2s; /* Opera */
}
.highlight{
    background: rgba(255,255,255,0.8);
}
.menu-button, .default-top {
    position: absolute;
    height: 26.4px;
    background: url(../newImg/menu_icon_h.png) no-repeat;
    background-size: 100%;
    width: 39.6px;
    cursor: pointer;
    top: 23px;
    right: 19px;
}

.default-top{
    background: url(../newImg/menu_icon.png) no-repeat;
    background-size: 100%;
}
/*.menu-button:before {*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*right: 3px;*/
    /*border-bottom: 9px double #999;*/
    /*border-top: 3px solid #999;*/
    /*width: 25px;*/
    /*height: 3px;*/
/*}*/

.logo {
    width: 200px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}

.logo img {
    width: 86px;
    display: inline-block;
    vertical-align: middle;
}
.service {
    overflow: hidden;
    position: absolute;
    top:10px;
    left: 20px;
}
.service img {
    width: 100%;
}
.toolhand {
    position: absolute;
    top: 45%;
    left: 63%;
    text-align: center;
    color: #fff;
    z-index: 3333;
    font-size: 12px;
    letter-spacing: 4px;
}
.iconhand {
    background: url(../img/icons/icon-hand.png) no-repeat center;
    width: 32px;
    height: 32px;
    margin-top: 10px;
}

/*---------侧边栏------------*/
section {
    margin: 4em 0;
    box-shadow: inset -22px 0 10px -12px #ddd;
}
.sidebar {
    margin: 0;
    padding-top: 5em;
    color: #555;
    background-color: #fff;
}

.subNav {
    cursor: pointer;
    line-height: 4em;
    border-top: 0.01em solid #ddd;
    overflow: hidden;
    height: 4em;
}
.subNav.active {
    background: #2588d9;
}
.subNav.active h6 {
    color: #fff;
}
.subNav h6 {
    margin: 0 .8em;
    margin-left: 1.5em;
    padding: 0;
    font-weight: 300;
    font-size: 1.4em;
    color: #999;
}
.subNav.active h6 a {
    color: #fff;
}
.subNav h6 a {
    color: #999;
    display: inline-block;
    width: 90%;
}
.navContent {
    display: none;
    margin-top: 0;
    background: #f8f8f8;
}
.navContent.on {
    display: block;
}
.navContent li {
    line-height: 4em;
    border-top: 0.01em solid #ddd;
}
.navContent li a {
    color: #555;
    font-size: 1.4em;
    font-weight: 300;
    margin-left: 2em;
    display: inline-block;
    width: 70%;
}
.navContent li.on {
    background: #2588d9;
}
.navContent li.on a {
    color: #fff;
}
.subNav.active .icon-plus {
    background: url(../img/icons/icon-minus.png) no-repeat center;
}
.icon-plus {
    background: url(../img/icons/icon-plus.png) no-repeat center;
    width: 18px;
    height: 18px;
    position: relative;
    top: -3.6em;
    left: 17em;
}
.icon-plus2 {
    background: url(../img/icons/icon-plus.png) no-repeat center;
    width: 18px;
    height: 18px;
    position: relative;
    /*top: -3.6em;*/
    left: -1em;
}
.icon-plus3 {
    background: url(../img/icons/icon-minu.png) no-repeat center;
}
.ful_y{
    border-top: 0.01em solid #ddd;
    color: #555;
    font-size: 1.4em;
    font-weight: 300;
    font-weight: 300;
    padding-left: 3em;

}
.navContent li .ful_y a{
    color: #555;
    font-size: 1em;
    font-weight: 300;
    font-weight: 300;
    margin-left: 0;
    width: 100%;
}
.ful{
    display: none;
}
/*------------首页Banner---------------------*/

.banner {
    width: 100%;
    margin-top: 68px;
    overflow: hidden;
    position: relative;
    font-size: 0;
}
.banner img {
    width: 100%;
}
.content {
    margin: 2em auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.content img {
    width: 100%;
    /*display: block;*/
}

.stit_p{
	 width: 90%;
    font-size: 1.2em;
    color: #585858;
    text-align: center;
    margin: 0 auto;
}
.stit_p2{
	 width: 90%;
    font-size: 1.3rem;
    color: #1e1e1e;
    font-weight: bolder;
    text-align: center;
    margin: 0.5em auto;
}
.ma_top_5{
	margin-top: 0.5rem;
}


.ywfw{
    margin: 15px 0 25px 0;
}

.ywfw ul li{
    float: left;
    width: 45%;
    margin-left: 4%;
    margin-top: 10px;
    box-shadow: 0 0 10px #e4e4e4;
    position: relative
}
.ywfw_k{
    position: absolute;left: 0;right: 0;top: 65%;text-align: center;color: #2588d9;
}
.ywfw_k2{
    position: absolute;right: 0px;width: 45%; top: 36%;text-align: center;color: #2588d9;
}
.ywfw_m{
    position: absolute;left: 0;right: 0;top: 76%;text-align: center;color: #999999;
}
.ywfw_m2{
    position: absolute;right: 0px;width: 45%;top: 48%;text-align: center;color: #999999;
}
.service-item {
    width: 60%;
    position: relative;
    overflow: hidden;
    margin: 2em auto;
}
.serviceimg {
    width: 80%;
    position: relative;
    margin: 0 auto;
}
.serviceimg img {
    width: 100%;
}
.servicetit {
    font-size: 1.6em;
    color: #333;
    text-align: center;
    margin: 0.6em auto;
    margin-bottom: 0;
}
.serviceline {
    position: relative;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}
.serviceline img {
    width: 30px;
    height: 4px;
}
.servicewords {
    text-align: center;
    color: #999;
    font-size: 1.2em;
    margin: 0.5em auto;
}
.contentbtn {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1.5em;
    line-height: 4em;
}
.contentbtn a {
    font-size: 1.5em;
    color: #fff;
    background: #2588d9;
    padding: 0.5em 3em;
}
.service-prev {
    background: url(../img/icons/index-service-prev.png);
    width: 36px;
    height: 36px;
    position: relative;
    margin-left: 1em;
    margin-top: -20em;
    z-index: 250;
    float: left;
}
.service-next {
    background: url(../img/icons/index-service-next.png);
    width: 36px;
    height: 36px;
    position: relative;
    margin-right: 1em;
    margin-top: -20em;
    z-index: 250;
    float: right;
}

.casebg {
    background: #f6f6f6;
    padding-top: 1.6em;
    padding-bottom: 1.6em;
}
.casewrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5em;
}
.caselist {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 1.2em;
}
.caselist li {
    display: inline-block;
    width: 48%;
    margin-left: 1%;
    text-align: left;
    margin-bottom: 1.3em;
}
.casetit{
	color:#888;
}
.sico{
    background: #f2f2f2;
    min-height: 9rem;
}
{
.casetit   width: 90%;
    font-size: 1.3em;
    color: #555;
    margin-top: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sico img{
    max-width: 80% !important;
    margin: 10% 10% 0;

}
.casetit2 {
    font-size: 1.3em;
    text-align: center;
    color: #000000;
    margin-top: 0.8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.casetxian{
    height: 2px ;
    margin: 0 auto;
    margin-top: 0.5em;
    width: 20%;

    background: #2588d9;
}
.casetime {
    color: #999;
    font-size: 1.1em;
}
.contentwords {
    width: 90%;
    position: relative;
    overflow: hidden;
    word-break: break-all;
    margin: 1.8em auto;
}
.contentwords p {
    color: #888;
    font-size: 1.1em;
    line-height: 2em;
}
.companyimg {
    width: 100%;
    margin: 1.5em auto;
}
.companyimg img {
    width: 70%;
    display: block;
    margin: 0 auto;
    margin-bottom: 4em;
}

.indexblueblock {
    width: 100%;
    height: 8em;
    background: #2588d9;
    margin-top: -9em;
}

.honorbg {
    background: url(../img/default/honorbg.png) no-repeat center;
    width: 100%;
    padding-top: 2em;
}
.honorscroll {
    width: 95%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-top: 2em;
}
/*.honorscroll .swiper-slide {*/
    /*width: 45%;*/
    /*overflow: hidden;*/
    /*display: block;*/
/*}*/
/*.honorscroll .swiper-slide img {*/
    /*width: 100%;*/
/*}*/
/*.honorscroll .swiper-pagination-bullet.swiper-pagination-bullet-active, .advantagescroll .swiper-pagination-bullet.swiper-pagination-bullet-active {*/
    /*background: #2588d9 !important;*/
/*}*/

/*.honor-pagination {*/
     /*width: 100%;*/
     /*text-align: center;*/
     /*overflow: hidden;*/
     /*position: relative;*/
     /*margin-top: 1.5em;*/
 /*}*/

.advantagescroll {
    width: 90%;
    margin: 0 auto;
    margin-top: 1.6em;
    overflow: hidden;
}
.advantagescroll .swiper-slide {
    width: 100%;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5em;
}
.advantagescroll .swiper-slide .advimg img {
    width: 100%;
}

.advtit {
    color: #333;
    font-size: 1.4em;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
}
.advantage-pagination {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 0.5em;
}
.advstit {
    color: #888;
    font-size: 1.1em;
    margin-bottom: 0.3em;
}
.iconleaf {
    background: url(../img/icons/icon-leaf.png) no-repeat center;
    width: 13px;
    height: 20px;
    vertical-align: middle;
    margin-right: 0.3em;
}

.newswrap {
    margin: 0 auto;
    margin-top: 1.5em;
    position: relative;
    overflow: hidden;
    width: 95%;
    margin-bottom: 1.5em;
}
.newslist li {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    display: block;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}
.newimg {
    width: 38%;
    position: relative;
    overflow: hidden;
    margin-right: 3%;
}
.newimg img {
    width: 100%;
}
.newinfo {
    position: relative;
    overflow: hidden;
    width: 59%;
}
.newtit {
    margin-top: 0.3em;
    font-size: 1.3em;
    color: #333;
}
.newtime {
    color: #999;
    font-size: 0.8em;
}
.newdesc {
    font-size: 1em;
    color: #666;
}

.feedform {
    width: 94%;
    margin: 1.5em auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.form-inpt {
    width: 100%;
    position: relative;
    margin-bottom: 1.3em;
}
.form-inpt input {
    width: 96%;
    border: 0.01em solid #9c9c9c;
    font-size: 1.1em;
    color: #8d8d8d;
    padding: 0.4em 0;
    padding-left: 3%;

}
.form-textarea {
    width: 100%;
    position: relative;
    margin-bottom: 1.3em;
}
.form-textarea textarea {
    width: 96%;
    border: 0.01em solid #9c9c9c;
    font-size: 1.1em;
    color: #8d8d8d;
    padding: 0.4em 0;
    padding-left: 3%;
}
.form-btn {
    width: 100%;
    position: relative;
}
.form-btn button {
    width: 100%;
    border: none;
    background: #2588d9;
    color: #fff;
    padding: 0.6em 0;
    font-size: 1.2em;
}
.form-notice {
    width: 100%;
    position: relative;
    margin-top: 0.5em;
    text-align: center;
    color: #b4b4b4;
    font-size: 0.8em;
    line-height: 1em;
}
.form-lock {
    background: url(../img/icons/icon-lock.png) no-repeat center;
    width: 18px;
    height: 22px;
    vertical-align: middle;
    margin-right: 0.2em;
    background-size: 66%;
}
.footerbg {
    background-color: #282a30;
    padding-top: 1.6em;
    padding-bottom: 1em;
}
.ftit {
    width: 100%;
    font-size: 1.3em;
    color: #888;
    text-align: center;
    margin-bottom: 0.4em;
}
.faddress {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    color: #888;
    margin-bottom: 0.4em;
}
.icon-address {
    background: url(../img/icons/icon-location.png) center no-repeat;
    width: 19px;
    height: 25px;
    background-size: 70%;
    vertical-align: middle;
    margin-right: 0.2em;
}
.ftel {
    width: 100%;
    text-align: center;
    font-size: 1.2em;
}
.ftel a {
    color: #2588d9;
    text-decoration: underline;
}
.icon-trans-tel {
    background: url(../img/icons/icon-trans-tel.png) center no-repeat;
    width: 22px;
    height: 22px;
    background-size: 70%;
    vertical-align: middle;
    margin-right: 0.2em;
}

.fcopy {
    width: 100%;
    font-size: 0.9rem;
    text-align: center;
    color: #999;
    padding-top: 1em;
    padding-bottom: 6em;
}
.fcopy a{
    width: 100%;
    font-size: 0.9rem;
    text-align: center;
    color: #999;
    padding-top: 1em;
    padding-bottom: 6em;
}
.fshare {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.fshare a {
    margin-left: 12%;
}
.icon-sina {
    background: url(../img/icons/icon-sina.png) no-repeat center;
    width: 62px;
    height: 62px;
    background-size: 55%;
    float: left;
}
.icon-wechat {
    background: url(../img/icons/icon-wechat.png) no-repeat center;
    width: 62px;
    height: 62px;
    background-size: 55%;
    float: left;
}
.icon-qq {
    background: url(../img/icons/icon-qq.png) no-repeat center;
    width: 62px;
    height: 62px;
    background-size: 55%;
    float: left;
}

.sharemask {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.66);
}
.sharemask .tips {
    position: relative;
    color: #fff;
    font-size: 1.1em;
    text-align: center;
    margin-top: 120%;
}

.icon-sharedot {
    background: url(../img/icons/icon-top-share.png) no-repeat center;
    width: 330px;
    height: 228px;
    background-size: 70%;
    position: absolute;
    top: 0;
    right: 0;
}

.icon-bottom-share {
    background: url(../img/icons/icon-bottom-share.png) no-repeat center;
    width: 32px;
    height: 32px;
    background-size: 100%;
    position: absolute;
    bottom: 1em;
    left: 45%;
}
.navfixed {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 666;
    background: #2588d9;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.20);
}
.navwrap li {
    float: left;
    width: 24%;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6rem;
    padding: 0.5em 0;
}
.navwrap li:nth-child(1){
    background: white;
    line-height: 1.5rem;
}
.navwrap li:nth-child(1) a{
    color: #444444;
}
.navwrap li:nth-child(2)
{
    border-right: none;
}
.navwrap li a {
    color:#fff;
    font-size: 1.2em;
}

.navwrap li img {

   display: block;
    margin: 0 auto;
    /* margin-left: 0.5em; */
    text-align: center;
}



/*--------------关于我们-------------------*/
.container {
    width: 90%;
    margin: 1em auto;
    position: relative;
    overflow: hidden;
}
.container img {
    width: 100%;
}
.container  p {
    font-size: 1.3em !important;
    color: #777;
    line-height: 2em;
    margin: 0.8em 0;
    word-break: break-all;
}
.container  p span{
    color: #2588d9;
    margin-right: 0.3em;
}

.sepline {
    width: 100%;
    height: 2px;
    border-bottom: 1px dotted #888;
    margin: 2.5em 0;
}

.subtit {
    width: 100%;
    border-left: 2px solid #2588d9;
    overflow: hidden;
    position: relative;
    padding-left: 1em;
}
.sub1 {
    font-size: 1.5em;
    color: #333;
    text-align: left;
}
.sub2 {
    font-size: 0.95em;
    color: #999;
    text-align: left;
}

.honor1-prev, .honor2-prev, .honor3-prev {
    background: url(../img/icons/index-service-prev.png);
    width: 36px;
    height: 36px;
    position: relative;
    margin-left: 1em;
    margin-top: -18em;
    z-index: 250;
    float: left;
}
.honor1-prev{
    margin-top: -9em;
}
.honor1-next, .honor2-next, .honor3-next {
    background: url(../img/icons/index-service-next.png);
    width: 36px;
    height: 36px;
    position: relative;
    margin-right: 1em;
    margin-top: -18em;
    z-index: 250;
    float: right;
}
.honor1-next{
    margin-top: -9em;
}
.honor2-prev {
    background: url(../img/icons/index-service-prev.png);
    width: 36px;
    height: 36px;
    position: relative;
    margin-left: 1em;
    margin-top: -17em;
    z-index: 250;
    float: left;
}
.honor2-next {
    background: url(../img/icons/index-service-next.png);
    width: 36px;
    height: 36px;
    position: relative;
    margin-right: 1em;
    margin-top: -17em;
    z-index: 250;
    float: right;
}

.matit {
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 1.45em;
    color: #333;
    margin-top: 0.8em;
}
.mabline {
    width: 14%;
    height: 3px;
    border-bottom: 2px solid #2588d9;
    margin: 0.5em 0;
}
.masubtit {
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 1.4em;
    color: #333333;
    font-weight: bolder;
}


/*----------------------产品中心--------------------*/
.probanner {
    width: 96%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: block;
    vertical-align: middle;
}
.probanner img {
    width: 100%;
}

.prolist {
    width: 94%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: block;
    vertical-align: middle;
    border: none;
    border-radius: 5px;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20), /*左边阴影*/
    2px 0 3px 0 rgba(0, 0, 0, 0.20), /*右边阴影*/
    0 3px 20px 0 rgba(0, 0, 0, 0.20), /*底边阴影*/
    0 -3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/
    margin-bottom: 2.8em;
}
.prolist img {
    width: 100%;
    display: block;
}
.prltit {
    width: 100%;
    margin-top: 0.8em;
    padding-left: 0.5em;
    padding-bottom: 0.8em;
    color: #555;
    font-size: 1.2em;
    border-bottom: 1px #ccc solid;
}
.prlitem {
    width: 49%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    float: left;
    vertical-align: middle;
    padding-top: 1em;
    padding-bottom: 1em;
}


/*-----------------车用------------------*/
.conimg {
    margin: 1.5em auto;
    position: relative;
}
.cataimg {
    position: relative;
    overflow: hidden;
    font-size: 0;
    display: block;
}
.cataimg img {
    display: block;
    width: 100%;
}



/*------------------检测治理----------------------*/
.fic{
	width: 90%;
	margin: 0 auto;
}
.denav {
    width: 70%;
    float: left;
    position: relative;
    overflow: hidden;
}
.denav2 {
    width: 29.6%;
    float: left;
    position: relative;
    overflow: hidden;
}
.denav li  {
    display: inline-block;
    width: 47%;
    padding:1% 1%;
    position: relative;
    overflow: hidden;
}
.denav2 li {
	display: inline-block;
    width: 98%;
    padding:1% 1%;
    margin-top: 1%;
    position: relative;
    overflow: hidden;
}
.denav li img , .denav2 li img {
    box-shadow: 0 0 6px #c2bfbf;
}
.de-stbline {
    width: 6%;
    height: 3px;
    border-bottom: 2px solid #2588d9;
    margin-top: 0.4em;
}
.deitembg {
    background: url(../img/default/de-pic3.png) no-repeat center;
    width: 100%;
    height: 45%;
    padding-top: 2em;
}
.deitemlist li {
    display: inline-block;
    width: 32.5%;
    position: relative;
    overflow: hidden;
}

.indoorscrool {
    width: 85%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.indoor-pagination {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.inblr {
    width: 100%;
    height: 25%;
    display: block;
    background: #2588d9;
    border-top: 8em solid #2588d9;
    margin-top: -8em;
    z-index: -5;
}
.swiper-pagination-bullet-active {
    background: #fff !important;
}

.indoorbg1 {
    background: #f6f6f6;
    padding-top: 2em;
    padding-bottom: 2em;
}

/*-------------------------杀菌消毒开始-------------------------*/
.virus_1{

}
.virus_1_left{
	float: left;
	background: url(../img/virus/virus_1.jpg)no-repeat;
	height: 43.4px;
	width: 20%;
	background-size:100%;
	color: white;
	text-indent: 0.5rem;
	font-size: 1rem;
	line-height: 43.4px;
}
.virus_1_right{
	float: right;
	width: 80%;
}
.virus_1_p{
	color: #0070b9;
	font-size: 0.9rem;
	font-weight: 900;
}
.virus_2_p{
	color: #333333;
	font-size: 0.6rem;
}
.virus_2{
	font-size: 1.3rem;
	text-align: center;
	color: #fd4407;
	height: 3rem;
	line-height: 3rem;
	font-weight: 900;
}
.virus_2 span{
	color: #333333;
}
.virus_3 img{
	vertical-align:middle
}
.virus_4_p_1{
	text-align: center;
	font-size: 1.4rem;
	color: #d82023;
	height: 2rem;
	line-height: 2rem;
	font-weight: 900;
}
.virus_4_p_2{
	text-align: center;
	font-size: 1.4rem;
	color: #d82023;
	height: 2rem;
	line-height: 2rem;
}
.virus_5 p{
	color: #333333;
	font-size: 0.9rem;
	line-height: 1.5rem;
	margin: 1rem 0;
}
.virus_6 ul li{
	background: url(../img/virus/vi_d.jpg)0px no-repeat;
	background-size:9px ;
	text-indent: 1rem;
	border-bottom: 1px dashed    black;
	padding: 0.5rem  0;
}
.virus_6 ul li a{
	font-size: 1rem;

	color: black;
}
.virus_6 ul li a span{
	color:#888888 ;
	font-size: 0.8rem;
}

/*-------------------------杀菌消毒结束-------------------------*/

/*-------------------------招商加盟开始-------------------------*/
.joinnav {
    position: fixed;
    top:68px;
    left: 0;
    overflow: hidden;
    width: 100%;
    z-index: 55;
}
.joinall {
    color: #fff;
    font-size: 1.4em;
    background: #2588d9;
    line-height: 2.8em;
    padding-left: 1em;
}
.joinlist {
    display: none;
}

.joinavarr {
    background: url(../img/icons/icon-join-arrowdown.png) no-repeat center;
    width: 25px;
    height: 14px;
    background-size: 70%;
    position: absolute;
    right: 3px;
    top: 15px;
}
.joinlist {
    background: #fff;
    font-size: 1.2em;
    line-height: 2.8em;
    width: 100%;
    text-align: center;
}
.joinlist li {
    padding-left: 1em;
    border-bottom: 1px solid #ccc;
}
.joinlist li.on {
    background: #f2f2f2;
}
.joinlist li a {
    color: #555;
    line-height: 2.8em;
    width: 100%;
    display: inline-block;
}

.join4wrapper div{
    position: relative;
    display: block;
    margin-top: 1.8em;
    margin-bottom: 1.5em;
    overflow: hidden;
}

/*------------联系我们---------------*/
#map {
    margin-top: 68px;
    position: relative;
    height: 300px;
    width: 100%;
}

.contactnav {
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    margin-top: -50px;
    z-index: 44;
    background: #fff;
}
.contactnav li {
    padding: 1em 0;
    display: inline-block;
    width: 24%;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    height: 160px;
}

.contn1 img {
    width: 40px;
}
.contn2 {
    font-size: 1.1em;
    color: #333;
}
.contn3 {
    width: 92%;
    font-size: 0.8em;
    color: #999;
    overflow: hidden;
    word-break: break-all;
    margin: 0 auto;
}

/*-------------案例-新闻-详情页----------------*/
.showbar {
    width: 100%;
    background: #fff;
    border-top: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    height: 60px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    vertical-align: middle;
}
.sb1 img {
    width: 40px;
    margin-top: 6px;
    margin-left: 15px;
    vertical-align: middle;
}
.sb2 {
    width: 50%;
    overflow: hidden;
    word-break: break-all;
    position: relative;
    color: #555;
    font-size: 1.2em;
    margin-left: 1em;
    margin-top: 8px;
}
.sb3 {
    position: relative;
    margin-top: 18px;
    margin-right: 15px;
}
.sb3 a {
    color: #fff;
    background: #2588d9;
    font-size: 1em;
    padding: 5px 10px;
}
.casedetailbar .cdtit {
    font-size: 1.4em;
    color: #555;
}
.casedetailbar .cd-project {
   background: url(../img/icons/icon-project.png) center no-repeat;
    width: 40px;
    height: 30px;
    background-size: 22px;
    vertical-align: middle;
}
.casedetailbar .cd-time {
    background: url(../img/icons/icon-sdetail.png) center no-repeat;
    width: 40px;
    height: 30px;
    background-size: 22px;
    vertical-align: middle;
}
.cdtitle {
    color: #222;
    font-size: 1.3em;
    line-height: 1.6em;
    margin-left: 0.5em;
    margin-top: 0.4em;
    font-weight: bold;
}
.cd-change {
    position: relative;
    margin: 1em auto;
    text-align: left;
    font-size: 1.1em;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cd-change a {
    color: #888;
}

.cd-hotline {
    width: 100%;
    background: #fff;
    border-top: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    height: 60px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    vertical-align: middle;
    text-align: center;
}
.cd-hotline ul {
    margin-top: 16px;
}
.cd-hotline li {
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
}
.cd-hotline img {
    width: 20px;
    vertical-align: middle;
}
.cd-hotline .chlnum {
    color: #555;
}
.cd-hotline li a {
    color: #2588d9;
}

.article-list-page {
    width: 100%;
    position: relative;
    margin: 2em auto;
    overflow: hidden;
    text-align: center;
}
.article-list-page li {
    display: inline-block;
    margin-right: 0.1em;
}
.article-list-page li a, .article-list-page li.first.hidden a, .article-list-page li.last.hidden a  {
    background: #aaa;
    color: #fff;
    display: inline-block;
    padding: 0.5em 0.8em;
    font-size: 1em;
}
.article-list-page li a,.article-list-page li.hidden:nth-child(2) a , .article-list-page li.hidden:nth-last-child(2) a {
    background: #aaa;
    color: #fff;
    display: inline-block;
    padding: 8px 8px;
}

.article-list-page li a:hover, .article-list-page li.selected a {
    background: #2b87d2;
}
.article-list-page li.first a,.article-list-page li.last a ,.article-list-page li.previous a,.article-list-page li.next a  {
    background: #2b87d2;
}
.detail-show img {
    height: 250px;
}

/*---------------首页新增-----------------*/
.index_nav {
    margin-top: 68px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
}
.index_nav li {
    float: left;
    width: 25%;
    background: #e9e9e9;
    text-align: center;
}
.index_nav li:nth-child(4), .index_nav li:nth-child(8) {
    border-right: none;
}
.index_nav li a {
    font-size: 1.2em;
    height: 2.8em;
    line-height: 2.8em;
    color: #999;
    margin: 1px 1px 0 0;
    background: #fff;
    display: block;
}
.index_nav li a.on {
    color: #2588d9;
}
.partnerscroll {
    width: 90%;
    margin: 0.8em auto;
    overflow: hidden;
}
.partnerscroll .partimg img {
    width: 100%;
}

.backmessage {
    font-size: 1em;
    color: #f33;
}

/*视频容器*/
.cljv {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    display: none;
}
.cljv .v-new {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding-top: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    margin: auto;
}


/*------------------ utpure ---------------------*/
.ut8-btn {
    position: absolute;
    left: 26%;
    z-index: 666;
    margin-top: 33%;
    width: 100%;
}
.ut8-btn a {
    display: inline-block;
    width: 5rem;
    height: 12rem;
    z-index: 666;
}
.ut8img {
    display: block;
    position: relative;
    z-index: 0;
}



/*video*/
.video_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f1f1f1;
    text-indent: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555;
}


/* video */
#video{padding-top: 2rem}
#video .videoContainer{
    margin:2rem 0;
    width:100%;
    background:#f0edcc;
}
#video .playerContainer{
    float:left;
    width: 100%;
}
#video #player{margin:0 auto;}
#video #player img{width:100%;}
#video .caption{
    float:left;
    width:90%;
    padding:23px 21px;
}
#video .caption h6{
    font-weight: normal;
    font-size:0.85rem;
    line-height:20px;
    text-transform:uppercase;
    color: #333;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#video .caption p{
    font-size:0.85rem;
    line-height:20px;
}
#video .caption p:last-child{margin-bottom:0px;}

#video .clip{
    width:48%;
    float:left;
    margin-right: 3%;
    margin-bottom: 5%;
}
#video .clip:nth-child(2n)
{
    margin-right: 0px;
}
#video .clip .imgWrapper{
    width:100%;
    position:relative;
}
#video .clip .imgWrapper .mask{position:absolute;}
#video .clip img{
    width:100%;
    height: 100px;
}

#video .clip .caption{
    float:none;
    width:100%;
    padding:0px 0px;
}
#video .clip img{margin-bottom:8px;}
#video .clip .caption h1{font-weight:bold;}


#willesPlay .playContent {
    background: #000;
}



.friendlink, .friendlink a {
    color: #888;
    font-size: 12px;
}





/*答疑页1*/
.problem_title {
    width: 100%;
    text-align: center;
    font-size: 1.4em;
}
.problem_eng{
    font-size: 0.8rem;
    width: 100%;
    text-align: center;
    color: #999999;
}
.problem_left_nei{
    width: 90%;

    margin: 0 5%;
    margin-top: 1.5rem;
}
.lili{
    border-bottom: 1px solid #c5c5c5;
}
.lili a{
    font-family: MicrosoftYaHei;
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.5rem;
    letter-spacing: 0px;
    color: #333333;

}
.lili a span{
    color: #888888;
}
.problem_more{
    width: 50%;
    margin: 2rem 25% 0;
    background-color: #2588d9;
    border-radius: 30px;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    font-family: MicrosoftYaHei;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}

.problem_right{
    width: 90%;
    margin: 0 auto;
}

.recom{
    margin-top: 2rem;
}
.recom_title span{
    border-bottom: 2px solid #1e62b5;
    padding-bottom: 0.4rem;
}
.recom_title {
    border-bottom: 1px solid #cccccc;
    height: 2rem;
    line-height: 2rem;
}
.recom_li{
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.5rem;
    letter-spacing: 0px;
}
.recom_li a{
    color: #333333;
    font-size: 0.8rem;
}


/*答疑内页*/
.problem{
    width: 90%;
    margin: 1rem 5%;
}
.answer_title{
    font-family: MicrosoftYaHei;
    font-size: 1.3em;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #333333;
}
.answer_cs{
    margin-top: 1rem ;
    padding-bottom: 1rem;
}
.answer_set2{
    font-family: MicrosoftYaHei;
    font-size: 0.6rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    margin-right: 1rem;
    color: #666666;
}
.answer_set2:nth-child(3){
    margin-right: 0px;
}
.answer_ner{
    margin-top: 1rem;
    font-size: 0.8rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5rem;
    letter-spacing: 0px;
    color: #666666;
}
.answer_cn{
    margin-top: 1.5rem;
}
.answer_cn2{
    background: #fff9ee;
    width: 84%;
    padding: 0 8%;
}
.answer_cn_3{
    font-size: 0.8rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    color: #666666;
    margin-top: -1rem;
}
.answer_choose{
    width: 6rem;
    line-height: 1.8rem;
    height: 1.8rem;
    background-color: #ffffff;
    border-radius: 21px;
    border: solid 1px #dcdcdc;
}
.like {
    margin-left: 1rem;
}
.hate{
    margin-left: 0.5rem;
}
.answer_time{
    font-size: 0.6rem;
    height: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: 0px;
    color: #959494;
}
.tjcp{
    font-size: 1.3em;
    height: 4rem;
    line-height: 5rem;
}
.tjcp_tu{
    width: 32%;
    margin-right: 2%;
}
.tjcp_tu:nth-child(3){
    margin-right: 0;
}
.tjcp_tu p{
    text-align: center;
    color: #000000;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
}
.answer_other_answer{
    margin-top: 1rem;
}
.answer_cs2{
    border-bottom: 1px solid #e5e5e5;
    height: 2rem;
    line-height: 2rem;
}
.answer_name{
    color: #959494;
}
.xgwt{
    margin-top: 1rem;
}

/*企业文化*/
.tulture_matit{
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 1.2rem;
    color: #285691;
    margin-top: 1.4em;
}

.tulture_x{
    width: 35px;
    height: 2px;
    background-color: #285691;
    margin: 10px 0;
}
.tulture_1{
    font-family: FZLTHK--GBK1-0;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #285691;
}
.tulture_2{
    font-family: FZLTXHK--GBK1-0;
    font-size: 0.7rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: rgba(40,86,145,0.8);
}
.tulture_3{
    font-family: MicrosoftYaHeiLight;
    font-size: 0.8rem;
    margin-top: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #5c5c5c;
}
.tulture_4{
    margin-top:30px ;
}

.tulture_matit2{
    width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 1.2rem;
    color: #285691;
    text-align: center;
    margin: 0.8em auto 0;
    margin-top: 50px;
}

.tulture_x2{
    width: 35px;
    height: 2px;
    background-color: #285691;
    margin: 10px auto;
}
.tulture_5{
    margin-top: 20px;
}
.tulture_6{
    width: 90%;
    box-shadow: 0 0 10px #d7d7d7;
    background: white;
    transform: translate(6%, -10%);
}
.tulture_7{
    margin-top: 20px;
    min-height: 63px;
}
.tulture_7_left{
    width: 40px;
    height: 40px;
    background-color: #134489;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 40px;
    margin-left: 11%;
    font-size: 1rem;
}
.tulture_7_right{
    margin-left: 3%;
    width: 70%;
}
.tulture_8{
    color: #444444;
    font-size: 0.8rem;
}
.tulture_9{
    color: #999999;
    font-size: 0.6rem;
}



/*新招商加盟*/
.container_join{
    width: 96%;
    margin: 1em auto;
    position: relative;
    overflow: hidden;
}

.join_1_1{
    position: relative;
}
.join_1_img{
    position: relative;
}
.join_1_title{
    font-family: MicrosoftYaHei;
    font-size: 1.1rem;
    letter-spacing: 0px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
}
.join_1_eng{
    position: absolute;
    font-size: 0.8rem;
    letter-spacing: 0px;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 17%);

}
.join_1_2_left{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #1872d7;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0px;
    color: #ffffff;
    border-radius:50% ;
    margin-top: 10px;
}
.join_1_2_right{
    font-size: 1.1rem;
    width: 84%;
    line-height: 25px;
    letter-spacing: 0px;
    color: #000000;
    margin-left: 15px;
    font-weight: 600;
}
.join_1_3{
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 24px;
}

.join_1_4_left{
    margin-top: 17px;
    width: 47%;
    margin-left: 2%;
    margin-right: 1%;
}
.join_1_4_right{
    margin-top: 17px;
    width: 47%;
    margin-left: 1%;
    margin-right: 2%;
}
.join_1_pct{
    font-family: MicrosoftYaHei-Bold;
    font-size: 1rem;
    letter-spacing: 0px;
    color: #fb6d34;
    width: 20%;
}
.join_1_pcts {
    width: 75%;
    height: 9px;
    background-color: #cdcdcd;
    border-radius: 5px;
    margin-top: 7px;
    margin-left:2%;
}
.join_1_pcts_x{
    width: 15%;
    height: 9px;
    background-color: #58a7ff;
    border-radius: 5px;
    font-family: "微软雅黑";
}

.join_1_t{
    font-size: 0.75rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 10px;
}
.join_1_tpic{
    margin-top: 10px;
}
.line_25{
    width: 100%;
    height: 25px;
}
.line_60{
    width: 100%;
    height: 60px;
}



.join_1_5_left  {
    margin-top: 20px;
    width: 47%;
    margin-left: 2%;
    margin-right: 1%;
}
.join_1_5_right{
    margin-top: 20px;
    width: 47%;
    margin-left: 1%;
    margin-right: 2%;
}
.join_1_6{
    color: #000000;
    font-size: 0.75rem;
    margin-top: 15px;
    line-height: 20px;

}
.join_1_7{

}
.line_1_x{
    width: 100%;
    height: 1px ;
    background: #b2b2b2;
}
.line_1_7{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #000000;
    text-align: center;
}
.line_75{
    width: 100%;
    height: 75px;
}
.line_40{
    width: 100%;
    height: 40px;
}

.join_2_1{
    color: #1872d7;
    font-size: 1.1rem;
    font-family: FZLTDHK--GBK1-0;
    font-weight: 600;
}
.join_2_2{
    color: #3d3d3d;
    font-size:1rem;
    margin-top: 10px;
}

.join_2_3{
    width: 93%;
    height: 30px;
    background-color: #2d98e4;
    border-radius: 30px;
    margin-top: 30px;
}
.join_2_3_left{
    width: 30px;
    height: 30px;
    background-color: #1872d7;
    color: #ffffff;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.1rem;
}
.join_2_3_right{
    font-family: MicrosoftYaHei;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-left: 10px;
}
/*.swiper-join2 {*/
    /*width: 100%;*/
    /*margin: 35px auto;*/
/*}*/
/*.swiper-join2 .swiper-slide {*/
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*background: #fff;*/

    /*!* Center slide text vertically *!*/
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    /*position: relative;*/
/*}*/
/*.swiper-join2 .join2-pagination{*/
    /*text-align: center !important;*/
/*}*/

.join_2_4{
    position: absolute;
    color: #ffffff;
    font-size: 1rem;
}

/*.swiper-pagination-bullet{*/
    /*width: 12px !important;*/
    /*height: 12px !important;*/
/*}*/

.join2-pagination{
    margin-top: 15px;
}

.join_2_5_left {
    margin-top: 35px;
    width: 45%;
}
.join_2_5_right{
    width: 53%;
}

.join_2_5_title , .join_2_6_title{
    font-size: 1rem;
    letter-spacing: 0px;
    color: #1872d7;
    text-align: left;
    margin-top: 32px;
}

.join_2_5_con , .join_2_6_con{
    font-size: 0.75rem;
    line-height: 17px;
    letter-spacing: 0px;
    color: #444444;
    margin-top: 5px;
}
.line_60{
    width:100%;
    height: 60px;
}
.join_2_6_con{
    width: 477px;
}
.join_2_6_right {
    margin-left: 48px;
}


.join_3_1{
    font-size: 1.1rem;
    font-family: FZLTDHK--GBK1-0;
    font-weight: 600;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #2e2e2e;
}
.join_3_2{
    display: inline-block;
    padding: 0 2%;
    height: 30px;
    background-color: #1675c2;
    border-radius: 21px;
    color: white;
    font-size: 1rem;
    line-height: 30px;
    text-align: center;
}
.join_3_3{
    color: #2e2e2e;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
}

.join_3_5_left{
    width: 60%;
}
.join_3_6_right{
    width: 37%;
    margin-left: 3%;
}
.join_3_5_title{
    padding-right: 22px;
    height: 25px;
    background-color: #1675c2;
    display: inline-block;
    border-radius: 22px;

}
.join_3_5_title_1{
    width: 25px;
    height: 25px;
    background-color: #2588d9;
    border-radius: 22px;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 25px;
    text-align: center;

}
.join_3_5_title_2{
    color: #ffffff;
    font-size: 0.9rem;
    margin-left: 12px;
    line-height: 25px;
    text-align: center;
}
.join_3_6_con{
    font-size: 0.75rem;
    line-height: 17px;
    letter-spacing: 0px;
    color: #444444;
}
.line_25{
    width: 100%;
    height: 25px;
}

.join_4_1{
    background: url(../img/join/join_4_2.jpg) no-repeat;
    width: 96%;
    height: 200px;
    margin: 0 auto;
    background-size:100% ;
}
.join_4_2 li{
    float: left;
    font-size: 0.75rem;
    width: 20%;
    color: #3f3f3f;
    margin-left: 1%;
    margin-right: -1%;
    margin-top: 9%;
}
.join_4_3 li{
    float: left;
    font-size: 0.75rem;
    width: 20%;
    color: #3f3f3f;
    margin-left: 1%;
    margin-right: -1%;
    margin-top: 12%;
}


.join_4_4{
    height: 150px;
    overflow: hidden;
}
.join_4_4_left{
    width: 10%;
    position: relative;
}
.join_4_4_num{
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-44%, 40%);
    color: white;
    font-size: 0.95rem;
}
.join_4_4_left img{
    width: 100%;
    display: block;
}
.join_4_4_right{
    width: 87%;
    margin-left: 2%;
}
.join_4_4_right img{
    display: block;
}
.join_4_5{
    width: 97.5%;
    margin-left: 2%;
    border-left: 1px solid #e4e4e4 ;
    border-right: 1px solid #e4e4e4 ;
}
.join_4_51{
    width: 90%;
    margin: 0 5%;
}
.line_15{
    width: 100%;
    height: 15px;

}

.join_4_6{
    margin-top:-10px ;
    font-size: 1rem;
    color: #000000;
}
.join_4_7{
    color: #464646;
    margin-top: 10px;
    font-size: 0.9rem;
}


.join_5_1{
    font-size: 1.1rem;
    letter-spacing: 0px;
    color: #323232;
}
.join_5_2{
    font-family: FZLTXHK--GBK1-0;
    font-size: 0.9rem;
    line-height: 22px;
    letter-spacing: 0px;
    color: #6d6d6d;
    margin-top: 15px;
}

.join_5_3{
margin-top: 40px;
}

.join_5_3 img{
    display: block;
}
.join_5_4{
    border-left:1px solid #e4e4e4 ;
    border-right:1px solid #e4e4e4 ;
    margin-top: -62px;
}

.join_5_5{
    width: 70%;
    margin-left: 20%;
}

.join_5_6{
    color: #282828;
    font-size: 1rem;
}
.join_5_7{
    font-size: 0.9rem;
    color: #858585;
    margin-top: 5px;
}

.line_10{
    width: 100%;
    height: 10px;
}

.join_6_1{
    color: #525151;
    font-size: 0.9rem;

}
.join_6_2{
    color: #525151;
    font-size: 0.9rem;
    margin-top: 30px;
    margin-bottom: 30px;
}


.join_6_3{
    margin-top: 25px;
}

.join_6_3_title{
    font-size: 1.1rem;
    margin-top: 30px;
    font-weight: 600;
    color: #323232;
}
.join_6_3_left{
    width: 30px;
    height: 30px;
    background-color: #1970d1;
    border-radius: 30px;
    font-family: FZLTZHK--GBK1-0;
    font-size: 1.1rem;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0px;
    color: #ffffff;
}
.join_6_3_right{
    font-size: 0.9rem;
    letter-spacing: 0px;
    color: #323232;
    width: 90%;
}

.join_6_3_left_num{
    width: 10%;
}

.join6-table {
    width: 100%;
    border: 1px solid #000;
    text-align: center;
    font-size: 0.95rem;
    color: #666;
    margin-top: 30px;
    margin-bottom: 30px;
}

.join_table_1{
    color: white;
}

.join6-table{
    border: 1px solid #d2d2d2;
    margin-top: 50px;
}
.join6-table td{
    border-left: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    font-size: 0.7rem;
}
.join_table_1 td{
    padding: 10px 0;
    font-size: 0.9rem;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.join_table_2{
    width: 80px;
    height: 26px;
    background-color: #1675c2;
    border-radius: 13px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 0 3px;
}
.join_6_4{
    font-family: FZLTXHK--GBK1-0;
    font-size: 0.9rem;
    line-height: 34px;
    letter-spacing: 0px;
    color: #585858;
}


/*vita*/
.vita_1{
    position: relative;
}
.vita_1_title{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 7%;
    left: 50%;
    color: white;
    font-size: 25px;
    font-weight: 600;
}
.vita_1_title2{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 11%;
    left: 51%;
    color: white;
    font-size: 20px;
    letter-spacing: 11px
}

.vita_1_title3{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 20%;
    left: 49%;
    color: white;
    font-size: 27px;
    font-weight: 600;
}

.vita_1_title4{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 26%;
    left: 49%;
    color: white;
    font-size: 20px;
}

.vita_1_con{
    width: 87%;
    left: 6.5%;
    margin: 0 auto 0;
    top: 89.5%;
    position: absolute;
}
.vita_1_con div{
     width: 33.3%;
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: 600;
}
.vita_1_con div span{
    font-size: 16px;
    font-weight: 500;
    margin-top: 4%;
    display: inline-block;
}


.vita_2{
    position: relative;
}
.vita_2_tilte{
    width: 100%;
    text-align: center;
    top: 7%;
    font-weight: 600;
    font-size: 25px;
    position: absolute;
}
.vita_2_title2{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #333333;
    top: 13%;
    font-size: 20px;
}
.vita_2_title3{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #333333;
    top: 18%;
    font-size: 16px;
}

.vita_3{
    position: relative;
}
.vita_3_tilte{
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 16px;
    position: absolute;
    color: white;
}
.vita_3_tilte2{
    width: 100%;
    text-align: center;
    top: 10.5%;
    font-size: 16px;
    position: absolute;
    color: white;
}
.vita_3_tilte3{
    width: 100%;
    text-align: center;
    top: 15%;
    font-size: 25px;
    position: absolute;
    font-weight: 600;
    color: white;
}
.vita_3_tilte4{
    width: 100%;
    text-align: center;
    top: 19.5%;
    font-size: 16px;
    position: absolute;
    color: white;
}

.vita_4{
    position: relative;
}
.vita_4_tilte{
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 25px;
    position: absolute;
    color: #333333;
}
.vita_4_tilte2{
    width: 100%;
    text-align: center;
    top: 12%;
    font-size: 25px;
    position: absolute;
    color: #333333;
    font-weight: 600;
}
.vita_4_tilte4{
    width: 100%;
    text-align: center;
    top: 17%;
    font-size: 16px;
    position: absolute;
    color: #333333;
}

.vita_5{
    position: relative;
}
.vita_5_tilte{
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 18px;
    position: absolute;
    color: white;
}
.vita_5_tilte2{
    width: 100%;
    text-align: center;
    top: 12%;
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    color: white;
}
.vita_5_tilte3{
    width: 100%;
    text-align: center;
    top: 18%;
    font-size: 16px;
    position: absolute;
    color: white;
}

.vita_6{
    position: relative;
}
.vita_6_tilte{
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 20px;
    position: absolute;
    color: #2b2b2b;
}
.vita_6_tilte2{
    width: 100%;
    text-align: center;
    top: 14%;
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    color: #2b2b2b;
}
.vita_6_tilte3{
    width: 100%;
    text-align: center;
    top: 19.5%;
    letter-spacing: -1px;
    font-size: 14px;
    position: absolute;
    color: #2b2b2b;
}

/*redbox*/
.redbox_1{
    position: relative;
}
.redbox_1_title{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 9%;
    left: 24%;
    color: white;
    font-size: 20px;
}
.redbox_1_title2{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 21%;
    left: 24%;
    line-height:2.4rem;
    color: white;
    font-size: 30px;
}
.redbox_1_title3{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 41%;
    left: 24%;
    color: white;
    font-size: 16px;
}

.redbox_1_d{
    margin: 10% 0;
}
.redbox_1_d .redbox_1_d_title{
    width: 33%;
    text-align: center;
    color: #d5141e;
    font-size:20px ;
    border-right: 1px solid #dedede;
}
.redbox_1_d .redbox_1_d_title span{
    color: #585858;
    display: inline-block;
    margin-top: 2%;
    font-size: 15px;
}
.redbox_1_d .redbox_1_d_title:nth-child(3){
    border-right: 1px solid #dedede;
}


.redbox_2{
    position: relative;
}
.redbox_2_title{
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 25px;
    position: absolute;
    color: #393939;
}
.redbox_2_title2{
    width: 100%;
    text-align: center;
    top: 12%;
    font-size: 16px;
    position: absolute;
    color: #333333;
}

.redbox_2_title3{
    width: 100%;
    text-align: center;
    top: 86.5%;
    font-size: 18px;
    position: absolute;
    color: #333333;
}

.redbox_3{
    position: relative;
}
.redbox_3_title{
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 25px;
    position: absolute;
    color: white;
}
.redbox_3_title2{
    width: 100%;
    text-align: center;
    top: 13%;
    font-size: 18px;
    position: absolute;
    color: #bfbebe;
}
.redbox_3_title3{
    position: absolute;
    top: 88%;
    width: 88%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.redbox_3_title3 div{
    color: white;
    font-size: 16px;
    text-align: center;
    width: 25%;
}

.redbox_4{
    position: relative;
}
.redbox_4_title{
    width: 100%;
    text-align: center;
    top: 7%;
    font-size: 25px;
    position: absolute;
    color: #333333;
}
.redbox_4_title2{
    width: 100%;
    text-align: center;
    top: 13.5%;
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    color: #333333;
}
.redbox_4_title3{
    width: 100%;
    text-align: center;
    top: 22.5%;
    font-size: 15px;
    position: absolute;
    color: #333333;
}

.redbox_5{
    position: relative;
}
.redbox_5_title{
    width: 100%;
    text-align: center;
    top: 11%;
    font-size: 25px;
    position: absolute;
    color: white;
}
.redbox_5_title2{
    width: 100%;
    text-align: center;
    top: 17%;
    font-size: 16px;
    position: absolute;
    color: white;
}

.redbox_6{
    position: relative;
}
.redbox_6_title{
    width: 100%;
    text-align: center;
    top: 8.5%;
    font-size: 25px;
    position: absolute;
    color: white;
}

.redbox_6_title2{
    width: 100%;
    text-align: center;
    top: 13.7%;
    font-size: 18px;
    position: absolute;
    color: white;
}
.redbox_6_title3{
    width: 100%;
    text-align: center;
    top: 24%;
    font-size: 15px;
    position: absolute;
    color: white;
}




@keyframes switch {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
}
.banner_zx{
    position: absolute;
    color: white;
    transform: translate(-50%, -50%);
    top: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 147px;
    animation: switch 1.5s ease-out infinite;
    transition: 0.3s all ease-in-out;
    height: 30px;
    background-image: linear-gradient(0deg,
    #e8e8e8 0%,
    #ffffff 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 0px 10px 0px
    rgba(64, 0, 142, 0.3),
    inset 2px 3px 5px 0px
    rgba(113, 24, 231, 0.35);
    border-radius: 25px;
}

.banner_a{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    letter-spacing: 0px;
    color: #5d0ad1;
}



/****************************************新网站*/
.line_2{
    width: 100%;
    height: 2em;
}
.f6{
    background-color:#f6f6f6 ;
}
.main {
    padding: 2rem 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.f0{
    background-color: #F0f8FF;
}
.a76{
    background-color: #1a76c2;
}
.white{
    color: white !important;
}
.bg_white{
    background-color: white !important;
}
.bgf5{
    background-color: #f5f5f5 !important;
}
.f0_falf::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 50%;
    background-color: #F0f8FF;
}
.swiper-pagination-banner .swiper-pagination-bullet{

    background-color: white !important;
}

.swiper-pagination-banner .swiper-pagination-bullet-active{

    background-color: #3e6bb1;
}
.tipitem{
    margin: 0.3rem 0 1rem;
    position: relative;
    height: 50px;
}
.tip_pic{
    width: 25%;
    text-align: center;
    opacity: 0;
    filter:alpha(opacity=100);
    position: absolute;

}
.tip_pic1 , .tip_pic2{
    left:5%;
}
.tip_pic3 , .tip_pic4{
    right: 5%;
}
.tip_pic img{
    width: 35%;
}
.tip_tit{
    color: #555555;
    height: 21px;
    font-size: 0.8rem;
    line-height: 21px;
}

.btit {
    width: 100%;
    font-size: 1.8em;
    height:45px;
    line-height:45px;
    color: #333;
    text-align: center;
}
.xtit{
    width: 6%;
    margin: 0 auto;
    height: 2px;
    background-color: #1a76c2;
}
.bstit {
    width: 100%;
    font-size: 1.2em;
    color: #484848;
    text-align: center;
    margin: 1em auto;
}
.stit {
    width: 100%;
    font-size: 1.3em;
    color: #484848;
    text-align: center;
    line-height: 40px;
}
.zj1, .yi1, .cl1, .anli1, .jm1, .us1, .xw1{
    opacity: 0;
    filter:alpha(opacity=100);
}
.zj2, .yi2, .cl2, .anli2, .jm2, .us2, .xw2{
    opacity: 0;
    position: absolute;
    left: 20%;
}
.zj3, .yi3, .cl3, .anli3, .jm3, .us3, .xw3{
    opacity: 0;
    filter:alpha(opacity=100);
}
/*走进创绿家*/

.walk_pic img{
    width: 100%;
    margin-top: 1.8rem;
}
.walk_re{
    position: relative;
    width: 90%;
    margin: 0rem auto 0;
}
.walk_con{
    color: #525252;
    position: relative;
    bottom: -50px;
    font-size: 0.9rem;
    text-indent:2rem;
    line-height: 27px;
    margin-top: 2em;
    opacity: 0;
    filter:alpha(opacity=100);
}
.walk_more{
    position: relative;
    height: 3rem;
}
.walk_mores{
    background-image: linear-gradient(90deg,
    #1a76c2 0%,
    #1b82d7 100%),
    linear-gradient(
            #1d8ae5,
            #1d8ae5);
    background-blend-mode: normal,
    normal;
    position: relative;
    left: 10%;
    border-radius: 2px;
    width: 25%;
    margin-top: 1.5em;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    opacity: 0;
    filter:alpha(opacity=100);
}
.walk_more a{
    font-size: 1.2em;
    color: white;

}
.walk_three{
    background-color: #ffffff;
    box-shadow: 1px 2px 10px 0px
    rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    width: 90%;
    margin: 0 auto;
}
.walk_three a{
    color: #555555;
}
.walk_three_1{
    width: 33%;
    border-right:1px solid #cccccc ;
    text-align: center;
    margin: 1.3rem 0;
}
.walk_three_1:nth-child(3) {
    border-right:0px ;
}
.walk_three_1 img{
    width: 25%;
}
.walk_three_con{
    opacity: 0;
    filter:alpha(opacity=100);
}
/*走进创绿家*/

/*一站式解决方案*/

.tur{
    width: 92%;
    margin: 1em auto 0;
    position: relative;
}
.tur:nth-child(1){
    margin-top: 2em !important;
}
.tur_con{
    width: 48%;
    margin-right: 4%;
    position: relative;
}
.tur_con:nth-child(2n){
    margin-right: 0;
}
.tur_con img{
    width: 100%;
}
.tur_title{
    position: absolute;
    width: 80%;
    text-align: center;
    border: 1px solid white;
    border-radius: 39px;
    line-height: 2rem;
    font-weight: 600;
    color: white;
    font-size: 1.2em;
    opacity: 0;
    filter:alpha(opacity=100);
}
.tur_1, .tur_3{
    left: 10%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.tur_2, .tur_4{
    right: 10%;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    -webkit-transform: translateX(50%) translateY(-50%);
    -moz-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}
.tur_con_bot{
    width: 100%;
}
.tur_con_bot img{
    width: 100%;
}
.tur_5{
    bottom: 10%;
    -webkit-transform: translateX(50%) translateY(50%);
    -webkit-transform: translateX(50%) translateY(50%);
    -moz-transform: translateX(50%) translateY(50%);
    -ms-transform: translateX(50%) translateY(50%);
    transform: translateX(50%) translateY(50%);
}
/*一站式解决方案*/


/*创绿家旗下系列产品*/
.product{
    margin-top: 2em;
    position: relative;
    bottom:-50px;
    opacity: 0;
    filter:alpha(opacity=100);
}
.swiper-container-pr {
    background-color: #f3f3f3;
    border-radius: 4px;
    width: 90%;
    margin: 0 auto;
    margin-top: 1.6em;
    overflow: hidden;
}
.swiper-container-pr .swiper-slide {
    width: 100%;
    overflow: hidden;
    display: block;
}
.swiper-pagination-pr {
    overflow: hidden;
    bottom: 20px !important;
    position: relative;
    left: 53%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-pr .swiper-slide img{
    width: 100%;
    display: block;
}

.product_title{
    font-size: 1.6em;
    top: 2rem;
    width: 100%;
    text-align: center;
    text-align: center;
    position: absolute;
    color: #353535;
}
.product_con{
    width: 90%;
    position: absolute;
    top: 4rem;
    left: 5%;
    /*margin: 2em auto 0;*/
    font-size: 0.9rem;
    text-align: center;
    color: #808080;
}
/*创绿家旗下系列产品*/


/*客户案例*/
.anli{
    background: url(../newImg/default/def_17.png) center no-repeat;
    background-size: 200%;
    position: relative;
}
.anli_1{
    margin-top: 2em;
}
.anli_left{
   width: 24%;
    border-right: 1px solid #494744;
    opacity: 0;
    filter:alpha(opacity=100);
    left: -50px;
    position: relative;
}
.anli_left ul li{
    font-size: 16px;
    height: 47px;
    text-align: center;
}
.anli_left ul li a{
    color: #bcbcbc;
    font-size: 0.8em;
    padding: 5px 10px;
    border-radius: 2px;

}
.anli_left ul li .active{
    background: white;
    color: #1a76c2;
}
.anli_right{
    width: 75%;
    overflow-y:scroll;
    opacity: 0;
    filter:alpha(opacity=100);
    right: -50px;
    position: relative;
}
.anli_right ul li{
    margin-bottom: 1em;
    width: 40%;
    margin-left: 7%;
}
.anli_right ul li:nth-child(2n){

}
.anli_right ul li .anli_img img{
    border: 2px solid white;
    width: 100%;
    transition: all 0.2s linear;
}
.anli_right ul li .anli_tit{
    font-size: 0.7rem;
    color: #bcbcbc;
    text-align: center;
    line-height: 24px;
    margin-top: 0.7rem;
    transition: all 0.2s linear;
}
.anli_right ul li .anli_date{
    font-size: 0.7rem;
    color: #bcbcbc;
    text-align: center;
    line-height: 24px;
    transition: all 0.2s linear;
}
/*.anli_right ul li:hover{*/
    /*background: #1a76c2;*/
/*}*/
/*.anli_right ul li:hover .anli_img img{*/
    /*border: 2px solid  #1a76c2;*/
/*}*/
/*.anli_right ul li:hover .anli_tit, .anli_right ul li:hover .anli_date{*/
    /*color: white;*/

/*}*/
/*客户案例*/


/*加盟商风采*/
.mien{
    position: relative;
    opacity: 0;
    filter:alpha(opacity=100);
    bottom: -50px;
}
.mien_title{
    width: 94%;
    margin: 1em auto 0;
}
.mien_title ul li{
    width: 21%;
    margin: 0 1.5%;
    background-color: #ffffff;
    border-radius: 27px;
    border: solid 1px #cdcdcd;
    text-align: center;
    padding: 0.4em 0;
}
.mien_title ul .active{
    background-color: #1a76c2;
    border: 1px solid #1a76c2;

}
.mien_title ul li a{
    color: #414141;
    font-size: 1em;
}
.mien_title ul .active a{
    color: white;
}
.swiper-container-mien, .swiper-container-mien2, .swiper-container-mien3,  .swiper-container-mien4{
    width: 90%;
    margin: 0 auto;
    margin-top: 1.6em;
    overflow: hidden;

}
.swiper-container-mien .swiper-slide, .swiper-container-mien2 .swiper-slide, .swiper-container-mien3 .swiper-slide, .swiper-container-mien4 .swiper-slide  {
    width: 100%;
    overflow: hidden;
    display: block;
    padding-bottom: 0em;
}
.swiper-pagination-mien, .swiper-pagination-mien2, .swiper-pagination-mien3, .swiper-pagination-mien4 {
    overflow: hidden;
    position: relative;
    padding-top: 1.5rem;
    bottom: 0px !important;
    left: 53%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-mien .next1, .swiper-container-mien2 .next2, .swiper-container-mien3 .next3, .swiper-container-mien4 .next4{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") ;
    background-repeat:no-repeat;
    right: 20px;
    left: auto;
    top: 66%;
    height: 30px;
}
.swiper-container-mien .prev1, .swiper-container-mien2 .prev2, .swiper-container-mien3 .prev3, .swiper-container-mien4 .prev4 {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-repeat:no-repeat;
    left: 25px;
    right: auto;
    top: 66%;
    height: 30px;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '' !important;
}


/*.swiper-container-mien2 .swiper-pagination-bullet{*/

    /*background-color: white !important;*/
/*}*/

/*.swiper-container-mien2 .swiper-pagination-bullet-active{*/

    /*background-color: #3e6bb1;*/
/*}*/
/*加盟商风采*/

/*加盟我们*/
.us{
    background: url(../newImg/default/def_22.jpg) center no-repeat;
    background-size: 100%;
    position: relative;
}
.us_more{
    width: 50%;
    margin: 1em auto 0;
    height: 3rem;
    line-height: 3rem;
    border-radius: 39px;
    text-align: center;
    background-image: linear-gradient(90deg,
    #1a76c2 0%,
    #1b82d7 100%),
    linear-gradient(
            #1d8ae5,
            #1d8ae5);
    background-blend-mode: normal,
    normal;
}
.us_more a {
    color: white;
    font-size:1.2em ;
}
.swiper-container-xw {
    width: 90%;
    margin: 0 auto;
    margin-top: 1.6em;
    overflow: hidden;
    opacity: 0;
    filter:alpha(opacity=100);
    bottom: -50px;
    position: relative;

}
.swiper-container-xw .swiper-slide {
    width: 100%;
    overflow: hidden;
    display: block;
    padding-bottom: 1.5em;
}
.swiper-pagination-xw{
    overflow: hidden;
    position: relative;
    padding-top: 1.5rem;
    bottom: -11px !important;
    left: 53%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.news_top_pic{
    position: relative;
}
.news_top_pic img{
    width: 100%;
    display: block;
}
.news_top_title{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    background:rgba(0,0,0,0.5) ;
}
.news_top_title p{
    width: 80%;
    margin: 0 auto;
    color: white;
    font-size: 1.2em;
    text-align: center;
}
.news_top_con{
    color: #949494;
    width: 80%;
    min-height: 5.1rem;
    margin: 0 auto;
    padding: 1rem 0 1.5rem ;
    border-bottom: 1px solid #b2b2b2 ;
    font-size: 1em;
}
.news_top_d{
    width: 80%;
    margin: 1em auto ;
}
.news_top_date{
    color: #989898;
    font-size: 1.2em;
}
.news_top_more{
    color: #989898;
    padding: 0 1rem;
    border: 1px solid #989898;
    font-size: 1.2em;
}

.swiper-pagination-bullet-active{
    background-color: #585858 !important;
}
.swiper-pagination-bullet{
    background-color: #585858!important;
    opacity: .5;
    width: 12px !important;
    height: 12px !important;
}
.xw_menu{
    height: 4.2rem;
    line-height: 4rem;
    opacity: 0;
    filter:alpha(opacity=100);
    border-bottom: 1px solid  #c4c4c4;
}
.xw_menu li{
    width: 20%;
    text-align: center;
}
.xw_menu li a{
    color: #656565;
    font-size: 1.2em;
}
.xw_menu .active{
    border-bottom: 2px solid #1b81d6;;
}
.xw_menu .active a{
    color: #1b7ed0;
}
.xw_con{
    width: 90%;
    margin: 0 auto;
    opacity: 0;
    filter:alpha(opacity=100);
    position: relative;
    bottom: -50px;
}
.xw_con ul li:nth-child(1){
    padding-top: 2em  ;
}
.xw_con ul li{
    padding-top: 1.5em  ;
}
.xw_con img{
    display: block;
    width: 100%;
    min-height: 76px;
}
.xw_con_left{
    width: 30%;
}
.xw_con_right{
    width: 67%;
    margin-left: 3%;
}
.xw_con_right .xw_con_title{
    color: #333333;
    font-size: 1.2em;
}
.xw_con_right .xw_con_date{
    color: #949494;
    font-size: 1em;
}
.xw_con_right .xw_con_con{
    color: #949494;
    font-size: 1em;
}
/*加盟我们*/

/*文章内页表单*/
.active-bd , .active-bd2{
    width: 90%;
    margin: 0 auto ;
    height: 18.5rem;
    background-color: #ffffff;
    box-shadow: 0px 4px 10px 0px
    rgba(191, 191, 191, 0.79);
    border-radius: 10px;
    border: solid 1px #cdcdcd;
}
.active-bd2{
    height: 13.5rem;
}
/*文章内页表单*/
.active-bd-title{
    border-bottom: solid 1px #cdcdcd;
}
.active-bd-title ul li{
    width: 50%;
    color: #1c1c1c;
    font-size: 1.1rem;
    text-align: center;
    /*font-weight: 600;*/
    padding: 1.2rem 0 1rem;
}
.active-bd-title ul  .active{
    color: #0f6dba;
    border-bottom: 1px solid #0f6dba ;
}
.active-wa{
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 1.3rem;
    color: #525252;
    margin-top: 1.8rem;
}
.active-ys{
    color: #696969;
    text-align: center;
    width: 100%;
    margin-top: 0.1rem;
    font-size: 0.9rem;
}

.active-input{
    width: 80%;
    margin-left:10%;
    background-color: #ffffff;
    font-size: 1rem;
    border-radius: 10px;
    border: solid 1px #c1c1c1;
    height: 2.5rem;
    text-align: center;
    margin-top: 1rem;
}
.active-button{
    width: 80%;
    margin-left: 10%;
    height: 2.5rem;
    background-color: #0f6dba;
    border-radius: 10px;
    font-size: 1rem;
    color: white;
    border: 0;
    margin-top: 0.8rem;
}