html{overflow-x:hidden;}
body{font-family: 'helveticaneuecyr-roman','Arial',sans-serif; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd{font-size:100%;font-weight:normal;padding:0;margin:0;}
p{ font-family: 'helveticaneuecyr-light',sans-serif; }
ul,ol{padding:0;margin:0;list-style:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
input,
textarea{ outline: none; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#d7d7d7;}
textarea{ resize: none; }

.container-fluid{ padding-right: 10px; padding-left: 10px; }
.row{ margin-right: -10px; margin-left: -10px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-right: 10px; padding-left: 10px; }

.wrapper{ width: 1220px; height: 100%; margin-right: auto; margin-left: auto; }
.header{ position: absolute; top: 0; right: 0; left: 0; z-index: 999; width: 100%; height: 129px; box-shadow: 1px 0 1px rgba(199,199,199,0.75); background: #fff; }
.tool{ height: 84px; }
.logo{ position: relative; z-index: 2000; height: 50px; margin: 17px 0; float: left; display: block; }
.logo img{ height: 50px; display: block; }
.search{ height: 30px; margin: 27px 0 27px 20px; float: right; }
.search .txt{ width: 150px; height: 30px; padding: 4px 10px; line-height: 20px; font-size: 12px; color: #555; border: 1px solid #d7d7d7; border-right: 0; float: left; }
.search .go{ width: 30px; height: 30px; border: 0; background: #e60012 url(../images/icon/search.png) no-repeat center center; background-size: auto 16px; float: left; cursor: pointer; }
.language{ position: relative; z-index: 2000; height: 12px; margin: 36px 0; float: right; }
.language a{ line-height: 12px; padding: 0 10px; font-size: 14px; color: #232323; text-transform: uppercase; float: left; display: block; }
.language a:hover{ color: #e60012; }
.language a:last-child{ border-left: 1px solid #d7d7d7; color: #e60012; }
.dl-menuwrapper{ display: none; }
.toor{ height: 45px; border-top: 1px solid #e5e5e5; }
.menu{ height: 44px; background: url(../images/right.png) no-repeat left center; }
.menu ul li{ position: relative; height: 44px; float: left; }
.menu ul li a{ padding: 0 24px; line-height: 44px; font-size: 14px; color: #232323;  display: block; }
.menu ul li:first-child a{ padding-left: 10px; }
.menu ul li:last-child a{ padding-right: 0; }
.menu ul li:hover a,
.menu ul li.on a{ color: #e60012; }
.menu ul li .nav{ position: absolute; top: 37px; left: 0; z-index: 1000; width: 100%; height: auto; padding: 7px 0; background: url(../images/nav.png) no-repeat center top; display: none; }
.menu ul li .nav ul{ padding: 10px 0; text-align: center; background: #e60012;  }
.menu ul li .nav ul li{ width: 100%; height: 26px; float: none; }
.menu ul li .nav ul li a{ line-height: 26px; padding: 0; font-size: 13px; color: #fff; display: block; }
.menu ul li .nav ul li a:hover{ text-decoration: underline; }
.menu ul li .nav1{ left: 50%; width: 200px; margin-left: -100px; }

.banner{ }
.banner img{ width: 100%; display: block; }
.banner .owl-banner .owl-dots{ display: none; }

.newlist{ position: relative; z-index: 1000; width: 100%; height: 188px; margin-top: -188px; background: rgba(0,0,0,0.8); }
.owl-newlist{  }
.owl-newlist .item{ padding: 20px; overflow: hidden; }
.owl-newlist .item .newlists{ width: 250px; height: 148px; line-height: 148px; text-align: center; margin-right: 40px; float: left; overflow: hidden; }
.owl-newlist .item .newlists a{ display: block; }
.owl-newlist .item .newlists a img{ width: 100%; height: 100%; vertical-align: top; display: inline-block; }
.owl-newlist .item .newlistw{ width: 870px; height: 148px; float: right; overflow: hidden; }
.owl-newlist .item .newlistw h1{ width: 85%; height: 38px; line-height: 38px; font-size: 20px; color: #fff; margin: 10px 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owl-newlist .item .newlistw p{ height: 48px; line-height: 24px; font-size: 14px; color: #fff; display: block; overflow: hidden;  }
.owl-newlist .item .newlistw a{ line-height: 26px; font-size: 14px; color: #e60012; margin-top: 5px; text-decoration: underline; display: block;  }
.owl-newlist .owl-dots{ position: absolute; top: 40px; right: 20px; }
.owl-newlist .owl-dots .owl-dot{ width: 10px; height: 10px; margin: 0 5px; border-radius: 100%; outline: none; background: #fff; opacity: 1; float: left; }
.owl-newlist .owl-dots .owl-dot span{ display: none; }
.owl-newlist .owl-dots .owl-dot.active{ background: #e60012; }

.title{ text-align: center; }
.title h1{ line-height: 50px; font-family: 'helveticaneuecyr-bold'; font-size: 36px; color: #202020; text-transform: uppercase; display: block; }

.course{ padding: 70px 0; }
.course .title{ padding-bottom: 40px; }
.courses{ }
.courses .parHd{ width: 100%; height: 36px; text-align: center; margin-bottom: 40px; }
.courses .parHd ul li{ width: 100px; height: 36px; line-height: 34px; font-size: 14px; color: #606060; margin: 0 2px; border: 1px solid #606006; border-radius: 3px; text-transform: capitalize; display: inline-block; cursor: pointer; }
.courses .parHd ul li.on{ background: #e60012; border-color: #e60012; color: #fff; }
.courses .parBd{ overflow: hidden; }
.courses .parBd .slideBox{ overflow: hidden; zoom: 1; }
.courses .parBd ul li{ width: 286px; margin: 0 19px 0 0; float: left; _display: inline; overflow: hidden;}
.courses .parBd ul li a{ display: block; }
.courses .parBd ul li a .pic{ width: 286px; height: 206px; line-height: 206px; text-align: center; display: block; overflow: hidden; }
.courses .parBd ul li a .pic img{ width: 100%; height: 100%; vertical-align: top; display: inline-block; }
.courses .parBd ul li a .ptitle{ height: 163px; padding-top: 10px; }
.courses .parBd ul li a .ptitle h1{ height: 30px; line-height: 30px; font-size: 18px; color: #272727; margin: 10px 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.courses .parBd ul li a .ptitle p{ height: 40px; line-height: 20px; font-size: 14px; color: #9b9b9b; display: block; margin-bottom: 20px; overflow: hidden; }
.courses .parBd ul li a .ptitle span{ line-height: 40px; font-size: 14px; color: #9b9b9b; text-decoration: underline; border-top: 1px solid #dcdcdc; display: block; }
.courses .parBd ul li a:hover .ptitle h1{ color: #e60012; }
.courses .parBd ul li a:hover .ptitle span{ color: #e60012; }
.course-more{ width: 245px; height: 40px; text-align: center; margin: 40px auto 5px auto; }
.course-more a{ line-height: 40px; font-size: 14px; color: #fff; text-transform: uppercase; border-radius: 20px; background: #e60012; display: block; }

.about{ padding: 70px 0; background: #f3f3f3; }
.about .title{ padding-bottom: 40px; }
.abouts{ position: relative; }
.abouts img{ width: 100%; display: block; }
.abouts a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: block; }
.aboutw{ padding-top: 10px; }
.aboutw p{ line-height: 24px; font-size: 16px; color: #858585; display: block; }
.owl-parker{ padding: 40px 60px 0 60px; }
.owl-parker .item{  }
.owl-parker .item a{ display: block; }
.owl-parker .item a img{ width: 100%; border-radius: 100%; display: block; }
.owl-parker .item a p{ margin-top: 15px; line-height: 32px; text-align: center; font-size: 18px; color: #424242; text-transform: capitalize; display: block; }
.owl-parker .item a:hover p{ color: #e60012; }
.owl-parker .owl-dots{ display: none; }
.owl-parker .owl-nav{ }
.owl-parker .owl-nav button{ position: absolute; top: 50%; z-index: 1; width: 40px; height: 40px; margin-top: -20px; outline: none; }
.owl-parker .owl-nav button span{ display: none; }
.owl-parker .owl-nav button.owl-prev{ left: 0; background: #828282 url(../images/icon/arrow-left.png) no-repeat center center; background-size: auto 18px; }
.owl-parker .owl-nav button.owl-next{ right: 0; background: #828282 url(../images/icon/arrow-right.png) no-repeat center center; background-size: auto 18px; }
.owl-parker .owl-nav button.owl-prev:hover{ background-color: #e60012; }
.owl-parker .owl-nav button.owl-next:hover{ background-color: #e60012; }

.activity{ padding: 70px 0; }
.activity .title{ padding-bottom: 40px; }
.activity img{ width: 100%; display: block; }
.activitys{ height: 246px; padding: 18px 25px 25px 25px; border: 1px solid #e5e5e5; border-top: 0; }
.activitys span{ position: relative; z-index: 1000; width: 200px; height: 40px; line-height: 40px; padding-left: 16px; font-size: 14px; color: #fff; margin: -40px 0 22px -26px; background: #e60012; display: block; }
.activitys li{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #565656; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activitys li a{ color: #565656; }
.activitys li:hover{ color: #e60012; }
.activitys li:hover a{ color: #e60012; }

.footer{ }
.botter{ padding: 40px 0 60px 0; background: #2d2d2d; }
.botter h1{ position: relative; height: 42px; line-height: 30px; font-size: 20px; color: #fff; margin-bottom: 20px; display: block; }
.botter h1:after{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 50px; height: 2px; background: #fff; content: ''; }
.botter a{ line-height: 30px; font-size: 16px; color: #9c9c9c; display: block; }
.botter a:hover{ color: #fefefe; }
.botter p{ height: 30px; line-height: 30px; font-size: 16px; color: #9c9c9c; display: block; }
.botter p i{ width: 30px; height: 30px; line-height: 30px; }
.botter p i.fa-map-signs{ height: 24px; line-height: 24px; }
.botter p i.fa-phone{ font-size: 20px; }
.botter p.signs{ height: 48px; line-height: 24px; }
.botter p.map{ height: auto; line-height: 24px; }
.botter .share{ height: 44px; }
.botter .share a{ width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 18px; color: #2d2d2d; border-radius: 100%; background: #fefefe; margin: 10px 10px 0 0; float: left; display: block;  }
.botter .share a:hover{ background: #9c9c9c; }


.mapDiv{ width: 100%; height: 200px; margin-bottom: 15px; border: 1px solid #ddd; }
.copyright{ padding: 16px 0; text-align: center; background: #1d1d1d; }
.copyright p{ line-height: 20px; font-size: 14px; color: #9c9c9c; display: block; }

.floating{ position: fixed; top: 50%; right: 10px; z-index: 1000; width: 62px; height: 334px; margin-top: -167px; }
.floating a{ position: relative; width: 100%; height: 62px; text-align: center; margin: 4px 0; background: #313131; display: block; }
.floating a i{ width: 100%; height: 36px; line-height: 44px; font-size: 30px; color: #fff; display: block; }
.floating a p{ width: 100%; height: 26px; line-height: 26px; font-size: 12px; color: #fff; text-transform: capitalize; display: block; }
.floating a:last-child{ background: #c9c9c9; }
.floating a:hover{ background: #e60012; }
.floating a.skype{ }
.floating a.skype div{ position: absolute; top: 0; right: 62px; z-index: 1000; width: auto; height: 62px; line-height: 62px; padding: 0 10px; font-size: 16px; color: #fff; background: #e60012; display: none;  }
.floating a.skype:hover div{ display: block; }
.floating a.weixin{}
.floating a.weixin div{ position: absolute; top: 0; right: 62px; z-index: 1000; width: 150px; height: 150px; padding: 5px; background: #e60012; display: none;  }
.floating a.weixin div img{ width: 140px; display: block; }
.floating a.weixin:hover div{ display: block; }


.h130{ height: 130px; }

.center{ }

.location{ padding: 20px 0; overflow: hidden; }
.location i{ width: 30px; height: 34px; line-height: 34px; font-size: 18px; color: #e60012; float: left; display: block; }
.location span{ line-height: 34px; font-size: 14px; color: #494949;  float: left; display: block; }
.location span a{ color: #b7b7b7; }

.aboutus{ padding: 32px 0; }
.aboutus h1{ line-height: 40px; font-family: 'helveticaneuecyr-bold'; font-size: 30px; color: #383838; margin-bottom: 20px; display: block; }
.aboutus h2{ line-height: 36px; font-family: 'helveticaneuecyr-bold'; font-size: 20px; color: #5a5a5a; margin: 20px 0 10px 0; display: block; }
.aboutus p{ line-height: 36px; font-size: 16px; color: #494949; display: block; }

.teacher{ padding-bottom: 80px; }
.teacher h1{ line-height: 40px; font-family: 'helveticaneuecyr-bold'; font-size: 30px; color: #383838; margin-bottom: 30px; display: block; }
.owl-teacher{  }
.owl-teacher img{ width: 100%; display: block; }
.owl-teacher .owl-dots{ display: none; }
.owl-teacher .owl-nav{ }
.owl-teacher .owl-nav button{ position: absolute; top: 50%; z-index: 1; width: 40px; height: 40px; margin-top: -20px; outline: none; }
.owl-teacher .owl-nav button span{ display: none; }
.owl-teacher .owl-nav button.owl-prev{ left: -50px; background: #828282 url(../images/icon/arrow-left.png) no-repeat center center; background-size: auto 18px; }
.owl-teacher .owl-nav button.owl-next{ right: -50px; background: #828282 url(../images/icon/arrow-right.png) no-repeat center center; background-size: auto 18px; }
.owl-teacher .owl-nav button.owl-prev:hover{ background-color: #e60012; }
.owl-teacher .owl-nav button.owl-next:hover{ background-color: #e60012; }

.h15{ height: 15px; }
.mtitle{ padding: 30px 0; text-align: center; }
.mtitle h1{ position: relative; height: 42px; line-height: 30px; font-family: 'helveticaneuecyr-bold'; font-size: 30px; color: #272727; margin-bottom: 8px; display: block; }
.mtitle h1:after{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 27px; height: 2px; margin: 0 auto; background: #20242a; content: ''; }
.mtitle p{ line-height: 28px; font-size: 16px; color: #747474; display: block; }
.contact{ }
.contact i{ width: 118px; height: 118px; border-radius: 100%; background-color: #e60012; background-repeat: no-repeat; background-position: center center; margin: 30px auto 10px auto; display: block; }
.contact i.ico1{ background-image: url(../images/ico1.png); }
.contact i.ico2{ background-image: url(../images/ico2.png); }
.contact i.ico3{ background-image: url(../images/ico3.png); }
.contact i.ico4{ background-image: url(../images/ico4.png); }
.contact h5{ line-height: 44px; text-align: center; font-size: 24px; color: #353333; text-transform: uppercase; display: block; }
.contact h6{ line-height: 24px; text-align: center; font-size: 16px; color: #9c9c9c; display: block; }
.cshare{ width: 200px; height: 40px; margin: 0 auto; }
.cshare a{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #2d2d2d; margin: 0 5px; float: left; display: block; }
.cshare a:hover{ color: #e60012; }
.online{ padding-bottom: 80px; }
.online .input{ width: 560px; height: 43px; line-height: 21px; font-size: 14px; color: #666; padding: 10px 15px; border: 1px solid #bfbfbf; float: left; margin: 10px 20px; }
.online .textarea{ width: 1160px; height: 151px; float: none; }
.online .submit{ width: 160px; height: 43px; font-size: 14px; color: #fff; margin: 10px auto; text-transform: uppercase; border: 0; background: #222; cursor: pointer; display: block; }

.join{ padding-bottom: 50px; }
.join a{ padding: 30px 40px 40px 40px; height: 320px; border: 2px solid #494949; margin-top: 20px; display: block; }
.join a h1{ height: 40px; line-height: 40px; font-family: 'helveticaneuecyr-medium'; font-size: 24px; color: #494949; text-transform: capitalize; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.join a h6{ width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #494949; border: 2px solid #494949; margin-top: 20px; display: block; }
.join a p{ height: 96px; line-height: 24px; font-size: 16px; color: #909090; display: block; overflow: hidden; }
.join a span{ line-height: 30px; font-size: 16px; color: #909090; margin-bottom: 10px; display: block; }
.join a:hover{ border-color: #e60012; background: #e60012; }
.join a:hover h1{ color: #fff; }
.join a:hover h6{ border-color: #fff; color: #fff; }
.join a:hover p{ color: #fff; }
.join a:hover span{ color: #fff; }

.pager{ margin: 0 0 50px 0; }
.pager span,
.pager a{ padding: 0 5px; margin: 0 5px; line-height: 30px; font-size: 14px; color: #777; text-transform: capitalize; }
.pager a:hover{ color: #e60012; }

.mactivity{ padding: 20px 0 30px 0; overflow: hidden; }
.mactivity a{ width: 200px; height: 36px; line-height: 34px; text-align: center; font-size: 14px; color: #606060; border: 1px solid #606060; border-radius: 2px; margin-right: 10px; float: left; display: block; }
.mactivity a:hover,
.mactivity a.on{ background: #e60012; color: #fff; border-color: #e60012; }
.mactivitys{ }
.mactivitys h1{ line-height: 44px; font-family: 'helveticaneuecyr-bold'; font-size: 30px; color: #1f1f1f; margin-bottom: 10px; display: block; }
.mactivitys p{ line-height: 24px; font-size: 14px; color: #494949; display: block; }
.mactivitys ul li{ width: 390px; margin: 15px 15px 40px 0; float: left; overflow: hidden; }
.mactivitys ul li:nth-child(3n){ margin-right: 0; }
.mactivitys ul li a{ display: block; }
.mactivitys ul li a .pic{ width: 390px; height: 220px; line-height: 220px; text-align: center; display: block; overflow: hidden; }
.mactivitys ul li a .pic img{ width: 100%; height: 100%; vertical-align: top; display: inline-block; }
.mactivitys ul li a .ptitle{ height: 130px; padding-top: 15px; }
.mactivitys ul li a .ptitle h1{ height: 32px; line-height: 32px; font-size: 18px; color: #494949; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mactivitys ul li a .ptitle p{ height: 72px; line-height: 24px; font-size: 14px; color: #909090; display: block; overflow: hidden; }
.mactivitys ul li a:hover .ptitle h1{ color: #e60012; }

.mCourse{ padding: 20px 0 30px 0; overflow: hidden; }
.mCourse a{ width: 100px; height: 36px; line-height: 34px; text-align: center; font-size: 14px; color: #606060; text-transform: capitalize; border: 1px solid #606060; border-radius: 2px; margin-right: 10px; float: left; display: block; }
.mCourse a:hover,
.mCourse a.on{ background: #e60012; color: #fff; border-color: #e60012; }
.mCourses{ }
.mCourses ul li{ width: 390px; margin: 0 15px 40px 0; float: left; overflow: hidden;}
.mCourses ul li:nth-child(3n){ margin-right: 0; }
.mCourses ul li .pic{ position: relative; width: 390px; height: 220px; line-height: 220px; text-align: center; display: block; overflow: hidden; }
.mCourses ul li .pic img{ width: 100%; height: 100%; vertical-align: top; display: inline-block; }
.mCourses ul li .pic a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.4) url(../images/zoom.png) no-repeat center center; display: none; }
.mCourses ul li .ptitle{ height: 160px; padding-top: 15px; }
.mCourses ul li .ptitle h1{ height: 40px; line-height: 40px; font-size: 24px; color: #494949; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mCourses ul li .ptitle p{ line-height: 24px; font-size: 14px; color: #909090; display: block; }
.mCourses ul li .ptitle p font{ color: #565656; }
.mCourses ul li .ptitle a{ width: 120px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #888888; margin-top: 20px; text-transform: capitalize; background: #dcdcdc; display: block; }
.mCourses ul li:hover .pic a{ display: block; }
.mCourses ul li:hover .ptitle h1{ color: #e60012; }
.mCourses ul li:hover .ptitle a{ color: #fff; background: #e60012; }

.mService{ padding-bottom: 50px; overflow: hidden; }
.mService h1{ line-height: 44px; font-family: 'helveticaneuecyr-bold'; font-size: 30px; color: #1f1f1f; margin-bottom: 10px; display: block; }
.mService p{ line-height: 24px; font-size: 14px; color: #494949; display: block; }
.mService ul li{ width: 590px; margin: 20px 20px 0 0; float: left; overflow: hidden; }
.mService ul li:nth-child(2n){ margin-right: 0; }
.mService ul li a{ display: block; }
.mService ul li a .pic{ width: 590px; height: 290px; line-height: 290px; text-align: center; display: block; overflow: hidden; }
.mService ul li a .pic img{ width: 100%; height: 100%; vertical-align: top; display: inline-block; }
.mService ul li a .ptitle{ height: 160px; padding: 20px 30px; background: #eeeeee; }
.mService ul li a .ptitle h1{ height: 34px; line-height: 34px; font-size: 24px; color: #494949; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mService ul li a .ptitle p{ height: 72px; line-height: 24px; font-size: 14px; color: #6c6c6c; display: block; overflow: hidden; }
.mService ul li a:hover .ptitle{ background: #e60012; }
.mService ul li a:hover .ptitle h1{ color: #fff; }
.mService ul li a:hover .ptitle p{ color: #fff; }

.signup{ background: #ececec; margin-bottom: 50px; }
.signup img{ display: block; }
.signups{ padding: 30px; }
.signups h3{ line-height: 36px; font-size: 18px; color: #e60012; margin: 0 30px 0 30px; text-transform: uppercase; display: block; }
.signups p{ line-height: 24px; font-size: 14px; color: #6e6e6e; margin: 0 30px; display: block; }

.form{ padding: 20px; border: 1px solid #bfbfbf; background: #fff; overflow: hidden; }
.form h1{ height: 22px; line-height: 16px; font-size: 20px; color: #838383; text-transform: uppercase; display: block; }
.form .sign-item{ width: 50%; height: 28px; float: left; margin: 12px 0; }
.form .sign-item span{ width: 70px; line-height: 28px; padding-right: 10px; font-size: 14px; color: #838383; text-align: right; float: left; display: block;  }
.form .sign-item span font{ color: #e60012; }
.form .sign-item .sinput{ height: 28px; line-height: 20px; padding: 3px 10px; border: 1px solid #bfbfbf; float: left; display: block; }
.form .sign-item .sreset,
.form .sign-item .ssubmit{ width: 101px; height: 28px; font-size: 14px; color: #fff; border: 0; border-radius: 2px; cursor: pointer; display: block; }
.form .sign-iteml span{ width: 70px; }
.form .sign-iteml .sinput{ width: 170px; }
.form .sign-iteml .sreset{ background: #434343; float: right; margin-right: 20px; }
.form .sign-itemr span{ width: 100px; }
.form .sign-itemr .sinput{ width: 140px; }
.form .sign-itemr .ssubmit{ background: #e60012; float: left; margin-left: 20px; }

.activitysd ,
.mServiced { padding-bottom: 40px; }
.activitysd img,
.mServiced img{ margin-bottom: 20px; display: block;  }

.mCoursesd{ padding: 20px 0 100px 0; }
.mCimg{ position: relative; height: 347px; }
.mCimg1{ position: absolute; top: 50%; left: 0; z-index: 0; background: #de321d; width: 650px; height: 191px; margin-top: -112px; }
.mCimg1 img{ height: 175px; margin-top: 8px; display: block; }
.mCimg2{ position: absolute; top: 0; right: 0; z-index: 1; height: 347px; }
.mCimg2 img{ height: 347px; display: block; }
.mCtitle{ position: absolute; top: 10px; left: 0; z-index: 1; line-height: 30px; font-size: 26px; font-weight: bold; color: #222; }
.mCtitles{ position: absolute; bottom: 10px; left: 0; z-index: 1; }
.mCtitles h1{ line-height: 36px; font-size: 20px; color: #222; display: block; }
.mCtexT{ padding-top: 30px; line-height: 30px; font-size: 16px; color: #33333A; list-style-type: disc; }
.mCtexT p{ position: relative; padding-left: 20px; }
.mCtexT p:before{ position: absolute; top: 12px; left: 0; width: 6px; height: 6px; border-radius: 4px; background: #666; content: ''; }


.floatings{ position: fixed; right: 10px; bottom: 10px; z-index: 1001; width: 202px; height: auto; padding: 10px; background-color: rgba(0, 0, 0, 0.3); }
.floatings h1{ line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin-top: -5px; margin-bottom: 5px; display: block; }
.floatings .floatform>div{ float: left; height: 30px; margin: 0 0 5px 0; }
.floatings .floatform>div:last-child{ margin: 0; }
.floatings .floatform .floatinput{ width: 182px; height: 30px; padding: 5px 10px; line-height: 20px; font-size: 12px; color: #636363; border: 0; background-color: #fff; }
.floatings .floatform .floatsubmit{ width: 182px; height: 30px; font-size: 12px; color: #fff; border: 0; background-color: #fd8a0f; cursor: pointer; }

.mactivitysd{ padding-bottom: 50px; line-height: 30px; font-size: 14px; color: #33333A; overflow: hidden; }
.mactivitysd h1{ line-height: 30px; font-size: 20px; font-weight: bold; color: #33333A; margin-top: 10px; display: block; }
.mactivitysd p{ line-height: 30px; font-size: 14px; color: #33333A; display: block;  }
.mactivitysd img{ width: auto; margin: 10px 0; display: block; }

.joinsd{ padding-bottom: 50px; line-height: 30px; font-size: 14px; color: #33333A; }
.joinsd h1{ line-height: 40px; font-size: 24px; font-weight: bold; color: #33333A; display: block; }
.joinsd h2{ line-height: 30px; font-size: 20px; font-weight: bold; color: #33333A; display: block; }
.joinsd h3{ line-height: 30px; font-size: 16px; color: #33333A; display: block; }
.joinsd p{ line-height: 30px; font-size: 14px; color: #33333A; display: block; }
.joinsd a{ line-height: 30px; font-size: 16px; font-weight: bold; color: #f00; display: block; }

.floatingimg{ position: fixed; left: 10px; top: 60%; z-index: 1001; width: 198px; height: 104px; margin-top: -150px;  }
.floatingimg a{ display: block; }
.floatingimg a img{ width: 100%; display: block; }