body{font:62.5% "STHeiti","Microsoft YaHei","Helvetica Neue","Helvetica","SimSun","STSong","Arial","sans-serif";}
body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4{margin:0;padding:0;font-style:normal;}
ol, ul ,li{list-style: none;}
img{border: 0; vertical-align:middle; max-width: 100%;}
body{color:#000000;background:#FFF; text-align:center;}
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;}
a{color:#000000;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
#map_canvas img{max-width: none;}
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{background-color: #272a3e; height: 50px; outline-offset: -2px; outline: 2px solid #fff; -webkit-border-radius: 4px; border: 2px solid #fff;}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{background-color: #272a3e; height: 50px; -webkit-border-radius: 4px;}
/*---滚动条大小--*/
::-webkit-scrollbar{width: 8px; height: 8px;}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{background-color: #fff; -webkit-border-radius: 0;}

/*nav*/
.navbar{position:absolute;top:0;left:0;width:100%;}
.navbar-default{border-radius:0;margin-bottom:0;border:0;z-index:1000;transition:all .5s;}
.navbar-brand{margin-left:-15px;transition:all .5s;}
.navbar-nav > li{max-height:90px;transition:all .5s;}
.navbar-default .navbar-nav > li > a{color:#fff;font-size:1.6rem;transition:all .2s; line-height: 80px; padding: 0 20px;}
.navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li.active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#E84C3D;}
.navbar-default .navbar-nav > li:hover{cursor:pointer;}
.navbar-default .navbar-nav > li.nav-login > a{border:1px #fff solid;border-radius:3px;padding:0 30px;}
.navbar-default .navbar-nav > li.nav-login:hover > a{border-color:#E84C3D;background:#E84C3D;color:#fff;}
.navbar-default,.navbar-default .navbar-collapse{background:transparent; min-height: 80px;}
.navbar-right{position: absolute; right: 0; top: 0;}
.nav-top{width: 744px; margin: 0 auto; float: none;}
/*固定*/
.navbar-fixed-top{background:rgba(0,0,0,0.5);}
/*.navbar-default{ background: -webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));}*/
/*轮播*/
.banner{background:#fff;}
.banner img{max-width: 100%;}
.d-n-ban{ display: none;}
/*advantage*/
.advantage{padding-top: 2%; padding-bottom: 1%;}
.advantage h2,.advantage h3{margin-bottom: 10px;}
.advantage span{padding: 2px 15px 2px 15px; color: #999; line-height: 33px; font-size: 1.4rem; text-transform:uppercase; }
.title_line_01{
width:51%;
   margin: 0 auto;
   margin-top: 30px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.title_line_01 span{
    position: relative;
    top: -1.3rem;
    background: #fff;
    padding: 0 1rem;
	border: 0px solid #ddd;
}
.advantage p{color: #999; margin-bottom: 10px; font-size: 1.4rem;}
/*blog*/
.blog{margin-top:3%;padding-top:0px;border-bottom:0px;}
.blog-k .col-lg-3{padding-bottom:1%;height:250px;margin-bottom:2%;margin-top:2%;}
.blog-k .col-lg-3 .blog-kk{transition:border 5s;-o-transition:border .5s;/* Opera */-moz-transition:border .5s;/* Firefox 4 */-webkit-transition:border .5s;/* Safari and Chrome */}
.blog-k .col-lg-3:hover{cursor:pointer;}
.blog-k .col-lg-3:hover .blog-kk{background: #f4f4f4;}
.blog-k .col-lg-3 .blog-y{background:#34363a;color:#ccc;border:1px #34363a solid; padding-bottom:3%;padding-top:3%;margin-top:5%;line-height:2rem;font-size:1.4rem;display:none;}
.blog-k .col-lg-3 .blog-x{height:150px;}
.blog-k .col-lg-3 .blog-x img{padding-top:40px;transition:padding-top .5s;-moz-transition:padding-top .5s;/* Firefox 4 */-webkit-transition:padding-top .5s;/* Safari and Chrome */-o-transition:padding-top .5s;/* Opera */}
.blog-k .col-lg-3:hover .blog-x img{padding-top:10px;}
/*case*/
.case{padding:2rem 0;overflow:auto; background: #f4f4f4;}
.case-nav{margin-bottom:4rem; margin-top: 3rem;}
.case-nav > li{float:none;display:inline-block; margin: 0 10px;}
.case-nav > li > a{font-size:1.6rem;border-radius:0px;color:#999;padding:10px 25px; color:#323437; border-radius:5px;}
.case-nav > li.active > a,.case-nav > li:hover > a,.case-nav > li.active > a:hover,.case-nav > li.active > a:focus{color:#fff; background: #323437;}
.case .col-lg-3{text-align:center;padding:0px; position: relative;}
.case .col-lg-3 img{width:100%;}
.overlay{position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; background-color: #000; -webkit-transition: all ease-out 250ms; transition: all ease-out 250ms;}
.case .col-lg-3:hover .overlay{ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); opacity: 0.6;}
.case{padding-top:1%;}
.case .col-lg-3{overflow:hidden;}
.case .col-lg-3 img{display:block;-webkit-transition:1s;transition:1s;}
.case .col-lg-3:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.case .col-lg-3 .course-list-img{width:100%;display:block;position:absolute;top: 50%; left: 0%; margin-top: -72px; z-index: 20; margin-left: 0px; padding:15px;text-align:center;color:#aaa; font-size:1.4rem;opacity: 0;-webkit-transition: all ease-out 250ms; transition: all ease-out 250ms;}
.case .col-lg-3 .course-list-img h3{margin-bottom:10px; color: #fff;}
.case .col-lg-3 .course-list-img p{height:10%; color: #eee;margin-bottom:20px;}
.case .col-lg-3 .course-list-img span{color: #fff; font-size: 1.8rem; display: inline-block; padding: 8px 10%;}
.case .col-lg-3:hover .course-list-img{opacity: 1;}
.case .col-lg-3 .icon-i{position: relative; z-index: 99;}
.case .col-lg-3 .icon-i:before{content:"";display: inline-block; height: 0; width: 1px; background: #fff; position: absolute;transition: all ease 500ms;}
.case .col-lg-3 .icon-i:after{content:"";display: inline-block; height: 1px; width: 0; background: #fff; position: absolute;transition: all ease 500ms;}
.case .col-lg-3 .icon-tl:before{top: -8px; left: -45px;}
.case .col-lg-3 .icon-tl:after{top: -9px; left: -45px;}
.case .col-lg-3 .icon-rb:before{bottom: -8px; right: -46px;}
.case .col-lg-3 .icon-rb:after{bottom: -9px; right: -46px;}
.case .col-lg-3:hover .icon-tl:before{height: 40px;}
.case .col-lg-3:hover .icon-tl:after{width: 163px;}
.case .col-lg-3:hover .icon-rb:before{height: 40px;}
.case .col-lg-3:hover .icon-rb:after{width: 163px;}
.case .case-move{background: #f4f4f4; margin-top: 1%; padding: 10px;}
.case .case-move .icon-move{display: inline-block; width: 110px; height: 40px; background: #fff; position: relative; border-radius: 3px; overflow: hidden;}
.case .case-move .icon{z-index: 99;}
.case .case-move .icon:before{content:"";display: inline-block; height: 5px; width: 5px; background: #000;position: absolute;transition: all ease 300ms;}
.case .case-move .icon:after{content:"";display: inline-block; height: 5px; width: 5px; background: #000;position: absolute;transition: all ease 300ms;}
.case .icon-move .icon-top:before{top: 14px; left: 58px;}
.case .icon-move .icon-top:after{bottom: 14px; left: 58px;}
.case .icon-move .icon-right:before{top: 14px; right: 54px;}
.case .icon-move .icon-right:after{bottom: 14px; right: 54px;}
.case .icon-move:hover .icon-top:before{top: 21px; left: 51px;}
.case .icon-move:hover .icon-top:after{bottom: 21px; left: 51px;}
.case .icon-move:hover .icon-right:before{top: 21px; right: 47px;}
.case .icon-move:hover .icon-right:after{bottom: 21px; right: 47px;}
/*brand*/
.brand{padding-top:3%;}
.brand-k{background:#f8f8f8;padding:6rem 2.5rem 2rem ;text-align:left; position: relative; overflow: hidden;}
.icon-brand{position: absolute; top: -30px; left: -30px; width: 60px; height: 60px; background: #555; display: block; transform:rotate(45deg);}
.brand .col-lg-4{margin-bottom: 3rem;}
.brand img{width:100%;max-width:100%;}
.brand-k li{font-size:2.4rem;letter-spacing:1px; margin-bottom: 2.5rem; max-height: 31px; overflow: hidden;}
.brand-k span{display:inline-block;font-size:1.4rem;color:#999; margin-bottom: 4rem;}
.brand-k p{font-size:1.4rem;color:#999;line-height:1.8em;}
.brand-k li a{color:#000;transition:color .2s;-moz-transition:color .2s;/* Firefox 4 */-webkit-transition:color .2s;/* Safari and Chrome */-o-transition:color .2s;/* Opera */}
.brand-k li:hover a{color:#E84C3D;}
.anl{background: #f4f4f4; padding-bottom: 5%; padding-top: 1%; margin-top: 1%;}
/*partner*/
.partner .col-lg-2{padding:0; border: 1px #f4f4f4 solid; overflow: hidden; text-align: center;}
.partner .col-lg-2 img{text-align: center; -webkit-transition:1s;transition:1s; width: 100%;}m
.partner .col-lg-2:hover{cursor:pointer;}
.partner .col-lg-2:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
/*footer*/
.footer{background: url(../images/footer.jpg) no-repeat center center; background-size: cover; color: #ccc; padding: 3% 0 2% 0;}
.footer-top{text-align: left;}
.footer-top li{font-size: 1.8rem; margin-bottom: 1rem;}
.footer-top h2{font-size: 3.8rem; margin-bottom:2rem;}
.footer-main{text-align: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 2rem 0; margin-bottom: 1rem; position: relative;}
.footer-main h3{font-size: 2rem; margin-bottom: 2rem;}
.footer-main li{font-size: 1.4rem; padding-left: 30px; line-height: 2.4rem; background: url(../images/icon.png) no-repeat left center;}
.footer-main li:nth-child(2){background-position: 0px 0px;}
.footer-main li:nth-child(3){background-position: 0px -27px;}
.footer-main li:nth-child(4){background-position: 0px -27px;}
.footer-main li:nth-child(5){background-position: 0px -83px;}
.footer-main li:nth-child(6){background-position: 0px -112px;}
.footer-main a.foot-map{color: #fff; position: absolute; right: 2rem; bottom: 2rem; font-size: 1.8rem; display:block; padding: 1rem 2rem 1rem 4rem; border: 1px solid #ccc; background: url(../images/map.png) no-repeat 20% 50%; background-size: 15px 22px;}
.footer-foot{text-align: left;}
.footer-foot p{font-size: 1.4rem;}
.footer-foot p a{color: #999;}
.footer-foot p a:hover{color: #E84C3D;}
.footer-right{text-align: left;}
.footer-right li{font-size: 1.8rem; margin-bottom: 3rem;}
.footer-right p{margin-bottom: 2rem;}
.footer-right input{background: rgba(0,0,0,0); border-radius: 0; border: 1px solid #fff; padding: 19px 12px; font-size: 1.6rem; color: #fff;}
.footer-right textarea{background: rgba(0,0,0,0); border-radius: 0; border: 1px solid #fff; color: #fff;font-size: 1.6rem;}
.footer-right .btn-primary{border-radius: 0; font-size: 1.8rem; padding: 0.6rem 2.5rem; float: right; background:#E84C3D; border-radius: 5px; border:0px;}
.footer-right .btn-primary:active{background:#E84C3D; border-radius: 5px; border-color:#E84C3D;}
.footer-right .btn-primary:hover{background:#0099FF; border-color:#0099FF;}

@media (min-width: 1430px){
    .container{width: 1400px;}
} 

@media (max-width: 1400px){
    .case .col-lg-3 .course-list-img h3{ height: 30px; overflow: hidden;}
    .case .col-lg-3 .course-list-img p{height: 42px; overflow: hidden;}
}

@media (max-width: 1200px){
    /*头部*/
    .navbar-right{ display: none;}
    .nav-top{ float: right; width: auto;}
    .navbar-fixed-top .navbar-collapse{padding-right: 15px;padding-left: 15px;}
    .case .col-lg-3 .course-list-img h3{ height: auto;}
    .case .col-lg-3 .course-list-img p{height: auto;}
}

@media (max-width: 1000px){
    /*头部*/
    .navbar-default .navbar-nav > li > a{padding:0 10px; font-size: 1.6rem;}
}
@media (max-width: 900px){
    /*头部*/
    .navbar-default .navbar-nav > li > a{padding:0 5px; font-size: 1.6rem;}
}
@media (max-width: 767px){
    /*banner*/
    .hongyu-banner img{display: none;}
    .d-n-ban{ height: 400px; width: 100%; display: table; color: #fff;}
    .d-n-ban-box{display: table-cell;vertical-align: middle;}
    .d-n-ban-box li{ font-size: 2.4rem; margin-bottom: 2rem; text-shadow:0 0px 10px #000;}
    .d-n-ban-box p{ font-size: 1.4rem;text-shadow:0 -1px 1px #000;}
    /*头部*/
    .navbar{background: rgba(0,0,0,0)}
    .navbar-brand{ padding: 5px; margin-left: 0;}
    .navbar-brand img{ max-height: 40px;}
    .navbar-default .navbar-toggle .icon-bar{ background-color: #fff;}
    .navbar-default{ min-height: 50px; background:rgba(0,0,0,0);}
    .navbar-default .navbar-collapse{background:rgba(0,0,0,0.5);}
    .navbar-fixed-top{background:rgba(0,0,0,0.5);}
    .nav-top{ float: left;}
    .navbar-default .navbar-nav > li > a{ line-height: 40px; font-size: 1.4rem; padding: 5px 0; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:rgba(0,0,0,0.6);}
    /*标题*/
    .advantage h2, .advantage h3{ font-size: 1.8rem; margin-bottom: 1rem;}
    .advantage p{ font-size: 1.2rem;}
    /*四格*/
    .blog-k .col-lg-3{padding-bottom:0; height: 240px;}
    .blog-k .col-lg-3 .blog-x img{padding-top:30px;}
    .blog-k .col-lg-3 .blog-y{ font-size: 1rem; line-height: 1.5rem;}
    .blog-k .col-lg-3 .blog-x h4{ font-size: 1.6rem;}
    /*案例*/
    .case{ padding-top: 0;}
    .case-nav{  margin: 1.5rem 0; padding-left: 15px; padding-right: 15px;}
    .case-nav > li{ float: left; width: 30%; margin: 0; margin-right:3.333%; margin-bottom: 15px; /*float: left; display: block;text-align:justify; text-align-last:justify;*/ }
    .case-nav > li > a{ display: block; font-size: 1.4rem; padding: 10px; }
    .case-nav > li.active > a, .case-nav > li:hover > a, .case-nav > li.active > a:hover, .case-nav > li.active > a:focus{ display: block;}
    .case .col-lg-3{ padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}
    .case .col-lg-3:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);}
    .case .col-lg-3 .course-list-img{ left: 15px; right: 15px; width: auto; font-size: 1.2rem;}
    .overlay{ left: 15px; right: 15px;width: auto;}
    .case .overlay{bottom: 15px; }
    .case .col-lg-3 .course-list-img h3{ font-size: 1.8rem;}
    .case .col-lg-3 .course-list-img p{ margin-bottom: 15px;}
    .case .col-lg-3 .course-list-img span{ font-size: 1.4rem;}
    /*新闻*/
    .brand-k{padding:3rem 2.5rem 1rem;}
    .brand-k li{ margin-bottom: 1.5rem; font-size: 1.8rem;}
    .brand-k span{ margin-bottom: 1.5rem; font-size: 1.2rem;}
    .brand-k p{  font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 0;}
    .brand .col-lg-4{ margin-bottom: 1.5rem;}
    /*合作*/
    .partner{ padding: 0 30px;}
    /*底部*/
    .footer-top li{font-size: 1.6rem; margin-bottom: 1rem;}
    .footer-top h2{font-size: 2rem; margin-bottom:1.5rem;}
    .footer-main h3{font-size: 1.6rem; margin-bottom: 1.5rem;}
    .footer-main a.foot-map{color: #fff; position: relative; display: block; right: 0; bottom: 0;  font-size: 1.2rem; display: inline-block; padding: 0.8rem 2rem 0.8rem 4rem; margin-top: 1.5rem;}
    .footer-foot p{font-size: 1.2rem;}
    .footer-right li{font-size: 1.6rem; margin-bottom: 1.5rem;}
    .footer-right p{margin-bottom: 1.5rem;}
    .footer-right input{padding: 15px 12px; font-size: 1.4rem;}
    .footer-right textarea{font-size: 1.4rem;}
    .footer-right .btn-primary{font-size: 1.4rem;}
}