@charset "utf-8";
@import "animate.min.css";
::-webkit-scrollbar  

{  

    width: 6px;  

    height: 10px;  

    background-color: #f7f7f7;  

}  

/*定义滚动条轨道 内阴影+圆角*/  

::-webkit-scrollbar-track  

{  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  

    background-color: #f7f7f7;  

}    

/*定义滑块 内阴影+圆角*/  

::-webkit-scrollbar-thumb  

{  

    border-radius: 10px;  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  

    background-color:#b0f74a;;  

}  

/*IE滚动条颜色*/

html {

    scrollbar-face-color:#bfbfbf;/*滚动条颜色*/

    scrollbar-highlight-color:#000;

    scrollbar-3dlight-color:#000;

    scrollbar-darkshadow-color:#000;

    scrollbar-Shadow-color:#adadad;/*滑块边色*/

    scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/

    scrollbar-track-color:#eeeeee;/*背景颜色*/

}




html { font-size: 625%; overflow-y: scroll;overflow-x: hidden;font-family:'Microsoft YaHei'}


body { width: 100vw;overflow-x: hidden;font-family:'Microsoft YaHei'}

.shoplist li {

    margin-bottom: 0.32rem;

}

.clearfix{clear:both;}


.ipicture{width:35%;float:left;height:auto;}

.innfo{width:65%;float:right;}

.isubject{text-indent:10px;text-align:left}

.inewhref{padding:0.4rem 0px;text-align:center;width:100%;}

.inewhref a:link,.inewhref a:visited{padding:5px 40px;background:#71b6d8;color:#fff;text-align:center;font-size:0.14rem}

.inewhref a:hover{padding:5px 60px;background:#ff9907;color:#fff;text-align:center;font-size:0.14rem}

.shoplist article a {

    display: block;

    position: relative;

    background: #FFF;

    box-shadow: 0 0 0.12rem rgba(0,0,0,0.03);

}

.shoplist article a:hover {

    display: block;

    position: relative;

    background: #FFF;

    box-shadow: 0 0 0.12rem rgb(147, 220, 255);

}

.shoplist article a .subject {

    margin-bottom: 0.16rem;

    font-size: 0.18rem;

}

.shoplist article a .summary {

    font-size: 0.14rem;

    color: #999;

}

/*== 格式化 ==*/

body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "Microsoft YaHei","SimSun", "sans-serif"; outline: none; }

ul, li, p, figure { margin: 0; padding: 0; }

li { list-style: none; }

a, a:after, a:before { color: #333; cursor: pointer; outline: none;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

	.txtcenter{text-align:center}

a:hover { color:#7fbf26; text-decoration: none; outline: none; }

a:focus { text-decoration: none; outline: none; }

header{height:auto;width: 100%;    z-index: 999;    background: #fff;display:block;border-bottom:3px solid #91be27}

.daoshi_entit:before{display:block;content: "";background:#5bcbe4;height:3px;width:50px;margin-top:15px;margin-bottom:35px;}

.daoshi_entit{font-size:0.34rem;line-height:0.34rem;text-transform:Uppercase;color:#333333;}

.daoshi_cntit{font-size:0.24rem;color:#5bcbe4;padding:0px;margin:0.16rem 0;}

.daoshi_info{font-size:0.14rem;color:#333333;line-height:0.29rem}

.daoshibg{background:url(../images/about_bg.png) right bottom no-repeat;}
.cfff{color:#fff}
.cgreen{color:#7fbf26}
.margintopbottom20{margin-top:20px;margin-bottom:20px;}
/*=== 通用 ===*/

.tm-transition { 

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

.tm-box { padding: 0 0.08rem; }

.tm-first-box { padding-top: 0.8rem; }

.tm-no-padding { padding: 0 !important; }

.tm-display-none { display: none !important; }

.teacher{padding: 0.28rem 0;}

.inewstit{height:30px;background:url(../images/titbg.jpg) no-repeat left center;width:100%;color:#1795cf;text-align:left;letter-spacing: 0.02rem;font-size:0.24rem;text-indent:0.2rem}

.shipintit{height:30px;background:url(../images/titbg.jpg) no-repeat left center;width:100%;color:#41c2c1;text-align:left;letter-spacing: 0.02rem;font-size:0.24rem;position:relative}

.spnr{    padding: 0.2rem 0 0.2rem 0;}

.spcontent{height:auto}

.spscorll{width:100px;height:30px;line-height:30px;position:absolute;right:20px;top:0px;}

.spleft{width:40%;height:30px;display:inline-block;float:left;background:url(../images/left2right.png) no-repeat #efefef;background-position:11px 5px;margin-right:2%}

.spright{width:40%;height:30px;display:inline-block;float:left;background:url(../images/left2right.png) no-repeat #4fd5d4;background-position:-45px 5px;}

.spleft:hover{width:40%;height:30px;display:inline-block;float:left;background:url(../images/left2right.png) no-repeat #b9c728;background-position:11px 5px}

.spright:hover{width:40%;height:30px;display:inline-block;float:left;background:url(../images/left2right.png) no-repeat #b9c728;background-position:-45px 5px;}


.inews{width:100%;height:auto;}



.page-menu { padding: 0.12rem 0.08rem 0rem 0.08rem !important; line-height: 0.32rem; }

.page-menu .link + .link { margin-left: 0.16rem; }



.page-menu .link a { display: block; position: relative; padding: 0 0.16rem; border-radius: 0.02rem; font-size: 0.14rem;    color: #ffffff;background:#b9b9b9;}

.page-menu .link a.current:link,.page-menu .link a.current:visited,

.page-menu .link a:hover { background: #7ab8d6; color: #FFF; }

.page-menu .link + .link a:before { content: ""; display: block; position: absolute; top: 50%; left: -0.08rem; margin-top: -0.06rem; width: 0.01rem; height: 0.12rem;  }



.page-menu .link2 + .link2 { margin-left: 0.16rem; }

.page-menu .link2 a { display: block; position: relative; padding: 0 0.16rem; border-radius: 0.02rem; font-size: 0.14rem;    color: #ffffff;background:#b9b9b9;}

.page-menu .link2 a.current:link,.page-menu .link2 a.current:visited,

.page-menu .link2 a:hover { background: #7ab8d6; color: #FFF; }

.page-menu .link2 + .link2 a:before { content: ""; display: block; position: absolute; top: 50%; left: -0.08rem; margin-top: -0.06rem; width: 0.01rem; height: 0.12rem;  }





.about{padding-bottom:50px;}

.about .section-title {

    padding-top: 14px;

    padding-bottom: 20px;

}

.about .text {

    margin-bottom: 35px;

}

.about .text li {

   color:#666666;margin-top:10px;

}

.about .text li  span{color:#607D8B;padding-right:15px;}

.section-title:before {

    display: block;

    content: "";

    background: #5bcbe4;

    height: 5px;

    width: 70px;

    margin-bottom:25px;
margin-top:25px;
}

.section-title{

    position: relative;

    font-size: 33px;

    color: #333;

    padding-bottom: 23px;

}

.about .text p {

    position: relative;

    line-height:32px;

    color: #888;

    font-size: 18px;padding-bottom:25px;

}

.about .list {

    position: relative;

}

.about .list li {

    position: relative;

    color: #777;

    font-size: 18px;

    padding-left: 38px;

    padding-bottom: 18px;

}

.about .list li:before {

    position: absolute;

    content: "";

    left: 0px;

    top: 6px;

    width: 15px;

    height: 15px;

    background: #f8ba59;

    border-radius: 50%;

}

.about .list li:after {

    position: absolute;

    content: "";

    left: 3px;

    top: 9px;

    width: 9px;

    height: 9px;

    border: 2px solid #fff;

    border-radius: 50%;

}







#carousel ul {list-style: none;display: block;margin: 0;padding: 0;overflow:hidden;}

.indexzp img{max-width:100%;}

.indexzp2 img{max-width:100%;}

.indexzp{border:1px solid none;}

.indexzp:hover{border:1px solid #7fbe25;}

.indexzp .subject{background:#fff;text-align:center;padding:15px 0px 15px 0px;}

.indexzp2 .subject2{background:#efefef;text-align:center;padding:17px 0px 17px 0px;}

.mdetail{border-bottom:1px solid #efefef;margin-bottom:30px;height:32px;margin-top:13px;}

.mdetail span{padding:10px 30px;background:#7ab8d6;color:#fff;}

.zdetail{position:relative;margin-bottom:30px;padding-bottom:20px;margin-top:13px;color:#7ab8d6;text-align:left;font-size:0.24rem}

.zdetail span{position:absolute;left:0px;height:1px;width: 150px;bottom: 0px;background:#7ab8d6;display:block;}

.zclick{position:absolute;right:0px;top: 0px;color:#ababab;font-size:0.16rem}

.bghui{background:#eff8ff}

.bgblank{background:#fff;}

/*=== 媒体查询 ===*/

/*手机*/
.zxinfo img{max-width:100%;}


.fs{ color:#ff7cba;}
.index_zhuanjia{ width:1228px; overflow:hidden;margin:40px auto 0 auto;}
.index_zhuanjia_pic{ width:949px; height:483px; overflow:hidden; float:left;position:relative;}
.index_zhuanjia_pic ul{height:377px;position:absolute; left:0;}
.index_zhuanjia_pic li{width:949px; height:483px; overflow:hidden;position:relative;float:left;}
.index_zhuanjia_left_inc{ width:32px; height:41px; position:absolute;left:0px;top:195px; cursor:pointer;background:url(../images/float_left_inc.png) left top no-repeat; z-index:9}
.index_zhuanjia_right_inc{ width:32px; height:41px; position:absolute;right:0px;top:195px; cursor:pointer;background:url(../images/float_right_inc.png) left top no-repeat; z-index:9}
.index_zhuanjia_list{ width:260px;height:655px; overflow:hidden; float:right;}
.index_zhuanjia_lists{width:260px; height:600px; overflow:hidden;position:relative;}
.index_zhuanjia_lists ul{ width:260px; height:428px;position:absolute;overflow:hidden;}
.index_zhuanjia_lists ul li{ width:260px; height:98px; padding-bottom:9px;position:relative;margin-bottom:10px;}
.index_zhuanjia_lists ul li.on dd img{ width:96px; height:96px; border:1px #7ab8d6 solid;}
.index_zhuanjia_lists ul li dd{ width:98px; height:98px; overflow:hidden; float:left;}
.index_zhuanjia_lists ul li dd img{ width:96px; height:96px; border:1px #efefef solid;padding:2px;}
.index_zhuanjia_lists ul li dt{ width:152px; height:26px; overflow:hidden; float:right; font-size:18px; padding-top:23px;}
.index_zhuanjia_lists ul li dl{ width:152px; height:26px; overflow:hidden; float:right; color:#7a7a7a;}
.index_zhuanjia_pre{ width:260px; height:23px; overflow:hidden; cursor:pointer;background:url(../images/index_zhuanjia_pre.png) no-repeat left top;}
.index_zhuanjia_next{ width:260px; height:23px; overflow:hidden; cursor:pointer;background:url(../images/index_zhuanjia_next.png) no-repeat left top;}
.xiangmu{margin:15px 0px;}
@media ( min-width :260px) {
.leftcont,.leftcontact{display:none;}
.online{display:none;}
.uk-width-5{width:50%;float:left;text-align:center;}
.aboutbg{width:100%;height:100%;background:url(../images/aboutbg.jpg) no-repeat top center;}
.iabout{margin-top:5px;}
.iaboutleft{background-image:url(../images/iaboutleft.jpg);background-size:100% 100%;float:left;width:100%;height:319px;}
.iaboutleftcont{width:48%;margin-right:1%;margin-top:20px;float:right;padding:5px;line-height:30px;text-align:left;color:#fff;overflow:hidden;}
.iaboutright{background-image:url(../images/iaboutright.jpg);background-size:100% 100%;float:left;width:100%;height:319px;}
.ifff{background:none}
.zpleft{position:absolute;z-index:99999999999;width:32px;height:32px;line-height: 32px;display:block;background:#8ec126;color:#fff;left:0px;top:50%;margin-top:-16px;text-align:center;}
.zpright{position:absolute;z-index:99999999999;width:32px;height:32px;line-height: 32px;display:block;background:#8ec126;color:#fff;right:0px;top:50%;margin-top:-16px;text-align:center;}
.zpleft:hover{background:#76a41b;color:#fff}
.zpright:hover{background:#76a41b;color:#fff}
.online{visibility:hidden;}
.swiper-main{width:300px;height:300px;max-width:95%;background:#000;margin:0 auto;position:relative;overflow:hidden;margin-top:50px;margin-bottom:50px;}
.mpic{display:none;width:260px;float:right;}
.showcont{width:100%;float:left;height:100%;border:1px solid #efefef;}
.iequ{background:#fff}
#carousel {width: 70%;height: auto;position: relative;padding-bottom: 20px;overflow: hidden;margin:10px 15%;}

.spscorll{right:0px;}

#carousel2 {width:100%;height:auto;position:relative;overflow:hidden;}

.indexzp{width:300px;max-width:300px;float:left;margin-top:30px;margin-left:5px;margin-right:5px;}

.indexzp img{width:100%;height:200px;max-height:200px;}

.indexzp2{width:300px;max-width:300px;float:left;margin-top:30px;margin-left:5px;margin-right:5px;}

.indexzp2 img{width:100%;height:200px;max-height:200px;}

.dh {    width: 100%;    overflow: hidden;margin-top:10px;}

.dh h2{margin-bottom:10px;padding:15px;line-height:25px; text-align:left;font-size:22px;font-weight:bold;color:#fff;background:#0d7dad;}
.dh h2 a{ color:#cd2424;display:block;}
.dh h2 em{font-size:22px; line-height:20px;font-style:normal;color:#fff;}
.dh_c{background:#fff;overflow:hidden;border:1px solid #efefef;}
.dh_c .li1{padding:8px 0px 8px 8px;font-size:16px;background:#7fbf26;color:#fff; overflow:hidden;}
.dh_c .li1 a:link,.dh_c .li1 a:visited{text-indent:10px;color:#fff;}
.dh_c .li2{padding:6px 0px 6px 8px;font-size:14px;background:#ffffff;color:#808080; overflow:hidden;border-bottom:1px solid #efefef;}
.dh_c .li2 a:link,.dh_c .li2 a:visited{text-indent:10px;color:#808080;}
.dh_c .li2 a:hover{color:#7fbf26;}
.dh_c .li22{padding:12px 0px 12px 8px;background:#ffffff;color:#808080; overflow:hidden;border-bottom:1px solid #efefef;}
.dh_c .li22 a:link,.dh_c .li22 a:visited{font-size:1em;text-indent:10px;color:#808080;}
.dh_c .li22 a:hover{color:#7fbf26;}
.dh_c .li22 span{display:inline-block;padding:0px 5px;padding-left:0px;}
a.current_green:link,a.current_green:visited{color:#7fbf26!important}
.dh_c li:last-child{border-bottom:none;}
.fright{float:right;margin-right:10px;margin-top:5px;}
.bgreen{background:#7fbf26;border-bottom:2px solid #599b25;height:50px;}
.bghui{background:#efefef;border-bottom:2px solid #599b25;height:50px;}
.noborder{border:none;}
.titsing{background:url(../images/titsing.png) 15px center #7fbf26 no-repeat!important;text-align:left;line-height:30px;font-size:1.4em!important;text-indent:50px;}
.titsing2{background:url(../images/titsing.png) 15px center #efefef no-repeat!important;color:#6c6c6c!important;text-align:left;line-height:30px;font-size:1.4em!important;text-indent:50px;}

.nlist li{border-bottom:1px solid #f1f1f1;margin-bottom:20px;overflow:hidden;padding-bottom:15px;width:100%;}
.page-subtitle {
    color:#7b7b7b;
    font-size: 14px;
    text-align: center;margin:0px;margin-top:20px;
}
.page-subtitle a{margin-top:10px;}
a.aselect:link,a.aselect:visited{display:inline-block;padding:5px 25px;text-align:center;background:#0076bc;color:#fff;font-size:18px}
a.anoselect:link,a.anoselect:visited{display:inline-block;padding:5px 25px;text-align:center;color:#0076bc;border:1px solid #efefef;font-size:18px}
a.imore:link, a.imore:visited {
    width: 100%;
    display: block;
    text-align: right;
    color: #fff;
    font-size: 12px;
}
.inews li { float: left;    width:98%;margin:1%;height:auto;color: #6C6E85;    position: relative;overflow: hidden;}
.inews li img {width:100%;height:225px;max-height:225px;display: block;margin: 0 auto;}
.iinfo{ color: #fff;background:#7fbe25;padding:15px;    height:auto;text-align:left;font-size:14px;}
.inews li dd {font-size: 20px;    width:100%;    line-height: 50px;    height: 50px;    text-align:left; }

/*产品*/
.fastar{font-size:16px!important;margin-right:10px;}
.cp{ padding:0px;width:100%;overflow:hidden;margin-top:15px;}
.til01{ background:#dcdcdc; height:50px; line-height:50px; font-size:16px; font-weight:normal; border-radius:4px 4px 0 0; overflow:hidden}
.til01 span{ background:#7fbe25;padding:0px 20px;height:50px; line-height:50px;color:#fff;float:left;}
.til01 a:link,.til01 a:visited{display:inline-block;float:right;color:#727272;margin-right:10px;}
.til01 a:hover{color:#7fbe25}
.atitle{ height:50px; line-height:50px; font-size:16px; font-weight:normal; overflow:hidden;border-bottom:1px solid #efefef;text-align:right;font-size:12px;color:#999999;}
.atitle span{height:50px; line-height:50px;color:#7e7e7e;float:left;font-size:1.4em;position:relative}
.atitle span:after{display:block;position:absolute;background:#7fbf26;bottom:-2px;width:26px;height:5px;left:0px;content:'';z-index:9}
.atitle a:link,.atitle a:visited{display:none;color:#999999;margin-right:4px;margin-left:4px;}
.atitle i{display:none}
.atitle a:hover{color:#7fbe25}
.cp02{background:#fff;}
.cp_c li{float:left;width:100%;height:auto;overflow:hidden;padding:10px;}
.cp_c li a{display:block;border:solid 1px #EFEFEF;width:90%;height:100%;margin:0 auto;}
.cp_c li a:hover{border:solid 1px #7fbe25;color:#7fbe25}
.cp_c li p{display:block;max-width:100%;line-height:215px;height:215px;overflow:hidden;text-align:center;}
.cp_c li img{display: inline-block; vertical-align: middle;max-width:100%;max-height:215px;}
.cp_c li span{border-top:1px solid #efefef;margin:0 auto;line-height:25px; display:block;width:96%; text-align:center; height:55px;padding-top:10px; overflow:hidden;}

.cp_c2 li{float:left;width:100%;height:auto;overflow:hidden;padding:10px;}
.cp_c2 li a{display:block;border:solid 1px #EFEFEF;width:100%;height:100%}
.cp_c2 li a:hover{border:solid 1px #7fbe25;color:#7fbe25}
.cp_c2 li p{display:block;max-width:100%;line-height:215px;height:215px;overflow:hidden;text-align:center;}
.cp_c2 li img{display: inline-block; vertical-align: middle;max-width:100%;max-height:215px;}
.cp_c2 li span{font-size:14px;margin:0 auto;line-height:25px; display:block;width:100%; text-align:center; height:55px;overflow:hidden;}
.productnm{background:#f2f2f2;}
.psize{width:100%;text-align:center;color:#7fbf26;font-size:18px;}
.psize a:link,.psize a:visited{color:#7fbf26;}

.link{background:#a5a5a5;}
.ilink li{width:33.33%;float:left}

.shoplist article a .picture{width:100%!important;max-width:100%!important;}

.shoplist li img{width:100%!important;height:auto;}

.shoplist article a .subject{margin-top:10px;}

.shoplist article a .info {
   padding:0px!important;
   height:auto!important;padding-bottom:10px!important;
}

/*产品详情*/
.pdetail{clear:both;padding:5px;height:auto;width:100%;line-height:26px;font-size:14px;color:#808080}
.proimg{width:100%;}
.propc{width:100%;float:left;}
.proinfo{width:100%;float:right;}
.ewmjpg{text-align:right;}
.cpsize{color:#434343;font-size:24px;font-weight:bold;}
.dcpname{padding:5px 0px;}
.paniu{height:44px;box-shadow:0 0 1px #000 inset;border-radius:5px;background-color:#fff;-moz-box-shadow: 1px 1px 6px #efefef; box-shadow: 1px 1px 6px #efefef;margin:26px 0px 10px 0px;text-align:center;}
.paniu i{font-size:20px;margin-top:12px;color:#928e8b}
.gbtnleft{float:left;margin-left:10px;}
.gbtnright{float:right;margin-right:10px;}
.pnote{padding:3px 0px;font-size:16px;}
.feedbackpro{background:#999999;color:#fff;text-align:center;width:100%;height:41px;line-height:41px;}
.feedcont{width:100%;padding:10px 0px;}
.tmalllink{background-image: linear-gradient(#f2f2f2, #fff);font-size:20px;height:62px;line-height:62px;border-radius:5px;color:#434343;margin:26px 0px 10px 0px;text-align:center;}
.fgreen{font-size:20px;color:#7fbe27}
.fgreen2{color:#7fbe27}
/**tabs**/
.tabPanel{width:96%;margin:0px auto;position:relative;}
.pright{position:absolute;right:0px;top:-10px;}
.tabPanel ul{height:40px;border-bottom:3px solid #7dc025;margin-top:20px;}
.tabPanel ul li{
	float:left;margin:0 8px 0 0;font-size:11px;height:37px;line-height:37px;
	width:28%;text-align:center;cursor:pointer;
	background:#efefef;font-size: 12px;border-radius:5px 5px 0px 0px;
}
.tabPanel .hit{cursor:pointer;color:#fff;
	background:#7dc025;border-bottom:1px solid #7dc025;color:#fff;
}
.pane{border:1px solid #efefef;border-top:0;min-height:300px;background-color:#fff;display:none;padding:10px;}
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}

/*产品缩略*/
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{position:relative;}
#tsShopContainer #tsImgS{text-align:left;width:100%;position:relative;height:295px;max-height:320px;}
#tsShopContainer #tsImgS a{display:block;text-align:left;}
#tsShopContainer #tsImgS img{border:0px;border:1px solid #efefef;margin-bottom:10px;padding:10px;margin:0 auto;display:block;max-height:285px;}
#tsShopContainer #tsPicContainer{margin-top: 20px;width:100%;height:70px;position:relative;background:url(../images/scrollPicbg.gif) repeat-x 0px 0px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;position:absolute;top:-2px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;position:absolute;top:-2px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{height: auto;width: 100%;text-align:center;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;height:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:45px;display:inline-block;cursor:pointer;height:50px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #efefef;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #7fbf26;margin:0px;}












.swiper-main{width:300px;height:300px;max-width:95%;background:#000;margin:0 auto;position:relative;overflow:hidden;margin-top:50px;margin-bottom:50px;}

    .uk-container { padding: 0 0.08rem; }

    /*=== 通用 ===*/

    .tm-wrap { padding-top:0px; } 



    /*=== 头部 ===*/

    .top { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }

    .top .logo { max-width: 2.4rem;font-size:12px; }



    /*=== 首页 ===*/

    .home .slogan { padding: 0.32rem 0; }

    .home .slogan .unit { margin-bottom: 0.16rem; }



    .home .section .list-knowledge .unit .picture,

    .teams .list-staff .unit .picture,

    .news .list article a .picture { position: relative; left: 0; max-width:100%; }

	

    .home .section .list-knowledge .unit .info { padding: 0.16rem; height: auto; overflow: hidden; }



    /*=== 公司团队 ===*/

    .teams .page { padding: 0.32rem 0; }

    .teams .page .left { margin-bottom: 0.16rem; }

    .teams .page .title { margin-bottom: 0.24rem; line-height: 0.4rem; text-align: center; font-size: 0.28rem; color: #47C4E0; }

    .teams .list-staff .unit .info { padding: 0.16rem; height: auto; overflow: hidden; }



    /*=== 新闻资讯 ===*/

    .tax-news .news .right .list article a .info {  }

    .tax-news .news .article article {  }

	.newinfo{position:relative;}

	.ntime{margin-top:0.4rem}

    /*=== 学习视频 ===*/

    .tax-video .video .article .content iframe { width: 100%; height: 2.4rem; }



    /*=== 旗下门店 ===*/

    .tax-store .store .article .content { padding: 0.16rem; border: 0.01rem solid rgba(0,0,0,0.03); border-bottom-left-radius: 0.02rem; border-bottom-right-radius: 0.02rem; font-size: 0.14rem; color: #666; }

    .tax-store .store .article .title { position: relative; padding: 0.16rem 0.16rem 0.16rem 0.48rem; background: #F6F6F6; border-top-left-radius: 0.02rem; border-top-right-radius: 0.02rem; font-size: 0.18rem; }

    .tax-store .store .article .title i { display: block; position: absolute; left: 0.16rem; top: 0.18rem; width: 0.32rem; height: 0.32rem; margin-right: 0.08rem; font-size: 0.24rem; color: #FFBC51; }



    /*=== 联系我们 ===*/

    .contact .page .map-box { height: 3.2rem; }

    .contact .page .content { padding: 0.16rem; background: #FFF; box-shadow: 0 0 0.04rem rgba(0,0,0,0.03); color: #666; }



    /*=== 底部 ===*/

    .footer .wave svg { height: 0.58rem; }

    .footer .contact ul li,

    .copyright ul li { margin-right: 0.16rem; text-align: center; }



    /*=== 分页 ===*/

    .tm-post-nav-box { margin-top: 0.32rem; padding: 0.16rem; background: #efefef; border-radius: 0.02rem;color:#999}

    .tm-pageing > * {  display: block; float: left; width: 0.24rem; height: 0.24rem; background: #E6E6E6; border-radius: 50%; line-height: 0.24rem; color: #666; 

        -webkit-transition: all 0.5s;

        -moz-transition: all 0.5s;

        -ms-transition: all 0.5s;

        -o-transition: all 0.5s; 

        transition: all 0.5s; }


/*-----------------------------*/
.flid {float: left;width:100%;    padding-right: 40px;    line-height: 25px;height:auto;overflow:hidden;margin-top:20px;}
.flid h3{padding-top: 10px;    padding-bottom: 9px;    margin-bottom:13px;    font-size: 18px;color: #d4d4d4;border-bottom:2px solid #171717;}
.flid a:link,.flid a:visited{color: #d4d4d4;font-size:14px;display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ibottomcont{line-height:18px;font-size:12px;color:#d4d4d4}
.ibottomcont p{font-size:15px;padding:3px 0px;}
.ibottomshare{text-align:center}
.ibottomshare a:link, .ibottomshare a:visited {
    transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
    height:40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: url(../images/ico.png) #2a2a2a;
}
.facebook {
    background-position: 0px 0px!important;
}
.Twitter {
    background-position: -52px -42px!important;
}
.in{
    background-position: -104px -42px!important;
}
.instagram {
    background-position: -156px -42px!important;
}





}
.paddingleft30{text-indent:30px;}


@media ( min-width : 360px) { 
.online{visibility:hidden;}
.mpic{display:none;width:260px;float:right;}
.showcont{width:100%;float:left;height:100%;border:1px solid #efefef;}
.swiper-main{width:360px;height:300px;max-width:95%;background:#000;margin:0 auto;position:relative;overflow:hidden;margin-top:50px;margin-bottom:50px;}



.spscorll{right:0px;}

#carousel2{width:100%;height:300px;position:relative;overflow:hidden;}

.indexzp{width:340px;max-width:340px;max-width:100%;float:left;margin-top:30px;margin-left:5px;margin-right:5px;}

.indexzp img{width:100%;height:260px;max-height:260px;}

.indexzp2{width:340px;max-width:340px;max-width:100%;float:left;margin-top:30px;margin-left:5px;margin-right:5px;}

.indexzp2 img{width:100%;height:260px;max-height:260px;}

} 



@media ( min-width : 460px) { 
.online{visibility:hidden;}
.mpic{display:none;width:260px;float:right;}
.showcont{width:100%;float:left;height:100%;border:1px solid #efefef;}
.swiper-main{width:400px;height:300px;max-width:95%;background:#000;margin:0 auto;position:relative;overflow:hidden;margin-top:50px;margin-bottom:50px;}

.spscorll{right:0px;}

#carousel2{width:100%;height:300px;position:relative;overflow:hidden;}

.indexzp{width:400px;max-width:400px;max-width:100%;float:left;margin-top:30px;margin-left:5px;margin-right:5px;}

.indexzp img{width:100%;height:300px;max-height:300px;}

.indexzp2{width:400px;max-width:400px;max-width:100%;float:left;margin-top:30px;margin-left:5px;margin-right:5px;}

.indexzp2 img{width:100%;height:300px;max-height:300px;}

} 



@media ( min-width : 540px) { 
.online{visibility:hidden;}
.mpic{display:none;width:260px;float:right;}
.showcont{width:100%;float:left;height:100%;border:1px solid #efefef;}
.swiper-main{width:380px;height:380px;max-width:95%;background:#000;margin:0 auto;position:relative;overflow:hidden;margin-top:50px;margin-bottom:50px;}


.indexzp{width:250px;float:left;margin-left:5px;margin-right:5px;margin-top:30px;}

.indexzp img{width:100%;height:200px;max-height:200px;}

.spscorll{right:0px;}

#carousel2 {width:100%;position:relative;overflow:hidden;}

.indexzp2{width:250px;float:left;margin-left:5px;margin-right:5px;margin-top:30px;}

.indexzp2 img{width:100%;height:200px;max-height:200px;}

} 

/*平板电脑*/

@media ( min-width : 640px) {
.online{visibility:hidden;}
.mpic{display:none;width:260px;float:right;}
.showcont{width:100%;float:left;height:100%;border:1px solid #efefef;}
.swiper-main{width:400px;height:400px;max-width:95%;background:#000;margin:0 auto;position:relative;overflow:hidden;margin-top:50px;margin-bottom:50px;}



.indexzp{width:300px;float:left;margin-left:5px;margin-right:10px;margin-top:30px;}

.indexzp img{width:100%;height:220px;max-height:220px;}

.spscorll{right:0px;}

#carousel2 {width:100%;height:300px;position:relative;overflow:hidden;}

.indexzp2{width:300px;float:left;margin-left:5px;margin-right:5px;margin-top:30px;}

.indexzp2 img{width:100%;height:220px;max-height:220px;}

.leftcont,.leftcontact{display:block;}
.sh-iconbox-aside {
    width: 100%;
    height: auto;
    clear: both;
    margin-bottom: 10px; margin-top: 10px;color:#848484;
}
.sh-iconbox-content {
    float:left;
    font-size: 14px;width: calc(100% - 70px);
}
.sh-iconbox-content h3 {
    margin-top: 2px;margin-bottom: 2px;
    font-size: 16px;font-weight:bold;color:#848484;
}
.sh-iconbox-aside img{max-width:60px;max-height:60px;display:inline-block;width:60px;float:left;margin-right:5px;}
}

@media ( min-width : 800px) {
.iabout{margin-top:0px;}
.iaboutleft{background-image:url(../images/iaboutleft.jpg);background-size:100% 100%;float:left;width:75%;height:319px;}
.iaboutleftcont{width:48%;margin-right:1%;margin-top:20px;float:right;padding:5px;line-height:30px;text-align:left;color:#fff;overflow:hidden;}
.iaboutright{background-image:url(../images/iaboutright.jpg);background-size:100% 100%;float:left;width:25%;height:319px;}
.online{visibility:visible}
.mpic{display:block;width:260px;float:right;}
.showcont{width:460px;float:left;height:100%;border:1px solid #efefef;}
.swiper-main{width:650px;height:650px;max-width:95%;background:#000;margin:0 auto;position:relative;overflow:hidden;margin-top:50px;margin-bottom:50px;}
#carousel {width: 80%;height: auto;position: relative;padding-bottom: 20px;overflow: hidden;margin:10px 10%;}
.indexzp{width:250px;float:left;margin-left:5px;margin-right:5px;margin-top:30px;}
.indexzp img{width:100%;height:180px;max-height:200px;}
.spscorll{right:0px;}
#carousel2{width:100%;height:auto;position:relative;overflow:hidden;}
.indexzp2{width:250px;float:left;margin-left:5px;margin-right:5px;margin-top:30px;}
.indexzp2 img{width:100%;height:180px;max-height:180px;}
}

.nltitle{font-size:0.222rem;padding-top:10px;}

.list a:link .ntime,.list a:visited .ntime{color:#cecece!important}

.list a:hover .ntime{color:#cecece}

a.ntime:link,a.ntime:visited{color:#cecece!important}

/*笔记本电脑*/

@media ( min-width : 960px) {
.online{display:block;}
.top { position: relative; top: 0; left: 0; width: 100%; z-index: 99;}
.online{visibility:hidden;}
.mpic{display:block;width:260px;float:right;}
.showcont{width:620px;float:left;height:100%;border:1px solid #efefef;}
.indexzp{width:300px;float:left;margin-left:3px;margin-right:3px;margin-top:30px;}
.indexzp img{width:100%;height:200px;max-height:200px;}
.spscorll{right:0px;}
#carousel2{width:100%;position:relative;overflow:hidden;}
.indexzp2{width:300px;float:left;margin-left:3px;margin-right:3px;margin-top:30px;}
.indexzp img{width:100%;height:200px;max-height:200px;}

.shoplist article a .picture {

    max-width: 3.2rem!important;

}

.shoplist article a .info {

    padding: 0.32rem 0.32rem 0.32rem 3.52rem!important;

    height: 1.76rem!important;

}

.shoplist li img{max-height:170px!important;}





    /*=== 通用 ===*/

    .tm-wrap { padding-top: 0; } 



    /*=== 头部 ===*/

    

    .top .logo { max-width: 100%;}



    /*=== 首页 ===*/

    .home .slogan { padding: 0.48rem 0; }

    .home .slogan .unit { margin-bottom: 0; }

    .home .section .list-knowledge .unit .picture,

    .teams .list-staff .unit .picture,

    .news .list article a .picture { position: absolute; left: 0; max-width:1.4rem; }

    .home .section .list-knowledge .unit .info {     padding: 0 0 0.16rem 1.50rem;overflow: hidden; }

 .shoplist article a .picture {

    position: absolute;

    left: 0;

    max-width: 2rem;

}

    /*=== 公司团队 ===*/

    .teams .page { padding: 0.64rem 0; }

    .teams .page .left { margin-bottom: 0; padding-right: 0.32rem; }

    .teams .page .title { margin-bottom: 0.32rem; text-align: left; }



    .teams .list-staff .unit .info { padding: 0.32rem 0.32rem 0.32rem 2.32rem; height: 2.4rem; }



    /*=== 新闻资讯 ===*/

    .tax-news .news .left { padding-right: 0.16rem; }

    .tax-news .news .right { padding-left: 0.16rem; }

    .tax-news .news .right .list article a .info {}

    .tax-news .news .article article { padding: 0.48rem; }



    /*=== 学习视频 ===*/

    .tax-video .video .article .content iframe { width: 100%; height: 6.4rem; }



    /*=== 旗下门店 ===*/

    .tax-store .store .article .content { padding: 0.48rem; }

    .tax-store .store .article .title { padding: 0.24rem 0.48rem 0.24rem 0.8rem; }

    .tax-store .store .article .title i { top: 0.26rem; left: 0.48rem; }



    /*=== 联系我们 ===*/

    .contact .page .map-box { height: 4.8rem; }

    .contact .page .content { padding: 0.48rem; }



    /*=== 底部 ===*/

    .footer .contact ul li,

    .copyright ul li { float: left; margin-right: 0.16rem; text-align: left; }



    /*=== 分页 ===*/

    .tm-post-nav-box { padding: 0.24rem 0.48rem; }

    .tm-pageing > * {  width: 0.4rem; height: 0.4rem; line-height: 0.4rem; }
	.uk-width-5{width:20%;float:left;text-align:center;}
	.uk-width-5 span{height:150px;line-height:150px;width:100%;display:block;text-align:center;}
	.uk-width-5 span img{width:190px;display: inline-block; vertical-align: middle;}
	.uk-width-5 p{border-top:1px solid #878787;color:#878787;display:block;padding-top:10px;text-align:center;font-size:0.14rem;width:80%;margin:0 auto;margin-top:15px;}
} 

. floatleft{float:left}

/*PC电脑*/
@media ( min-width : 1050px) { 
.newtitle{font-size:18px;text-align:center;padding-bottom:0px;color:#333}
.list article a .picture {}
.list article a .subject { margin-bottom: 0.16rem; font-size: 0.18rem; }
.list article a .summary { font-size: 0.14rem; color: #999; }
.ncolor{border-bottom:1px solid #efefef;color:#c3c3c3;font-size:14px;margin-bottom:18px;margin-top:10px;padding-bottom:5px;}
.nlist li{border-bottom:1px solid #f1f1f1;margin-bottom:20px;overflow:hidden;padding-bottom:15px;}
.darticle{border: 1px solid #ececec;border-radius: 0px 10px;padding:40px;line-height:30px;}
.online{visibility:visible}
.top {background:#7fbf26; color: #FFF;height:34px;line-height:34px;}
.showcont{width:700px;float:left;height:100%;border:1px solid #efefef;}
.aboutbg{width:100%;height:664px;background:url(../images/aboutbg.jpg) no-repeat top center;}
.iequ{height:217px;overflow:hidden;width:100%;position:relative;}
.margintop50{margin-top:50px;}
.heig50{height:50px;}
#carousel{width:87%;height:200px;position:relative;overflow:hidden;margin:0 auto;margin-top:7px;}
.indexzp{width:260px;float:left;margin-left:3px;margin-right:3px;margin-top:10px;}
.indexzp img{width:100%;height:200px;max-height:200px;}
.spscorll{right:0px;}


.fl {    float: left;}
.cpbox{ }
.dh{ width:258px; overflow:hidden;margin-top:0px;}
.dh h2{margin-bottom:10px;padding:15px;line-height:25px; text-align:left;font-size:22px;font-weight:bold;color:#fff;background:#0d7dad;}
.dh h2 a{ color:#cd2424;display:block;}
.dh h2 em{font-size:22px; line-height:20px;font-style:normal;color:#fff;}
.dh_c{background:#fff;overflow:hidden;border:1px solid #efefef;}
.dh_c .li1{padding:8px 0px 8px 8px;font-size:16px;background:#7fbf26;color:#fff; overflow:hidden;}
.dh_c .li1 a:link,.dh_c .li1 a:visited{text-indent:10px;color:#fff;}
.dh_c .li2{padding:6px 0px 6px 8px;font-size:14px;background:#ffffff;color:#808080; overflow:hidden;border-bottom:1px solid #efefef;}
.dh_c .li2 a:link,.dh_c .li2 a:visited{text-indent:10px;color:#808080;}
.dh_c .li2 a:hover{color:#7fbf26;}
.dh_c .li22{padding:12px 0px 12px 8px;background:#ffffff;color:#808080; overflow:hidden;border-bottom:1px solid #efefef;}
.dh_c .li22 a:link,.dh_c .li22 a:visited{font-size:1em;text-indent:10px;color:#808080;}
.dh_c .li22 a:hover{color:#7fbf26;}
.dh_c .li22 span{display:inline-block;padding:0px 5px;padding-left:0px;}
a.current_green:link,a.current_green:visited{color:#7fbf26!important}
.dh_c li:last-child{border-bottom:none;}
.fright{float:right;margin-right:10px;margin-top:5px;}
.bgreen{background:#7fbf26;border-bottom:2px solid #599b25;height:50px;}
.bghui{background:#efefef;border-bottom:2px solid #599b25;height:50px;}
.noborder{border:none;}
.titsing{background:url(../images/titsing.png) 15px center #7fbf26 no-repeat!important;text-align:left;line-height:30px;font-size:1.4em!important;text-indent:50px;}
.titsing2{background:url(../images/titsing.png) 15px center #efefef no-repeat!important;color:#6c6c6c!important;text-align:left;line-height:30px;font-size:1.4em!important;text-indent:50px;}

/*产品*/
.fastar{font-size:16px!important;margin-right:10px;}
.cp{ padding:0 0 0 50px;width:882px; overflow:hidden;margin-top:0px;}
.til01{ background:#dcdcdc; height:50px; line-height:50px; font-size:16px; font-weight:normal; border-radius:4px 4px 0 0; overflow:hidden}
.til01 span{ background:#7fbe25;padding:0px 20px;height:50px; line-height:50px;color:#fff;float:left;}
.til01 a:link,.til01 a:visited{display:inline-block;float:right;color:#727272;margin-right:10px;}
.til01 a:hover{color:#7fbe25}
.atitle{ height:50px; line-height:50px; font-size:16px; font-weight:normal; overflow:hidden;border-bottom:1px solid #efefef;text-align:right;font-size:12px;color:#999999;}
.atitle span{height:50px; line-height:50px;color:#7e7e7e;float:left;font-size:1.4em;position:relative}
.atitle span:after{display:block;position:absolute;background:#7fbf26;bottom:-2px;width:26px;height:5px;left:0px;content:'';z-index:9}
.atitle a:link,.atitle a:visited{display:inline-block;color:#999999;margin-right:4px;margin-left:4px;}
.atitle a:hover{color:#7fbe25}
.atitle i{display:inline-block;}
.cp02{background:#fff;}
.cp_c li{float:left;width:31%;height:auto;overflow:hidden;padding:10px;}
.cp_c li a{display:block;border:solid 1px #EFEFEF;width:100%;height:100%}
.cp_c li a:hover{border:solid 1px #7fbe25;color:#7fbe25}
.cp_c li p{display:block;max-width:100%;line-height:215px;height:215px;overflow:hidden;text-align:center;}
.cp_c li img{display: inline-block; vertical-align: middle;max-width:100%;max-height:215px;}
.cp_c li span{border-top:1px solid #efefef;margin:0 auto;line-height:25px; display:block;width:96%; text-align:center; height:55px;padding-top:10px; overflow:hidden;}

.cp_c2 li{float:left;width:31%;height:auto;overflow:hidden;padding:10px;}
.cp_c2 li a{display:block;border:solid 1px #EFEFEF;width:100%;height:100%}
.cp_c2 li a:hover{border:solid 1px #7fbe25;color:#7fbe25}
.cp_c2 li p{display:block;max-width:100%;line-height:215px;height:215px;overflow:hidden;text-align:center;}
.cp_c2 li img{display: inline-block; vertical-align: middle;max-width:100%;max-height:215px;}
.cp_c2 li span{font-size:14px;margin:0 auto;line-height:25px; display:block;width:100%; text-align:center; height:55px;overflow:hidden;}
.productnm{background:#f2f2f2;}
.psize{width:100%;text-align:center;color:#7fbf26;font-size:18px;}
.psize a:link,.psize a:visited{color:#7fbf26;}
/*产品详情*/
.pdetail{clear:both;padding:5px;height:auto;width:100%;line-height:26px;font-size:14px;color:#808080}
.proimg{width:100%;}
.propc{width:350px;float:left;}
.proinfo{width:460px;float:right;}
.ewmjpg{text-align:right;}
.cpsize{color:#434343;font-size:24px;font-weight:bold;}
.dcpname{padding:5px 0px;}
.paniu{height:44px;box-shadow:0 0 1px #000 inset;border-radius:5px;background-color:#fff;-moz-box-shadow: 1px 1px 6px #efefef; box-shadow: 1px 1px 6px #efefef;margin:26px 0px 10px 0px;text-align:center;}
.paniu i{font-size:20px;margin-top:12px;color:#928e8b}
.gbtnleft{float:left;margin-left:10px;}
.gbtnright{float:right;margin-right:10px;}
.pnote{padding:3px 0px;font-size:16px;}
.feedbackpro{background:#999999;color:#fff;text-align:center;width:100%;height:41px;line-height:41px;}
.feedcont{width:100%;padding:10px 0px;}
.tmalllink{background-image: linear-gradient(#f2f2f2, #fff);font-size:20px;height:62px;line-height:62px;border-radius:5px;color:#434343;margin:26px 0px 10px 0px;text-align:center;}
.fgreen{font-size:20px;color:#7fbe27}
/**tabs**/
.tabPanel{width:96%;margin:0px auto;position:relative;}
.pright{position:absolute;right:0px;top:-10px;}
.tabPanel ul{height:40px;border-bottom:3px solid #7dc025;margin-top:20px;}
.tabPanel ul li{
	float:left;margin:0 8px 0 0;font-size:11px;height:37px;line-height:37px;
	width:111px;text-align:center;cursor:pointer;
	background:#efefef;font-size: 15px;border-radius:5px 5px 0px 0px;
}
.tabPanel .hit{cursor:pointer;color:#fff;
	background:#7dc025;border-bottom:1px solid #7dc025;color:#fff;
}
.pane{border:1px solid #efefef;border-top:0;min-height:300px;background-color:#fff;display:none;padding:10px;}
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}

/*产品缩略*/
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{position:relative;}
#tsShopContainer #tsImgS{text-align:left;width:100%;position:relative;height:295px;max-height:320px;}
#tsShopContainer #tsImgS a{display:block;text-align:left;}
#tsShopContainer #tsImgS img{border:0px;border:1px solid #efefef;margin-bottom:10px;padding:10px;margin:0 auto;display:block;max-height:285px;}
#tsShopContainer #tsPicContainer{margin-top: 20px;width:100%;height:70px;position:relative;background:url(../images/scrollPicbg.gif) repeat-x 0px 0px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;position:absolute;top:-2px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;position:absolute;top:-2px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{height: auto;width: 100%;text-align:center;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;height:auto;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:45px;display:inline-block;cursor:pointer;height:50px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #efefef;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #7fbf26;margin:0px;}
/*联系*/
.adetail{clear:both;padding:5px;height:auto;width:100%;line-height:26px;font-size:14px;color:#808080}
.adetail img{max-width:100%}
.sh-iconbox-aside {
    width: 100%;
    height: auto;
    clear: both;
    margin-bottom: 10px; margin-top: 10px;color:#848484;
}
.wtop320 {    width: 320px;    height: 120px;    margin: 0 auto;    margin-top: 10px;}
.wtop320 li {    width: 154px;    padding-left: 5px;    float: left;    margin-bottom: 3px;}
.inews li { float: left;    width:32%;  margin:0px;  margin-right:1%;    height:auto;color: #6C6E85;    position: relative;overflow: hidden;}
.inews li img {width:100%;height:225px;max-height:225px;display: block;margin: 0 auto;}
.iinfo{ color: #fff;background:#7fbe25;padding:15px;    height:auto;text-align:left;font-size:14px;}
.inews li dd {font-size: 20px;    width:100%;    line-height: 50px;    height: 50px;    text-align:left; }
.ides{height:90px;overflow:hidden;}
a.imore:link, a.imore:visited {width:100%;display: block;text-align:right;color:#fff;font-size:12px;}
a.imore:hover{text-decoration:underline;}
/*-----------------------------*/
.flid {float: left;width:21%;    padding-right: 40px;    line-height: 25px;height:auto;overflow:hidden;margin-top:20px;}
.flid h3{padding-top: 10px;    padding-bottom: 9px;    margin-bottom:13px;    font-size: 18px;color: #d4d4d4;border-bottom:2px solid #171717;}
.flid a:link,.flid a:visited{color: #d4d4d4;font-size:14px;display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ibottomcont{line-height:18px;font-size:12px;color:#d4d4d4}
.ibottomcont p{font-size:15px;padding:3px 0px;}
.ibottomshare{text-align:left}
.ibottomshare a:link, .ibottomshare a:visited {
    transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
    height:40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: url(../images/ico.png) #2a2a2a;
}
.facebook {
    background-position: 0px 0px!important;
}
.Twitter {
    background-position: -52px -42px!important;
}
.in{
    background-position: -104px -42px!important;
}
.instagram {
    background-position: -156px -42px!important;
}
}



/*=== Uikit ===*/
.ifeed{color:#c9c9c9;font-size:12px;line-height:16px;}
.imail{display:block;width:100%;height:40px;background:#fff; border-radius:5px;border:0px;margin-top:20px;}
.itijiao{display:block;width:100%;height:40px;background:#9cc001;color:#fff; border-radius:5px;text-align:center;border:0px;margin-top:10px;}
.iabout{width:100%;}
.iabout img,.icustom img{width:100%;max-width:100%}

.textcenter{text-align:center;}
.textleft{text-align:left;}
.youtube-titlebox {
    margin-bottom:20px;
}
.page-title {
    color: #0176bb;
    font-size: 22px;
    margin-bottom: 5px;
    text-align: center;
}


.page-subtitle span{padding:5px 20px;border:1px solid #efefef;}
.ysbg{background:url(../images/ysbg.jpg?v=1.0) left 51px no-repeat;width:100%;}
.margintop20{margin-top:20px;}
.youshi{border:0px;width:100%}
.uk-grid { margin-left: 0; }

.uk-grid > * { padding-left: 0; }

.uk-grid + .uk-grid { margin-top: 0; }

[class*="uk-align-"] { margin-bottom: 0; }

* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }



.uk-tooltip { padding: 0 0.08rem; max-width: 2.4rem; background: #97A0BA; color: #FFF; overflow: hidden; }

.uk-accordion-title { font-size: 0.16rem; }



.uk-modal-dialog { position: relative; padding: 0.24rem; width: auto; border-radius: 0.02rem; }

.uk-modal-dialog .uk-icon { position: absolute; top: -0.06rem; right: -0.06rem; padding: 0.08rem; background: #FFF; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); border-radius: 50%; }

.uk-modal-dialog .uk-icon svg { width: 0.08rem; height: 0.08rem; }

.uk-modal-dialog .subject { margin-top: 0.16rem; }



/*mCustomScrollbar*/

.mCSB_inside > .mCSB_container { margin-right: 0; }

.mCSB_scrollTools .mCSB_draggerRail { background: rgba(33,130,152,0.3); }

.mCSB_scrollTools { width: 0.08rem; }



/*=== Master幻灯片 ===*/

.banner .ms-bullets { width: auto !important; }

.banner .ms-bullet { width: 0.1rem !important; height: 0.1rem !important; background: #fff !important;  border-radius: 0.05rem !important; 

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

.banner .ms-bullet.ms-bullet-selected { width: 0.2rem !important;background: #FFBC51 !important; }



/*=== 通用 ===*/

.crumbs { padding: 0.14rem 0; background: #EFF8FF; font-size: 0.15rem; color:#929292}

.crumbs .subtitle { margin-right: 0.04rem; }

.crumbs .subtitle i { position: relative; top: -0.02rem; }

.crumbs .subtitle i svg { width: 0.16rem; height: 0.16rem; }

.crumbs .icon { margin: auto 0.04rem; }
.tsearch{display:inline-block;position:relative;width:160px;}
.topicon{font-size:12px;}
.search{background:#e6ebd4;border-radius:3px;border:0px;height: 24px;    line-height: 24px;margin-top:3px;
    padding-left: 5px;width:160px;}
#fasearch{color:#7d7f7a;position:absolute;right:10px;top:10px;z-index:3}
.crumbs  a:link,.crumbs  a:visited{padding-left:6px;padding-right:6px;color:#929292}

.crumbs a:hover,

.crumbs a.current:link,.crumbs a.current:visited { color: #47C4E0; }



.list-photo { margin: auto -0.16rem; }

.list-photo .unit { padding: 0.16rem; }

.list-photo .unit a { display: block; background: #FFF; box-shadow: 0 0 0.12rem rgba(0,0,0,0.03); }

.list-photo .unit a .subject { padding: 0.24rem 0.16rem; font-size: 0.14rem; }

.list-photo .unit a:hover { box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); }

.list-photo .unit .picture { position: relative; }

.list-photo .unit .picture i { position: absolute; top: 50%; left: 50%; margin-top: -0.26rem; margin-left: -0.32rem; width: 0.72rem; height: 0.72rem; line-height: 0.72rem; text-shadow: 0 0 0.04rem rgba(0,0,0,0.1); font-size: 0.72rem; color: rgba(255,255,255,0.8); }

.list-photo .unit .picture i:hover{color:rgb(255, 217, 105)}

.side-menu { margin-bottom: 0.48rem; }

.side-menu .title,

.tags .title { margin-bottom: 0.24rem; background:#7ab8d6;line-height: 0.40rem; letter-spacing: 0.02rem; font-size: 0.20rem; color: #FFF; }

.side-menu li a { display: block; padding: 0 0.08rem; border-bottom: 0.01rem dotted rgba(0,0,0,0.07); line-height: 0.4rem; font-size: 0.14rem; }

.side-menu li a > span { display: block; }

.side-menu li a .icon { margin-right: 0.08rem; color: #C5C5C5; }

.side-menu li a .num { position: relative; top: 0.08rem; width: 0.24rem; height: 0.24rem; background: #C5C5C5; border-radius: 50%; line-height: 0.24rem; font-size: 0.12rem; color: #FFF; }

.side-menu li a:hover,

.side-menu li a:hover .icon,

.side-menu li.current a,

.side-menu li.current a .icon { color: #47C4E0; }

.side-menu li a:hover .num,

.side-menu li.current a .num { background: #47C4E0; }



.tags .list a { float: left; display: block; margin-right: 0.08rem; margin-bottom: 0.08rem; padding: 0 0.16rem; background: #EEE; border-radius: 0.02rem; line-height: 0.32rem; color: #999; }

.tags .list a:hover { background: #47C4E0; color: #FFF; }



/*=== 头部 ===*/



.top a { color: #FFF;font-weight:normal;}

.top .tel {}

.top .tel .info { margin-left: 0.08rem;  line-height: 0.24rem; font-size: 0.14rem; }

.top .tel .info .number {font-size: 0.19rem; font-weight: 700; }



/*菜单*/

.main-menu { position: relative;background: #fff;    padding-top: 0.1rem;padding-bottom: 0.1rem; text-align:right;}

.main-menu i { display: none; }
.onemenu i {    display: inline-block;    position: relative;    top: -3px;    left: 7px;}
.main-menu .menu > li {display:inline-block; position: relative; padding: 0.22rem 0; font-size: 0.16rem; }

.main-menu .menu > li + li {  }

.main-menu .menu > li > a { display: block; padding: 0 0.19rem; line-height: 0.32rem; color: #666666; }

.main-menu .menu > li:hover > a,

.main-menu .menu > li.current-menu-ancestor > a,

.main-menu .menu > li.current-menu-item > a {border-radius: 0.2rem;color:#8cbd1d; }

.main-menu .sub-menu { position: absolute; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); border-bottom-left-radius: 0.02rem; border-bottom-right-radius: 0.02rem; line-height: 0.24rem; font-size: 0.14rem; z-index: 999;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; 

opacity: 0;left:3px;
    top: 60px;
    padding: 0px 5px;

    -webkit-transform:scaleY( 0 );

    -webkit-transform-origin: 0 0;

    -moz-transform:scaleY( 0 );

    -moz-transform-origin: 0 0;

    -ms-transform:scaleY( 0 );

    -ms-transform-origin: 0 0;

    -o-transform:scaleY( 0 );

    -o-transform-origin: 0 0;

    transform:scaleY( 0 );

    transform-origin: 0 0; }

.main-menu .menu > li:hover .sub-menu { opacity: 1;

    -webkit-transform:scaleY( 1 );

    -moz-transform:scaleY( 1 );

    -ms-transform:scaleY( 1 );

    -o-transform:scaleY( 1 );

    transform:scaleY( 1 ); }

.main-menu .sub-menu > li + li { border-top: 0.01rem solid rgba(0,0,0,0.03); }

.main-menu .sub-menu > li > a {display: block;
    padding: 10px 15px;
    white-space: nowrap;}
.main-menu .sub-menu > li > a:hover{color:#90bd26}
.main-menu .sub-menu > li.current-menu-item > a { color: #FFBC51; }

/*=== banner ===*/
.bann{width:100%;}
.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom:10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color:#89c33b;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;display:none;
}

.carousel-prev-btn {left:50px;background: url(../images/prev.png) no-repeat;cursor:pointer}

.carousel-next-btn {right:50px;background: url(../images/next.png) no-repeat;cursor:pointer}

/*=== banner ===*/

/*=== 首页 ===*/

.home .slogan .box { margin: 0 -0.16rem; }

.home .slogan .unit { padding: 0 0.16rem; }

.home .slogan .unit > div { padding: 0.32rem; height: 100%; }

.home .slogan .unit > div .summary { margin: 0.16rem auto; line-height: 0.28rem; font-size: 0.14rem; }

.home .slogan .unit > div .link a { display: inline-block; padding: 0 0.32rem; background: #63D5EF; border-radius: 0.02rem; line-height: 0.4rem; font-size: 0.14rem; color: #FFF; }

.home .slogan .unit > div .link2 a { display: inline-block; padding: 0 0.32rem; background:#8BC34A; border-radius: 0.02rem; line-height: 0.4rem; font-size: 0.14rem; color: #FFF; }

.home .slogan .unit > div .link a:hover { background: #FFBC51; }

.home .slogan .unit .team { background:#f1f1f3; }

.home .slogan .unit .train { background: #DAF8FF; }

.home .slogan .unit .wechat { background: #F1F1F3; }

.home .slogan .unit .wechat img + img { margin-top: 0.16rem; }



.home .section {}

.home .section .title .subject,

.teams .staff .title .subject,

.cat .title .subject { line-height: 0.4rem; font-size: 0.28rem;margin-top:0.4rem}

.home .section .title .subject span,

.teams .staff .title .subject span,

.cat .title .subject span { display: inline-block; position: relative; color:#4aaede}

.cat .title .subject span em{color:#b7b7b7!important;}

.home .section .title .subject span:before,

.home .section .title .subject span:after,

.teams .staff .title .subject span:before,

.teams .staff .title .subject span:after,

.cat .title .subject span:before,.subject span:before,

.cat .title .subject span:after,.title .subject span:after{ content: ""; display: block; position: absolute; top: 50%; width: 0.4rem; height: 0.01rem; background: #333; }

.home .section .title .subject span:before,

.teams .staff .title .subject span:before,

.cat .title .subject span:before { left: -0.64rem; }

.home .section .title .subject span:after,

.teams .staff .title .subject span:after,

.cat .title .subject span:after { right: -0.64rem; }

.home .section .title .desc,

.teams .staff .title .desc,

.cat .title .desc { margin: 0.16rem auto; font-size: 0.14rem; color: #AAA; }



.home .section .list-knowledge,

.teams .list-staff { margin: auto -0.16rem; }

.home .section .list-knowledge .unit,

.teams .list-staff .unit { padding: 0.16rem; }

.home .section .list-knowledge .unit a,

.teams .list-staff .unit .box,

.news .list article a { display: block; position: relative; background: #FFF;  }

.home .section .list-knowledge .unit a:hover,

.teams .list-staff .unit .box:hover,

.news .list article a:hover {  }

.home .section .list-knowledge .unit .info .subject { line-height: 0.32rem; }

.home .section .list-knowledge .unit .info .summary { font-size: 0.14rem; color: #999; }



.home .section .more a { display: inline-block; margin-top: 0.32rem; padding: 0 0.48rem; background: #63D5EF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); border-radius: 0.2rem; line-height: 0.4rem; font-size: 0.14rem; color: #FFF; }

.home .section .more a:hover { background: #FFBC51; }

.ititle{background:url(../images/ititle.png) bottom center no-repeat;height:97px;line-height:97px;color:#000;font-size:0.34rem;letter-spacing:2px}

.ititinfo{font-size:0.14rem!important;color:#333!important}

.zpscorll{width:100px;height:35px;line-height:35px;border-radius: 5px 5px 5px 5px;padding-top: 15px;}


.ad{margin-top:0.3rem;margin-bottom:0.3rem}

/*发型中心*/

.home .hairstyle { background:url(../images/zuopin.jpg) top center no-repeat #d1eefc;}



/*学习视频*/

.home .video .list-photo .unit a { background: #F6F6F6; }



/*理发知识*/

.home .knowledge {  }



/*=== 公司团队 ===*/

.teams .page .content { line-height: 0.32rem; font-size: 0.14rem; color: #666; }

.teams .page .content p { text-indent: 2em; }



.teams .staff { padding: 0.48rem 0 1.2rem 0; background: #F6F6F6; }

.teams .list-staff .unit .box { overflow: hidden; }

.teams .list-staff .unit .info .subject { margin-bottom: 0.16rem; line-height: 0.4rem; }

.teams .list-staff .unit .info .subject .name { font-size: 0.24rem; }

.teams .list-staff .unit .info .subject .job { position: relative; top: -0.02rem; margin-left: 0.16rem; font-size: 0.14rem; color: #666; }

.teams .list-staff .unit .info .summary { font-size: 0.14rem; color: #999; }

/*=== 发型中心 ===*/

.tax-hairstyle .hairstyle { padding: 0.1rem 0 1.2rem 0; }

.tax-hairstyle .hairstyle .list-photo .unit a { background: #F6F6F6; }



/*=== 新闻资讯 ===*/

.tax-news .news { padding: 0.1rem 0 1.2rem 0; }



.tax-news .news .right .list li { margin-bottom: 0.22rem; }

.tax-news .news .right .list article a .picture {}

.tax-news .news .right .list article a .subject { margin-bottom: 0.16rem; font-size: 0.18rem; }

.tax-news .news .right .list article a .summary { font-size: 0.14rem; color: #999; }



.tax-news .news .article article header { margin-bottom: 0.24rem; padding-bottom: 0.24rem; border-bottom: 0.01rem solid rgba(0,0,0,0.03); }

.tax-news .news .article article header .title { line-height: 0.28rem; font-size: 0.2rem; }

.tax-news .news .article article header .time { margin-top: 0.16rem; font-size: 0.14rem; color: #999; }

.tax-news .news .article article .content { font-size: 0.14rem; }

.tax-news .news .article article .content p { margin-bottom: 0.08rem; text-indent: 2em; color: #666; }

.news .nlist li{border-bottom:1px solid #f1f1f1;margin-bottom:20px;overflow:hidden;padding-bottom:15px;}

.darticle{border: 1px solid #ececec;border-radius: 0px 10px;padding:40px;line-height:30px;}

 .widget {

    position: relative;

    margin-bottom: 40px;

    border: 1px solid #ececec;

    padding: 35px 30px;

    border-radius: 0px 10px;

}

.sidebar-title {

    position: relative;

    padding: 10px 0px;

}

.product-info li {

    position: relative;

    line-height: 32px;

    padding: 10px 0px 10px 0px;

    border-bottom: 1px solid #f2f2f2;

    font-size: 15px;

    color:#8c8c8c;

}

.sidebar .catagories.list.product-info li i {

    color: #888;

    font-size: 20px;

    position: relative;

    top: 4px;

    left: -15px;

}

.sidebar .catagories.list.product-info li span {

    color: #777;

}

.sidebar .catagories.list.product-info li i {

    color: #888;

    font-size: 20px;

    position: relative;

    top: 4px;

    left: -15px;

}

/*== 学习视频 ==*/

.tax-video .video { padding: 0.48rem 0 1.2rem 0; }

.tax-video .video .article .title { margin-top: 0.32rem; line-height: 0.28rem; font-size: 0.2rem; }

.tax-video .video .article .content { position: relative; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); z-index: 1; }

/*== 作品详细 ==*/

						.swiper-content{width:100%;height:100%;position:relative}

						.swiper-item{width:100%;height:100%;position:absolute;left:0;top:0}

						.swiper-item img{width:100%;display:block}

						.swiper-point{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}

						.swiper-circle{float:left;width:15px;height:15px;border-radius:50%;background-color:#ccc;margin:0 5px;cursor:pointer}

						.current-point{background-color:#ff9d0f}

						.swiper-arrow{width:40px;height:40px;border-radius:50%;background:#efefef;cursor:pointer;border:0;position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto}

						.swiper-arrow img{display:block;width:20px;height:20px;margin:10px auto}.arrow-left{left:10px}.arrow-right{right:10px}

						.zinfo{border-top:1px solid #efefef;width:90%;margin:0 auto;height:auto;padding-top:10px;padding-bottom:30px;}

/*== 作品详细 ==*/



/*=== 旗下门店 ===*/

.tax-store .store { padding: 0.48rem 0 1.2rem 0; }

.tax-store .store .article .content p { margin-bottom: 0.16rem; }



/*=== 联系我们 ===*/

.contact .page { padding-bottom: 1.2rem; background: #F6F6F6; }

.contact .page .map-box .amap-overlays .amap-adcombo-close { top: 0.12rem; right: 0.08rem; }

.contact .page .map-box .amap-overlays .amap-adcontent-body { min-width: 2.4rem; box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); border: none; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .info-content { padding: 0.08rem 0.16rem; background: #47C4E0; font-size: 0.14rem; color: #FFF; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo { padding-bottom: 0.08rem; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo table { margin-top: 0; margin-bottom: 0.08rem; line-height: 0.28rem; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .tab { border: none; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .input-label { padding-left: 0.16rem; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .keyword { width: 100%; font-size: 0.12rem; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .keyword-input { height: auto; border-color: #EEE; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .nav-icon { border-color: #EEE; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .nav-icon.hovered { background-color: #47C4E0 !important; border-color: #47C4E0; }

.contact .page .map-box .amap-overlays .amap-combo-sharp { width: 0; height: 0; background: none; border-left: 0.08rem solid transparent; border-right: 0.08rem solid transparent; border-top: 0.08rem solid #FFF; }

.contact .page .map-box .amap-overlays .amap-adcontent-body .amap-info-combo .search-button { background: url(http://webapi.amap.com/theme/v1.3/images/amap-info.png) 0.03rem -1.97rem no-repeat #47C4E0; width: 0.24rem; }



/*== 分页 ==*/

.tm-post-nav-box .tm-post-nav { font-size: 0.14rem; }

.tm-post-nav-box .tm-post-nav + .tm-post-nav { margin-top: 0.08rem; }

.tm-post-nav-box .tm-post-nav a:link,.tm-post-nav-box .tm-post-nav a:visited{ color: #999; }

.tm-post-nav-box .tm-post-nav a:hover { color: #7fbf26!important;text-decoration:underline }

.tm-post-nav span{color:#222}

.tm-pageing-box { margin-top: 0.32rem; font-size: 0.14rem; }

.tm-pageing { display: inline-block; }

.tm-pageing > * + * { margin-left: 0.16rem; }

.tm-pageing > a { color: #666; }

.tm-pageing > a:hover,

.tm-pageing > span:hover,

.tm-pageing > .current { background:#7fbf26; color: #FFF; }

.tm-pageing > .total { border: none; color: #666; }

.tm-pageing > .total:hover { background: none; border-color: none; color: #666; }

.tm-pageing > .total i { margin: auto 0.02rem; font-style: normal; }



/*=== 底部 ===*/

.footer { position: relative; background:#2a2a2a;padding-bottom:90px;}

.copyr{padding-top:0.33rem;font-size:0.14rem}

.footer a { color: #FFF; }

.copyright{width:100%;height:52px;line-height:45px;overflow:hidden;background:#1d1d1d;font-size:12px;}
.color999999{color:#999999}

/*=== 侧边浮动条 ===*/

.online { position: fixed; right: 0; top:160px; z-index: 998; }

.online .box,

.online .box .list { position: relative; right: 0;width:60px;}
.online .box .list i{font-size:0.3rem;}
.online .box .list > li { position: relative; width:60px; height:60px; line-height:60px; color: #FFF; cursor: pointer; overflow: hidden;}

.online .box .list > li.custom { right: 0; background:#7fbf26;}

.online .box .list > li.wechat { background:#7fbf26; }

.online .box .list > li.to-top { background:#4f9a13;}
.totel { background:#7fbf26;}
.totel:hover {background:#4f9a13;}
.online .box .list > li.custom:hover { right: 0; background:#4f9a13;}

.online .box .list > li.wechat:hover { background:#4f9a13; }

.online .box .list > li.to-top:hover { background:#4f9a13; }



.online .box .list > li a { color: #FFF; }

.online .box .custom-info { position: absolute; min-width: 2rem; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); z-index: 999; }

.online .box .custom-info .title { padding: 0 0.16rem 0 0.24rem; height: 0.56rem; background: #47C4E0; line-height: 0.56rem; color: #FFF; }

.online .box .custom-info .title .tm-icon { cursor: pointer; }

.online .box .custom-info .content { background: #FFF; color: #5E5E5E; }

.online .box .custom-info .content a { color: #5E5E5E; }

.online .box .custom-info .content > ul > li + li { border-top: 0.01rem solid rgba(0,0,0,0.07); }

.online .box .custom-info .content .qq .number,

.online .box .custom-info .content .tel .subtitle .subject { font-size: 0.14rem; }

.online .box .custom-info .content .qq li a { display: block; padding: 0 0.24rem; background: #F5F5F5; line-height: 0.4rem; color: #666; }

.online .box .custom-info .content .qq li a:hover { background: #FFBC51; color: #FFF; }

.online .box .custom-info .content .tel { padding: 0.16rem 0.24rem; border-top: 0.01rem solid rgba(0,0,0,0.05); line-height: 0.24rem; }

.online .box .custom-info .content .tel li { padding: 0; line-height: 0.24rem; }

.online .box .custom-info .content .icon { margin-right: 0.08rem; }



#WeChat .uk-modal-dialog { margin: auto; padding: 0; background: none; }

#WeChat .box { max-width: 2.4rem; margin-bottom: 0; }

#WeChat .box .subject { padding-bottom: 0.08rem; background: #FFF; line-height: 0.32rem; font-size: 0.14rem; }



/*=== 手机端导航 ===*/

.sidebar { box-sizing: border-box; position: fixed; top: 0; left: -100%; padding-top: 0.92rem; padding-bottom: 1.2rem; width: 100%; 
height: 100% !important; background: #7cbf1c; font-size: 0.14rem; overflow-y: scroll; z-index: 1; 

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

.sidebar.on { left: 0; }

.sidebar nav { min-height: 100%; }

.sidebar nav .menu > li { position: relative; border-bottom: 0.01rem solid #90d232; overflow: hidden; }

.sidebar nav .menu > li > a { box-sizing: border-box; display: block; position: relative; padding: 0.08rem 0.16rem; height: 0.4rem; line-height: 0.24rem; color: #FFF; overflow: hidden; }

.sidebar nav .menu > li.on > a,

.sidebar nav .menu > li.current-menu-item > a,

.sidebar nav .menu > li.current-menu-ancestor > a { background:#5f9e05; color: #FFF; }



.sidebar nav .menu > li > i { position: absolute; top: 0; right: 0; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: #FFF; z-index: 2; cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

.sidebar nav .menu > li > a > i { position: relative; top: -0.02rem; margin-right: 0.08rem; font-size: 0.12rem; }

.sidebar nav .menu > li:hover > i,

.sidebar nav .menu > li.on > i,

.sidebar nav .menu > li.current-menu-item > i,

.sidebar nav .menu > li.current-menu-ancestor > i { color: #FFF; }

.sidebar nav .menu > li.on > i,

.sidebar nav .menu > li.current-menu-item > i,

.sidebar nav .menu > li.current-menu-ancestor > i { 

    transform:rotate(-180deg);

    -ms-transform:rotate(-180deg); 

    -moz-transform:rotate(-180deg);

    -webkit-transform:rotate(-180deg);

    -o-transform:rotate(-180deg); }



.sidebar nav .sub-menu { 

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

.sidebar nav .sub-menu > li > a { display: block; position: relative; padding: 0.08rem 0.16rem 0.08rem 0.36rem; background:#9ad447; line-height: 0.24rem; font-size: 0.12rem; color: #FFF; }

.sidebar nav .sub-menu > li.on > a,

.sidebar nav .sub-menu > li.current-menu-item > a { background: #FFBC51; }

.sidebar nav .sub-menu > li + li > a { border-top: 0.01rem solid #86c131; }

.sidebar nav .sub-menu > li > a i { margin-right: 0.08rem; 

    transform: scale(0.3);

    -ms-transform: scale(0.3);

    -moz-transform: scale(0.3);

    -webkit-transform: scale(0.3);

    -o-transform: scale(0.3); }



/*边栏控制按钮*/

.sidebar-control { position: fixed; top: 0.02rem; right: 0.16rem; width: 0.20rem; height: 0.15rem; z-index: 99999; cursor: pointer; -webkit-tap-highlight-color: transparent;

    transform: translate(0, 0.36rem);

    -ms-transform: translate(0, 0.36rem);

    -moz-transform: translate(0, 0.36rem);

    -webkit-transform: translate(0, 0.36rem);

    -o-transform: translate(0, 0.36rem); }

   .bgfix{background: white;

    height: 0.92rem;

    box-shadow: rgba(0, 0, 0, 0.07) 0px 5px 5px;

    position: fixed;

    z-index: 9;

    width: 100%;}

	.logocontrol { position: fixed; top:-0.24rem; left: 0.16rem; width:200px; height: auto; z-index: 99999; cursor: pointer; -webkit-tap-highlight-color: transparent;

    transform: translate(0, 0.36rem);

    -ms-transform: translate(0, 0.36rem);

    -moz-transform: translate(0, 0.36rem);

    -webkit-transform: translate(0, 0.36rem);

    -o-transform: translate(0, 0.36rem); }

.sidebar-control.fixed-before { opacity: 0;

    transform: translate(0, -100%);

    -ms-transform: translate(0, -100%);

    -moz-transform: translate(0, -100%);

    -webkit-transform: translate(0, -100%);

    -o-transform: translate(0, -100%);  }

.sidebar-control.fixed-after { opacity: 1;

    transform: translate(0, 0.24rem);

    -ms-transform: translate(0, 0.24rem);

    -moz-transform: translate(0, 0.24rem);

    -webkit-transform: translate(0, 0.24rem);

    -o-transform: translate(0, 0.24rem); }

.sidebar-control.on {

    transform: translate(0, 0.36rem);

    -ms-transform: translate(0, 0.36rem);

    -moz-transform: translate(0, 0.36rem);

    -webkit-transform: translate(0, 0.36rem);

    -o-transform: translate(0, 0.36rem); }

.sidebar-control .line { position: absolute; top: 50%; margin-top: -0.01rem; width: 100%; height: 0.01rem; background:#83c22b; opacity: 1; 

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

.sidebar-control.on .line { opacity: 0; }

.sidebar-control:before,

.sidebar-control:after { content: ""; display: block; position: absolute; width: 100%; height: 0.01rem; background:#83c22b;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s; 

    transition: all 0.5s; }

.sidebar-control:before { top: 0; }

.sidebar-control:after { bottom: 0; }

.sidebar-control.on:before { 

    transform-origin: right; 

    transform:rotate(-45deg);

    -ms-transform:rotate(-45deg); 

    -moz-transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg); }

.sidebar-control.on:after { 

    transform-origin: right; 

    transform:rotate(45deg);

    -ms-transform:rotate(45deg); 

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg); }

.teacher{border-radius: 15px;overflow:hidden}