.modularOne{ height: 14.28rem; background: url("../images/banner/banner1.jpg") no-repeat center; -webkit-background-size: 100%; background-size: 100%; padding: 0 .25rem;}
.modone1{ width: .76rem; border-bottom: 1px solid #fff; margin-top: 2rem;}
.modone2{ height: auto; overflow: hidden; zoom: 1; margin-top: .35rem;}
.modone2 span, .modone2 i{ display: block; float: left; color: #fff;}
.modone2 i{ width: .28rem; height: .08rem; border-top: 1px solid #fff; border-right: 1px solid #fff; margin: .11rem 0 0 .2rem;}
.modone3{ margin-top: .5rem;}
.modone3 img{ width: 6.4rem;}
.modone4{ color: #fff; font-size: .5rem; font-family: SimSun; margin-top: .3rem;}
.modone5{ color: #8f8f8f; font-size: .18rem; margin-top: .2rem; line-height: .30rem}
.modone6{ margin-top: .4rem; margin-top: .4rem;}
.modone6 a{ font-size: .3rem; display: inline-block; line-height: .64rem; color: #dcdcdc; border: 1px solid #fff; padding: 0 .2rem;}
.seleye{ display: block; width: .84rem; height: .84rem; margin: 4rem auto 0;}
.seleye img{ width: 100%;}

.modularTwo{ width: 6.3rem; margin: -.68rem auto 1rem; -webkit-box-shadow: 0 0 15px 0 #d7d7d7; -moz-box-shadow: 0 0 15px 0 #d7d7d7; box-shadow: 0 0 15px 0 #d7d7d7; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 .35rem;}
.moten1 h2{ font-size: .3rem; color: #343242; margin-top: .8rem;}
.moten1 p{ color: #d2d2d2; margin-top: .2rem;}
.moten1 span{ display: block; width: .9rem; height: 2px; background: #c6c6c6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-top: .4rem;}
.moten2{ text-align: right; margin-top: .8rem;}
.moten2 h2{ font-size: .48rem; font-family: SimSun; color: #5ec6d3;}
.moten2 span{ display: block; font-family: SimSun; color: #2a2a2a; font-size: .4rem; margin: .2rem 0 .4rem 0;}
.moten2 p{ font-size: .26rem; color: #989898; line-height: .4rem; margin-bottom: .2rem;}

.modularThree{ padding: 0 .25rem;}
.roupOne, .roupTwo{ height: auto; overflow: hidden; zoom: 1;}
.roupOne h2{ font-size: .3rem; color: #343242; margin-top: .8rem;}
.roupOne p{ color: #d2d2d2; margin-top: .2rem;}
.roupOne span{ display: block; width: .9rem; height: 2px; background: #c6c6c6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-top: .4rem; float: right;}
.th-l{ text-align: left;}
.th-l span{ float: left;}
.th-r{ text-align: right;}
.th-r span{ float: right;}
.roup-l{ text-align: left;}
.roup-r{ text-align: right;}
.roupTwo h2{ margin-top: .8rem; font-size: .48rem; font-family: SimSun; color: #5ec6d3;}
.roupTwo h2 i{ color: #2a2a2a;}
.roupTwo span{ display: block; font-family: SimSun; color: #2a2a2a; font-size: .4rem; margin: .2rem 0 .4rem 0;}
.roupTwo p{ font-size: .26rem; color: #989898; line-height: .4rem; margin-bottom: .2rem;}

.modularFour{ padding: 0 .25rem;}
.mart1 p{ margin-top: .8rem;}
.mart2 h2{ margin-top: .2rem;}

.lb-n1, .lb-n2{ height: auto; overflow: hidden; zoom: 1;}
.lb-n1{ width: 100%; height: 9rem; overflow: hidden;}
.lb-n1 img{ width: 100%; height: 9rem;}
.lb-n2 h4{ font-size: .4rem; color: #474747; font-weight: bold; margin-top: .5rem;}
.lb-n2{ padding: 0 .2rem; margin-bottom: .8rem;}
.lb-n2 p.p1{ color: #838383; margin-top: .2rem;}
.lb-n2 p.p2{ font-size: .3rem; color: #5ec6d3; margin-top: .3rem;}
.lb-n2 p.p3{ color: #838383; line-height: .44rem; margin-top: .2rem;}
.lbLeft{ background: url("../images/icon/leftjt.png") no-repeat center; width: .8rem; height: .8rem; -webkit-background-size: .8rem; background-size: .8rem; opacity: .3; margin-top: 0; top: 4.2rem; left: 0;}
.lbRight{ background: url("../images/icon/rightjt.png") no-repeat center; width: .8rem; height: .8rem; -webkit-background-size: .8rem; background-size: .8rem; opacity: .3; margin-top: 0; top: 4.2rem; right: 0;}

.modularFive{ padding: 0 .25rem 2px; margin-bottom: 1.2rem;}
.nodufive-n1{ text-align: center;}
.nodufive-n1 > p{ font-size: .42rem; color: #3b3b3b; margin-top: .8rem;}
.nodufive-n1 > div{ width: 100%; height: .3rem; line-height: .3rem; position: relative; text-align: center; margin-top: .2rem;}
.nodufive-n1 > div span{ padding: 0 .2rem; background: #fff; position: relative; z-index: 1; color: #c0c0c0; font-size: .24rem;}
.nodufive-n1 > div i{ width: 4.4rem; border-bottom: 1px solid #ccc; position: absolute; top: 50%; left: 50%; margin-left: -2.2rem;}
.nodufive-n2{ margin-top: .4rem;}
.nodufive-n2 p{ color: #6d6d6d; line-height: .6rem; text-indent: .58rem;}
.qylogn{ margin-top: .6rem; -webkit-box-shadow: 0 0 1px 0 #ddd; -moz-box-shadow: 0 0 1px 0 #ddd; box-shadow: 0 0 1px 0 #ddd;}
.qylogn ul{ padding: 2px; height: auto; overflow: hidden; zoom: 1;}
.qylogn ul li{ width: 33.333333%; float: left; height: 1rem;}
.qylogn ul li a{ display: block; height: 1rem; display: flex; align-items: center; justify-content: center; -webkit-box-shadow: 0 0 1px 0 #ddd; -moz-box-shadow: 0 0 1px 0 #ddd; box-shadow: 0 0 1px 0 #ddd;}
.qylogn ul li a img{ max-width: 90%; max-height: 1.2rem;}

.modularSix{ padding: 0 .25rem;}
.modustit{ text-align: center;}
.modustit h2{ font-size: .44rem; font-family: SimSun; margin-top: .5rem;}
.modustit span{ display: block; margin: .15rem auto; width: .64rem; border-bottom: 2px solid #ebebeb;}
.modustit p{ font-size: .32rem;}
.course{ margin-top: .5rem; padding-bottom: .45rem;}
.coustlist{ width: 100%; height: 1rem; text-align: center; position: relative;}
.coustlist p{ font-size: .4rem; font-family: SimSun; padding-top: .12rem;}
.coustlist span{ font-size: .24rem; color: #808080; display: block; margin-top: .1rem;}
.coustlist i{ display: block; width: 6px; height: 6px; border: 2px solid #b2b2b2; position: absolute; display: none;}
.coustlist i.cu1{ top: 0; left: 0; border-right: 0; border-bottom: 0;}
.coustlist i.cu2{ top: 0; right: 0; border-left: 0; border-bottom: 0;}
.coustlist i.cu3{ bottom: 0; right: 0; border-left: 0; border-top: 0;}
.coustlist i.cu4{ bottom: 0; left: 0; border-right: 0; border-top: 0;}
.coustlist em{ display: block; width: .32rem; height: .2rem; background: url("../images/icon/folt.jpg") no-repeat center; -webkit-background-size: .32rem .2rem; background-size: .32rem .2rem; position: absolute; left: 50%; margin-left: -.16rem; bottom: -.42rem; display: none;}
.shuger{ position: absolute; bottom: .2rem; left: 0; width: 100%; border-bottom: 1px solid #ebebeb;}
.cou-on p{ color: #5ec6d3}
.cou-on span{ color: #5ec6d3}
.cou-on i{ display: block;}
.cou-on em{ display: block;}
.straimg, .straimg img{ width: 7rem; height: auto;}
.straimg{ margin-top: .34rem; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 0;}
.lclist ul li{ height: auto; overflow: hidden; zoom: 1; color: #787878; line-height: .5rem; text-align: center; margin-top: .3rem; display: none;}
.lclist ul li.lclist-on{ display: block;}
.ocks{ display: none;}

.modularSeven{ background: #f4f4f4; padding: 0 .25rem; margin-top: .6rem;}
.sentit{ margin-top: .8rem;}
.sentit p.p1{ width: 1.3rem; border-bottom: 1px solid #a9a9a9;}
.sentit p.p2{ font-size: .48rem; font-family: SimSun; font-weight: bold; margin-top: .24rem;}
.sentit p.p2 span{ color: #5ec6d3;}
.sentit p.p3{ font-size: .4rem; font-family: SimSun; font-weight: bold; margin-top: .3rem;}
.sentit p.p4{ color: #999; font-size: .26rem; line-height: .4rem; margin-top: .3rem;}

/*pbl*/
#container{ position:relative; width: 6.8rem; margin-top: .4rem; margin-left: .24rem; margin-bottom: .6rem;}
.grid{ background:#fff; font-size:12px; float:left; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.grid img{ width: 100%;}
.grid:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}

.abtCont{ padding: 0 .25rem;}
.fmy-left{ text-align: left;}
.fmy-right{ text-align: right;}
.at-fmy{ height: auto; overflow: hidden; zoom: 1; margin-bottom: 1.4rem;}
.at-fmy p{ height: auto; overflow: hidden; zoom: 1;}
.at-fmy p.p1{ color: #5ec6d3; margin-top: .56rem;}
.at-fmy p.p2{ font-size: .24rem; color: #cfcfcf; margin-top: .1rem;}
.at-fmy p.p3{ font-size: .38rem; font-family: SimSun; margin-top: .4rem;}
.at-fmy p.p3 span{ color: #5ec6d3;}
.at-fmy p.p4{ font-size: .34rem; font-family: SimSun; margin-top: .2rem;}
.at-fmy p.p5 span{ display: inline-block; border-bottom: 1px solid #c4a961; font-size: .24rem; margin-top: .4rem; padding-bottom: .1rem;}
.abtAll{ height: auto; overflow: hidden; zoom: 1; padding: .5rem .25rem; background: #fafafa; text-align: center;}
.abtAll h2{ font-size: .42rem;}
.abtAll p{ height: .3rem; position: relative; margin-top: .24rem;}
.abtAll span{ position: relative; z-index: 1; background: #fafafa; line-height: .3rem; padding: 0 .24rem; font-size: .24rem; color: #c0c0c0;}
.abtAll i{ display: block; width: 4.7rem; border-bottom: 1px solid #E6E6E6; position: absolute; top: 50%; left: 50%; margin-left: -2.35rem;}

.comepic{ padding: 0 .25rem; position: relative; margin-top: 1rem;}
.picfolt{ position: absolute; background: #fff; top: 4.8rem; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; padding: .3rem;}
.picfolt p.p1{ font-size: .24rem; color: #5ec6d3;}
.picfolt p.p2{ font-size: .24rem; color: #cfcfcf; margin-top: .2rem;}
.picfolt p.p3{ font-size: .38rem; color: #5ec6d3; font-family: SimSun; margin-top: .3rem;}
.picfolt p.p4{ font-size: .3rem; color: #2a2a2a; margin-top: .2rem;}
.picfolt-left{ left: .25rem; text-align: right;}
.picfolt-right{ text-align: right; right: .25rem; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; text-align: left;}
.topnum1{ top: 6.5rem;}
.topnum2{ top: 6.4rem;}
.matibtm{ margin-bottom: .9rem;}
.marbtn{ margin-bottom: .8rem;}

/*news*/
.news{ padding: 0 .25rem; margin-top: .35rem; margin-bottom: .5rem;}
.news ul li{ border-bottom: 1px solid #E6E6E6; padding-bottom: .35rem; margin-bottom: .35rem;}
.news ul li a{ display: block; width: 100%; font-size: 0; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.news ul li a img{ width: 100%;}
.news ul li h2{ font-size: .3rem; margin-top: .4rem; line-height: .4rem;}
.news ul li p{ font-size: .26rem; color: #9a9a9a; margin-top: .16rem; line-height: .4rem;}
.news ul li:last-child{ border-bottom: none;}

.detal{ padding: 0 .25rem;}
.detaltm{ text-align: center; padding: .5rem 0; border-bottom: 1px solid #E6E6E6;}
.detaltm h2{ font-size: .36rem; font-weight: bold; line-height: .5rem;}
.detaltm p{ color: #9a9a9a; font-size: .26rem; margin-top: .2rem;}
.detailCnt{ padding: 0 .25rem; margin-top: .4rem; line-height: .5rem; color: #5c5c5c !important; margin-bottom: .6rem;}
.detailCnt img{ height: auto !important; width: 100% !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important;}

.catalog{ display: flex; height: .4rem; align-items: center; justify-content: space-between; width: 7rem; margin: .4rem auto; border-top: 1px solid #E6E6E6; padding-top: .4rem;}
.catalog a.cata-l{ display: block; width: .9rem; height: .4rem; background: url("../images/icon/left.png") no-repeat center;
    -webkit-background-size: .9rem;
    background-size: .9rem;}
.catalog a.cata-c{ display: block; width: .4rem; height: .4rem; background: url("../images/icon/mulu.png") no-repeat center;
    -webkit-background-size: .34rem;
    background-size: .34rem;}
.catalog a.cata-r{ display: block; width: .9rem; height: .4rem; background: url("../images/icon/right.png") no-repeat center;
    -webkit-background-size: .9rem;
    background-size: .9rem;}

.cantat{ padding: 0 .25rem; color: #333; margin-top: .6rem;}
.cantat h2{ font-size: .36rem; font-weight: bold;}
.cantat p.p1{ font-size: .38rem; margin-top: .3rem;}
.cantat p.p2{ font-size: .28rem; margin-top: .25rem;}
.cantat p.p3{ font-size: .24rem; color: #9c9c9c; margin-top: .2rem; line-height: .3rem;}
.cantat p.p4{ font-size: .24rem; margin-top: .2rem;}

.erwma{ margin: .6rem 0; width: 2.6rem; text-align: center; padding: 0 .25rem;}
.erwma img{ width: 2.6rem; height: 2.6rem;}
.erwma p{ margin-top: .2rem; font-size: .2rem;}

.serverLogo{ text-align: center; margin-top: 3.5rem;}
.serverLogo img{ width: 2.4rem;}
.sertit{ color: #fff; text-align: center;}
.sertit p.p1{ margin-top: .5rem; font-size: .56rem; line-height: .8rem;}
.sertit p.p2{ font-size: .26rem; color: #89898b; margin-top: .25rem;}
.sertit p.p3{ color: #89898b; margin-top: .25rem; line-height: .4rem;}
.selmer{ height: auto; overflow: hidden; zoom: 1;}
.selmer a{ display: block; width: 2.4rem; margin: auto; color: #89898b; text-align: center; margin-top: 4rem;}
.selmer a span{ display: block; height: .24rem; background: url("../images/icon/linkmo.png") no-repeat center; -webkit-background-size: .24rem; background-size: .24rem; margin-top: .2rem;}
.alone{ padding: 2rem .25rem; height: auto; overflow: hidden; zoom: 1; text-align: center;}
.kiten{ padding: 0 .5rem; color: #989898; margin-top: -.8rem;}
.kiten p{ line-height: .7rem;}
.pdCnt{ padding: 0 .25rem;}

.reflect{ height: 6.44rem; background: url("../images/img-017.jpg") no-repeat center; -webkit-background-size: 7.5rem; background-size: 7.5rem; text-align: center; overflow: hidden;}
.reflect h2{ font-size: .38rem; color: #fff; margin-top: .8rem;}
.reflect span{ display: block; width: .8rem; border-bottom: 1px solid #d5d5d5; margin: .2rem auto;}
.reflect p{ font-size: .24rem; color: #626263;}

.testing{ width: 6.3rem; margin: -4rem auto 0; background: #fff; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius: .2rem; -webkit-box-shadow: 0 0 .3rem 0 #ddd; -moz-box-shadow: 0 0 .3rem 0 #ddd; box-shadow: 0 0 .3rem 0 #ddd; padding: 0 .3rem; overflow: hidden;}
.tes-n1{ margin-top: .8rem;}
.tes-n1 h2{ font-size: .44rem; font-family: SimSun;}
.tes-n1 h2 span{ color: #5ec6d3;}
.tes-n1 p{ font-size: .32rem; margin-top: .2rem;}
.tes-n2{ font-size: .3rem; line-height: .6rem; color: #5e5e5e; margin: .4rem 0 .6rem 0;}

.serTwo{ padding: 0 .3rem;}
.serTwo > div{ height: auto; overflow: hidden; zoom: 1;}
.sertn1{ font-size: .3rem; color: #343242; margin-top: 1.5rem;}
.sertn1 span, .sertn1 i{ display: block; float: left;}
.sertn1 i{ width: 1.8rem; height: .2rem; border: 1px solid #dbdbdb; border-left: none; border-bottom: none; margin-left: .2rem; margin-top: .1rem;}
.sertn2{ font-size: .24rem; color: #d2d2d2; margin-top: .4rem;}
.sertn3{ font-size: .6rem; color: #282828; margin-top: .2rem;}
.sertn3 h2{}
.sertn3 span{ color: #5ec6d3;}
.sertn3 p{ font-size: .42rem; margin-top: .1rem;}
.sertn4{ font-size: .244rem; color: #989898; line-height: .5rem; margin-top: .5rem;}

.abtAllsize h2{ font-size: .3rem;}
.alonemar{ padding: 1rem .25rem 2.2rem .25rem;}
.selmermar a{ margin-top: 2.14rem;}
.uskh{ padding: 1rem .25rem; text-align: center;}
.uskh h2{ font-size: .34rem; line-height: .5rem;}
.uskh span{ display: block; width: .8rem; border: 1px solid #e5e5e5; margin: .2rem auto;}
.uskh p{ font-size: .24rem; color: #999; line-height: .36rem;}
.uskhBG{ background: #fafafa;}

.img-001{ width: 5.9rem; margin: .8rem auto 1.1rem auto !important;}
.img-002{ width: 6.9rem; margin: 1rem auto 1.2rem auto !important;}
.img-004{ margin-top: .7rem !important;}
.img-005{ margin-top: .2rem !important;}
.img-006{ margin-top: .2rem !important;}
.img-007{ margin-top: 0 !important;}
.img-010{ width: 2.8rem;}
.img-011{ width: 7.2rem; float: right;}
.img-012{ width: 7.5rem;}
.img-013{ margin-top: .8rem !important;}
.img-014{ margin: .5rem auto 1rem auto !important;}
.img-015{ margin-top: .8rem !important;}
.img-016{ width: 6.5rem; margin: .3rem auto .8rem auto !important;}
.img-018{ margin-top: 1rem !important;}
.img-019{ margin: .6rem auto !important;}
.img-021{ width: 5rem; margin: .6rem auto !important;}
.img-022{ width: 6.9rem; margin: .6rem auto 2rem auto !important;}
.img-023{ width: 2.8rem;}
.img-026{ margin: .5rem auto 1rem auto !important; width: 5.8rem;}
.img-027{ width: 6.4rem; margin: 1.2rem auto !important;}
.img-028{ width: 6.9rem; margin: 1.2rem auto !important;}
.img-031{ width: 6.8rem; margin: 1.2rem auto !important;}
.img-033{ width: 5.9rem; margin: .8rem auto 1rem auto !important;}
.img-034{ width: 6.25rem; margin: 1.2rem auto !important;}
.img-035{ width: 5.1rem; margin: 1.2rem auto !important;}
.img-036{ width: 4.9rem; margin: 1.2rem auto !important;}
.img-037{ width: 5.9rem; margin: 1.2rem auto !important;}
.img-038{ width: 6.4rem; margin: 1.2rem auto !important;}


.contact-fixed{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1.2rem;
    background: #333333;
}
.contact-fixed ul{
    display: flex;
    align-items: center;
    height: 1.2rem;
}
.contact-fixed ul li{
    width: 33.3%;
    border-left: 1px rgba(255,255,255,0.08) solid;
    text-align: center;
}
.contact-fixed ul li:first-child{
    border-left: none;
}
.contact-fixed ul li a{
    display: inline-block;
    line-height: 1.2rem;
    color: #ffffff;
    padding-left: 0.5rem;
}
.contact-fixed ul li:nth-child(1) a{
    background: url("../images/c1.png") left center no-repeat;
    background-size: auto 0.31rem;
}
.contact-fixed ul li:nth-child(2) a{
    background: url("../images/c2.png") left center no-repeat;
    background-size: auto 0.31rem;
}
.contact-fixed ul li:nth-child(3) a{
    background: url("../images/c3.png") left center no-repeat;
    background-size: auto 0.37rem;
}
.message-fixed{
    display: none;
    position: fixed;
    width: 6.7rem;
    left: 50%;
    top: 20%;
    opacity: 0;
}
.message-content{
    background: #ffffff;
    border-radius: 4px;
    position: relative;
    padding: 0.35rem 0.35rem;
}
.mlogo{
    position: absolute;
    top: -0.77rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1.54rem;
    height: 1.54rem;
}
.mlogo img{
    display: block;
    width: 1.54rem;
    height: 1.54rem;
}
.message-title{
    font-size: 0.42rem;
    text-align: center;
    height: 1.54rem;
    color: #4db9c7;
    background: url("../images/mssage-bg.png") center no-repeat;
    background-size: auto 1.54rem;
    padding-top: 0.75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.message-content .form{
    margin-top: 0.15rem;
}
.message-content ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}
.message-content ul li input{
    width: 100%;
    height: 0.8rem;
    border: 1px #e5e5e5 solid;
    padding: 0 0.34rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.message-content ul li input.yzm{
    width: 3.1rem;
}
.message-content ul li .yzm-img{
    width: 2.65rem;
    height: 0.9rem;
}
.message-content ul li .submit{
    width: 100%;
    height: 0.95rem;
    border: none;
    background: #4db9c7;
    color: #ffffff;
    font-size: 0.34rem;
    border-radius: 4px;
    margin-top: 0.4rem;
}
.message-fixed .mclose{
    background: url("../images/fclose.png") center no-repeat;
    background-size: 0.7rem auto;
    width: 0.7rem;
    height: 0.7rem;
    margin: 0.3rem auto 0;
}