@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
body,html{height:100%;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{font-family: "Microsoft YaHei"; font-size:14px; color:#3f3f3f; overflow-x:hidden; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
.middle{max-width:1200px;width:90%;margin:0 auto;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}
@font-face {font-family: "iconfont";
 src: url('../fonts/iconfont.eot'); /* IE9*/
 src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
 url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
 font-family:"iconfont" !important;
 font-size:16px;
 font-style:normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

/*header*/
.header{ position:fixed;top:0;left:0; background:rgba(0,0,0,0.49);;width:100%;z-index:99;}
.logo{ background:url(../images/logo_whi.png) left center no-repeat;width:168px;height:60px;float:left;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;margin:20px 0;}
.headerfr{float:right;width:80%;}
.top{font-size:17px;color:#fff;margin-top:15px;float:right;}
.top p{float:left;}
.top1{height:20px; background:url(../images/index_ico_01.png) left center no-repeat; background-size:20px 20px;padding-left:25px;line-height:20px;margin-right:8px;color:#ff3600;margin-top:2px;}
.top2{height:20px; background:url(../images/index_ico_02.png) left center no-repeat; background-size:20px auto;padding-left:25px;line-height:20px;margin-top:2px;}
.top3{width:23px;height:23px;border:1px solid #888;border-radius:50%;display:block;line-height:21px;padding-left:2px;cursor:pointer;margin-left:15px; position:relative;}
.top3 i{font-size:17px;}
.top3 span{ position:absolute;top:30px;right:0;border:1px solid #ddd; background:#fff;z-index:1;padding:5px 5px 0 5px;display:none;}
.top3 span img{width:120px;}
.top3:hover span{display:block;}
.m_nav{float:right;width:100%;text-align:right;margin-top:18px;}
.group:after{visibility:hidden;display:block;content:"";clear:both;height:0}
#example-one{margin:0 auto;list-style:none;position:relative;padding-bottom:6px;}
#example-one li{display:inline-block;}
#example-one a{color:#fff;font-size:14px;float:left;text-decoration:none;text-transform:uppercase;padding:0 20px;}
#example-one a:hover{color:#ff3600;}
#magic-line{position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:#ff3600;display:none !important;}
.current_page_item a{color:#ff3600!important}
.ie6 #example-one li, .ie7 #example-one li{display:inline}
.ie6 #magic-line {bottom:-3px}
.top3{display: none;}
.banner_index{width: 100%;height: 100%;}
.pc_banner{display:none}
.banner_index{display: block;}

dl,dd {margin: 0; padding: 0;}
.nav-wrap ul li {position: relative;}
.dropd {position: absolute; left: 50%; top: 100%; z-index: 999; transform: translateX(-50%); background: rgba(0, 0, 0, 0.49); padding: 4px 0; border-radius: 5px; display: none;}
.dropd dd a {display: block; float: unset !important; padding: 0 12px !important; line-height: 36px; white-space: nowrap; text-align: center;}
.current_page_item .dropd dd a{color:#fff!important}
#example-one .dropd dd a:hover{color:#ff3600!important;}
.nav-wrap ul li:hover .dropd{display: block;}

/*header*/

/*手机导航*/
.headerh{z-index:9993; background:none; box-shadow:none;height:100%;background:#000;visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s;transition: transform 0.4s,opacity 0.4s;}
.nav_nav_logo{width:100%;height:55px;margin-top:10px;padding-bottom:15px; background:url(../images/logo_whi.png) left top no-repeat; background-size:auto 40px;display:none;border-bottom:1px solid #282828}
.yd_nav{ position:fixed;top:11px;right:5%;width:30px;z-index:999;display:none;}
.yd_nav span{width:100%;height:2px; background:#ff3300;display:block;margin:7px 0;}
.yd_navbc{ position:fixed;top:0;left:0;width:100%;height:100%;z-index:9991; background:#000;}
.headerh .nav_nav_logo{display:block;}
.headerh .logo{display:none;}
.headerh .m_nav{ position:absolute;top:10%;left:0;width:100%;text-align:left;display:block;}
.headerh .nav-wrap{border:0;}
.headerh #example-one li{width:100%;padding:0 10%;}
.headerh #example-one a{display:block;width:100%;float:inherit;color:#fff;font-size:15px;border-bottom:1px solid #282828;padding:15px 0;}
.headerh .current_page_item a{color:#a5a5a5 !important;}
.headerhx{ position:absolute;top:0;right:5%;color:#fff;font-size:40px;display:none;}
.headerh .yd_nav{display:none;}
.headerh .headerhx{display:block;}
/*手机导航*/

/*footer*/
.yqlj{overflow:hidden;background:#232323;border-top:8px solid #ff3600;border-bottom:1px solid #1c1c1c;padding:20px 0; font-size:12px;position:relative;z-index:9;}
.yqljfl{float:left;width:8%;text-align:center;color:#666;line-height:25px;}
.maquee{width:92%;float:left;font-size:12px;color:#4f4f4f;height:25px;line-height:25px;overflow:hidden;font-size:12px;}
.maquee a{color:#4f4f4f;margin-right:15px;}
.maquee a:hover{color:#fff;}
.maquee{ overflow-y:scroll;}
.maquee::-webkit-scrollbar{width: 4px;height: 4px;}
.maquee::-webkit-scrollbar-button {display: none;}
.maquee::-webkit-scrollbar-track {display:none;}
.maquee::-webkit-scrollbar-track-piece{background:rgba(204,204,204,0.1);}
.maquee::-webkit-scrollbar-thumb{background:rgba(204,204,204,0.2);}
.maquee::-webkit-scrollbar-corner{background: #ffffff;}

.foot{overflow:hidden; background:#232323;padding-bottom:30px;position:relative;z-index:9;}
.foot .middle,.yqlj .middle{width:1000px;overflow:hidden;}
.footfl{float:left;width:70%;text-align:center;font-size:12px;color:#4f4f4f;line-height:24px;color:#888;}
.footfl a{color:#888;}
.footfl_b{display:block;font-size:22px;color:#a7a7a7;line-height:50px;padding-top:50px;padding-bottom:10px;font-weight:bold;}
.footfr{float:right;width:30%;text-align:center;overflow:hidden;padding-top:20px;}
.footfr p{display:block;width:50%;float:left;}
.footfr p img{width:80%;}
.footfr p span{display:block;font-size:12px;color:#fff;line-height:24px;}
/*footer*/


.top_fh {width:54px; height:224px; position:fixed; right:0; top:70%; margin-top:-112px; z-index:10000; display:none}
.top_fh li { width:54px; height:54px; float:left; position:relative; margin-top:2px; background:#656565}
.top_fh li a {line-height:54px; font-size:14px; color:#fff; display:block; height:54px; width:54px !important; position:absolute; right:0; top:0; overflow:hidden;}
.top_fh li a img { float:right;max-width:100%;}
.top_fh li:hover { background:#ff3300 !important;transition:all 0.5s;}
.top_fh li a:hover { background:#ff3300 !important;transition:all 0.5s;width:175px !important;}



/* 新PCbanner */
.ind_banner_box {
		/*height: 100vh;*/
		height:calc(100vw * 1080 / 1920);
		max-height:100vh;
	}
	.ind_banner_box .swiper-container {
		height: 100%;
	}
	.banner_img_box {
	 width: 100%;
	 height: 100%;
	 position: relative;
	}
	.banner_img_box .banner_img {
		width: 100%;
	 height: 100%;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 transform: scale(1.2);
	}

 .banner_img_box .banner_text_img_box {
 width: 35.833%;
 position: absolute;
 left: 54%;
 top: 49.5%;
 transform: translate(-50%, -50%); }
 .banner_img_box .banner_text_img_box img {
 width: 100%;
 display: block; }


.ind_banner_box .banner_img_box {
 transform: scale(1.5);
 transition: all .5s ease-in-out; }
 .ind_banner_box .banner_img_box .banner_text_img_box {
 transform: translate(-50%, -50%) scale(1.25);
 opacity: 0;
 transition: all 0s ease; }

.ind_banner_box .active .banner_img_box {
 transform: scale(1);
 transition: all 0s ease; }
 .ind_banner_box .active .banner_img_box .banner_img {
 transform: scale(1);
 transition: all 3s ease; }
 .ind_banner_box .active .banner_img_box .banner_text_img_box {
 transform: translate(-50%, -50%) scale(1);
 opacity: 1;
 transition: all .3s ease; }

@media (max-width:1024px){
 .banner_index{height: auto;}
 .pc_banner{display:block}
.banner_index{display: none;}
.header{background-color: rgba(0,0,0,0.85);}
.ind_banner_box{display:none;}

}

/* 底部图标 */
.m_bot_fix{
 display:none;
}

@media screen and (max-width:767px){
 .top_fh{
 display:none !important;
 }
 .m_bot_height{
 height:10px;
 }
 .m_bot_fix{
 display:block;
 position:fixed;
 left:0;
 bottom:0;
 z-index:10000;
 width:100%;
 border-top:solid 1px #dfdfdf;
 background:#fff;
 }
 .m_bot_fix ul{
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 }
 .m_bot_fix ul li{
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 }
 .m_bot_fix ul li a{
 height:60px;
 color:#333;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-align-items:center;
 align-items:center;
 -webkit-flex-direction:column;
 flex-direction:column;
 position:relative;
 }
 .m_bot_fix ul li:not(:nth-last-of-type(1)) a:after{
 content:"";
 position:absolute;
 width:1px;
 height:30px;
 background:#dfdfdf;
 top:50%;
 right:0;
 transform:translateY(-50%);
 }
 .m_bot_fix ul li a span{
 height:24px;
 position:relative;
 }
 .m_bot_fix ul li a span em{
 position:absolute;
 top:-4px;
 right:-10px;
 width:16px;
 height:16px;
 line-height:16px;
 border-radius:50%;
 background:#ff3600;
 text-align:center;
 font-size:12px;
 color:#fff;
 font-family:arial;
 animation:ballShow 1.2s cubic-bezier(.43,.2,.02,1) infinite;
 }
 .m_bot_fix ul li a span .iconfont{
 font-size:20px;
 }
 .m_bot_fix ul li a p{
 font-size:13px;
 }

 @keyframes ballShow{
 0%{
 opacity:0;
 }
 100%{
 opacity:1;
 }
 }

 /* banner */
 .swiper-container.banner .swiper-slide{
 height:calc(100vw * 420 / 750) !important;
 }

 /* 关于我们 */
 .xabout_p2fl .xabout_p2flzy{
 right:18% !important;
 }
 .xabout_p2fl .xabout_p1fl_text{
 left:14% !important;
 }
 .xabout_p3 .xabout_p2fl .xabout_p1fl_text{
 left:35% !important;
 }
 .xabout_p3 .xabout_p2fl .xabout_p2flzy{
 left:17% !important;
 }

}