.index_banner{ width: 100%;position: relative; }
.index_banner>img{ width: 100%; }
.banner_text{width:686px;position: absolute;top:280px;margin:0 auto;right:0;left:0;text-align: center;}
.b_tit{color:#fff;font-size: 70px;font-family: "Microsoft YaHei";margin-bottom: 30px;}
.b_tit>b{color:#eea029;font-weight: normal;}
.banner_text>p{ color:#fff;font-size: 20px;letter-spacing: 8px;margin-bottom: 56px; }
.banner_text>a{  display: block;width: 154px;height: 44px;line-height: 44px;text-align: center;color:#fff;font-size: 12px;border-radius: 24px;text-transform: uppercase;margin:0 auto;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;}
.banner_text>a:before {content: '';position: absolute;border: #e1e1e1 solid 2px;border-radius: 24px;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.banner_text>a:hover:before, .banner_text>a:focus:before, .banner_text>a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-webkit-keyframes hvr-ripple-out {
  100% { top: -12px;right: -12px; bottom: -12px;left: -12px;opacity: 0;}
}
@keyframes hvr-ripple-out {
  100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
}
.class_box{ width: 1200px;margin:0 auto;position: absolute;bottom:-154px;left:0;right:0;z-index: 9; }
.class_item{ cursor: pointer;transition: all .6s ease;padding:52px 0;box-sizing: border-box; width: 380px;height: 290px;color:#fff;box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.05);font-size: 15px;text-align: center;float: left;display: block; }
.class_item1{background-color: #eea029;margin-top: 8px;}
.class_item2{background-color: #696969;width:432px;height: 306px; }
.class_item3{background-color: #b39263;margin-top: 8px;}
.class_item>img,.class_item>span{display: block;margin:0 auto;}
.class_item>span{margin: 42px 0;}
.class_item:hover{transform: scale(1.04);}

.about_wrap{width: 100%;overflow: hidden;}
.about{width: 1200px;margin:260px auto 120px;}
.abo_tit>p{margin-bottom: 68px;}

.contact_wrap{width: 100%;background-color: #f8f8f8;}
.contact{padding:65px 0 0;}
.cont_list{width: 1200px;margin:0 auto;overflow: hidden;}
.cont_item{float: left;width: 300px;height:300px;margin:0 4%;text-align: center;overflow: hidden; }
.ct-sub{height:100%;width:100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.ct-sub>p{width: 40px;height: 40px;text-align: center;line-height: 40px;margin:0 auto 30px;}
.ct-sub>p>img{vertical-align: middle;}
.ct-sub>span{color:#333;font-size: 18px;text-transform: uppercase;}
.cont_item:hover .ct-sub{margin-top:-100%;opacity: 0;}
.ct-detial {background-color:#eea029; height: 100%;width:100%;display: flex;overflow: hidden;color:#fff;flex-wrap: wrap;justify-content: center;flex-direction: column;}
.ct-detial>span{font-size: 16px;font-weight: bold;margin-bottom: 26px;}
.ct-detail>p{font-size: 12px;}

.message_wrap{width: 100%;background-color: #ecf3fc;padding:95px 0 85px;}
.message{width: 1200px;margin:0 auto;}
.message>label{display: block;text-align: center;height: 44px;width: 340px;position: relative;margin:0 auto 26px;}
.message input{display: block;width: 100%;height:100%;border:none;border:1px solid #bbb;font-size: 14px;color:#5f5f5f;font-style: initial;border-radius: 24px;padding-left: 20px;box-sizing: border-box;background-color: transparent;outline: none;}
.message img{position: absolute;top:-9px;right:-7px;cursor: pointer;}
.message >span{font-style: 14px;text-align: center;color:#5f5f5f;display: block;}

/*products*/

.client_wrap{width: 100%;padding:86px 0;background-color: #f8f8f8;}
.client{width: 1200px;margin:0 auto;}

/*client*/
.qunar { width: 810px; margin: 0 auto; position: relative; overflow: hidden;text-align: center; }
.qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 810px; height: auto; }
.qunar .e_pic_wrap li {position:relative;  display: inline; width: 810px; height: auto; overflow: hidden; }
.qunar .e_pic_wrap li>div{width: 128px;height: 128px;overflow: hidden;border-radius: 50%;margin:0 auto 30px;}
.qunar .e_pic_wrap li>div>img{width: 100%;}
.qunar .e_pic_wrap li>span{display: block;color:#202020;font-size: 14px;margin-bottom: 40px;}
.qunar .e_pic_wrap li>span>i{color:#32aef5;font-size: 12px;font-style: normal;text-transform:capitalize;margin-left: 6px;}
.qunar .e_pic_wrap li>p{white-space: pre-wrap;color:#5f5f5f;font-size: 18px;width: 100%;line-height: 40px;}

.qunar .prev, .qunar .next { position: absolute; z-index: 9; display: block; }
.qunar .prev { top: 54px; left: 270px; }
.qunar .next { top: 54px; right: 270px; }
.qunar .prev a,.qunar .next a{ display: block; width: 25px; height: 32px; overflow: hidden; }
.qunar .prev a>img{transform: rotate(-180deg);}

/*news*/
.news_item:first-child{margin-left: 0;}

@media only screen and (max-width:1400px){
	.banner_text{top:176px;}
	.class_box,.about,.message{width: 1000px;}
	.class_item{width: 320px;}
	.class_item2{width: 360px;}
	.abo_info{height: 320px;}
	.abo_cont>img{width: 52%;}
	.abo_info>div{width: 47%;padding: 10px 0 0 16px;}
	.abo_info>div>h5{margin-bottom: 10px;}
	.client{width: 1000px;}

}