@charset "utf-8";
/**********重置**********/

html,body{font-size:625%; height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,select,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin: 0;padding: 0;font-size: 100%;font: inherit;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust: none;}
html,body{ height:100%;line-height:initial; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
ol,ul{list-style: none}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
body {margin:0 auto; max-width:750px;padding: 0;text-align: left;color: #000;height: auto;width: 100%;overflow-x: hidden;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-text-size-adjust: none; color: #333;outline: 0;width: 100%; font-family:'微软雅黑';}
.contioner {max-width: 750px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative;}
.wapper{position:relative;z-index:100; padding-bottom:1rem;padding-top: 0.9rem;}
.emptys,.empty{ text-align:center; padding:15px 0; font-size:15px;}
a {color: #333;text-decoration: none;}
img,a img {border:0;padding:0;margin:0;}
.clear{ clear:both;}
i{ font-style:normal}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;border:none; outline:none;}
a,input,button,select,textarea{outline:none;text-decoration:none; }
.left{float: left}
.right{float:right}
.t_alglirg{text-align: right;}
.t_alglic{text-align: center;}
.epco2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.epco3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.nowrap{text-overflow:ellipsis; white-space:nowrap;overflow: hidden;}
.uppercase{text-transform:uppercase;}
.wapperptop{padding-top: 1rem;}
*:focus {outline: none}
.hide{display: none;}
.h13,h13{ font-size:0.13rem}
.h14,h14{ font-size:0.14rem}
.h15,h15{ font-size:0.15rem}
.h16,h16{ font-size:0.16rem}
.h17,h17{ font-size:0.17rem}
.h18,h18{ font-size:0.18rem}
.h19,h19{ font-size:0.19rem}
.h20,h20{ font-size:0.25rem}
.h21,h21{ font-size:0.26rem}
.h22,h22{ font-size:0.27rem}
.h23,h23{ font-size:0.28rem}
.h24,h24{ font-size:0.29rem}
.h26,h26{ font-size:0.26rem}
.h30,h30{ font-size:0.30rem}
.h32,h32{ font-size:0.32rem}
.h40,h40{ font-size:0.40rem}
/********隐藏部分手机滚动条******/
::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}

.mid_table {height: 100%;display: table;width: 100%;}
.mid_cell {display: table-cell;vertical-align: middle;}
/*checkbox 样式 以及radio 样式 type1*/
.magic-radio{position: absolute;display: none; }
.magic-radio + label{position: relative;display: block;padding-left: 22%;cursor: pointer;vertical-align: middle; float:left; margin-left:2% }
.magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top: 4px;left: 0;display: inline-block;width: 15px;height: 15px;content: '';border: 1px solid #c0c0c0; }
.magic-radio + label:after,.magic-checkbox + label:after { position: absolute;display: none;content: ''; }
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none; }
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block; }
.magic-radio + label:before {border-radius: 50%; }
.magic-radio + label:after {top:9px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: #3e97eb; }
.magic-radio:checked + label:before {border: 1px solid #3e97eb; }
/*checkbox 样式 以及radio 样式  type2*/
.demo--label{display:inline-block}
.demo--radio{display:none}
.demo--radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:100%;display:inline-block;height:0.3rem;margin-top:-1px;vertical-align:middle;width:0.3rem;line-height:1}
.demo--radio:checked + .demo--radioInput:after{background-color:#bd1b1b;border-radius:100%;content:"";display:inline-block;height:0.15rem;margin:0.07rem;width:0.15rem}
.demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}

/*******************s********分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
    html,body {
        font-size:42.666px;
    }
}

@media screen and (min-width: 360px) {
    html,body {
        font-size:48px;
    }
}

@media screen and (min-width: 375px) {
    html,body {
        font-size:50px;
    }
}

@media screen and (min-width: 385px) {
    html,body {
        font-size:51.333px;
    }
}

@media screen and (min-width: 400px) {
    html,body {
        font-size:53.333px;
    }
}

@media screen and (min-width: 414px) {
    html,body {
        font-size:55.2px;
    }
}

@media screen and (min-width: 420px) {
    html,body {
        font-size:56px;
    }
}

@media screen and (min-width: 440px) {
    html,body {
        font-size:58.666px;
    }
}

@media screen and (min-width: 480px) {
    html,body {
        font-size:64px;
    }
}

@media screen and (min-width: 520px) {
    html,body {
        font-size:69.333px;
    }
}

@media screen and (min-width: 560px) {
    html,body {
        font-size:74.666px;
    }
}

@media screen and (min-width: 580px) {
    html,body {
        font-size:77.333px;
    }
}

@media screen and (min-width: 600px) {
    html,body {
        font-size:80px;
    }
}

@media screen and (min-width: 640px) {
    html,body {
        font-size:85.333px;
    }
}

@media screen and (min-width: 680px) {
    html,body {
        font-size:90.6666px;
    }
}

@media screen and (min-width: 720px) {
    html,body {
        font-size:96px;
    }
}

@media screen and (min-width: 750px) {
    html,body {
        font-size:100px;
    }
}
/***************************end分辨率兼容样式属性*************************
/* **************公共电脑隐藏********** */
.hidepc{display: none;}




/*公共头部--01*/
.ui-headerfiexbg{background-color: rgba(2, 7, 11, 0.6);}
.ui-header{min-width: 320px;max-width: 750px;color:#fff; height:1.1rem;margin:auto;z-index:20;box-sizing:border-box;position: fixed;top: 0px;right: 0px;left: 0px;}
.ui-header-left{ position:absolute;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.ui-header-left2{ position:absolute; top:0; left:0.2rem;width:0.68rem;}
.ui-header-right{right:0;position:absolute;width:0.9rem;height: 1.1rem;}
.ui-header-right2{top:0;  right:0.72rem;position:absolute;width:0.62rem; margin-right:0.2rem}
.ui-header-cen{right:0;position:absolute;width:4.6rem;height: 1.1rem;left: 0px;margin: 0px auto;background: url(../img/logo.png) no-repeat center;background-size: 100%;}
.ui-header-ico-home{ background:url(../img/logo.png) no-repeat center; height:0.52rem;display:block;  background-size:100% auto;left:0.2rem;top:0.3rem;width:2.98rem;position: absolute;}
.ui-header-ico-menu2{ background:url(../img/menu.png) no-repeat   center;background-size:0.48rem; display:block;color: #fff;height: 0.8rem;}
.ui-header-ico-seach{ background:url(../img/seacherbot.png) no-repeat center;height:1.1rem; background-size:100% auto; display:block}
.ui-header-ico-back{ background:url(../img/back.png) no-repeat center;height:1rem; background-size:88% auto; display:block}
.ui-header p{ position:relative; text-align:center; font-size:0.35rem; color:#fff; line-height:1.1rem; z-index:-9}
.ui-txt{display: inline-block;position: absolute;bottom: 0.15rem;left: 0px;font-size: 0.24rem;margin: 0px auto;right: 0px;text-align: center;}

.changebot{width: 0.68rem;height: 0.68rem;border-radius: 50%;background-color: #2d4fe1;color: #fff;font-weight: bold;line-height: 0.68rem;text-align: center;font-size: 0.28rem;position: absolute;right: 1rem;top: 0.16rem;}





/* conlaber */
.conlaber{width: 85%;height: auto;overflow: hidden;padding: 0.23rem 0px;margin: 0px auto;}
.conlaber img{width: 100%;float: left;}
/**************************banner*****************************/
.mBan2 { overflow: hidden; position:relative;margin-bottom: 0.25rem;}
.mBan2 .swiperbanner{width: 100%;position: relative;padding-bottom: 0.4rem;}
.mBan2 .swiper-pagination{left: 0px;margin: 0px auto;bottom: 0rem !important;}
.mBan2 .swiper-slide .banner{width: 100% !important;}
.mBan2 .swiper-pagination-bullet{width: 0.14rem !important;height:0.14rem !important;opacity:1 !important;background-color: #d1d1d1;border-radius:100%;}
.mBan2 .swiper-pagination-bullet-active{background-color: #d9231a;}
.main-content {width: calc(100%);min-height: 100vh;position: relative;overflow: hidden;transition: 0.3s;}
/* banner */
.bannercon{width: 100%;height: auto;overflow: hidden;position: relative;}
.bannertxtcon{height: auto;overflow: hidden;margin: 0px auto;width: 92%;position: absolute;left: 0px; top: 32%;right: 0px;}
.bannercon img{width: 100%;float: left;}
.bannertxtcon p.p1{font-size: 0.26rem;color: #fff;text-transform: uppercase;margin-bottom: 0.11rem;}
.bannertxtcon p.p2{font-size: 0.22rem;color: #f9f3f3;text-transform: capitalize;margin-top: 0.16rem;}
.bannertxtcon .moreb{display: inline-block;width:1.8rem;height: 0.50rem;border-radius: 6px;line-height: 0.50rem;text-align: center;color: #f9f3f3;font-size: 0.22rem;background: url(../img/coin_1.png)no-repeat 90% center #ff7023;margin-top: 0.3rem;background-size: 0.08rem;}
/* Our Services */
.sers_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg2.jpg)no-repeat top center;padding:0.45rem 0px 0.7rem;background-size: cover;}
.sers_title{width: 88%;height: auto;overflow: hidden;font-size: 0.4rem;color: #f9f3f3;margin: 0px auto 0.25rem;text-transform: capitalize;}
.sers_con{width: 100%;height: auto;overflow: hidden;}
.sers_con ul li{width: 50%;float: left;overflow: hidden;position: relative;text-align: center;display: flex;justify-content: center;align-items: center;padding: 0.3rem 0.2rem;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.5);height: 5.4rem;;}
.sers_con ul li::after{display: inline-block;width: 1px;height: 100%;background-color: rgba(255, 255, 255, 0.5);position: absolute;right: 0px;top: 0px;content: '';}
.sers_con ul li a .pic{width:0.8rem;height:0.8rem;border-radius: 50%;margin: 0px auto 0.24rem;z-index: 3;position: relative;}
.sers_con ul li a .pic.pic1{background: url(../img/coin_4.png)no-repeat center #2d4fe1;background-size:0.56rem;}
.sers_con ul li a .pic.pic2{background: url(../img/coin_5.png)no-repeat center #2d4fe1;background-size:0.39rem;}
.sers_con ul li a .pic.pic3{background: url(../img/coin_6.png)no-repeat center #2d4fe1;background-size:0.42rem;}
.sers_con ul li a .pic.pic4{background: url(../img/coin_7.png)no-repeat center #2d4fe1;background-size:0.42rem;}
.sers_con ul li a p.p1{font-size: 0.25rem;font-weight: bold;color: #fff;text-transform: capitalize;z-index: 3;position: relative;}
.sers_con ul li a p.p2{width: 0.36rem;height: 1px;background-color: #fff;display: inline-block;margin: 0.3rem auto 0px;z-index: 3;position: relative;}
.sers_con ul li a p.p3{font-size: 0.24rem;color: #fff;line-height: 0.3rem;text-align: center;margin-top: 0.2rem;z-index: 3;position: relative;}
.sers_con ul li a p.p4{display: inline-block;width: 0.85rem;height: 0.4rem;border: 1px solid #fff;line-height: 0.4rem;font-size:0.24rem;margin-top:0.3rem;color: #fff;z-index: 3;position: relative;}
.sers_con ul li:nth-child(2n):after{display: none;}
/* about */
.about_bg{width: 100%;overflow: hidden;background: url(../img/bg3.jpg)no-repeat top center;padding: 0.8rem 0px 0.6rem;background-size: cover;box-sizing: border-box;}
.about_con{width: 92%;height: auto;overflow: hidden;margin: 0.6rem auto 0px;}
.about_con .title{font-size: 0.32rem;font-weight: bold;color: #fff;text-transform: capitalize;margin-bottom:0.25rem;}
.about_con .abmore{display: inline-block;color: #ff8c2a;font-size: 0.28rem;text-decoration: underline;margin-top: 0.4rem;text-transform: capitalize;}
.about_con .about_txt{width: 100%;height: auto;overflow: hidden;font-size: 0.28rem;color: #f9f3f3;line-height:0.45rem;margin:0.2rem auto 0px;}
.about_conrig{width:80%;overflow: hidden;margin: 0.3rem auto 0px;}
.about_conrig img{width: 100%;float: left;}
/* case */
/* case */
.case_bg{width: 100%;overflow: hidden;background: url(../img/bg3_3.jpg)no-repeat top center;padding: 0.5rem 0px 0.5rem;background-size: cover;box-sizing: border-box;}
/* 形象墙轮播 */
.our_casebox{width: 100%;height: auto;overflow: hidden;position: relative;margin-bottom: 0.8rem;padding-bottom: 0.6rem;margin-top: 0.5rem;}
.our_casebox ul li{float: left;overflow: hidden;position: relative;}
.our_casebox ul li .img{width: 100%;}
.our_casebox ul li .labertxt{position: absolute;left: 0px;right: 0px;margin: 0px auto;bottom: 0px;height: 0.6rem;line-height: 0.6rem;text-align: center;font-size: 0.28rem;color: #fff;padding: 0px 0.2rem;box-sizing: border-box;}
.our_casebox .swiper-pagination{left: 0px;margin: 0px auto;bottom: 0rem !important;right: 0px;}
.our_casebox .swiper-pagination-bullet{background-color: #d9d9d9 !important;opacity: 1;margin: 0px 2px;}
.our_casebox .swiper-pagination-bullet-active{background:#fa813b !important}



.bottom-fixed{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 9999;min-width: 320px;max-width: 750px; margin:0 auto;}
.footer {display: block;text-align: center; overflow:hidden; color:#fff; height:1rem;    background-color: #000;}
.footer li{float:left; width:25%; padding:0.08rem 0px 0.08rem; overflow:hidden;box-sizing:border-box}
.footer li a .footpic{ width:0.48rem; height:0.48rem; text-align:center;margin:0 auto 0.05rem; }
.footer li a .footpic1{background:url(../img/ft_coin1.png) no-repeat center;background-size:85% auto}
.footer li a .footpic2{ background:url(../img/ft_coin2.png) no-repeat center; background-size:86% auto}
.footer li a .footpic3{background:url(../img/ft_coin3.png) no-repeat center;background-size:92% auto}
.footer li a .footpic4{background:url(../img/ft_coin4.png) no-repeat center;background-size:86% auto}
.footer li a p{color:#fff; text-align:center; line-height:0.35rem; font-size:0.25rem;text-transform: capitalize;}

/* about */
.cab_bgs{width: 100%;height: auto;overflow: hidden;position: relative;background: url(../img/bg5.jpg)no-repeat top center #070a18;background-size: cover;padding-bottom: 0.5rem;}
.abtxtconm{height: auto;overflow: hidden;margin: 0px auto;width: 90%;padding-top: 3.4rem;}
.abtxtconm p.p1{font-size: 0.56rem;font-weight: bold;color: #f9f3f3;margin-bottom: 0.2rem;}
.abtxtconm p.p2{font-size: 0.34rem;font-weight: bold;color: #f9f3f3;}
.abtxtconm .ablaberc{width: 100%;height: auto;overflow: hidden;padding-top:0.2rem;font-size: 0.28rem;color: #fff;line-height: 0.42rem;}
.abtxtconm .ablaberc p{padding: 0.04rem 0px;}
/* why choose us */
.why_bgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg6.jpg)no-repeat top center #010406;padding: 0.5rem 0px;background-size: cover;}
.abtxtcon{height: auto;overflow: hidden;margin: 0px auto;width: 100%;}
.ab_title{width: 100%;height: auto;text-align: center;font-size: 0.56rem;font-weight: bold;color: #f9f3f3;margin-bottom: 0.48rem;text-transform: capitalize;}
.why_con{width: 100%;height: auto;overflow: hidden;margin: 0px auto;}
.why_con ul li{width: 90%;float: left;margin: 0px 5% 0.3rem;overflow: hidden;background-color: #080f27;border-radius: 8px;padding:0.48rem 0.4rem ;box-sizing: border-box;text-align: center;}
.why_con ul li .pic{width: 0.8rem;overflow: hidden;margin: 0px auto 0.4rem;}
.why_con ul li .pic img{width: 100%;float: left;}
.why_con ul li p.p1{font-size:0.32rem;font-weight: bold;color: #f9f3f3;margin-bottom:0.15rem;}
.why_con ul li p.p2{font-size: 0.28rem;color: #cbcbcb;line-height: 0.45rem;}

/* service */
.serv_bgs{width: 100%;height: auto;overflow: hidden;position: relative;}
.serv_bgs img{width: 100%;float: left;}
.serv_clbgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg9.jpg)repeat top center;padding: 0.25rem 0px 0.45rem;background-size: cover;}
.sertxtcon{height: auto;overflow: hidden;margin: 0px auto;width:92%;font-size: 0.34rem;color: #f9f3f3;font-weight: bold;}
.ser_lis{width: 92%;height: auto;overflow: hidden;margin: 0.8rem auto 0px;padding-bottom: 1rem;}
.ser_lis ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 0.4rem;}
.ser_lis ul li .pic{width: 100%;overflow: hidden;border-radius: 12px;}
.ser_lis ul li .pic img{width: 100%;float: left;border-radius: 12px;}
.ser_lis ul li .txt{width:100%;overflow: hidden;padding-top: 0.3rem;}
.ser_lis ul li .txt .title{color: #fff;font-size: 0.32rem;border-bottom: 1px solid #5a5068;text-transform: capitalize;padding-bottom:0.2rem;}
.ser_lis ul li .txt .intrs{width: 100%;padding-top: 0.25rem;color: #b8b8b8;font-size: 0.28rem;line-height:0.38rem;}

/* solution */
.solu_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg17.jpg)no-repeat top center #070a18;padding:2rem 0px 0px;background-size: 100%;}
.solu_contxt{height: auto;overflow: hidden;margin: 0px auto;width:90%;font-size: 0.32rem;color: #f9f3f3;padding-bottom: 0.4rem;line-height: 0.45rem;text-align: center;}
.solu_conbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg18.jpg)repeat top center;padding-top: 0.6rem;background-size: cover;}
.solu_lis{width: 92%;height: auto;overflow: hidden;margin: 0px auto 1rem;}
.solu_lis ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 0.4rem;background-color: #141826;}
.solu_lis ul li .pic{width:100%;overflow: hidden;}
.solu_lis ul li .pic img{width: 100%;float: left;}
.solu_lis ul li .pictxt{width: 100%;overflow: hidden;box-sizing: border-box;padding:0.35rem 0.4rem;}
.solu_lis ul li .pictxt .piccon{width: 100%;height: auto;overflow: hidden;}
.solu_lis ul li .pictxt .piccon p.p1{font-size:0.35rem;font-weight: bold;text-transform: capitalize;margin-bottom: 0.25rem;color: #f9f3f3;}
.solu_lis ul li .pictxt .piccon p.p2{font-size: 0.28rem;line-height: 0.42rem;color: #9d9e9f;}
/* case */
.case_clbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg19.jpg)repeat top center;padding: 4rem 0px 0px;background-size: cover;}
.case_conbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg20.jpg)repeat top center;padding-top: 0.6rem;background-size: cover;}
.case_con{width: 90%;height: auto;overflow: hidden;margin: 0px auto;padding-bottom: 1rem;}
.case_con ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 0.4rem;}
.case_con ul li .pic{width: 100%;height: auto;overflow: hidden;position: relative;}
.case_con ul li .pic img{width: 100%;float: left;}
.case_con ul li .pic .cerbg{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.45);position: absolute;left: 0px;top: 0px;margin: 0px auto;display: flex;justify-content: center;align-items: center;}
.case_con ul li .pic .cerbg p.p1{font-size: 0.28rem;color: #fff;text-align: center;}
.case_con ul li .pic::after{display: block;width: 96%;height: 92%;border: 1px solid rgba(255, 255, 255, 0.22);position: absolute;left: 0px;margin: 2% auto 0px;right: 0px;content: '';}
.case_con ul li .intro{width: 94%;height: auto;overflow: hidden;margin:0.25rem auto 0px;font-size: 0.27rem;color: #d8d8d8;line-height: 0.4rem;}
.case_con ul li .intro p{padding: 0.02rem 0px;}
.case_con ul li .intro img{max-width: 100%;}

/* solution */
.solu_con{height: auto;overflow: hidden;margin: 0px auto;width: 88%;color: #f9f3f3;font-size: 0.30rem;font-weight: bold;position: absolute;left: 0px;right: 0px;margin: 0px auto; top:60%;text-transform: capitalize;}
.solu_con p.p1{font-size: 0.35rem;color: #fff;font-weight: bold;padding-bottom: 0.15rem;text-align: center;}
.solu_con p.p2{font-size: 0.26rem;font-weight: bold;text-align: center;}


/* contact us */
.contact_bgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg21.jpg)no-repeat top center #040407;padding-top:0.3rem;background-size: cover;}
.contact_cont{height: auto;overflow: hidden;margin: 0px auto;width: 88%;color: #f9f3f3;font-size: 0.30rem;font-weight: bold;text-transform: capitalize;padding: 1.2rem 0px 0.6rem;}
.contact_cont p.p1{font-size: 0.35rem;color: #fff;font-weight: bold;padding-bottom: 0.15rem;text-align: center;}
.contact_cont p.p2{font-size: 0.26rem;font-weight: bold;text-align: center;}
/* contan us */
.contan_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg16.jpg)repeat top center;padding:0.8rem 0px;background-size: cover;}
.contan_box{width:92%;height: auto;overflow: hidden;margin: 0px auto;}
.contan_boxtxt{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.4rem;}
.contan_title{font-size:0.35rem;font-weight: bold;color: #f9f3f3;margin-bottom: 0.2rem;text-transform: capitalize;}
.contan_boxtxt .intro{font-size: 0.28rem;color: #bdbdbd;line-height: 0.39rem;}
.contan_boxtxt .intro p{padding: 0.02rem 0px;}
.mapbox{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0.6rem;}
.mapboxleft{width: 100%;overflow: hidden;margin-top: 0.3rem;}
.mapboxleft ul li{width: 100%;float: left;overflow: hidden;padding-bottom: 0.4rem;}
.mapboxleft ul li p.p1{font-size: 0.28rem;font-weight: bold;color: #f9f3f3;margin-bottom: 0.15rem;text-transform: capitalize;}
.mapboxleft ul li .lis{font-size: 0.26rem;color: #b9b9b9;width: 100%;}
.mapboxleft ul li .lis .coin{width: 0.26rem;float: left;overflow: hidden;margin-top: 0.05rem;}
.mapboxleft ul li .lis .coin img{width: 100%;float: left;}
.mapboxleft ul li .lis .txt{width: calc(100% - 0.45rem);float: right;overflow: hidden;line-height: 0.38rem;}
.maprig{width: 100%;overflow: hidden;height: 5rem;}


ul.Sort1 > li.s1>a{ background:url(../img/down.png) no-repeat #f4f4f4 95% 50% ;background-size:16px 8px;}
ul.Sort1 > li.s2>a{background:url(../img/up.png)no-repeat #f4f4f4 95% 50%;background-size:16px 8px;}
ul.Sort1 > li.s2{ border-bottom: 1px solid #ebebeb;}
ul.Sort1 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort2{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort2 > li{  margin:0.05rem 1%; float:left;display: inline-block;text-align: center; height:0.69rem; overflow:hidden; line-height:0.69rem; background:#f8f8f8; width:31%; font-size:0.85em}
ul.Sort2 > li > a{ color:#333;display:block; font-weight:bold; font-size:0.25rem;}
ul.Sort2 > li > a.a1,a.cur{ color:#fff !important; background-color:#1356bb}
ul.Sort2 > li:hover{ background-color:#1356bb}
ul.Sort2 > li:hover > a{ color:#fff}
ul.Sort3 > li.s3>a{ background:url(../img/down.png) no-repeat 95% 50% ;background-size:16px 8px;}
ul.Sort3 > li.s4>a{background:url(../img/up.png)no-repeat 95% 50%;background-size:16px 8px; }
ul.Sort3 > li.s4{ border-bottom: 1px solid #ebebeb;}
ul.Sort3 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort4{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort4 > li{  margin:0.05rem 1%;font-size:0.25rem; text-align: center; height:0.69rem; line-height:0.69rem; font-size:0.85em; overflow:hidden; float:left; display:inline-block}
ul.Sort4 > li.li1{ width:31%;background: #f8f8f8; overflow:hidden}
ul.Sort4 > li.li1 > a.a2{ background:#f8f8f8; display:inline-block; line-height:0.69rem; overflow:hidden}
ul.Sort4 > li.li1 > a.a1{ color:#fff; background-color:#000; display:block}
ul.Sort4 > li.li2{ width:13%}
ul.Sort4 > li.li2 >a.pic{ margin:0.05rem 1%; overflow:hidden}
ul.Sort4 > li.li2 >a.a1 img{border:1px solid #000; overflow:hidden; display:inline-block}
ul.Sort4 > li.li2 >a.pic >img{ height:0.6rem}


/******************************leftnav****************************/
.inavs{ position:fixed; width:3.9rem; top:0; height:100%; background-color:#333333; z-index:105; padding-left:0.36rem; right:-4.3rem;}
.inavs .inavstop img{ width:0.31rem; padding:0.34rem 0;}
.inavsbot{overflow-y:scroll;overflow-x:hidden}
.inavsbot ul{}
.inavsbot ul li{ height:0.9rem; line-height:0.9rem; border-bottom:1px solid #424242; background:url(../img/cnav_bg.png) no-repeat 90% center;}
.inavsbot ul li a{ display:block;font-size:0.25rem; color:#fff;}
.inavsbot ul li a img{ width:0.24rem; vertical-align:middle; margin-left:1.45rem;transition:all 0.3s ease 0s;}
.inavsbot ul li a img.xla{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.inavsbot ul li .xlas{ text-indent:0.3rem; padding:0.1rem 0; display:none;}
.inavsbot ul li .xlas a{ display:block; font-size:0.26rem; color:#c7c7c7; height:0.6rem; line-height:0.6rem;}


/* fiexd */
.leftsead{position: fixed;right: 0px;top: 45%;width: 0.7rem;z-index: 99;}
.leftsead .tus-coin{width: 0.64rem;height: 0.77rem;background: url(../img/leaf_logo.png)no-repeat center;background-size: 100%;margin: 0px auto;position: absolute;left: -0.05rem;top: -0.7rem;}
.leftsead .tus-boy{width: 100%;height: auto;overflow: hidden;background: rgb(253,84,84,0.78);border-radius: 40px 40px 40px 40px;padding: 0.2rem 0px 0.15rem;}
.leftsead .tus-boy .tel-lef{width: 100%;height: 0.6rem;border-bottom: 1px solid #eea694;background: url(../img/leaf_tel.png) no-repeat top center;background-size: 56%;overflow: hidden;margin-top:0.12rem}
.leftsead .tus-boy .mess-lef{width: 100%;margin-top: 0.15rem;overflow: hidden;color: #fff;font-size: 0.3rem;}
.leftsead .tus-boy .mess-lef .mess-coin{width: 0.5rem;height: 0.5rem;margin: 0px auto 0.04rem;overflow: hidden;background: url(../img/leaf_mess.png) no-repeat top center;background-size: 90%;}
.leftsead .tus-boy .mess-lef .mess-txt{width: 0.5rem;line-height: 0.5rem;writing-mode: vertical-lr;writing-mode: tb-rl;overflow: hidden;letter-spacing: 2px;margin: 0px auto;}

.home-video{ color: #FFFFFF;text-align: center;display: flex;justify-content: center;align-items: center;}
.home-video .bt{ margin-top: 8%; cursor: pointer;}
.home-video .bt p{ margin-top: 0.2rem; font-size:0.28rem; letter-spacing:2px; color: #b4b4b4;}
.home-video .home-button{ position: absolute; bottom: 0.5rem; right:0.45rem; color: #FFFFFF; border: rgba(255,255,255,255,.4);} 

/* ========== */
/* = VIDEO-POP = */
/* ========== */
.video-button{ cursor:pointer;}
.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ position: relative; display: inline-block;  max-width: 6.2rem; vertical-align: middle; background: #000000;}
.video-pop .content video{ display: block; max-width: 100%; }
.video-pop .close{ position: absolute; top:0; right: -0.65rem; cursor: pointer; width: 0.65rem; height:0.65rem; background-image: url(../img/bg22.jpg); background-size: cover;}
/* 门店分布 */
.stroe{width: 100%;height: auto;overflow: hidden;}
.stroe img{width: 100%;}