@charset "utf-8";
/*服务*/
.banner_service{width:1570px;text-align:center; margin:0 auto;}
.services {width:23%;float:left;margin-right:2.66666%;height:337px;padding: 40px 30px;margin-bottom:90px;position: relative; background-color: #fff;border-bottom:2px solid #db0001;
  -webkit-border-radius:  5px 5px 0 0;
  -moz-border-radius:   5px 5px 0 0;
  -ms-border-radius:  5px 5px 0 0;
  border-radius:  5px 5px 0 0;
    -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12); margin-top:60px;}
.services:nth-child(4){ margin-right:0}
.services span {display: block;margin-top:1.25em;margin-bottom: 2em;}
.services span i { display:block;margin: 0 auto;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; font-size:60px; color:#db0001}
.services h3 {font-size: 20px;color: #2e2c2a;margin-bottom:15px; font-weight:bold;}
.services p {font-size: 14px;color: #6c6c6c;line-height:26px;height:78px;}
.services:hover{background-color:#db0001; }
.services:hover h3,.services:hover p,.services:hover span i {color: #fff;}
@media screen and  (max-width:1570px){
.banner_service{width:1300px;text-align:center; margin:0 auto;}
}
@media screen and  (max-width:1280px){
.banner_service{width:1180px;text-align:center; margin:0 auto;}

}
@media screen and  (max-width:768px){
.banner_service{width:92%;text-align:center; margin:0 auto;}
.services { width:48%; margin:0 auto;float:left; margin-top:4%;height:auto;padding:10px 15px; margin-right:4%;}
.services span i { display:block;margin: 0 auto;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; font-size:40px; color:#db0001}
.services:nth-child(2n+2){ margin-right:0;}
.services span {display: block;margin-top:0;margin-bottom: 10px;}
.services h3 {font-size: 14px;color: #2e2c2a;margin-bottom:10px;}
.services p {font-size: 12px;color: #6c6c6c;line-height:20px;height:auto; min-height:120px; text-align:left;}
.services:nth-child(4){margin-right:auto !important}
}

/*品牌案例*/
.case{ width:100%; padding-bottom:130px; padding-top:60px;}
.case_left{width: 58.33333333%;float: none;display: table-cell;}
.case_right{width: 41.66666667%;padding-right: 15%;display: table-cell;vertical-align: middle;float: none; position:relative;}
.case_right .swiper-button-prev{ top:140px; left:0}
.case_right .swiper-button-next{top:140px; left:60px;}
.case_right h2 {font-size: 40px;margin-bottom: 16px;margin-top: 20px;color: #5a5b5f;font-weight: 300;}
.case_right p {font-size: 16px;line-height: 32px;color: #979ba3;font-weight: normal; margin-bottom:10px;}
.case_right .lead-text {font-size: 18px;line-height: 34px;margin-bottom: 37px;}
.case_right dl{ margin-top:60px;}
.liulang{font-size: 14px; padding: 10px 25px;font-family: "Open Sans", sans-serif;font-weight: bold;text-align: center;letter-spacing: 0.14em;border: 2px solid #e8ebee;border-radius: 4px;color: #191b1f;position: relative;overflow: hidden;}
.liulang span{position: relative;display: inline-block;left: 0;-webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;transition: left 0.2s ease-in-out, right 0.2s ease-in-out;}
.liulang:hover span{position: relative;display: inline-block;transition: left 0.2s ease-in-out, right 0.2s ease-in-out;}
.liulang:hover i{right: 0;}
.liulang > i {line-height: 38px;margin-right: 14px;}
.liulang > i {position: absolute;left: auto;font-size: 16px;width: 10px;margin-right: 20px;line-height: 46px;right: -40px;top: -4px;text-align: center;display: block;-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;-webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;transition: left 0.2s ease-in-out, right 0.2s ease-in-out;}
.liulang:hover{background-color: #e7604a;border-color: transparent;color: #fff;opacity: .9;transition: all 0.3s ease-in-out;}
.liulang:hover span{ left:-10px;}
.liaojie{font-size: 14px; padding: 10px 25px;font-family: "Open Sans", sans-serif;font-weight: bold;text-align: center;letter-spacing: 0.14em;border: 2px solid transparent;border-radius: 4px;color: #fff;background-color: #e7604a;position: relative;overflow: hidden;}
.liaojie span{position: relative;display: inline-block;left: 0;-webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;transition: left 0.2s ease-in-out, right 0.2s ease-in-out;}
.liaojie:hover span{position: relative;display: inline-block;transition: left 0.2s ease-in-out, right 0.2s ease-in-out;}
.liaojie:hover i{right: 0;}
.liaojie > i {line-height: 38px;margin-right: 14px;}
.liaojie > i {position: absolute;left: auto;font-size: 16px;width: 10px;margin-right: 20px;line-height: 46px;right: -30px;top: -4px;text-align: center;display: block;-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;-webkit-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out, right 0.2s ease-in-out;transition: left 0.2s ease-in-out, right 0.2s ease-in-out;}
.liaojie:hover{background-color: #e7604a;border-color: transparent;color: #fff;opacity: .9;transition: all 0.3s ease-in-out;}
.liaojie:hover span{ left:-10px;}
@media screen and  (max-width:1570px){
.case_right .swiper-button-prev{ top:80px; left:0}
.case_right .swiper-button-next{top:80px; left:60px;}
.case_left{width:58.33333333%;float: none;display: table-cell;}
.case_left img{ width:100%;}
.case_right{width: 51.66666667%;padding-right: 10%;display: table-cell;vertical-align: middle;float: none; position:relative;}
.case_right h2 {font-size:32px;margin-bottom: 16px;margin-top: 20px;color: #5a5b5f;font-weight: 300;}
}
@media screen and  (max-width:1280px){
.case_right .swiper-button-prev{ top:60px; left:0}
.case_right .swiper-button-next{top:60px; left:60px;}
.case_left{width:58.33333333%;float: none;display: table-cell;}
.case_left img{ width:100%;}
.case_right{width: 51.66666667%;padding-right: 10%;display: table-cell;vertical-align: middle;float: none; position:relative;}
.case_right h2 {font-size:26px;margin-bottom: 16px;margin-top: 20px;color: #5a5b5f;font-weight: 300;}
.case_right .lead-text {font-size: 16px;line-height: 30px;margin-bottom:25px;}
}
@media screen and  (max-width:768px){
.case{ width:100%; padding-bottom:30px; padding-top:30px;}
.case_left{width:100%;float: none;display: table-cell;}
.case_right{width:100%;padding-right:4%; padding-left:4%;display: block;vertical-align: middle;float: none; position:relative;padding-bottom: 10px;}
.case_right .swiper-button-prev{ top:140px; left:0; display:none}
.case_right .swiper-button-next{top:140px; left:60px; display:none;}
.case_right h2 {font-size:16px;margin-bottom: 10px;margin-top:10px;color: #5a5b5f;font-weight: 300;}
.case_right .lead-text {font-size: 13px;line-height: 22px;margin-bottom:10px;}
.case_right p {font-size: 12px;line-height: 22px;color: #979ba3;font-weight: normal; margin-bottom:10px;}
.case_right dl{ margin-top:20px;}
.liulang{font-size: 12px; padding: 6px 15px;font-family: "Open Sans", sans-serif;font-weight: bold;text-align: center;letter-spacing: 0.14em;border: 2px solid #e8ebee;border-radius: 4px;color: #191b1f;position: relative;overflow: hidden;}
.liaojie{font-size: 12px; padding:6px 15px;font-family: "Open Sans", sans-serif;font-weight: bold;text-align: center;letter-spacing: 0.14em;border: 2px solid transparent;border-radius: 4px;color: #fff;background-color: #e7604a;position: relative;overflow: hidden;}
}
/*视差滚动*/
.shicha { background: url("http://pic.hswangqi.com/shicha_bg.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; height:400px;}
.swiper3{ height:400px; color:#fff;text-align:center;}
.swiper3 dl{ font-size:36px; font-weight:100; padding-top:140px;}
.swiper3 dd{ font-size:20px; font-weight:100; padding-top:30px;}
@media screen and  (max-width:1570px){
.swiper3 dl{ font-size:28px; font-weight:100; padding-top:140px;}
}
@media screen and  (max-width:1280px){
.swiper3 dl{ font-size:22px; font-weight:100; padding-top:140px;}
.swiper3 dd{ font-size:18px; font-weight:100; padding-top:30px;}

}
@media screen and  (max-width:768px){
.shicha { background: url("http://pic.hswangqi.com/shicha_bg.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; height:260px;}
.swiper3{ height:260px; color:#fff;text-align:center;}
.swiper3 dl{ font-size:16px; font-weight:100; padding-top:80px; padding-left:4%; padding-right:4%;}
.swiper3 dd{ font-size:12px; font-weight:100; padding-top:30px; padding-left:4%; padding-right:4%;}

}
/*大标题*/
.index_title {width: 100%;}
.index_title .en{font-size:16px;line-height:24px;color:#999;text-transform:uppercase}
.index_title .cn{font-size:36px;line-height:62px;font-weight:bold;color:#1a1a1a}
/*互联网课堂*/
.index_news{ width:1570px; margin:0 auto;}
.index_news{padding:75px 0 70px}
.index_news .new_content{overflow:hidden}
.index_news .content_slider{position:relative;width:600%}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none}
.clearfix{*zoom:1}
.new_subnav{position:relative;overflow:hidden;padding-top:11px}
.new_subnav ul{margin-left:-30px;position:relative}
.new_subnav li{float:left;padding:0 20px 0 30px;background:url(../images/navline.png) no-repeat 0 center;}
.new_subnav li.cur a{color:#d90000;border-bottom-color:#fff}
.new_subnav li a{display:block;font-size:16px;line-height:42px;color:#1a1a1a;border-bottom:2px solid #fff}
.new_subnav li a:hover{color:#d90000;border-bottom-color:#fff}
.new_subnav .activehook{position:absolute;bottom:0;background:none}
.new_subnav .activehook i{display:block;width:100%;height:2px;background-color:#d90000}
.new_subnav .nav_more .item{display:none}
.new_subnav .line_more{position:absolute;right:0;top:11px;z-index:3}
.line_more{position:relative;display:block;width:133px;height:33px;font-size:14px;line-height:33px;text-align:center;color:#999;border:1px solid #999;text-transform:uppercase}
.line_more::after{content:'';position:absolute;top:50%;left:-41px;z-index:3;width:80px;height:1px;background-color:#999}
.line_more.two_line{margin:18px auto 0}
.line_more.two_line::before{content:'';position:absolute;top:50%;right:-41px;z-index:3;width:80px;height:1px;background-color:#999}
.line_more:hover{color:#d80000;border-color:#d80000}
.line_more:hover::before, .line_more:hover::after{background-color:#d80000}
.news_wraper{float:left;width:16.66667%;padding-top:26px}
.news_wraper .news_wraper{overflow:hidden}
.news_wraper a:hover h2{color:#d90000}
.news_wraper a:hover .date{color:#d90000}
.news_wraper a:hover img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}
.news_top{float:left;width:445px;padding:30px 28px 27px 26px;background-color:#f7f7f7}
.news_top .thumb{overflow:hidden}
.news_top img{width:100%;-webkit-transition:all ease .7s;-o-transition:all ease .7s;-moz-transition:all ease .7s;transition:all ease .7s}
.news_top .title{margin-bottom:11px;font-size:20px;color:#333;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_top .date{margin-bottom:20px;font-size:16px;line-height:24px;color:#999;font-weight:bold}
.news_two .date, .news_four .date{font-size:15px;line-height:24px;color:#999}
.news_two .date span, .news_two .date b, .news_four .date span, .news_four .date b{display:block;font-size:50px;line-height:48px;font-weight:bold}
.news_two{float:left;width:440px;margin:0 20px}
.news_two li{margin-bottom:22px;padding:16px 45px 45px;background-color:#f7f7f7}
.news_two li a{display:block}
.news_two .two_title{margin-bottom:16px;font-size:18px;line-height:30px;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news_two .desc{font-size:14px;color:#888;display:-webkit-box;height:40px;line-height:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_two .date{margin-bottom:25px;border-bottom:1px solid #e6e6e6;padding:20px 0;background:url("../images/inewarr.png") no-repeat right center}
.news_four{overflow:hidden;zoom:1;background-color:#f7f7f7;padding:18px 40px 15px 50px}
.news_four li{border-bottom:1px solid #e6e6e6}
.news_four li:last-child{border:0}
.news_four a{position:relative;display:block;padding:48px 90px 51px 90px;background:url("../images/inewarr.png") no-repeat right center}
.news_four .date{position:absolute;left:0;top:31px}
.news_four .four_title{margin-bottom:4px;font-size:18px;line-height:36px;color:#333333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news_four .desc{display:none;font-size:0;line-height:36px;color:#888;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
@media screen and  (max-width:1570px){
.index_news{ width:1300px; margin:0 auto;}
.news_two .date span, .news_two .date b, .news_four .date span, .news_four .date b{display:block;font-size:40px;line-height:38px;font-weight:bold}
.news_top{float:left;width:385px;padding:30px 28px 27px 26px;background-color:#f7f7f7}
.news_two{float:left;width:380px;margin:0 20px}
.news_two li{margin-bottom:22px;padding:6px 45px 34px;background-color:#f7f7f7}
.news_four{overflow:hidden;zoom:1;background-color:#f7f7f7;padding:18px 40px 15px 40px}
.news_four a{position:relative;display:block;padding:32px 40px 51px 90px;background:url("../images/inewarr.png") no-repeat right center}
}
@media screen and  (max-width:1280px){
.index_news{ width:1180px; margin:0 auto;}
.news_two .date span, .news_two .date b, .news_four .date span, .news_four .date b{display:block;font-size:30px;line-height:38px;font-weight:bold}
.news_top{float:left;width:345px;padding:30px 28px 27px 26px;background-color:#f7f7f7}
.news_two{float:left;width:340px;margin:0 20px}
.news_two li{margin-bottom:22px;padding:0px 45px 28px;background-color:#f7f7f7}
.news_four{overflow:hidden;zoom:1;background-color:#f7f7f7;padding:18px 40px 15px 40px}
.news_four a{position:relative;display:block;padding:21px 40px 51px 90px;background:url("../images/inewarr.png") no-repeat right center}
.news_two .date{margin-bottom:15px;border-bottom:1px solid #e6e6e6;padding:20px 0;background:url("../images/inewarr.png") no-repeat right center}
.news_two .two_title{margin-bottom:16px;font-size:16px;line-height:30px;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news_two .desc{font-size:12px;color:#888;display:-webkit-box;height:40px;line-height:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_top .title{margin-bottom:11px;font-size:16px;color:#333;display:-webkit-box;height:60px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_four .four_title{margin-bottom:4px;font-size:16px;line-height:36px;color:#333333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
}
@media screen and  (max-width:768px){
.index_news{ width:100%; padding-left:4%; padding-right:4%; padding-top:20px; padding-bottom:20px; margin:0 auto;}
.index_title .en{font-size:14px;line-height:24px;color:#999;text-transform:uppercase}
.index_title .cn{font-size:18px;line-height:38px;font-weight:bold;color:#1a1a1a}
.new_subnav{ display:none;}
.new_subnav li a{display:block;font-size:14px;line-height:30px;color:#1a1a1a;border-bottom:2px solid #fff}
.news_wraper{float:left;width:100%;padding-top:20px}
.news_wraper:nth-child(2){ display:none;}
.news_wraper:nth-child(3){ display:none;}
.news_wraper:nth-child(4){ display:none;}
.news_wraper:nth-child(5){ display:none;}
.news_top{float:left;width:100%;padding:10px 10px;background-color:#f7f7f7}
.news_top .title{margin-bottom:0;font-size:14px;color:#333;display:-webkit-box;height:30px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_top .date{margin-bottom:10px;font-size:14px;line-height:22px;color:#999;font-weight:500}
.news_two .date, .news_four .date{font-size:12px;line-height:22px;color:#999}
.news_top .thumb{overflow:hidden; width:100%;}
.news_two{float:left;width:100%;margin:0;}
.index_news .content_slider{position:relative;width:100%}
.news_two li{margin-bottom:10px;padding:0px 15px 15px;background-color:#f7f7f7}
.news_two .date{margin-bottom:10px;border-bottom:1px solid #e6e6e6;padding:5px 0;background:url("../images/inewarr.png") no-repeat right center}
.news_two .two_title{margin-bottom:10px;font-size:14px;line-height:22px;color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.news_two .desc{font-size:12px;color:#888;display:-webkit-box;height:40px;line-height:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_four{overflow:hidden;zoom:1;background-color:#f7f7f7;padding:18px 40px 15px 40px; display:none;}
.line_more{position:relative;display:block;width:100px;height:30px;font-size:12px;line-height:30px;text-align:center;color:#999;border:1px solid #999;text-transform:uppercase}
.line_more.two_line::before{content:'';position:absolute;top:50%;right:-41px;z-index:3;width:60px;height:1px;background-color:#999}
.line_more::after{content:'';position:absolute;top:50%;left:-41px;z-index:3;width:60px;height:1px;background-color:#999}
}