@charset "utf-8";
@font-face {
    font-family: 'dinCond-Medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
.secbanner{ height:210px; width:100%; margin-top:100px; box-sizing:border-box; padding-top:70px;}
.img{ max-width:100%;}
.secbanner h3{ font-size:36px; color:#fff; line-height:42px;}
.secbanner p{ font-size:16px; color:#fff; line-height:30px;}
.bread{ border-bottom:1px solid #ddd;}
.bnav,.bnav a{ font-size:14px; color:#666; line-height:54px;}
.bnav{ padding-left:30px; background:url(../images/breads.png) no-repeat 0 center;}
.bnav a:hover{ color:#006fc3; }
.bread .container{ position:relative;}
.tiird{ position:absolute; width:224px; height:270px; background:url(../images/atop.png) no-repeat; top:0; right:15px; text-align:center; color:#fff; box-sizing:border-box; padding-top:30px;}
.tiird p{font-size:16px; color:#fff; line-height:24px;}
.tiird h2{font-size:90px; color:#fff; line-height:90px; font-weight:bold;}
.tiird h2 small{font-size:16px; color:#fff;font-weight:normal;}
.about h2{font-size:30px; color:#006fc4; line-height:40px; margin:70px 0 15px;}
.about h4{font-size:15px; color:#666; line-height:24px; font-weight:normal; background:url(../images/grey.png) no-repeat 0 bottom; padding-bottom:20px;}
.about p{font-size:15px; color:#666; line-height:26px; width:100%; max-width:800px; margin-top:40px; margin-bottom:60px;}
.tabout{ height:280px; width:100%; text-align:center; padding:1px;box-sizing:border-box; margin-bottom:30px;}
.t1{ background:url(../images/a1.jpg) no-repeat center; background-size:cover;}
.t2{ background:url(../images/a2.jpg) no-repeat center; background-size:cover;}
.t3{ background:url(../images/a3.jpg) no-repeat center; background-size:cover;}
.study{ width:200px; height:200px; border-radius:50%; box-sizing:border-box; background-color:rgba(0,0,0,0.4); text-align:center; color:#fff; padding-top:40px; margin:35px auto 0;}
.about .study h3{ font-size:24px; color:#fff; line-height:32px; padding-bottom:14px; background:url(../images/white.png) no-repeat center bottom; margin-bottom:15px;}
.about .study p{ font-size:18px; color:#fff; line-height:26px; margin:0;}
.about .study a{ display:inline-block; width:110px; line-height:36px; background-color:#fff; font-size:14px; text-align:center; color:#333; visibility:hidden; display:none;}
.tabout:hover .study{ width:100%; height:100%; border-radius:0px; margin:0; padding-top:76px;}
.tabout:hover{ padding:0;}
.tabout:hover .study a{ visibility:visible; display:block; margin:20px auto 0;}
.tabout:hover .study a:hover{ background-color:#006fc3; color:#fff;}
.eight{ border-top:1px solid #ccc; margin-top:30px; padding-top:20px;}
.choice{font-size:36px; color:#333; font-weight:bold; text-align:center; line-height:90px;}
.choice span{font-size:90px; color:#b22734; font-weight:bold; font-style:italic;}
.chose{font-size:18px; color:#666; font-weight:normal; text-align:center; line-height:26px; margin-bottom:50px;}
.good{ width:100%;  box-sizing:border-box; margin-bottom:50px;} 
.good ul{ height:100%; box-sizing:border-box;}
.good ul li{ width:25%; float:left; height:100%; border-right:1px solid #e5e5e5; padding:0 2%; box-sizing:border-box;}
.good ul li:nth-child(4){ border-right:none; }
.good ul li div{ display:block; height:265px; box-sizing:border-box;text-align:center; color:#fff; padding-top:10%;} 
.good ul li div:first-child{ border-bottom:1px solid #e5e5e5; } 
.good ul li div h3{ font-size:18px; color:#333; font-weight:bold; line-height:30px;} 
.good ul li div p{ font-size:13px; color:#ccc; font-family:Arial; line-height:24px; position: relative; text-transform:uppercase;} 
.good ul li div p:after{ content:''; display:block; position:absolute; left:50%; width:1px; height:24px; background-color:#ccc; top:30px;transition: all 0.6s;} 
.good ul li div h4{ font-size:16px; color:#666; font-weight:normal; line-height:30px; margin-top:34px; transition: all 0.6s;} 
.good ul li div img{ display:block; margin:10px auto;transition: all 0.6s;}
.good ul li div:hover img{ transform:translateY(-10px)} 
.good ul li div:hover p:after{ height:30px;}
.good ul li div:hover h4{margin-top:40px; }
.dfooter{ background-color:#006fc4; padding:55px 0 40px; position:relative;}
.dfooter p,.dfooter a{font-size:14px; color:#fff; line-height:24px;}
.dfooter a:hover{ color:#e4e5e5; }
.dfooter .right{ text-align:right;}
.dfooter .right img{ display:inline-block; }
.dfooter .right strong{font-size:24px; color:#fff; font-weight:normal; line-height:34px; display:block; font-weight:bold;}
.dtop{ position:absolute; top:50px; left:50%; margin-left:-27px; cursor:pointer;}
@media screen and (max-width:1200px){
.dtop{ display:none;}
}
@media screen and (max-width:1024px){
.secbanner{ margin-top:72px; }
}
@media screen and (max-width:768px){
.secbanner{ margin-top:54px; }
.dfooter{ padding:25px 0 80px; position:relative;}
}
@media screen and (max-width:992px){
.tiird{ display:none;}
.about h2{font-size:20px; line-height:32px; margin:30px 0 0px;}
.about h4{ padding-bottom:10px;}
.about p{ margin-top:20px; margin-bottom:30px;}
.choice{font-size:22px; line-height:40px;}
.choice span{font-size:30px;}

}
@media screen and (max-width:600px){
.bnav,.bnav a{line-height:46px;}
.good ul li{ width:50%; }
.good ul li:nth-child(2n){ border:none;}
.good ul li div{ border-bottom:1px solid #e5e5e5;} 
.good ul li div h4{ font-size:14px; line-height:24px; }
.secbanner h3{ font-size:20px; color:#fff; line-height:34px;}
.dfooter .right{ float:none; text-align:center; margin:0 !important;}
}
/*学车*/
.bread .bnaxc{ text-align: right;}
.bread .bnaxc a{font-size:16px; color:#666; line-height:54px; padding:0 10px; margin:0 10px; display:inline-block; position:relative;} 
.bread .bnaxc a.active:after{ display:block; content:''; width:70px; height:2px; background-color:#b22734; left:50%; margin-left:-35px; bottom:0px; position:absolute;}
.bread .bnaxc a.active{ color:#b22734;}
.bread .bnaxc a:hover{ color:#b22734;}
 .sart{ padding-top:3%;}
.service-tab{float:left;padding-top:70px;width:13%;border-right:1px solid #ddd;text-align:right; }
.service-tab li{position:relative;margin-bottom:50px;padding:0 50px 0 0}
.service-tab li.sel .icon,.service-tab li:hover .icon{background:#006fc4; color:#fff;}
.service-tab li:nth-child(1) .icon p{ padding-top:30px; background:url(../images/cx1.png) no-repeat center 4px;}
.service-tab li:nth-child(2) .icon p{ padding-top:30px; background:url(../images/cx2.png) no-repeat center 4px;}
.service-tab li:nth-child(3) .icon p{ padding-top:30px; background:url(../images/cx3.png) no-repeat center 4px;}
.service-tab li:nth-child(4) .icon p{ padding-top:30px; background:url(../images/cx4.png) no-repeat center 4px;}
.service-tab li.sel:nth-child(1) .icon p,.service-tab li.sel:nth-child(1):hover .icon p{ padding-top:30px; background: url(../images/xc1.png) no-repeat center 4px;}
.service-tab li.sel:nth-child(2) .icon p,.service-tab li.sel:nth-child(2):hover .icon p{ padding-top:30px; background: url(../images/xc2.png) no-repeat center 4px;}
.service-tab li.sel:nth-child(3) .icon p,.service-tab li.sel:nth-child(3):hover .icon p{ padding-top:30px; background: url(../images/xc3.png) no-repeat center 4px;}
.service-tab li.sel:nth-child(4) .icon p,.service-tab li.sel:nth-child(4):hover .icon p{ padding-top:30px; background: url(../images/xc4.png) no-repeat center 4px;}
.swiper-slide table tr th{ line-height:34px; text-align:center; background-color:#dbe7f8; font-size:15px; color:#333;}
.swiper-slide table tr td{ line-height:26px; text-align:center;  font-size:15px; color:#333; vertical-align:middle;}
.site p{ font-size:16px; text-align:center; line-height:56px; color:#333;}
 
.service-tab .icon{display:inline-block;box-sizing:border-box;padding:15px 0 0;width:92px;height:92px;border-radius:100%;background:#eee;text-align:center;cursor:pointer;transition:all .35s; font-size:16px;}
.service-tab i{display:inline-block;width:41px;height:42px;background:url(../images/server-icon.png)}
.service-tab li.sel i,.service-tab li:hover i{background-image:url(../images/server-icon-hover.png)}
.service-tab .icon2{background-position:-41px 0}
.service-tab .icon3{background-position:-82px 0}
.service-tab .icon4{background-position:-123px 0}
.service-tab .arrow{position:absolute;top:50%;right:0;display:none;margin-top:-8px;width:0;height:0;border:8px solid #006fc4;border-color:transparent #006fc4 transparent transparent}
.service-tab li.sel .arrow{display:block}
.service-swiper{position:relative;float:left;overflow:hidden;box-sizing:border-box;margin-left:-1px;padding-left:5%;width:87%;height:1100px; padding-top:4%;}
.service-swiper h3{ color:#333;font-size:30px;line-height:50px; margin-bottom:20px;}
.service-swiper h4{color:#006fc4;font-size:14px;line-height:30px}
.service-swiper p{ color:#666;font-size:16px;line-height:26px; margin-bottom:10px;}
.service-swiper img{margin-bottom:5%;width:100%}
.service-page-sub{position:absolute;top:7.6%;right:4%;z-index:9}
.service-next,.service-prev{display:block;width:19px;height:12px;background:url(../images/icon.png);background-position:-203px 0;cursor:pointer}
.service-prev:hover{background-position:-183px 0}
.service-next{margin-top:24px;background-position:-243px 0}
.service-next:hover{background-position:-223px 0}
.stores-box-field{overflow:hidden}
.stores-box{position:relative;margin-top:325px;padding-bottom:37.5%}
.stores-swiper{position:absolute;top:0;right:0;bottom:0;left:0}
.stores-text{position:absolute;right:7.8%;left:7.8%;margin-top:-130px;height:260px;background:#b7965c;text-transform:uppercase}
.stores-text-l{float:left;margin-left:17%;color:#fff}
.stores-text-l h3{margin-top:74px;font-size:43px}
.stores-text-l p{margin-top:10px;font-size:14px}
.stores-text-r{float:right;margin-top:74px;margin-right:6%;width:39px;text-align:center}
.stores-text-r p{margin-top:22px;color:#fff;font-size:14px}
.ui-page .swiper-pagination-bullet{background:0 0!important}
.store-items{margin:0 22% 5.2%;font-size:0}
.store-items img{width:100%}
.sites{ overflow:hidden;}
.sites img{ transition:all .5s; width:100%;} 
.sites:hover img{ transform:scale(1.05)} 
.circuit .tab_menu{overflow:hidden; position:relative; background:url(../images/gline.png) repeat-x 0 136px;}
/*.circuit .tab_menu:before{ content:''; display:block; width:100%; height:0px; border-bottom:1px dashed #ccc; left:0; top:136px; position:absolute;z-index:5;}*/
.circuit .tab_menu li{width:12.5%;float:left;text-align:center;cursor:pointer;}
.circle{ width:94px; height:102px; background:url(../images/greys.png) no-repeat center; margin:0 auto 25px; font-size:30px; line-height:90px; font-weight:bold; color:#666}
.circuit .tab_menu li span{ display:block; width:20px; height:20px; border-radius:50%; border:3px solid #ccc; margin:0 auto; background-color:#fff; z-index:10;}
.circuit .tab_menu li h4{ line-height:36px; font-size:14px; color:#333; font-weight:bold;}
.circuit .tab_menu li.current .circle{ background:url(../images/blued.png) no-repeat center; color:#fff;}
.circuit .tab_menu li.current span{ border-color:#006fc4;}
.circuit .tab_menu li.current a{color:#333;}
.circuit .tab_box{padding:30px 0;}
.circuit .tab_box .hide{display:none;}
.circuit .tab_box h2{line-height:40px; font-size:24px; color:#006fc4; font-weight:bold; margin-top:30px;}
.circuit .tab_box h3{line-height:40px; font-size:24px; color:#b22734; font-weight:bold; }
.padtab{ display:none;}
@media screen and (max-width:1300px){
.service-swiper{ height:1100px;}
}
@media screen and (max-width:992px){
.table_container{ max-width:100%; overflow-x:auto;}
.page-con,.circuit .tab_menu li span{ display:none; }
.padtab{ display:block;}
.service-tab .icon{ padding:10px 0 0;width:80px;height:80px; font-size:15px;}
.circle{ width:60px; height:102px; background:url(../images/greys.png) no-repeat center; background-size:100%;  font-size:20px; }
.circuit .tab_menu li.current .circle{ background:url(../images/blued.png) no-repeat center;  background-size:100%;  color:#fff;}
.circuit .tab_menu li h4{ line-height:20px; margin-top:10px; }
.circuit .tab_box h2{line-height:34px; font-size:20px;  font-weight:bold; margin-top:0px;}
.circuit .tab_box h3{line-height:34px; font-size:20px; font-weight:bold; }
.padtab ul li h2.padname{ font-size:20px; line-height:34px; text-align:center; margin:20px auto;}
.padtab ul li h3{ font-size:20px; line-height:34px; text-align:center; margin:20px auto;}
.padtab ul li .sarts h3{font-size:18px; line-height:30px; text-align:left; margin:0px;}
.padtab p{ font-size:15px; line-height:28px; color:#444;}
}

@media screen and (max-width:768px){
.service-tab{float:none; width:100%; border:none;border-bottom:1px solid #ddd;text-align:center; }
.service-tab li{ width:25%; float:left; margin-bottom:20px; padding:0; text-align:center;}
.service-tab .arrow{ top:auto;right:auto; bottom:-20px; left:50%; margin-left:-8px; margin-top:0px;border:8px solid #006fc4;border-color:transparent  transparent #006fc4 transparent}
.service-tab{ padding-top:30px; }
.service-swiper{ margin-left:0px;padding-left:0%;width:100%;height:1000px; padding-top:4%;}
.swiper-slide table tr th{ word-break:keep-all;}
.swiper-slide table tr td{ word-break:keep-all;}
.service-swiper h3{ font-size:20px; margin-bottom:10px;}
.service-swiper p{ font-size:14px;line-height:24px; }
.site p{ font-size:14px; line-height:40px; }
}
@media screen and (max-width:600px){
.service-tab .icon{ width:70px;height:70px; font-size:14px;}
.circuit .tab_menu{ background:none;}
.circuit .tab_menu li{width:25%; }
.circle{ width:100%; height:30px; background:none; margin:0 auto 10px; font-size:16px; line-height:40px; }
.circuit .tab_menu li.current .circle{ color:#006fc4;}
.circuit .tab_menu li.current .circle{ background:none; color:#006fc4;}
.service-swiper{ height:1300px;}
.bread .bnaxc a{font-size:14px; line-height:30px; padding:0 0 10px; margin:0; width:25%; text-align:center; display:inline-block; position:relative;}
.bread .bnaxc{ text-align:left;}
}

.cview{ margin-top:60px;}
.charbours{ display:block; border-bottom:1px solid #e9e9e9; margin-bottom:40px; position:relative; overflow:hidden;}
.charbours div{ position:relative;}
.charbours div img{ width:100%; transition:all 0.5s;}
.charbours:hover div img{ transform:scale(1.05);}
.charbours p{ float:right; font-size:14px; color:#666; padding:0 15px; text-decoration:none; position:relative;  overflow:hidden; line-height:30px;margin:20px 0; border:1px solid #ccc;}
.charbours h3{ float:left; font-size:18px;  color:#333; line-height:30px; margin:20px 0;}
.charbours p span{ float:right;}
.charbours strong{ position:absolute; left:0; top:0; width:0%; height:100%; background-color:#187ab9; z-index:0; transition:all 0.3s;}
.charbours:hover div p{ opacity:1; }
.charbours:hover strong{ width:100%;}
.charbours:hover p , .charbours:hover p span{ color:#006fc4;}
/*翻页*/
.pages{padding-top:20px; margin:0 auto 50px; height:60px; text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; line-height:38px;
    color: #333;
    margin: 0 2px;
    width:42px; height:40px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #006fc4; text-decoration: none; color:#fff;width:42px; height:40px; line-height:38px; background-color:#006fc4; font-size:14px;}
.pages span { display:inline-block; border: 1px solid #006fc4;  background-color:#006fc4;color: #fff; line-height:38px; width:42px; height:40px; font-size:14px; margin:0 2px;}
.pages a:first-child , .pages a:last-child{ border:none;}
@media (max-width:768px) {
.cview{ margin-top:30px;}
.charbours{ margin-bottom:30px; }
.pages{ padding-top:0px; margin:0 auto 20px; }
}
.techgraff{height:820px; margin:40px 0;}
.techgraff .swiper-container{width:100%; margin-left:auto;margin-right:auto}
.techgraff .swiper-slide{background-size:cover;background-position:center}
.techgraff .gallery-top{height:80%;width:100%}
.techgraff .gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0}
.techgraff .gallery-thumbs .swiper-slide{height:100%;opacity:.6}
.techgraff .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.teachers{ padding:40px 0 30px;}
.teachers h2{font-size:36px; color:#333; line-height:42px; margin:30px 0 20px;}
.teachers h2 small{font-size:18px; color:#b22734; font-weight:normal;}
.teachers,.teachers p{font-size:16px; color:#666; line-height:26px;}
.charge{ display:inline-block; width: 110px; height:40px; background: #006fc4; color: #fff; text-align: center;line-height:40px; margin-right:20px; transition:all 0.5s; margin-top:30px;}
.charge:hover{ background: #b22532; color:#fff; }
.nest{ margin:50px 0 30px; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 0;}
.nest a{font-size:16px; color:#666; line-height:26px; }
.return{ display:inline-block; width: 110px; height:40px; background: #eeeeee; color: #555; text-align: center;line-height:40px; border-radius:2px;}
.return:hover{ background: #006fc4; color:#fff; }
@media (max-width:1400px) {
.techgraff{height:600px; }
}
@media (max-width:1200px) {
.techgraff{height:500px; }
}
@media (max-width:992px) {
.teachers{ padding:20px 0 30px;}
.teachers h2{font-size:24px; margin:0px 0 20px;}
.techgraff{height:820px; margin:30px 0 20px;}
}
@media (max-width:768px) {
.techgraff{height:400px; margin:30px 0 0px;}
.nest{ margin:30px 0 20px; padding:10px 0;}
}
@media (max-width:400px) {
.techgraff{height:260px; margin:30px 0 0px;}
}

.newtop h2{ font-size:30px; color:#333; font-weight:bold; margin:40px 0 30px;}
.quanzi{ overflow:hidden; margin:10px 0 40px;}
.quanzi .zixun01{}
.quanzi h2{ font-size:30px; color:#333; font-weight:bold; padding-bottom:30px; padding-top:30px;}

.quanzi .zixun01{ border-top: 1px solid #e7e7e7; background-color: #006fc4; position: relative; background-size: cover; cursor:default; padding-left:2.5%; padding-right:2.5%; margin-bottom:9px;}
.quanzi .zixun01 .bg{ background-color: #fff; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; transition: all 600ms ease 0s; }
.quanzi .zixun01 .fc{ width:100%; overflow: hidden; margin: 0px auto; position: relative; z-index: 1; padding: 40px 0px; font: 14px/1.8 "microsoft yahei"; color: #575757;}
.quanzi .zixun01 .fc h3{ font-size:18px; font-weight:bold; color:#333; background:url(../images/hheng.jpg) no-repeat bottom left;padding-bottom:25px; margin-bottom:25px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.quanzi .zixun01 .fc p{ -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; font-size:14px; line-height:24px; height:48px; overflow:hidden;}

.quanzi .zixun01 .fc .fc_left{ float:left; width:90%}
.quanzi .zixun01 .fc .fc_right{ float:right;width:10%;}
.quanzi .zixun01 .fc .fc_right span{ display:block;color:#b5b5b5;font-family:'dincond-medium','微软雅黑';font-size:18px; text-align:right;}
.quanzi .zixun01 .fc .fc_right b{ display:block; color:#b5b5b5;font-family:'dincond-medium','微软雅黑';font-size:30px; font-weight:normal;text-align:right;}
.quanzi .zixun01 .fc .fc_right i{ display:block; width:37px; height:37px; border:1px solid #bcbcbc; border-radius:50%; background:url(../images/y.png) no-repeat center; float:right;}

.quanzi .zixun01:hover .bg{ width: 0px;}
.quanzi .zixun01:hover .fc h3{ margin-left:5px; color: #fff;background:url(../images/baiheng.jpg) no-repeat bottom left; }

.quanzi .zixun01:hover p{margin-left:5px; color: #eee;}
.quanzi .zixun01:hover .fc .fc_right b{color: #fff;}
.quanzi .zixun01:hover .fc .fc_right span{color: #fff;}
.quanzi .zixun01:hover .fc .fc_right i{border:1px solid #fff;background:#fff url(../images/yl.png) no-repeat center; }

@media (max-width:992px) {
.quanzi .zixun01 .fc{padding:20px 0}
.quanzi .zixun01 .fc h3{font-size:16px;padding-bottom:15px;margin-bottom:15px;margin-top:0;line-height:30px}
.quanzi .zixun01 .fc .fc_left{float:none;width:100%}
.quanzi .zixun01 .fc .fc_right{float:none;width:100%}
.quanzi .zixun01 .fc .fc_right span{text-align:left}
.quanzi .zixun01 .fc .fc_right b{text-align:left}
.quanzi .zixun01 .fc .fc_right i{display:block;float:left}
}
.topnew a{ display:block; width:100%; overflow:hidden; background-color:#fbfbfb;}

.xwpic { float:left; width:32%;}
.xwpic img { width:100%;}
.xwlun .carousel-indicators { display:none;}
.xwlun .carousel-control { width:35px; height:36px; opacity:1; top:inherit; left:inherit;}
.topnew .left { background:none; background:url(../images/xwleft.jpg) no-repeat; right:39px; float:right;}
.xwlun .carousel-control.right { background:none; background:url(../images/xwright.jpg) no-repeat;}
.xwlun .item {background:#E5EFF6; overflow:hidden; max-height:242px; }
.xwyou { width:68%; float:left; padding:4% 3%; padding-bottom:10px;}
.xwyou h3 { font-size:24px; height:40px; line-height:40px; color:#b22734; font-weight:bold; overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.xwyou span{ display:block; font-size:20px; line-height:24px; color:#333; margin-top:10px;font-family:'dincond-medium';}
.xwyou p {  font-size:14px; line-height:24px; color:#666; margin-top:10px; height:48px; overflow:hidden;}
.xwsj { padding-top:15px;}
.xwsj i { font-style:normal; font-size:14px; color:#999; margin-right:10px;}
@media (max-width: 1200px){
.xwyou h3 { font-size:20px; height:30px; line-height:30px;}
.xwyou { padding:2%; }
}

@media (max-width: 900px){
.xwpic { width:35%;}
.xwyou { width:65%; float:left; padding:10px 15px; padding-bottom:10px;}
}
@media (max-width: 767px){
.xwpic { width:100%;}
.xwyou { width:100%; padding:20px 15px; padding-bottom:60px;}
.xwyou h3 { font-size:16px; height:30px; line-height:30px;}
.newtop h2{ font-size:20px; margin:20px 0 20px;}
.quanzi h2{ font-size:20px; padding-bottom:10px; padding-top:20px;}

}
.topnew .owl-dots{ display:none;}
.topnew .owl-nav{ position:absolute; right:0; bottom:0px;}
.newtop .owl-nav button span{ display:block; padding:2px 18px 8px; font-size:26px; color:#666; line-height:30px; background-color:#dadbdd; }
.newtop .owl-nav button:hover span{ color:#fff; background-color:#0b63b8; }
.newtop .owl-nav button.owl-prev span{ margin-right:3px;}

/*文章详情*/
.cover { padding-top:40px;}
.article{ font-size:16px; color:#666; line-height:26px; margin:20px 0 80px;}
.article p{ font-size:16px; color:#666; line-height:30px; margin-bottom:15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.article_title{font-size:34px; color:#333333; line-height:40px; font-weight:bold; margin:50px 0 14px;}
.article_time{font-size:14px; color:#a2a2a2; line-height:40px; margin-right:40px;}
.returns{ margin:30px 0; display:block; background-color:#006fc4; text-align:center; color:#fff; line-height:42px; }
.returns:hover{ background-color:#ccc; color:#006fc4; }
.recommend{ margin-top:40px; margin-bottom:50px;}
.recommend h2{font-size:20px; color:#00407d; line-height:36px; font-weight:bold; margin-bottom:15px; margin-top:5px;}
.recommend ul li{background-color:#eeeeee;  display:block; padding:20px 15px;  margin-bottom:15px;}
.recommend ul li h3{font-size:15px; color:#666; line-height:30px; height:30px; overflow:hidden; font-weight: normal; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li p{font-size:18px; color:#333; line-height:36px;  font-weight:bold; }
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li:hover h3 a{ color:#006fc4;}
@media (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin:30px 0 0;}
.bottom_link a{width: 46px;margin:0 5px;height:46px;line-height:46px;}
.article , .bottom_link{ margin-bottom:30px;}
.recommend{ margin-bottom:30px;}
}
.apply h2{ font-size:36px; color:#333; line-height:42px; font-weight:bold; margin:60px 0 10px; text-align:center;}
.apply h3{ font-size:16px; color:#b22734; line-height:22px; font-weight:normal; text-align:center; margin-bottom:60px;}
.apply input{ line-height:47px; background-color:#fff; border:none; height:47px; margin-bottom:30px; color:#333;border-radius:0;}
.apply textarea{ background-color:#fff; border:none; line-height:30px; margin-bottom:50px;}
.apply button{ display:block; margin:0 auto 60px; width:210px; line-height:46px; background-color:#f00101; font-size:16px; color:#fff; padding:0; border:0; border-radius:0;}
@media (max-width:768px) {
.apply h2{ font-size:20px; line-height:42px; margin:20px 0 0px; }
.apply h3{ margin-bottom:30px;}
.apply input{ margin-bottom:20px; }
.apply button{ margin:0 auto 40px; width:180px;  }
.apply textarea{ margin-bottom:30px;}
}

/*job*/
.jot{
	padding-left:55px;
	}
.jot span{
	display:block;
	width:20%;
	float:left;
	line-height:52px;
	height:52px;
	overflow:hidden;
	background:#004F8C;
	color:#fff;
	text-align:center;
	font-size:16px;
	}
.jotis span{
	border-right:1px solid #568AB3;
	line-height:61px;
	height:61px;
	font-size:17px; font-weight:bold;
	}	
.jotis  span:last-child { border:none;}	
.jod > span{
	background:#ebebeb;
	color:#444;
	cursor:pointer;
	transition:300ms;
	-webkit-transition:300ms;
	font-size:14px;
	}
.jotxs{ position:relative; margin-bottom:5px; } 
.jos{
	padding-left:55px;
	display:none;
	}
.jos .bodr{
	border:1px solid #eee;
	padding:30px 2%;
	border-top:0;
	}
.jos .bodr span{
	display:block;
	border-top:1px solid #eee;
	padding-top:20px;
	margin-top:15px;
	}
.jos .bodr span a{ display:inline-block; width:120px; line-height:40px; text-align:center; color:#fff; font-size:14px;border:1px solid #0079D6; background-color:#0079D6;}
.jos .bodr span a:hover { border:1px solid #0079D6; background:#fff; color:#666;}
.jotxs .line{
	background:#02438E;
	display:block;
	position:absolute;
	cursor:pointer;
	}
.jotxs .line_1{
	width:21px;

	height:1px;
	top:23px;
	left:15px;
	}
.jotxs .line_2{
	width:1px;
	height:21px;
	top:13px;
	left:25px;
	}
.jotxs .arrow{
	width:55px;
	height:47px;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	transition:300ms;
	-webkit-transition:300ms;
	}
.jotxs:hover .jod > span,
.jotxs.act .jod > span {
	background:#0079D6; color:#fff;
	}
.jotxs.act .arrow{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	} 
.ppw {margin:50px auto; } 
.arrow .line{ margin-left:0px;} 
.jos p{ font-size:14px; color:#666; line-height:28px;}
.jos h3{ font-size:16px; color:#0079D6; line-height:36px; font-weight:bold;}

@media screen and (max-width:641px){
.jot span:nth-child(3){ display:none; }
.jot span { width:25%;}
.jotis span{font-size:15px; font-weight:bold;}
}
@media screen and (max-width:475px){
.jot span:nth-child(2){ display:none; }
.jot span{ width:33.33%; }
.jot { padding-left: 30px; }
.jotxs .arrow { width: 30px; }
.jotxs .line_1 { left: 0; }
.jotxs .line_2 { left: 10px; }
.jos { padding-left: 30px; }
.jotxs { margin-bottom:5px; }

}
@media screen and (max-width:361px){
.jot span{ font-size:13px; width:42%;}
.jot span:nth-child(1){ width:58%; }
.jot span:nth-child(4){ display:none;}
}
.trains{ margin:50px -15px;}
.training{ padding:5% 0;}
.training h3{font-size:30px; color:#333; line-height:42px; font-weight:bold; }
.training h4{font-size:24px; color:#cccccc; line-height:46px; font-weight:bold; text-transform:uppercase; margin-bottom:25px;}
.training p{font-size:15px; color:#666; line-height:26px; }
.training strong{ color:#333;}
.training a{ display:block; margin:30px 0; width:170px; line-height:46px; background-color:#006fc4; font-size:16px; color:#fff; padding:0; border:0; border-radius:0; text-align:center;}
.training a i{ transition:all 0.5s;}
.training a:hover i{ transform:translateX(10px)}
.container img{ max-width:100%;}
@media screen and (max-width:768px){
.training h3{font-size:20px; line-height:32px; }
.trains{ margin:30px -15px;}
.training{ padding:2% 0;}
.training h4{font-size:20px; line-height:36px; margin-bottom:10px;}
}

/* activity */
.activity{ margin:60px auto 40px;}
.activity .page{margin-bottom: 7.5%;}
.activity ul{padding: 0 0 4% 0;}
.activity li{position: relative; margin-top: 6%; background: #444;}
.activity li:first-child{margin-top: 0;}
.activity li .date{z-index: 3; top: -20px; left: 0; padding: 7px 24px 15px; background: #006fc4; color: #444; text-align: center;}
.activity li .day{display: block; font-size: 48px; line-height:50px; color:#fff}
.activity li .month{font-size: 16px; font-weight: bold;color:#fff}
.activity li .linellae{width: 70%;}
.activity li .linellae img{width: 100%;}
.activity li .textbox{right: 0; top: 0; bottom: 0; padding: 4.5% 3%; width:30%; background: #444; color: #fff; font-size: 14px; line-height: 24px;}
.activity li h3{margin-bottom: .34rem; color:#fff; font-size:24px; height:36px; line-height:36px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:25px; }
.activity li h3:hover{ color:#ccc;}
.activity li p{max-height:104px; line-height:26px; overflow:hidden;}
.activity li .more{position: absolute; right: 11.5%; bottom: 8.5%; width:76px; height:76px; border-radius:50%; border: 1px solid #8b8b8b;}
.activity li .more:before, .activity li .more:after{position: absolute; display: block; top: 50%; left: 50%; content: ""; background: #8b8b8b;}
.activity li .more:before{width: 20px; height: 2px; margin-left: -10px; margin-top: -1px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.activity li .more:after{width: 2px; height: 20px; margin-top: -10px; margin-left: -1px; -webkit-transition: all .4s linear; transition: all .4s linear;}
@media (max-width: 1450px){
.activity li .textbox{padding-top: 3.5%; padding-bottom: 3.5%;}
.activity li .more{width: .7rem; height: .7rem;}
}
@media (max-width: 1199px){.activity li .more{display: none;}}
@media (max-width: 991px){.activity li .textbox{padding-top:20px; padding-bottom:20px;}}
@media (max-width: 767px){
.activity{ margin:50px auto 30px;}
.activity li {margin-top: 40px; margin-bottom: 20px;}
.activity li .linellae{width: 100%;}
.activity li .textbox{position: static; width: 100%;}
.activity li h3{margin-top:0px; white-space: nowrap; font-size: 20px; margin-bottom:2px;}
.activity li p{height: 48px; -webkit-line-clamp: 2;}
}
@media (min-width: 1200px){
.activity li .more:hover{border-color: #fff;}
.activity li .more:hover:before{margin-left: -7px; background: #fff;}
.activity li .more:hover:after, .activity li .more.hover:after{margin-top: -7px; width: 14px; height: 14px; background: none; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
}

.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.pd0{padding: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.gray333{color: #333;}
.gray666{color: #666;}
.gray999{color: #999;}
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f4f4f4;}
.bg-yellow{background-color: #fabf13;}

a.fill{display: block; width: 100%; height: 100%;}
.auto{margin-left: auto !important; margin-right: auto !important;}
.linellae a{position: relative; display: block; width: 100%; height: 100%; background: #000;}
.linellae a img{display: inline; -webkit-transition: all .4s; transition: all .4s;}
.linellae a::before, .linellae a::after{position:absolute; z-index:1; top:9%; right:6%; bottom:9%; left:6%; content:''; opacity:0; -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s;}
.linellae a::before{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); -webkit-transform: scale(0,1);}
.linellae a::after{ border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); -webkit-transform: scale(1,0);}
@media (min-width: 1200px){
.linellae a:hover::before, .linellae a:hover::after{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.linellae a:hover img{opacity: .5; filter: alpha(opacity=50); -webkit-transform: scale(1.05); transform: scale(1.05);}
}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.overhidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.vmid td{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.noborder{border: 0 !important;}
.noradius{-webkit-border-radius: 0 !important; border-radius: 0 !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify;}
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}
.tips{display: none; z-index: 100; top: 50%; left: 50%; margin-top: -35px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}
@media (max-width: 639px){.tips{position: fixed;}}
/* 图片去色 */
img.color{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/* 高斯模糊 */
.blur{-webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */}
.fresh{ padding:50px 0;}
.fresh h4{ font-size:16px; line-height:26px; color:#666; font-weight:normal; margin-bottom:30px;}
.fresh h2{ font-size:24px; line-height:36px; color:#b22734; position:relative; margin-bottom:30px;}
.basic_left { padding-left:50px; position:relative;}
.basic_left:before{ position:absolute; content:''; display:block; height:100%; width:3px; background-color:#dddddd; left:20px; top:0;}
.basic_left h2:before{ position:absolute; content:''; display:block; height:40px; width:40px; background:url(../images/rcar.png) no-repeat center ; left:-50px; top:0;}
.basic_right h2:before{ position:absolute; content:''; display:block; height:40px; width:40px; background:url(../images/bfang.png) no-repeat center ; left:-50px; top:0;}
.basic_right { padding-left:50px; position:relative;}
.basic_right:before{ position:absolute; content:''; display:block; height:100%; width:3px; background-color:#dddddd; left:20px; top:0;}
.fresh table th{ background-color:#4c4c4c; color:#fff;}
.fresh table{ margin-bottom:35px;}
.exam{ width:100%; max-width:1200px; margin:70px auto;}
.exam .tab_menu li{width:20%;float:left;text-align:center;cursor:pointer;}
.exam .tab_menu li h3{ line-height:36px; font-size:16px; color:#333; font-weight:bold; padding-top:150px; margin-bottom:50px;}
.exam .tab_menu li:nth-child(1) h3{ background:url(../images/k1.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(2) h3{ background:url(../images/k2.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(3) h3{ background:url(../images/k3.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(4) h3{ background:url(../images/k4.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(5) h3{ background:url(../images/k5.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(1).current h3{ background:url(../images/s1.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(2).current h3{ background:url(../images/s2.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(3).current h3{ background:url(../images/s3.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(4).current h3{ background:url(../images/s4.png) no-repeat center 0;}
.exam .tab_menu li:nth-child(5).current h3{ background:url(../images/s5.png) no-repeat center 0;}
.exam .tab_menu li.current h3{ color:#b22734; }
.exam .tab_box{padding:30px 20px 36px; background-color:#f8f8f8; text-align:center;}
.exam .tab_box .hide{display:none;}
.exam .tab_box h2{line-height:40px; font-size:24px; color:#b22734; margin-bottom:20px; font-weight:bold; }
.exam .tab_box p{line-height:28px; font-size:15px; color:#666; text-align:left; }
@media (max-width:740px){
.exam .tab_menu li h3{ line-height:36px; font-size:14px;  padding-top:0px; margin-bottom:10px; background:none !important;}
.exam{ margin:30px auto;}
}
@media (max-width:600px){
.exam .tab_menu li{ width:50%; float:left; padding:2px;}
.exam .tab_menu li h3{ border:1px solid #eee; margin-bottom:4px;}
.exam .tab_box{padding:20px 10px 26px; }
.exam .tab_box h2{ font-size:18px; margin-bottom:10px; }
}
.conleft{ max-width:50%;}
.conleft h2{line-height:36px; font-size:30px; color:#333; font-weight:bold; padding-bottom:20px; margin-bottom:50px; border-bottom:1px solid #eee;}
.conleft p{ padding-left:80px; background:url(../images/conphone.png) no-repeat 12px 6px; margin-bottom:40px;}
.conleft p span{ display:block;line-height:26px; font-size:16px; color:#666;}
.conleft p strong{ display:block;line-height:26px; font-size:28px; color:#333; font-weight:normal; word-break:break-all;} 
.contact{ background-color:#fff; margin:30px 0; padding:35px;}
.contact .tab_menu{ width:50%; float:left;}
.contact .tab_menu li{ cursor:pointer; padding:8px 0;}
.contact .tab_menu li span{ display:inline-block; line-height:38px; font-size:14px; color:#666; border-radius:20px; border:1px solid #ddd; padding:0 30px; min-width:160px;}
.contact .tab_menu li strong{ display:inline-block; line-height:38px; font-size:14px; color:#666; padding-left:80px; background:url(../images/lgry.png) no-repeat 10px center; font-weight:normal;}
.contact .tab_menu li.current span{ color:#fff; background-color:#b22532; border-color:#b22532; }
.contact .tab_menu li.current strong{ color:#b22532; background:url(../images/lred.png) no-repeat 10px center;}
.contact .tab_box{width:50%; float:left; padding:0px 30px; margin-top:-200px;}
.contact .tab_box .hide{display:none;}
.conmap{ height:570px;}
@media (max-width:1500px){
.contact .tab_box{margin-top:-140px;}
}
@media (max-width:1200px){
.conleft{ max-width:100%;}
.contact .tab_menu{ width:100%; float:none;}
.contact .tab_box{width:100%; float:none; padding:0px 10px; margin-top:10px;}
}

@media (max-width:768px){.contact .tab_box{ display:none;}}
@media (max-width:600px){
.contact{ padding:20px 10px;}
.conleft h2{line-height:30px; font-size:20px;  margin-bottom:10px; }
.contact .tab_menu li span{ border-radius:10px; padding:0 10px; float:left; word-break:break-all; margin-right:10px;}
.contact .tab_menu li strong{ background:none; padding-left:0px; float:left;word-break:break-all;line-height:26px; margin-top:6px;}
.contact .tab_menu li:after{ content:''; display:block; clear:both;}
.contact .tab_menu li.current strong{ background:none; line-height:26px;}
.conleft p{  margin-bottom:20px;padding-left:55px; background:url(../images/conphone.png) no-repeat 0px 0px;}
.conleft p strong{ line-height:20px; margin-top:5px; font-size:16px; font-weight:bold; word-break:break-all;} 
 
}