﻿/*----------------------------------
专业织梦建站/仿站/模板制作/PSD切图/手机网站建设
Q Q：1174742835
TEL：13643856986 0371-53768545
Email:service@zhimatong.com
淘宝旗舰店：zhimatong.taobao.com
芝麻通官网：Www.zhimatong.com
域名主机平台：www.mbkj.com
----------------------------------*/
.index_banner{ height:7.9rem;}
.index_bar{ background:url(img/bar.png) no-repeat center center; -webkit-background-size:8.65rem auto; background-size:8.65rem auto; height:1.62rem; margin-top:0.7rem;}
.index_barsf{ text-align:center; margin-top:0.5rem;}
.index_barsf img{ width:7.45rem;}
.indexkcbox{ margin-top:0.2rem; border-bottom:1px solid #CCCCCC;}
.indexkcbox dl{ width:9rem; height:5rem; float:left; position:relative;}
.indexkcbox dl dt{ width:9rem; height:5rem;}
.indexkcbox dl dd{ position:absolute; left:0; top:0; width:100%; height:100%;}
.indexkcbox dl dd.y1{ background:url(img/y2.png) no-repeat 1.4rem center; -webkit-background-size:auto 2.05rem; background-size:auto 2.05rem;}
.indexkcbox dl dd.y2{ background:url(img/y4.png) no-repeat 1.4rem center; -webkit-background-size:auto 2.05rem; background-size:auto 2.05rem;}
.indexkcbox dl dd.y3{ background:url(img/y6.png) no-repeat 1.4rem center; -webkit-background-size:auto 2.05rem; background-size:auto 2.05rem;}
.indexkcbox dl dd.y4{ background:url(img/y8.png) no-repeat 1.4rem center; -webkit-background-size:auto 2.05rem; background-size:auto 2.05rem;}
.indexkcbox dl dd.y5{ background:url(img/y10.png) no-repeat 1.4rem center; -webkit-background-size:auto 2.05rem; background-size:auto 2.05rem;}
.indexkcbox dl dd.y6{ background:url(img/yend.png) no-repeat 1.4rem center; -webkit-background-size:auto 2.05rem; background-size:auto 2.05rem;}

.newbar{ font-size:0.95rem; font-weight:bolder; margin-top:1rem;}
.newlist1{}
.newlist1 dl{ overflow:hidden; clear:both; border-top:1px solid #07cc00; padding-top:0.65rem; padding-bottom:0.7rem;}
.newlist1 dl:first-child{ margin-top:0.4rem;}
.newlist1 dl:last-child{ border-bottom:1px solid #07cc00;}
.newlist1 dl dt{ float:left; margin-left:0.55rem; width:3.95rem;}
.newlist1 dl dd{ margin-left:5rem; padding-right:0.8rem;}
.newlist1 dl dd h2{ height:0.7rem; line-height:0.7rem; font-size:0.65rem; background:url(img/newinco.gif) no-repeat left center; -webkit-background-size:0.15rem auto; background-size:0.15rem auto; padding-left:0.45rem;}
.newlist1 dl dd h2 a{ color:#A8002B;}
.newlist1 dl dd h2 b{}
.newlist1 dl dd p{ font-size:0.5rem; padding-left:0.45rem; line-height:0.8rem; color:#333; margin-top:0.3rem;}
.more{ text-align:center; font-size:0.6rem; color:#FF3366; margin-top:0.55rem;}
.more a{ color:#00CC00;}
.wgw{text-align:center;font-size:0.6rem;color:#666666;line-height:1.4rem; margin-left:0.15rem; margin-right:0.1rem; margin-top:0.7rem;}
.wgw a{ color:#666666;}
.wge{ margin-left:0.25rem; margin-right:0.25rem; margin-top:0.85rem;}

.newlist2{}
.newlist2 dl{ overflow:hidden; clear:both; padding-top:0.8rem; padding-bottom:0.75rem; margin-top:0.2rem; background-color:#fbf8f1;}
.newlist2 dl:first-child{ margin-top:0.4rem;}
.newlist2 dl dt{ float:left; margin-left:0.55rem; width:4.45rem;}
.newlist2 dl dd{ margin-left:5.45rem; padding-right:1.5rem;}
.newlist2 dl dd h2{ height:0.7rem; line-height:0.7rem; font-size:0.65rem;}
.newlist2 dl dd h2 a{ color:#563743;}
.newlist2 dl dd p{ font-size:0.5rem; line-height:0.8rem; color:#333; margin-top:0.3rem;}

/*加盟流程*/
.lcbox{ width:100%; background-color:#e1ebf5;}
.lcbox img{ width:100%;}

.smttitle{ font-size:0.5rem; color:#010101; padding-top:1rem;}
.smtcont{ font-size:0.5rem; line-height:0.9rem; color:#333; padding:0.8rem 0.45rem;  border-bottom:1px solid #ddd;}
.smtcont h1{ font-size:0.75rem; padding-bottom:0.3rem; color:#000;}
.smtcont p{ padding:0.3rem 0; text-indent:0.7rem;}
.smtcont img{ /*max-width:13.85rem; margin-left:-0.7rem;*/ max-width:98%; text-align:center}

.smtcontbm{ font-size:0.5rem; line-height:1rem; color:#666; padding:0.8rem 0.45rem;  border-bottom:1px solid #ddd;}
.map2{ margin-top:0.3rem;}
.map2 img{ width:13.57rem;}

.contimg img{ max-width:11.5rem; text-align:center; margin-top:0.7rem;}

/*父母学堂*/
.newlistbb{}
.newlistbb ul{ padding:0.7rem 0.45rem;}
.newlistbb ul li{ height:1.8rem; line-height:1.8rem; padding-left:0.55rem; background:url(img/point.png) no-repeat 0.25rem center; -webkit-background-size:0.15rem auto; background-size:0.15rem auto; font-size:0.65rem; margin-bottom:0.2rem;}
.newlistbb ul li.blue{ background-color:#eaeaea;}
.newlistbb ul li a{ color:#666;}
.newlistbb ul li span{ padding-right:0.2rem;}
/*.cboxm{ padding-bottom:1rem;}*/

/*画廊*/
.imglist{}
.imglist ul{ padding:0.5rem 0 0 2.8rem;}
.imglist ul li{ float:left; width:5.75rem; margin:0.75rem 0.75rem 0 0;}
.imglist ul li img{ width:5.75rem; height:3.25rem;}
.imglist ul li h2{ margin-top:0.3rem; color:#333; font-size:0.5rem;}

/*画廊*/
.index-imglist{}
.index-imglist ul{ padding:0.05rem 0 0; }
.index-imglist ul li{ float:left; width:8.8rem; margin:0.55rem 0.25rem 0 0; }
.index-imglist ul li img{ width:8.93rem; height:5.7rem;}
.index-imglist ul li h2{ margin-top:0.25rem; color:#333; font-size:0.5rem; line-height:1.5}

/*画廊*/
.starlist{}
.starlist ul{ padding:0.1rem 0 0; }
.starlist ul li{ float:left; width:8.8rem; margin:0.55rem 0.25rem 0 0; }
.starlist ul li img{ width:8.93rem; height:5.7rem;}
.starlist ul li h2{ margin-top:0.65rem; color:#FF3366; font-size:0.58rem; line-height:0.01; font-weight:bold; }
.starlist ul li span{color:#000; font-size:0.5rem; line-height:0.01;}

.starlist1{}
.starlist1 ul{ padding:0.1rem 0 0; }
.starlist1 ul li{ float:left; width:8.8rem; margin:0.25rem 0.25rem 0 0; }
.starlist1 ul li img{ width:8.93rem; height:5.8rem;}
.starlist1 ul li h2{ margin-top:0.26rem; margin-bottom:0.2rem; color: #333333; font-size:0.55rem; line-height:1.4; }
.starlist1 ul li span{color:#000; font-size:0.5rem; line-height:0.01;}

.starlist2{}
.starlist2 ul{ padding:0.1rem 0 0; }
.starlist2 ul li{ float:left; width:8.8rem; margin:0.45rem 0.25rem 0 0; }
.starlist2 ul li img{ width:8.93rem; height:5.8rem;}
.starlist2 ul li h2{ margin-top:0.26rem; margin-bottom:0.11rem; color: #FF3366; font-size:0.55rem; line-height:1.4; }
.starlist2 ul li span{color:#000; font-size:0.5rem; line-height:0.01;}

.starlist3{}
.starlist3 ul{ padding:0.1rem 0 0; }
.starlist3 ul li{ float:left; width:8.8rem; margin:0.45rem 0.25rem 0 0; }
.starlist3 ul li img{ width:8.93rem; height:5.8rem;}
.starlist3 ul li h2{ margin-top:0.26rem; margin-bottom:0.11rem; color: #333333; font-size:0.55rem; line-height:1.4; }
.starlist3 ul li span{color:#000; font-size:0.5rem; line-height:0.01;}

/*网站地图*/
.wapmap{ padding:0 0.45rem;}
.wapmap dl{ margin-top:0.8rem; line-height:0.9rem;}
.wapmap dl dt{ font-size:0.65rem;}
.wapmap dl dt a{ color:#010101;}
.wapmap dl dd{ font-size:0.5rem; padding-top:0.3rem;}
.wapmap dl dd a{ margin-right:0.5rem; caption-side:#666;}

/*美术课程*/
.mskclist{ padding:0 0.45rem;}
.mskclist dl{ clear:both; overflow:hidden; border-bottom:1px dotted #c2c4c7; padding-bottom:0.4rem; padding-top:0.75rem;}
.mskclist dl dt{ float:left;}
.mskclist dl dt img{ width:5.25rem; height:3.5rem; padding:1px; border:1px solid #d2d2d2; box-shadow:2px 2px 5px #d2d2d2;}
.mskclist dl dd{ margin-left:6.25rem;}
.mskclist dl dd h2{ font-size:0.75rem; color:#333;  background:url(img/kcb.png) no-repeat left center; -webkit-background-size:0.55rem auto; background-size:0.55rem auto; padding-left:0.7rem;}
.mskclist dl dd p{ line-height:0.8rem; font-size:0.5rem; color:#666; padding:0.3rem 0;}
.mskclist dl dd .morelink{ color:#07cc00; font-size:0.5rem;}

/*艺术家团队*/
.ysjlist{ padding:0 0.45rem;}
.ysjlist dl{ clear:both; overflow:hidden; border-bottom:1px solid #c2c4c7; padding-bottom:0.6rem; padding-top:1rem;}
.ysjlist dl dt{ float:left;}
.ysjlist dl dt img{ width:4rem;}
.ysjlist dl dd{ margin-left:4.5rem;}
.ysjlist dl dd h2{ font-size:0.75rem; color:#ee9e40; }
.ysjlist dl dd p{ line-height:0.8rem; font-size:0.5rem; color:#666; padding:0.2rem 0;}

.sflist{}
.sflist ul{ padding-top:0.5rem;}
.sflist ul li{ width:50%; float:left; height:0.9rem; line-height:0.9rem; font-size:0.65rem; color:#333; margin-top:0.2rem;}
.sflist ul li a{ display:block; padding-left:1rem;}
.sflist ul li img{ width:1.25rem; vertical-align:middle;}
.sbbox{ padding:0 0.45rem;}
.sbinfo{font-size:0.5rem; line-height:1rem; color:#666; padding:0.5rem 0;}
.sbinfo2{font-size:0.5rem; line-height:1rem; color:#666; padding-bottom:0.6rem;}
.sbbar{ font-size:0.5rem; color:#ee9e3f; padding-bottom:0.4rem;}
.bor2{ border-bottom:2px solid #999;}

.sbnews{}
.sbnews ul{}
.sbnews ul li{ height:1.05rem; line-height:1.05rem; font-size:0.65rem; border-bottom:1px solid #e0e0e0;}
.sbnews ul li a{ color:#666;}
.sbnews ul li span{ padding-right:0.3rem;}
.sbfcbox{}
.sbfcbox ul{}
.sbfcbox ul li{ float:left; width:4.25rem; margin-right:0.5rem;}

/*加盟申请*/
.myform{}
.myform ul{}
.myform ul li{ clear:both; margin-top:0.7rem; line-height:1rem;}
.myform ul li label{ float:left; width:3.0rem; text-align:right; padding-right:0.5rem; padding-top:0.1rem; font-size:0.65rem; color:#666;}
.formlabel{ float:left; position:relative;}
.txt{ height:1rem; line-height:1rem; background-color:#d0d8e4; padding:0 0.6rem; font-size:0.65rem; color:#000;}
.txt01{ width:3.65rem;}
.txt02{ width:5.9rem;}
.select{ height:1rem; line-height:1rem; background-color:#d0d8e4; padding:0 0.3rem; font-size:0.60rem; color:#000; background-image:url(img/xl.png); background-repeat:no-repeat; -webkit-background-size:0.27rem auto; background-size:0.27rem auto; }
.sel01{ background-position:2.5rem center; width:3rem; margin-right:0.1rem;}
.sel02{ background-position:3.5rem center; width:4rem;}
.submit{ padding-left:2.85rem; margin-top:0.7rem;}
.submit input{ width:2.4rem; height:1.25rem; color:#fff; background:url(img/submit.gif) no-repeat; -webkit-background-size:2.4rem auto; background-size:2.4rem auto;}
.boxcont{ padding-left: 0.45rem; padding-right:0.45rem; overflow:hidden; }


/*详情页*/
.newscont{ line-height:1.25rem; font-size:0.65rem; padding-top:0.5rem; color:#666666;}
.newscont p{ padding:0.3rem 0; color:#999;}
.newscont h2{ font-size:0.75rem; color:#666;}
.newscont img{ max-width:99.7%; height:auto; padding-top:10px; padding-bottom:1.3px}

/*游学课程*/
.yxkclist{ padding:0 0.45rem;}
.yxkclist dl{ padding:0 0 0.5rem; border-bottom:1px solid #e0e0e0; margin-top:0.75rem;}
.yxkclist dl dt{ float:left; position:relative; width:6.15rem; height:4.9rem; border:1px solid #cfcfcf;}
.yxkclist dl dt img{}
.yxkclist dl dt .xsbar{ position:absolute; height:0.9rem; line-height:0.9rem;  font-size:0.65rem; color:#fff; background-color:#848484; opacity:0.9; left:0; bottom:0; width:100%;}
.yxkclist dl dd{ margin-left:6.9rem; }
.yxkclist dl dd h2{ font-size:0.75rem; color:#333; font-weight:normal;}
.yxkclist dl dd .kcinfo{ font-size:0.55rem; color:#333; padding-top:0.2rem;}
.yxkclist dl dd .kcinfolist{ padding-top:0.3rem;}
.yxkclist dl dd .kcinfolist li{ font-size:0.35rem; line-height:0.8rem; margin-top:0.3rem; color:#666; padding-left:0.6rem;}
.yxkclist dl dd .kcinfolist li.yx1{ background:url(img/yx1.png) no-repeat left 0.2rem; -webkit-background-size:0.5rem auto; background-size:0.5rem auto;}
.yxkclist dl dd .kcinfolist li.yx2{ background:url(img/yx2.png) no-repeat left 0.2rem; -webkit-background-size:0.5rem auto; background-size:0.5rem auto;}
.yxkclist dl dd .kcinfolist li.yx3{ background:url(img/yx3.png) no-repeat left 0.2rem; -webkit-background-size:0.5rem auto; background-size:0.5rem auto;}
.yxkclist dl dd .kcinfolist li span{ padding:0 0.3rem 0 0; color:#000;}
.yxkclist dl dd .kcinfolist li img{ width:0.5rem; vertical-align:text-bottom;}
.yxkclist dl dd .price{ font-size:0.55rem; color:#000; margin-top:0.4rem;}
.yxkclist dl dd .price span{ font-size:0.5rem; color:#ff0101; padding:0 0.2rem;}

.yxtitle{ font-size:0.65rem; color:#333; margin-top:1rem;}
.bmnum{ font-size:0.5rem; color:#666; padding-top:0.3rem;}
.yximg{ margin-top:0.5rem; text-align:center;}
.yximg img{ width:100%;}
.yxbar{ margin-top:0.5rem; color:#07cc00; font-size:0.5rem;}

.yxnewcont .kcinfolist{ padding-top:0.3rem; padding-bottom:0.5rem;}
.yxnewcont .kcinfolist li{ font-size:0.35rem; line-height:0.8rem; margin-top:0.3rem; color:#666; padding-left:0.6rem;}
.yxnewcont .kcinfolist li.yx1{ background:url(img/yx1.png) no-repeat left 0.2rem; -webkit-background-size:0.5rem auto; background-size:0.5rem auto;}
.yxnewcont .kcinfolist li.yx2{ background:url(img/yx2.png) no-repeat left 0.2rem; -webkit-background-size:0.5rem auto; background-size:0.5rem auto;}
.yxnewcont .kcinfolist li.yx3{ background:url(img/yx3.png) no-repeat left 0.2rem; -webkit-background-size:0.5rem auto; background-size:0.5rem auto;}
.yxnewcont .kcinfolist li.yx4{ background:url(img/yx4.png) no-repeat left 0.2rem; -webkit-background-size:0.5rem auto; background-size:0.5rem auto;}
.yxmcont{ font-size:0.65rem; color:#666; line-height:0.8rem; padding-top:0.3rem;}

/*创意产品*/
.cynav{ padding-top:0.5rem; overflow:hidden;}
.cynav a{ display:block; float:left; height:0.9rem; line-height:0.9rem; text-align:center; font-size:0.35rem; width:3.45rem; margin-right:0.3rem;}
.onpage{ background-color:#50a463; color:#fff;}
.nopage{ background-color:#d0d0d0; color:#000;}
.cyimg{ margin-top:0.3rem;}
.cycont{ margin-top:0.5rem;}
.cybar{ color:#000; font-size:0.45rem;}
.cycontp{ font-size:0.65rem; color:#666; line-height:0.8rem; padding-top:0.2rem;}
.cycontpm{font-size:0.65rem; color:#ee9e3f; line-height:0.8rem; padding-top:0.2rem;}
.tel3{ font-size:0.75rem;}

/*加盟*/
.addm{ width:16.8rem; margin-left:auto; margin-right:auto; padding-top:0.75rem;}
.amk5{ background:url(img/a5.gif) no-repeat; height:5.2rem; -webkit-background-size:16.8rem auto; background-size:16.8rem auto;}
.amk7{ background:url(img/a7.gif) no-repeat; height:38.4rem; -webkit-background-size:16.8rem auto; background-size:16.8rem auto;}
.mk5list{ padding:1.3rem 0 0 0.3rem;}
.mk5list li{ float:left; margin-left:1rem;}
.mk5list li img{ width:2.65rem; height:3.27rem; border:3px solid #fff; border-radius:0.3rem;}

.mk7list{}
.mk7list ul{ padding-top:14.8rem; padding-left:1.5rem;}
.mk7list ul li{ float:left; margin-top:0.1rem; margin-left:0.2rem;}
.mk7list ul li img{ width:6.32rem; height:4.37rem; border:2px solid #fff; border-radius:0.3rem;}

.fast{ height:2.15rem; position:absolute; left:0; top:106.6rem; width:100%; background-color:#858585; opacity:0.9; line-height:2.15rem; color:#fff; text-align:right; font-size:0.75rem;}
.fast .fastlink{ background:url(img/ks.png) no-repeat; margin-top:0.7rem; margin-left:0.4rem;  -webkit-background-size:3.12rem auto; background-size:3.12rem auto; width:3.12rem; height:1.02rem; display:block; float:left;}
.fast span{ padding-right:0.8rem;}

.index_banner{ position:relative;overflow:hidden; height:9rem;  }
.index_banner .swiper-container{ width:100%; overflow:hidden; height:7.9rem;}
.index_banner .swipe-wrap{ position:relative;overflow:hidden;}
.index_banner .swipe-wrap .swiper-slide{ width:100%; height:7.9rem; float:left; position:relative;overflow:hidden;text-align:center; }
.index_banner .swipe-wrap .swiper-slide a{display:block; }
.index_banner .swipe-wrap .swiper-slide img{ width:100%; height:7.9rem; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}
.index_banner .pagination{width:100%;clear:both;bottom:0;text-align:center;   overflow:hidden;}
.index_banner .pagination .swiper-pagination-switch{width:0.5rem;height:0.5rem;margin:0 .4rem;display:inline-block;-moz-border-radius:.8em;-webkit-border-radius:.8em;border-radius:.8em; background-color:#a9a9a9;filter:alpha(Opacity=80);opacity:.8}
.index_banner .pagination .swiper-active-switch{background-color:#07ca05;}


.box_swipe{ overflow:hidden; position:relative;}

.box_swipe ul{ -webkit-padding-start: 0px;}



.box_swipe>ol{ height:1rem;  position: relative; z-index:10; text-align:center;}

.box_swipe>ol>li{ display:inline-block;

    margin:0.1rem 0;

    width:0.3rem;

    height:0.3rem;

    background-color:#757575;

    border-radius: 0.5rem;

}

.box_swipe>ol>li.on{

    background-color:#07ca05;

}
.pagebot{ width:5.5rem; margin:1rem auto 0 auto; overflow:hidden;}
.pagebot li{ margin-bottom:.5rem;}