@charset "utf-8";
body,html{ min-width: 1200px; overflow-x: hidden; }
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none; color: #000;}
a{ font-size:14px; color:#000; text-decoration:none !important; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fl_p{width: 100%; margin: 0 auto; text-align: center; font-size: 16px; font-weight: bold;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1240{ width: 1240px; margin: 0 auto;}
.footer_img{width: 16rem; height: 9rem;}

.top{ background: #fff; height: 100px; padding: 0 45px; position: fixed; left: 0;  right: 0; top: 0; z-index: 999; overflow: hidden;}
.logo{ display: block; margin-top: 15px;}
.navbar{ position: absolute;  top: 0; left: 460px;  overflow: hidden;}
.navbar li{ float: left;}
.navbar li .active{color: #EF9C14 !important;}
.navbar li .none{ color: #000;}
.navbar li a{ display: block; font-size: 18px; padding: 0 35px; height: 100px; line-height: 100px; transition: all 0.7s;}
.navbar li:hover a{ color: #EF9C14;}
option{color: #000;}
.top p{ font-weight: bold; color: #ef9c14; font-size: 24px; font-family: arial; height: 100px; line-height: 100px;}
.top p img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.top.on{  animation-name: down; animation-duration: 1s; border-bottom: 1px solid #f5f5f5;}

.banner{ position: relative;  width: 100%; height:720px;display: block;  overflow: hidden; margin-top: 100px;}
.banner .bd{ position: relative;}
.banner .bd ul{ width: 100% !important ;}
.banner .bd li{ width: 100% !important;}
.banner .hd{ position: absolute; bottom:30px; text-align: center; width: 100%; height: 10px; z-index: 3333333;}
.banner .hd li{ display:inline-block; width: 10px; height: 10px; border-radius: 100%; overflow: hidden;
border:3px solid #fff; margin: 0 10px; z-index: 333; cursor: pointer; transition: all 0.6s; font-size: 0;}
.banner .hd li.on{ background: #fff;}


.tit h5{ line-height: 0;}
.tit h5 img{ display: block; margin: 0 auto;}
.tit h2{ color: #000; font-size: 60px; text-align: center; line-height: 0;}
.tit h2 span{ color: #ef9c14;}
.tit  p{ color: #333; font-size: 16px; letter-spacing: 10px; text-align: center; margin-top: 40px;}
.m-top{margin-top: 4rem;}
.index-sec1{ padding:50px 0; /*background: url(../img/bg4.jpg) no-repeat top center;*/ }
.sec1-left{ width: 240px; background: #30262b; margin-top: 30px; height: 620px;}
.sec1-right{ width: 1000px; height: 620px; ; margin-top: 30px; }
.sec1-left li{ height: 70px; overflow: hidden;}
.sec1-left li:nth-child(1){ background: #1c1318; height: 70px;}
.sec1-left li:nth-child(2){ background: #231a1f; height: 70px;}
.sec1-left li:nth-child(3){ background: #2a2126; height: 70px;}
.sec1-left li:nth-child(4){ background: #30262b; height: 70px;}
.sec1-left li:last-child{ margin-top: 60px;}
.sec1-left li:last-child img{ transition: all 0.6s;}
.sec1-left li:last-child:hover img{ transform: translateX(10px); }
.sec1-left li h2{text-align: center; color: #fff; font-size: 24px; height: 70px; line-height: 70px;  transition: all 0.6s;}
.sec1-left li img{ display: block; margin: 0 auto;}
.sec1-left li.on h2,.sec1-left li:hover h2{ color: #EF9C14 !important; cursor: pointer;}
.sec1-right .pal{ display: none;}
.sec1-right .pal.on{ display: block;}
.sec1-right .div1,.sec1-right .div1 img{ width: 1000px; height: 620px; overflow: hidden; transition: all 0.6s;}
.sec1-right .div2 { margin-top: 10px;}
.sec1-right .div2 a,.sec1-right .div2 a img{ display: block; width: 495px; height: 390px; overflow: hidden; transition: all 0.6s}
.sec1-right a:hover img{ transform: scale(1.1);}

.index-sec2{ padding:50px 0;}
.index-sec2 .box{ margin-top: 50px;}
.sec2-left{ width: 510px; margin-left: 55px; }
.sec2-left h2{ color: rgba(0,0,0,0.1); font-weight: bold; font-size: 50px;}
.sec2-left h3,.bus-content h3{ font-size: 20px; color: #333; font-weight: bold;}
.sec2-left h3 i,.bus-content h3 i{ display: inline-block; height: 5px; width: 5px; background: #EF9C14; border-radius: 100%; vertical-align: middle; margin-left: 5px;}
.sec2-left p,.bus-content p{ font-size: 14px; color: #666; line-height: 36px; margin-top: 20px;}
.sec2-left .more{ display: block; width: 210px; height: 48px; border:2px solid #EF9C14; color: #EF9C14; font-size: 16px; line-height: 48px;
text-align: center; margin: 50px 0 0 0; transition: all 0.6s;} 
.sec2-right{ width: 590px;}
.sec2-left .more:hover{ transform: translateX(10px);}

.customer_service{ width: 5rem; height: 25rem; position: fixed; right: 0%; bottom: 15%; z-index: 999;}
.customer_service ul{width: 5rem;}
.customer_service ul li{width: 5rem; height: 5rem; background-color: #F2F2F2; margin-top: 1rem; text-align: center; line-height: 39px; font-size: 25px;
						font-weight: bold; color: #EF9C14; cursor: pointer;}

.customer_service ul li img{width: 3rem; height: 3rem; margin-top: 1rem;}

.top{font-size: 15px; font-weight: bold; color: #EF9C14;}

.index-sec3{ height: 695px;}
.index-sec3 .sec3-left-img{position: relative; width: 620px; height: 550px;}
.index-sec3 .w1240{ position: relative;}
.index-sec3 .sec3-left{ position: absolute; left: 327px; background: #EF9C14; top: 43px; width: 200px; height: 70px; padding: 10px 30px;}
.index-sec3 .sec3-left .p1{  color: #fff; font-size: 18px;}
.index-sec3 .sec3-left h2{  color: #fff; font-size: 32px; font-weight: bold; padding:5px 0;}
.index-sec3 .sec3-left .p2{  color: #fff; font-size: 16px; opacity: 0.6; text-transform: uppercase;}
.index-sec3 .sec3-left b{  display: block; height: 1px; background: #fff; width: 44px; margin-top: 20px;}
.index-sec3 .sec3-right{ position: absolute; right: 0; bottom: 0; background: #fff; top: 81px; width: 620px; height: 550px;}
.index-sec3 .bd{ width: 510px; margin: 30px auto}
.index-sec3 .bd li h2{ font-weight: bold; color: #000; font-size: 18px;}
.index-sec3 .bd li h2 span{ display: inline-block; vertical-align: middle; margin-right: 10px; font-family: arial; font-size: 20px;}
/*.index-sec3 .bd li p{ color: #666; font-size: 14px; line-height: 36px; margin-top:10px;}*/
.index-sec3 .bd li p{ color: #666; font-size: 14px; line-height: 24px; margin-top:10px;}
/*.index-sec3 .bd li div{ padding: 20px 0;}*/
.index-sec3 .bd li b{font-weight: bold; font-size: 25px;}
.index-sec3 .hd li{ font-size: 0; background: #dddddd; height: 10px; width: 10px; border-radius: 100%; display: inline-block;
margin: 0 5px;}
.index-sec3 .hd li.on{ background: #EF9C14;}
.index-sec3 .hd{ width: 510px; margin: 0 auto;}
.index-sec3 .prev{ display: block; width: 309px; height: 60px; text-align: center; position: absolute; bottom: 0; left: 0; background: #EF9920; cursor: pointer;
border-right: 1px solid #f2b043;}
.index-sec3 .next{ display: block; width: 310px; height: 60px; text-align: center; position: absolute; bottom: 0; right: 0; background: #EF9920; cursor: pointer;}
.index-sec3 .prev img,.index-sec3 .next img{ display: inline-block; margin-top: 25px; transition: all 0.6s;}
.index-sec3 .next:hover img{ transform: translateX(10px);}
.index-sec3 .prev:hover img{ transform: translateX(-10px);}

.index-sec4{ background:#f9f9f9;  padding: 50px 0 70px 0;}
.index-sec4 .w1240{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.1); background: #fff; margin-top: 50px;}
.index-sec4 ul{ padding-top: 35px;}
.index-sec4 li{ float: left; width: 25%; margin-bottom: 35px; transition: all 0.6s;}
.index-sec4 li figure{ background: url(../img/kuang.png) no-repeat top center; height: 150px; width: 150px; margin: 0 auto;}
.index-sec4 li figure img{ display: block; margin:0 auto; padding-top: 50px; }
.index-sec4 li h2{ color: #ef9c14; font-size: 22px; font-weight: bold; text-align: center; padding: 15px 0 10px 0;}
.index-sec4 li p{ color: #555; font-size: 14px;  text-align: center;}
.index-sec4 li:hover{ transform: translateY(10px);}
.clear{clear: both;}
/*.index-sec5{ background: url(../img/bg1.png) no-repeat top center; height: 640px;}*/
.index-sec5 .w1240{ position: relative; height:640px;}
.index-sec5 .bd{ position: absolute; right: 0; top: 0; bottom: 0; overflow: hidden; width: 940px;  height:640px;}
.index-sec5 .bd li img{ display: block; width: 940px; height:640px;}
.index-sec5 .prev{ position: absolute; left: 320px; top: 268px; cursor: pointer;}
.index-sec5 .next{ position: absolute; right: 30px; top: 268px; cursor: pointer;}
.index-sec5 .more{ width: 210px; height: 48px; border:2px solid #fff; color: #fff; font-size: 16px; line-height: 48px;
text-align: center;  transition: all 0.6s; position: absolute; bottom: 95px; left: 0; z-index: 333;} 
.index-sec5 .more:hover{ transform: translateX(10px);}
.index-sec5 .bd_right{width: 26rem; height: 37rem; margin-left: 10rem; border-radius: 5%;}
.carousel-item img{
	width: 100%;
	height: 720px;
}
.carousel-item video{
	width: 100%;
	height: 720px;
}
.bd_right .carousel-inner{
	height: 37rem;
}
.bd_right .carousel-item{
	height:37rem;
}
.bd_right img{
	height:37rem;

}
.bd_right video{
	width: 26rem;
	height: 37rem;

}
.swiper-left .img-carousel{
	height: 36rem;
}
.swiper-left .img-inner{
	height:36rem;
}
.swiper-left .img-item{
	height:36rem;

}
.swiper-left .img-item img{
	height: 36rem;
	
}
/* .swiper-left .img-item video{
	width: 26rem;
	height: 36rem;

} */
.banner .carousel{
	height: 720px !important;
}
.index-sec5 .bd_right_tab{ margin: 0 auto; text-align: left;color: #EF9C14; font-weight: bold; font-size: 20px; line-height: 35px; margin-top: 1rem;}
.bd_right_tab img{
width: 2rem;
}
.bot{
	display: flex;
    padding: 0 14rem;
	align-items: center;
	margin-bottom: 20px;
}
.index-sec5 .bd_right_top{width: 19rem; height: 30px;}
.index-sec5 .tab_left{padding-left: 1rem;}
.index-sec5 .hd_left{background-color: #EF9C14; width: 40rem; height: 36rem; border-radius: 5%; text-align: center; padding-top: 2rem;}
.index-sec5 .hd_left_h5{color: #ffffff; font-size: 24px; font-weight: bold;}
.index-sec5 .hd_left_con{margin: 0 auto; text-align: center; width: 19rem; margin-top: 1rem;}
.index-sec5 .hd_left_con_left{width: 92px; height: 3px; background-color: #ffffff; float: left; margin-top: 7px; margin-right: 15px; }
.index-sec5 .hd_left_con_center{float: left; color: #ffffff;}
.index-sec5 .hd_left_con_right{width: 92px; height: 3px; background-color: #ffffff; float: left; margin-top: 7px; margin-left: 15px;}
.index-sec5 .hd_left_input{width: 90%; margin: 0 auto; text-align: center;}
.index-sec5 .hd_left_input .hd_left_input_div{float:left; margin-top: 4rem;}
.index-sec5 .hd_left_input .hd_left_input_div label{float:left; font-size: 16px; color: #ffffff; margin-left: 2rem; margin-right: 1rem; margin-top: 0.3rem;}
.index-sec5 .hd_left_input .hd_left_input_div .right{ display: inline-block;font-size: 16px; color: #ffffff; margin-right: 0.5rem;margin-top: 0.3rem; padding-left: 8px;
}
.index-sec .btn{    color: #ef9c14;
    /* border-color: #ef9c14; */
    border: 1px solid;
    background-color: #fff;
    width: 8rem;
    height: 2.5rem;}
.index-sec5 .hd_left_input .hd_left_input_div .div_input{float:left;}
.index-sec5 .hd_left_input .hd_left_input_div .div_input input{border: #ffffff solid 1px; width: 12rem; height: 2rem; border-radius: 10px; padding-left: 2px; padding-right: 2px;}
.index-sec5 .hd_left_input .hd_left_input_div .div_input select{border: #ffffff solid 1px; width: 7rem; height: 2rem; border-radius: 10px; padding-left: 2px; padding-right: 2px;    background: transparent;color: #e1dfdf;}
.index-sec5 .hd_left_input .hd_left_input_div .div_input .select{border: #ffffff solid 1px; width: 12rem; height: 2rem; border-radius: 10px; padding-left: 2px; padding-right: 2px;    background: transparent;color: #e1dfdf;} 
.select .select-head{
	display: flex;
	height: 2rem;
	justify-content: space-between;
	align-items: center;
}
.select .option{
	display: none;
	border: 1px solid;
    border-radius: 10px;
    background: #ef9c14;
	padding: 0 20px 20px;
	position: relative;
	z-index: 99;
}
.select .option .option-item{
	text-align: left;
    font-size: 16px;
    border-bottom: 1px solid;
    padding: 6px 0;
}
.select .option .check{
	width: 15px !important;
    height: 15px !important;
    margin-top: 0.2rem;
	margin-top: 0.2rem;
    background: transparent !important;
    background: #ef9c14;
    margin-right: 0.2rem;
}
.index-sec5 .hd_left_submit{clear: both; margin-top: 12rem;}
.index-sec5 .hd_left_submit button{width: 8rem; height: 2.5rem; border-radius: 12px; border: none; cursor: pointer; color: #EF9C14;margin-top: 2rem;}

.index-sec6{ background:#f9f9f9;  padding: 50px 0 70px 0;}
.index-sec6 ul{ margin-left: -20px; margin-top: 50px;}
.index-sec6 li{ float: left; width: 398px; border:1px solid #E0E0E0; background: #fff; margin-left: 20px; position: relative;}
.index-sec6 li span{ position: absolute; background: url(../img/numbg.png) no-repeat top center; height: 60px; width: 40px;
text-align: center; color: #fff; font-size: 24px; font-family: arial; line-height: 40px; z-index: 333; top: -10px; left: 20px;}
.index-sec6 li figcaption{ padding: 20px;}
.index-sec6 li h3{ color: #000; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s;}
.index-sec6 li p{ color: #666; font-size: 14px; height: 48px; line-height: 24px; margin: 15px 0; overflow: hidden;}
.index-sec6 li h6{ color: #666; font-size: 14px; font-family: arial; font-weight: normal;}
.index-sec6 li figure,.index-sec6 li figure img{display: block; width: 398px; height: 250px; overflow: hidden; transition: all 0.6s;}
.index-sec6 li:hover figure img{ transform: scale(1.1);}
.index-sec6 li:hover h3{ color: #EF9C14;}
.index-sec6 .news_div{width: 12rem; margin: 0 auto; text-align: center; margin-top: 5rem;}
.index-sec6 .news_btn{width: 12rem; height: 3rem; border: solid 1px #EF9C14; background-color: #ffffff}

.team-content .team-top{
	width: 100%;
	height: 160px;
	background-image: linear-gradient(#ef9c14ed, #f2b043);
	text-align: center;
	font-size: 36px;
	line-height: 160px;
	color: #fff;
}

/* .team-list .white{color: #fff;} */
.team-content .team-list{ margin-bottom: 30px;display: flex; flex-direction: column;align-items: center;}
.team{display: none;}
.team-box{display: flex; justify-content: space-around;flex-wrap: wrap;}
.team-box li{width: 25%;}
/* .team-content .team-right {margin-top: 10px;} */
.team-box .name{font-size: 20px; font-weight: bold;}
.team-content .team-list img{width: 230px; height: 230px;border-radius: 50%; margin-bottom: 2rem;}
.team-list .post{font-size: 16px; margin-bottom: 20px;}
.footer{ background: url(../img/footer-bg.jpg) no-repeat top center; padding: 50px 5%; background-size: 100% ;}
.footer dl{ float: left; width:15%;}
.footer dl dd img{ width: 144px ;height:144px;}
.footer dl:nth-child(3){ width: 15%;}
.footer dl:last-child{ float: left;}
.footer dl dt{ color: #fff; font-size: 22px; padding-bottom: 15px;}
.footer dl p a{ display: block;  color: #aaa; font-size: 15px; padding: 7px 0; transition: all 0.6s;} 
.footer dl h3{ color: #fff; font-size: 14px;}
.footer dl .pd{ padding-top: 20px;}
.footer dl p{ color: #aaa; font-size: 14px;}
.footer dl p a:hover{ color: #EF9C14; transform: translateX(5px);}
.copyright{ background: #191817; height: 75px; line-height: 75px; padding: 0 5%;}
.copyright p{ color: #aaa; font-size: 14px; line-height: 75px; }
.copyright p a{ color: #aaa; display: inline-block; margin: 0 10px;}
.copyright p.fr{ color: #4f4f4f;}


.breadcrumb .w1240{ background: rgba(0,0,0,0.6); height: 50px; margin-top: -55px; position: relative;}
.breadcrumb span{ display: inline-block; height: 50px; line-height: 50px; font-size: 14px; color: #fff; margin: 0 5px; text-align: center; cursor: pointer;}
.breadcrumb img{ display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 10px;}
.breadcrumb p.fl{ color: #fff;   }
.breadcrumb i{ font-size: 16px; font-family: "宋体"; margin: 0 0 0 10px;}
.breadcrumb a.fr{height: 50px; line-height: 50px;  font-size: 14px; color: #fff; margin-right: 10px; } 

.fenlei{ text-align: center; padding-bottom: 30px;}
.fenlei a{ display: inline-block; border-radius: 5px; background: #000; height: 45px; line-height: 45px; width: 140px; color: #fff;
margin: 0 18px; font-size: 16px; transition: all 0.6s; margin-bottom: 20px;}
.fenlei a.on,.fenlei a:hover{ background: #EF9C14;}
.casepage { padding: 80px 0; background: #F5F5F5;}
.casepage ul{ margin-right: -22px;}
.casepage li{ width: 395px; float: left; overflow: hidden; margin-right: 22px; margin-bottom: 30px;}
.casepage li figure{ position: relative; width: 395px; overflow: hidden; height: 310px;}
.casepage li figure>img{ display: block; height: 310px; width: 395px;}
.casepage li .img2{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.casepage li div{ background: rgba(0,0,0,0.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: all 0.6s;}
.casepage li h2{ color: #000; font-size: 18px; text-align: center; height: 60px; line-height: 60px; font-weight: bold;}
.casepage li:hover figure div{ opacity: 1;}


.fenye{ text-align: center;  }
.fenye a{ display: inline-block;  padding: 0 20px; height: 40px; border:1px solid #eee; background: #fff;
color: #555; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye span{ display: inline-block;  padding: 0 20px; height: 40px; border:1px solid #eee; background: #EF9C14; color: #fff; cursor: pointer; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye a:hover,.fenye a.on{ background: #EF9C14; color: #fff; cursor: pointer; }
.fenye ul li{float: left;}

.newspage { padding: 50px 0px 0px 0px; background: #F5F5F5;}
.newspage_tabs button{
	width: 10rem;
	height: 3rem;
	background-color: #30262b;
	color: #fff;
	border-radius: 6px;
	margin: 0 60px;
	border: none;
}
.newspage_tabs .active{    background-color: #ef9c14;}
.newslist{ margin-bottom: 50px;}
.newslist li{ transition: all 0.6s; background: #fff; margin-bottom: 30px;} 
.newslist li a{ display: block; overflow: hidden; clear: both; padding: 20px; border-bottom: 1px solid #F5F5F5; transition: all 0.6s;}
.newslist li figure{ width: 340px; float: left; height: 240px; overflow: hidden;}
.newslist li figure img{ display: block; width: 340px; height: 240px; overflow: hidden; transition: all 0.6s;}
.newslist li:hover figure img{ transform: scale(1.1);}
.newslist li figcaption{ float: left; width: 800px; padding-left: 30px;}
.newslist li h2{ color: #000; font-size: 20px; padding:35px 0 15px 0; overflow: hidden; white-space: normal; text-overflow: ellipsis; font-weight: bold;} 
.newslist li p{ color: #666; font-size:14px; line-height: 36px; height: 72px; overflow: hidden; }
.newslist li h3{ padding: 30px 0 10px 0;}
.newslist .view { display: inline-block; background: url(../img/view.png) no-repeat left center; padding-left: 35px; color: #999; font-size: 14px;}
.newslist .time{ display: inline-block; background: url(../img/time.png) no-repeat left center; padding-left: 25px; margin-right: 25px; color: #999; font-size: 14px;}
.newslist li:hover{ transform: translateX(10px);}
.jionlist .title{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f2f2f2;
}
.jionlist .title span{line-height: 60px;}
.bd_map{width: 77rem; height: 35rem; margin-top: 3rem; border-radius: 10px; border: solid 1px #EF9C14;}
.jionlist .content{
	display: flex;
	padding: 3rem 3rem 4rem;
	border-bottom: 1px solid #f2f2f2;
}
.jionlist li{
	background-color: #fff;
	padding: 2rem 3rem;
	margin-bottom: 20px;
}
.jionlist .content p{
	font-size: 20px;
}
.jionlist .content img{
	width: 270px;
	height: 180px;
	margin-right: 2rem;
}
.jionlist .jion_btn{
    text-align: center;
    padding-top: 2rem;
}
.jionlist .jion_btn button{
	border: 1px solid #ef9e1a;
    width: 8rem;
    color: #ef9e1a;
    height: 2.5rem;
    border-radius: 4px;
    background: #fff;
}
.down_title{
	text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 2rem;
}
.newspage .downlist li{
	display: flex;
	padding: 2rem 0;
	margin-bottom: 150px;
}
.downlist li .name{
	font-size: 28px;
    color: #ef9c14;
    font-weight: 700;
	margin-bottom: 1rem;

}
.downlist li p{
	font-size: 20px;
}
.downlist li button{
	width: 13rem;
    height: 4rem;
    background-color: #ef9c14;
    color: #fff;
    border-radius: 12px;
    border: 2px solid #ef9c14;
	font-size: 20px;
	font-weight: 700;margin-top: 191px;margin-right: 1rem;
}
.downlist li .item_right{
position: relative;
}
.item_right button img{
width: 30px !important;
height: 35px !important;
margin-right: 10px !important;
display: inline-block;
}
.dis{
display: none;
}
.downlist li .item_right .down_show1,.down_show2,.down_show3{
	display: none;
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: #fff;
}
.newspage .downlist li img{    width: 570px;
    height: 330px;    margin-right: 5rem;}
.about_top{width: 78rem; height: 35rem; margin: 0 auto; text-align: center; background-color: #EF9C14;}
.about_top_img{float: left; margin-left: 4rem; margin-top: -3rem;}
.about_top_img img{width: 35rem; height: 35rem;}
.about_top_txt{width: 30rem; height: 30rem; float: left; margin-left: 4.5rem;}
.about_top_txt h3{font-size: 40px; font-weight: bold; color: #ffffff; text-align: left; margin-top: 2rem;}
.about_top_txt p{text-align: left; font-size: 16px; font-weight: bold; color: #ffffff; margin-top: 2rem; line-height: 35px;}
.about_bottom_qywh{margin-top: 6rem;}
.about_bottom_qywh .about_bottom_qywh_title{width: 12rem; height: 3rem; font-size: 34px; font-weight: bold; float: left;}
.about_bottom_qywh .about_bottom_qywh_intro{width: 65rem; height: 10rem; font-size: 17px; float: left; line-height: 30px;}
.bus-content{margin-bottom: 100px;}
.bus-content .bus-content-title{font-size: 34px;font-weight: bold;}
.bus-content .intro{font-size: 17px;line-height: 30px;text-indent: 2rem;}
/* .bus-content-img ul{display: flex;justify-content: space-between;margin-top: 50px;} */
.bus-content .carousel-control-prev{left: -142px !important;}
.bus-content .carousel-control-next{right: -142px !important;}
.bus-content .carousel-control-next-icon, .carousel-control-prev-icon{width: 120px; height: 80px;}
.about_bottom_img ul li,.bus-content-img ul li{float: left; margin-left: 2rem;}
.about_bottom_img ul li img,.bus-content-img img{width: 23rem; height: 23rem; cursor: pointer;}

.hot-tui .div1{   margin-top:30px;  border-bottom: 1px solid #F5F5F5; margin-bottom: 25px;}
.hot-tui h2{ color: #000; font-size: 20px; font-weight: bold; height: 60px; line-height: 60px; position: relative;}
.hot-tui h2 b{ display: block; background: #E77817; width:120px; height: 2px; }
.hot-tui  a.more{ color: #EF9C14; font-size: 16px; height: 60px; line-height: 60px; padding-right: 15px;}
.news-tui li p{ float: left; width: 33.33%;}
.news-tui li p a{ display: block; height: 36px; line-height: 36px; text-align: center; color: #333; padding: 10px 0; text-align: left;} 
.news-tui li p span{ display: inline-block; width: 8px; height: 8px; background: #E77817; transform: rotate(45deg); margin-right: 10px;}
.news-tui li{ overflow: hidden; clear: both;}

.detailspage{ padding: 50px 0;}
.displayTitle {margin: 0 auto 20px auto; border-bottom: 1px solid #F5F5F5;}
.displayTitle h2{ font-size:23px; font-weight:normal; color:#333333; text-align: center;}
.dianji_num{ font-size:15px; color:#666666; margin:23px auto; text-align: center; height: 33px; line-height: 33px;}
.dianji_num .clearfix{text-align: center; margin: 0 auto; width: 650px;}
.dianji_num span{display: inline-block; margin-right: 20px; }
.displayMain{   padding:10px 20px 30px; line-height:36px; text-align:center; overflow:hidden;}
.displayMain p{ font-size:14px; color:#333; text-align:left; line-height: 36px; padding: 15px 0;}
.displayMain img{ display: block; max-width: 100%; margin: 0 auto;}
.share{ border-top:1px dotted #cccccc;  margin-bottom:20px; padding-top:25px;}
.share_l{ width:560px; color:#666666;}
.share_l li{ height:35px; line-height:35px; overflow:hidden;}
.share_l li a{ color:#333; font-size:14px; transition: all 0.6s;}
.share_l li a:hover{ color:#EF9C14;}
.share_r{ margin-top:10px;}
.share_r span a{ background:#EF9C14; width:155px; border-radius: 10px; height:45px; color:#fff; display:block; text-align:center; line-height:45px; font-size:16px;
transition: all 0.6s;}
.share_r span a:hover{ transform: translateX(-10px);}
.top-content{margin-top: 100px;}
.img-box{
	display: flex;
	height: 550px;
}
.img-box img{
	width: 100%;
	height: 100%;
}
.img-box .swiper-left{
	width: 60%;
	margin-right: 10px;
}
.img-box .img-right{
	width: 40%;
}
 .img-right div{
	position: relative;
	height: 49%;
}
.img-right div .shade_title{
	position: absolute;
	width: 100%;
    color: #fff;
    line-height: 2.5rem;
    padding-left: 19px;
	bottom: 0;
	left: 0;
	height: 2.5rem;
	background-color: rgba(0,0,0,.4);
}
.swiper-left .indicators{
	bottom: 0;
    left: 0;
    width: 100%;
}
.swiper-left img{
	height: 550px !important;
}
.swiper-left .indicators text{
	color: #fff;
    position: absolute;
    left: 19px;
    bottom: 34px;
    z-index: 99;
}
.swiper-left .carousel-indicators{
	background: rgba(0,0,0,.4);
	height: 2.5rem;
    align-items: center;
	margin-left: 0;
	margin-right: 0;
	justify-content: right;
	bottom: 26px;
}
.swiper-left .carousel-indicators li{    width: 15px;
    border-radius: 50% !important;
    height: 15px;}

.swiper-left ol{
margin-bottom: 0 !important;

}
.QR-tip{
	display: none;
	left: -215px;
    bottom: 16px;
}
.phone-tip{
	display: none;
	left: -315px;
    bottom: 190px;
}
.customer_service .tip {
	position: absolute;

	margin-left: 20px;
	margin-top: 20px;
	background: #f5f5f5;
	padding: 10px;
	/*设置圆角*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
}
.tip-trangle-right {
	position: absolute;
	top: 15px;
	right: -10px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #f5f5f5;
}
.tip p{
	font-size: 24px;
	font-weight: 700;
	color: #ef9c14;

}
.newspage .tit{
	margin-bottom: 2rem;
}
.carousel-indicators {
	/*position: absolute;*//*让轮播图的导航部分不属于轮播的子类，从而可以不把导航栏包含在轮播部分中*/
	right: 0;
	bottom: -14px;
	left: 0;
	z-index: 999;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
  }
  .carousel-indicators .active{
	background-color: #ff8c2c !important;
  }
  .carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 20px;
	height: 6px;
	border-radius: 45%;
	/*注释掉的部分是去掉插件自带的样式，实现自定义样式*/
	/*height: 3px;*/
	/*margin-right: 3px;*/
	/*margin-left: 3px;*/
	/*text-indent: -999px;*/
	/*cursor: pointer;*/
	/*background-color: #fff;*/
	/*background-clip: padding-box;*/
	/*border-top: 10px solid transparent;*/
	/*border-bottom: 10px solid transparent;*/
	/*opacity: .5;*/
	/*transition: opacity 0.6s ease;*/
  }
  .wrapper {
	position: relative;
	/* width: 500px; */
	margin: 30px auto;
}

.wrapper  .tops {
	/* width: 500px; */
	overflow: hidden;
}
.wrapper .imgs {
	list-style-type: none;
	/* float: left; */
	display: flex;
	white-space: nowrap;
}
.wrapper .imgs li{
	margin-right: 10px;
}
.wrapper .imgs {
	width: 4000px;
	position: relative;
}

.wrapper .center .btns {
	cursor: pointer;
	height: 100%;
	position: absolute;
	top: 0;
	color: white;
	/* background-color: black; */
	opacity: 0.7;
	width: 50px;
	/* line-height: 60px; */
	/* text-align: center; */
	background-color:rgba(255,255,255,0.5)
}
.wrapper .center .btns img{
	position: absolute;
	top: 50%;
	margin-left: 10px;

	margin-top: -50%;
}
.wrapper .center .left {
	left: 0;
}


.wrapper .center  .right {
	right: 0;
}







@keyframes down{
 	from{transform: translateY(-100%); opacity: 0;}
 	to{transform: none; opacity: 1;}
 }

@media screen and (max-width:1800px) {
	.navbar { left: 360px;}
}
@media screen and (max-width:1600px) {
	.top{ padding: 0 30px;}
	.navbar { left: 330px;}
	.navbar li a{ padding: 0 30px;}
}
@media screen and (max-width:1500px) {
	.navbar { left: 280px;}
	.logo img{ width: 200px; margin-top: 10px;}
	.navbar li a{ padding: 0 25px; font-size: 16px;}
	.navbar .active{color: #ef9c14;}
}