@media screen and ( max-width:1004px ){
.header .con{ width: auto; height: 40px; padding: 12px 10px 2px;}
.header .con .left img{ width: 150px; }
.header .con .left div{ display: none; }
.header .con .right img{ width: 24px; }
.header .con .right em{ font-size: 12px;}
.header .con .right h2{ font-size: 18px;}
.nav{ display: none; }
.title{ margin-top: 20px; }
.title h3{ font-size: 20px; }
.indexheader{ margin: 10px 0 0; }

/**/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; right:-100%; top:0px; display: block;}
.navLayer .close{ position:absolute; right:10px; top:14px;}
.navLayer .close img{ width:24px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; margin-left:20%; width:80%;}
.sideNav{ padding-top:50px;}
.subNav{ cursor:pointer; display:block; height:40px; line-height:40px; position:relative;  font-size:14px; color:#3a3a3a; }
.subNav .name{ padding-left:20px; text-align:left; position:relative;}
.subNav a{ height:40px; color:#3a3a3a;}
.subNav1{background:url(../images/serico2.png) 94% center no-repeat; background-size:12px;}
.currentDt{background:#fff url(../images/serico1.png) 94% center no-repeat; background-size:12px; color:#0e6eb8}
.currentDd span{ color:#ff0000;}
.navContent{display: none; border-bottom:1px solid #f6f6f6; background:#e2e2e2;}
.navContent a{display:block;  height:35px; line-height:35px; color:#4d4d4d; padding-left:20px;}
.pageBg {
    position: fixed;
    z-index: 44;
    width: 100%;
    height: 100%;
    display: none;
    background: url(../images/bg1.png) repeat;
    left: 0px;
    top: 0px;
}


/**/
.header .con .right img{ display: none;}
.header .con .right a{ display: none; }
.menuBtn{ display: block!important; }

.content{width: 100%;}

.content .con{ width: calc(100% - 20px);padding: 0 10px; }
.indexheader div{ margin: 0 4px; font-size: 12px;}
.aLiva{ margin: 30px 0 15px; }
.aLiva li{ width: 100%; margin: 0 0 10px; }
.aLiva li h6{ font-size: 14px; margin: 18px 0 24px; }
.aLiva li a > div{ width: 100%; }
.aLiva li > div{ width: 100%;}
.aLiva li > div > div{ width: 92%; }
.aLiva li > div > div img{ width: 100%; }
.aLiva li div.hover div{ width: calc( 344px - 126px); }
.aLiva li a > div > div{ width: 92%; }

.index2 .mid{ width: 100%; padding: 40px 0;}
.index2 .mid .top div.left{ width: 100%; }
.index2 .mid .top div.left img{ width: 100%; }
.index2 .mid .top div.right{ width: calc(100% - 20px); padding: 0 10px; }
.index2 .mid .top div.right h6{ font-size: 20px;margin: 16px 0 10px; }
.index2 .mid .top div.right p{ line-height: 26px; }
.imgslick{ margin: 0 -10px ; padding: 0 10px;}
.imgslick .slick{ margin:0 10px; }
.imgslick .slick .imgDiv{ width: 100%; }
.imgslick .slick .imgDiv img{ width: calc(100% - 10px); }
.imgslick .slick-prev{ top: 124%; left: 42%; }
.imgslick .slick-next{ top:124%; right: 42%; }
.index3 ul{display: block; overflow: hidden;padding: 0 10px;margin: 26px auto 30px; width: calc(100% - 20px);}
.index3 ul li{ width: 50%; float: left; margin: 0 0 10px ; }
.index3 ul li div{ width: 120px; height: 120px; background-size:50px !important;}
.index3 ul li span{ padding: 0 10px;font-size: 12px; }
.index3 ul li h6{ margin-top: 12px;font-size: 16px; }
.index4 .mid{ width: 100%; }
.index4img{ margin: 22px -20px 60px;padding: 0 20px;}
.index4img .slick{ margin:  0 10px; }
.index4img .slick .imgDiv h6{ font-size: 12px; background-position: 4px 4px; padding-left: 18px;}
.index4img .slick-prev{ left: 42%; top: 116%; }
.index4img .slick-next{ right: 42%; top: 116%; }
.index6_logo{ width: 100%; padding-bottom: 30px;}
.indexlogo{ margin:44px 0px 50px;  width: 100%;}
.indexlogo .slick{ margin:0 10px; }
.indexlogo .slick .imgDiv img{ width: calc(100% - 2px); }
.indexlogo .slick .imgDiv:nth-of-type(1) img{ margin-bottom: 12px; }
.indexlogo .slick-prev{ left: 42%; top: 116%; }
.indexlogo .slick-next{ right: 42%; top: 116%; }
.index5 .mid{width: 100%;  }
.index5box .top .left{ width: 100%; height: auto; }
.index5box .top .right{ padding: 0 10px; width: calc(100% - 20px); }
.index5box .top .right h2{ margin-top: 20px; }
.index5box .top .right p{ margin-top: 12px; }
.index5box .top .right em{ float: left; ;line-height: 42px; margin-top: 14px;}
.index5box .top .right a{ float: right;margin: 14px 0 18px; }
.index5box .btm div{ width: calc(100% - 32px);padding: 16px 16px 26px; }
.index5box .btm{ margin-bottom: 42px; }
.footer .top{ width: 100%; padding: 10px 0;}
.footer .top ul.left{ display:none; }
.footer .top .right{ padding: 0 10px; width: calc(100% - 20px); }
.footer .btm .middle{width: 100%; line-height: 34px;}
.footer .btm .middle .left{ width: 100%; text-align: center; }
.footer .top .right div{    margin: 20px auto 1px;}
.footer .top .right div img{ float: none; margin: 0 auto; }
.footer .top .right div em{ text-align: center; }
.footer .top .right div span{ text-align: center; }
.footer .btm .middle .right{ width: 100%; }
.footer .btm .middle .right a{ display: block; text-align: center;padding: 0 10px; }


.headerUp .con{ padding: 0 10px; width: 100%;}
.headerUp .con .left li a{ line-height: 50px; font-size: 12px;}
.headerUp .con .left li{ margin-right: 14px; }
.headerUp .con .right{ display: none; }
.introtitle{ margin-top: 26px; }
.introtitle h6{ font-size:26px; }
.introtitle b{ font-size: 16px; }
.introtitle b:before{ top: 38px; }
.introtxtImg{ margin-top: 46px; }
.introtxtImg p{ line-height: 26px; }
.introtxtImg img{ width: 100%; }
.intro_course{ margin-top: 30px; }
.intro_coursebox{ display: none !important; }
.phone_course{ width: 100%; display: block; margin-bottom: 20px;}
.phone_course li{ width: 100%; }
.phone_course li h6{font-size: 20px; color: #007cc2; text-align: center; margin-top: 20px;}
.phone_course li div{background: #f5f5f5; font-size: 12px; margin-top: 24px; padding: 17px 17px 12px 20px;}
.phone_course li div span{ line-height: 18px; display: block;}
.intro_courseboxDiv .next{ display: none; }
.intro_courseboxDiv .paxt{ display: none; }
.intromap .mid{ width: calc(100% - 20px);padding: 0 10px;  }
.intromap .mid .left{ width: 100%; height: auto;padding: 30px 0;}
.intromap .mid .right{ width: 100%; }
.intromap .mid .right img{ width: 100%;}
.contactusup{ margin-top: 34px;}
.contactusup h4{ font-size: 22px; }
.contactusup b{font-size: 12px;}
.contactuscon .left div{ margin-bottom: 10px; }
.contactuscon .left div i{ background-size: 14px !important; width: 26px; height: 26px; }
.contactuscon .left div span{ font-size: 12px; line-height: 26px; display: block; float: left;width: 88%; }
.contactuscon .right{ width: 100%; }
.contactuscon .right div{ margin: 34px auto 0; width: 100%;}
.contactuscon .right img{ margin: 0 auto ; float: none;	}
.contactuscon .right span{ margin: 0 auto; float: none;text-align: center; line-height: 24px;margin-top: 4px;}

.contactul{ display: none;}  
.contactul2{ display: block; margin-top: 10px;}
.contactul2 li{ }
.contactul2 li b{ font-weight: normal; font-size: 12px; line-height: 26px;}
.contactul2 li span{ font-size: 12px; }
.contactul2 li:nth-of-type(4n+0){margin-bottom:10px; }
 



}