.leftnav.active{float:none;position:fixed;top:0}
.common-banner{width:100%;height:100%;position:relative}
.common-banner img{width:100%;min-height:150px;vertical-align:middle}
.positiondiv{height:50px;line-height:50px;background:#f9f9f9;font-size:14px;color:#333}
.positiondiv .icon-shouye{font-size:18px;margin-right:5px}
.positiondiv .icon-arr-left{margin:0 3px;font-size:10px}
.positiondiv a:hover{color:#004a9a}
.conmmonmain{width:100%;padding:50px 0;background:#fff}
.commonheight{padding:30px 0}
.leftnav{width:260px;overflow:hidden}
.leftnav h1{width:260px;height:150px;line-height:150px;text-align:center;font-size:24px;color:#fff;background:url(../images/leftbg_03.jpg) no-repeat}
.leftnav ul{background:#f9f9f9;padding-bottom:30px}
.rightcon{width:900px;overflow:hidden}
.rightcon h2{height:55px;line-height:55px;border-bottom:1px solid #eee;font-size:22px;color:#000;margin-top:-10px}
.rightcon h2 span{width:4px;height:22px;background:#004a9a;display:inline-block;margin-right:10px;vertical-align:middle}
.mobile-ejcd{display:none}
.aboutdiv{font-size:16px;line-height:30px;color:#333}
.aboutdiv img{width:100%;display:block}
.contactdiv ul li{font-size:15px;margin-bottom:15px}
.contactdiv ul li img{vertical-align:middle;margin-right:5px}
.contactdiv .map{width:898px;height:348px;border:1px solid ddd}
.growth-tab{margin:0 auto 20px auto}
.growth-tab a{display:inline-block;margin-right:10px;padding:0 20px;height:40px;border:1px solid #ddd;border-radius:5px;color:#303030;text-align:center;font-size:14px;line-height:40px}
.growth-tab .active{border-color:#004a9a;background:#004a9a;color:#fff}
.course-event{margin-left:45px;border-left:1px solid #ebebeb}
.course-event h3{margin:0 0 30px -40px;padding:18px 0;width:80px;height:44px;border-radius:50%;background:#f6f6f6;color:#303030;text-align:center;font-weight:700;font-size:24px;line-height:30px;border:1px solid #da231e}
.course-event h3 em{display:block;color:#a3a3a3;font-size:12px;line-height:14px}
.course-event ul li{position:relative;padding-bottom:25px;padding-left:90px;font-size:14px}
.course-event li em{position:absolute;top:0;left:0;padding-left:15px;height:30px;color:#a3a3a3;line-height:30px}
.course-event li em:before{position:absolute;top:10px;left:-5px;width:10px;height:10px;border-radius:50%;background:#da231e;content:""}
.course-event li p{position:relative;padding-left:20px;color:#303030;line-height:30px}
.course-event li p:before{position:absolute;top:12px;left:0;width:5px;height:5px;border-radius:50%;background:#a3a3a3;content:""}
.event-content{display:none}
.newsdiv li{width:100%;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ededed}
.newsdiv li .riqi{width:90px;padding:5px 10px;box-sizing:border-box;border:1px solid #dcdcdc;line-height:34px;font-size:14px;color:#333;text-align:center;transition:background-color .6s,color 50ms,border-color .2s;font-family:Arial!important}
.newsdiv li:hover .riqi{background-color:#004a9a;color:#fff;border-color:#004a9a}
.newsdiv li .riqi .ri{width:100%;line-height:56px;font-size:39px;border-bottom:1px solid #dcdcdc;transition:all .2s;font-family:Arial!important}
.newsdiv li:hover .riqi .ri{border-color:#fff}
.newsdiv li .wzi{width:88%}
.newsdiv li .wzi .tou{width:100%;line-height:40px;font-size:16px;color:#000;height:40px;overflow:hidden;display:block;transition:all .2s}
.newsdiv li:hover .wzi .tou{color:#004a9a}
.newsdiv li .wzi .shen{width:100%;line-height:24px;font-size:14px;color:#888;height:48px;overflow:hidden}
.newsdiv .newsicon{width:233px;height:174px;overflow:hidden}
.newsdiv .newsicon img{width:100%}
.newsdiv .newsfont{width:72%}
.newsdiv .newsfont h3 a{font-size:16px;color:#000;height:45px;line-height:45px;overflow:hidden}
.newsdiv .newsfont h3 span{float:right;font-size:13px;color:#666}
.newsdiv .newsfont .xq{width:100%;line-height:24px;font-size:14px;color:#666;height:48px;overflow:hidden}
.newsdiv .newsfont .more-xq{width:108px;height:30px;line-height:32px;text-align:center;background:#fff;font-size:14px;color:#333;display:block;margin-top:30px;border:1px solid #ddd;transition:all .2s}
.newsdiv li:hover .newsfont .more-xq{background:#004a9a;color:#fff;border:1px solid #004a9a;transition:all .2s}
.newsdiv li:hover .newsfont h3 a{color:#004a9a}
.newsdiv li:hover .newsicon img{transition:all .5s;transform:scale(1.1);-webkit-transform:scale(1.1)}
.newstop{text-align:center;border-bottom:1px dashed #e4e4e4;padding-bottom:20px;margin-bottom:20px}
.newstop h1{font-size:22px;color:#000;height:40px;line-height:40px;overflow:hidden}
.newstop p span{color:#888;font-size:13px;display:inline-block;text-align:center;margin:0 10px}
.newsdetail{font-size:15px;color:#333;line-height:28px}
.newsdetail p{font-size:16px;line-height:35px}
.typepage{border-top:1px dashed #e4e4e4;padding-top:20px;margin-top:20px;font-size:15px}
.typepage a{font-size:15px}
.typepage a:hover{color:#004a9a}
.xcyydiv ul{width:930px}
.xcyydiv ul li{width:281px;margin-right:28px;margin-bottom:20px;text-align:center;float:left}
.xcyydiv .xcyyicon{width:100%;height:195px;overflow:hidden}
.xcyydiv .xcyyicon img{width:100%}
.xcyydiv p{font-size:15px;height:45px;line-height:45px;overflow:hidden}
.xcyydiv ul li:hover .xcyyicon img{transition:all .5s;transform:scale(1.1);-webkit-transform:scale(1.1)}
.xcyydiv ul li:hover p{color:#004a9a}
.joinabout{font-size:14px;line-height:24px;color:#666}
.join_dt{background:#f3f3f3;color:#666;margin:10px 0;width:880px;padding:0 0 0 20px;font-size:15px;height:48px;line-height:48px;cursor:pointer;overflow:hidden;position:relative}
.join_dt span{border-right:1px solid #eaeaea;padding-right:10px;margin-right:10px}
.join_dt:hover{color:#004a9a}
.joinlist #open{color:#004a9a}
.joinlist .list_dt_icon{position:absolute;right:0;top:0;display:block;width:43px;height:50px;background:url(../images/JOIN_06.png) no-repeat;transition:all .2s}
.joinlist #open .list_dt_icon{background:url(../images/join_03.png) no-repeat;transition:all .2s}
.join_dd{display:none;padding:0 20px}
.join_dd h3{font-size:16px;font-weight:700;margin:0}
.join_dd p{font-size:14px;line-height:24px;color:#666}
@media only screen and (min-width:1024px) and (max-width:1245px){
.conmmonmain{padding:50px 0}
.commonheight{padding:20px 0}
.leftnav{width:200px;overflow:hidden}
.leftnav h1{width:200px;height:130px;line-height:130px;font-size:22px}
.rightcon{width:770px;overflow:hidden}
.rightcon h2{height:50px;line-height:50px;font-size:20px}
.aboutdiv{font-size:15px;line-height:30px}
.contactdiv .map{width:768px;height:298px;border:1px solid ddd}
.course-event h3{font-size:17px;width:75px;height:45px;padding:15px 0;margin:0 0 32px -40px}
.newsdiv li{padding-bottom:25px;margin-bottom:25px}
.newsdiv li .riqi{width:80px;padding:2px 8px;line-height:30px}
.newsdiv li .riqi .ri{line-height:56px;font-size:35px}
.newsdiv li .wzi .tou{font-size:15px}
.newsdiv .newsfont{width:67%}
.newstop h1{font-size:20px}
.typepage a{font-size:14px}
.newsdetail{font-size:14px}
.xcyydiv ul{width:790px}
.xcyydiv ul li{width:247px;margin-right:15px}
.xcyydiv .xcyyicon{height:170px;overflow:hidden}
.xcyydiv p{font-size:14px;overflow:hidden}
.join_dt{font-size:14px;height:50px;line-height:50px;width:750px}
.join_dd h3{font-size:14px}
}
@media only screen and (min-width:768px) and (max-width:1024px){
.common-banner{padding-top:90px}
.conmmonmain{padding:40px 0}
.commonheight{padding:20px 0}
.leftnav{display:none}
.rightcon{width:100%}
.rightcon h2{height:50px;line-height:50px;font-size:20px}
.aboutdiv{font-size:14px;line-height:26px}
.contactdiv .map{width:100%;height:auto}
.growth-tab a{height:36px;line-height:36px}
.course-event ul li{padding-left:60px}
.course-event h3{font-size:16px;width:65px;height:40px;padding:12px 0;margin:0 0 30px -34px}
.course-event h3 em{margin-top:-6px}
.newsdiv li{padding-bottom:25px;margin-bottom:25px}
.newsdiv li .riqi{width:80px;padding:2px 8px;line-height:30px}
.newsdiv li .riqi .ri{line-height:56px;font-size:35px}
.newsdiv li .wzi .tou{font-size:15px}
.newsdiv .newsicon{width:26%;height:auto;overflow:hidden}
.newsdiv .newsfont{width:72%}
.newsdiv .newsfont h3 a{font-size:15px;height:40px;line-height:40px}
.newsdiv .newsfont .more-xq{width:108px;margin-top:20px;transition:all .2s}
.newstop{padding-bottom:15px;margin-bottom:15px}
.newstop h1{font-size:18px;color:#000;height:40px;line-height:40px;overflow:hidden}
.newsdetail{font-size:14px;line-height:28px}
.newsdetail img{min-width:100%;width:100%}
.typepage{padding-top:15px;margin-top:15px;font-size:14px}
.typepage .type-l,.typepage .type-r{width:100%;height:30px;line-height:30px;float:none;overflow:hidden}
.typepage a{font-size:14px}
.xcyydiv ul{width:100%}
.xcyydiv ul li{width:48%;margin:0 1% 0 1%;margin-bottom:20px}
.xcyydiv .xcyyicon{width:100%}
.xcyydiv p{height:40px;line-height:40px}
.joinabout{font-size:13px}
.join_dd h3{font-size:14px}
.join_dd p{font-size:13px}
.join_dt{margin:10px 0;width:95%;padding:0 0 0 5%;font-size:13px;height:45px;line-height:45px}
.joinlist .list_dt_icon{top:-2px;display:block;transition:all .2s}
}
@media only screen and (max-width:768px){
.common-banner{padding-top:80px}
.conmmonmain{padding:30px 0}
.commonheight{padding:20px 0}
.leftnav{display:none}
.rightcon{width:100%}
.rightcon h2{height:45px;line-height:45px;font-size:18px}
.mobile-ejcd{display:block}
.mobile-ejcd{width:100%;margin-bottom:20px}
.mobile-ejcd ul li{width:25%;float:left;height:32px;line-height:32px;text-align:center;background:#eee}
.mobile-ejcd ul li span{font-size:5px}
.mobile-ejcd ul li a{color:#333;font-size:12px}
.mobile-ejcd ul li.active333{background:#da231e}
.mobile-ejcd ul li.active333 a{color:#fff}
.aboutdiv{font-size:14px;line-height:26px}
.contactdiv .map{width:100%;height:auto}
.growth-tab a{height:36px;line-height:36px}
.course-event ul li{padding-left:60px}
.course-event h3{font-size:16px;width:65px;height:40px;padding:12px 0;margin:0 0 30px -34px}
.course-event h3 em{margin-top:-6px}
.newsdiv li{padding-bottom:25px;margin-bottom:25px}
.newsdiv li .riqi{width:85px;padding:2px 0;height:30px;line-height:30px;float:none;border:0;text-align:left}
.newsdiv li .riqi .ri{width:30px;line-height:30px;font-size:22px;border-bottom:0;float:left;vertical-align:middle}
.newsdiv li .wzi{float:none;width:100%}
.newsdiv li .wzi .tou{font-size:15px}
.newsdiv .newsicon{width:100%;height:auto;overflow:hidden}
.newsdiv .newsfont{width:100%}
.newsdiv .newsfont h3 a{font-size:15px;height:40px;line-height:24px}
.newsdiv .newsfont h3 span{float:none;display:block;margin-top:8px}
.newsdiv .newsfont .xq{height:25px}
.newsdiv .newsfont .more-xq{width:108px;margin-top:15px;transition:all .2s}
.newstop{padding-bottom:15px;margin-bottom:15px}
.newstop h1{font-size:18px;color:#000;height:40px;line-height:40px;overflow:hidden}
.newsdetail{font-size:14px;line-height:28px}
.newsdetail img{min-width:100%;width:100%}
.typepage{padding-top:15px;margin-top:15px;font-size:14px}
.typepage .type-l,.typepage .type-r{width:100%;height:30px;line-height:30px;float:none;overflow:hidden}
.typepage a{font-size:14px}
.xcyydiv ul{width:100%}
.xcyydiv ul li{width:100%;margin-right:0;margin-bottom:20px;float:none}
.xcyydiv .xcyyicon{width:100%;height:auto}
.xcyydiv p{height:40px;line-height:40px}
.joinabout{font-size:13px}
.join_dd h3{font-size:14px}
.join_dd p{font-size:13px}
.join_dt{margin:10px 0;width:95%;padding:0 0 0 5%;font-size:13px;height:45px;line-height:45px}
.joinlist .list_dt_icon{top:-2px;display:block;transition:all .2s}
}