@charset "utf-8";
/* CSS Document by andy tao*/
/*CSS reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma, microsoft Yahei,\5b8b\4f53,arial,sans-serif;font-family:PingFangSC-Regular;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0; vertical-align:middle;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}
/*CSS reset end*/

.clear { clear:both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

html body {}

body{/*background:url(../images/bg.jpg) no-repeat center top; background-size:cover;*/background:linear-gradient(170deg, #000000 10%, #444444 41%, #222222 80%);padding-top: 66px;  }
body, input, select, textarea, button { color: #171717; }
body { }
a { }
a:hover{  text-decoration:none; }
a:focus {}
a:active {  }

input{ vertical-align:middle; padding:0 2px;}


.fl { float: left }
.fr { float: right }

.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 999999; height: 100%; width: 100%; overflow: hidden !important; }
.status { width: 300px; height: 128px; position: absolute; left: 50%; top: 40%;  background:url(../images/loading.gif) no-repeat center center rgba(0,0,0,0.80); margin: -150px 0 0 -150px;padding-top: 300px; color:#fff; text-align:center; font-size:16px; }

/*top*/
.topPosition{ position:fixed; width:100%;top:0;height:66px;left:0;background:rgba(0,0,0,0.9); z-index:9;}
.top{height:66px;width:1400px; margin:0 auto; position:relative;}
.logo{width: 250px;height: 49px; background:url(../images/logo.png) no-repeat center center;float:left; position:absolute;left:45px;top:10px;}
.menu{ width:1000px;margin:0 auto;}
.menu ul.nav{ float:right; }
.menu ul.nav li{ float:left;}
.menu ul.nav li a{ display:block;line-height:58px;border-bottom:4px solid transparent; color:#ddc18c;font-size:16px;padding:4px 20px 0;}
.menu ul.nav li a:hover,.menu ul.nav li a.now{border-bottom:4px solid #ddc18c; color:#ddc18c;}
.menuMobile{ display:none;}
.menuMobileBtn{ display:none;}


/*footer*/
.footer{ background-color:#000; border-bottom:1px solid #000;padding-top: 40px;}
.footerSlogan{text-align:center;background:url(../images/footLogo.png) no-repeat center top; padding-top: 50px; color:#999; font-size:16px;margin-bottom: 20px;}
.footer-copyright{ text-align:center; padding:40px; color:#9a9a9a; }
.wx_btn{display:inline-block;border-radius:25px;height:50px;width:50px;background:url(../images/wechat.png) center center no-repeat #494949; background-size:60% 60%;margin:0 25px;font-size:16px;color:#fff;line-height:50px;text-align:center;vertical-align:middle; position:relative;}
.wx_btn:hover i{ display:block !important; position:absolute; z-index:99; top:-500px;left:-180px; background-color:#fff; padding:40px; text-align:center; color:#000; border-radius:4px;}

.footerInfor{ text-align:center; color:#999;}
.footerInfor p{margin-top: 20px;}

.btn{ display:block; width:180px;height:44px;background:#FFDD4D;border-radius:4px;font-size:16px; color:#000; line-height:44px; text-align:center;}




/*index*/
/*page1*/
.indexBigShow{ width:100%; height:auto;}
.indexImg1{background:url(../images/indexImg1.png) no-repeat center center; background-size:cover;min-height:800px;}
.indexImg2{background:url(../images/indexImg2.png) no-repeat center center; background-size:cover;min-height:800px;}
.indexImg3{background:url(../images/indexImg4.png) no-repeat center center; background-size:cover;min-height:800px;}

.annoucement{ position:absolute; width:80%; margin:0 auto; top:0;left:50%; margin-left:-40%; z-index:99; background:rgba(255,255,255,0.5); line-height:30px;padding-left: 10px; font-size:14px; }
.annoucement span{ background:#ddc18c; border-radius:10px;padding-left: 10px;padding-right: 10px;margin-right: 10px;}


.w900{ width: 1280px; margin:20px auto;padding-left: 20px;}
.indexBlock{ float:left;margin-right: 20px; width:300px;}
.indexBlock img{ width: 100%;}
/*pro*/
.pagePro{width: 1400px; margin:0 auto;display:flex;}
.proLayout{width: 760px;padding: 20px;  flex:0 0 760px;}
.proImg{ position:relative;}
.proImg img{ width: 100%;}
.proImg span{ position:absolute; top:20px;left:0; display:block; height:40px;background:rgba(0,0,0,0.7);color:#fff; font-size:21px; line-height:40px; padding:10px;}
.proInfor{}

.loading{ position:absolute;top:0;left:0;width: 760px;height: 760px; background:url(../images/loading.gif) no-repeat center center rgba(0,0,0,0.80);}

.proList{ height:760px; margin-top:20px; }
.proTitle{ font-size:16px;margin-bottom: 10px; color:#ccc;}
.proList ul{ display:flex;flex-wrap:wrap;margin-bottom: 10px;}
.proList ul li{ border:1px solid #333;margin-right: 10px;margin-bottom: 10px;width: 100px;height: 100px; overflow:hidden;}
.proList ul li img{ width: 100px;}
.proList ul li:hover{ border:1px solid #ddc18c; cursor:pointer;}
.proList ul li.now{ border:1px solid #fff;}


.des{padding: 20px; flex:0 0 100px;}
.des p{ color:#ccc; font-size:14px;margin-bottom: 10px;}
/*basic*/


.page_white{background-color:#fff;}
.page_white:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



/*popup*/
.showControl{ position:fixed; width: 100%;height: 100%;left:0;top:0; z-index:999;}
.popup{align-items:center; position:absolute; width:100%; height:100%;left:0;top:0;   -webkit-align-items:center; display:-webkit-flex; display:flex;}
.popupBlock{ width: 340px; border-radius:4px;padding: 25px; background-color:#fff; margin:0 auto; position:relative;-webkit-box-flex: 1; }
.popupTitle{ color:#333; font-size:30px; text-align:center;position:relative; padding:0 0 26px; line-height:30px; font-weight:400;}
.popupTitle a{ background:url(../images/close-btn.png) no-repeat center center;position:absolute;right:-80px; top:-80px; display:block; width: 60px;height: 60px;}

.popupContent{ text-align:center;}

.mask{ position:absolute;width:100%;left:0;top:0;height:100%; background-color:rgba(0,0,0,.5); }

/*media*/
@media (min-width:992px) and (max-width:1300px){
	.top{height:66px;width:100%; margin:0 auto; position:relative;}
	.logo{width: 250px;height: 49px; background:url(../images/logo.png) no-repeat center center; position:absolute;left:10px;top:10px;}
	.menu{ width:760px;margin:0 auto; float:right;margin-right: 40px;}

	.indexImg1{background:url(../images/indexImg1.png) no-repeat center center; background-size:cover;min-height:600px;}
	.indexImg2{background:url(../images/indexImg2.png) no-repeat center center; background-size:cover;min-height:600px;}
	.indexImg3{background:url(../images/indexImg4.png) no-repeat center center; background-size:cover;min-height:600px;}


	.w900{ width: 1000px; margin:20px auto;padding-left: 20px;}
	.indexBlock{ float:left;margin-right: 20px; width:230px;}
	.indexBlock img{ width: 100%;}

}

@media  (max-width:992px){
	.top{height:66px;min-width:1000px; width:100%; margin:0 auto; position:relative;}
	.logo{width: 250px;height: 49px; background:url(../images/logo.png) no-repeat center center; position:absolute;left:10px;top:10px;}
	.menu{ width:760px;margin:0 auto; float:right;}

	.indexImg1{background:url(../images/indexImg1.png) no-repeat center center; background-size:cover;min-height:400px;}
	.indexImg2{background:url(../images/indexImg2.png) no-repeat center center; background-size:cover;min-height:400px;}
	.indexImg3{background:url(../images/indexImg4.png) no-repeat center center; background-size:cover;min-height:400px;}


	.w900{ width: 1000px; margin:20px auto;padding-left: 20px;}
	.indexBlock{ float:left;margin-right: 20px; width:200px;}
	.indexBlock img{ width: 100%;}

}
@media  (max-device-width : 750px) {
	.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 999999; height: 100%; width: 100%; overflow: hidden !important; }
	.status { width: 400px; height: 200px; position: absolute; left: 335px; top: 40%;  background:url(../images/loading.gif) no-repeat center top rgba(0,0,0,0.80); padding-top: 200px; color:#fff; text-align:center; font-size:32px; }

	body{padding-top:100px;  }
	.topPosition{ position:fixed; width:100%;top:0;height:100px;left:0;background:rgba(0,0,0,0.9); z-index:100;}
	.top{height:auto;width:750px; width:100%; margin:0 auto; position:relative; min-width:750px;}
	.logo{width: 250px;height: 100px; background:url(../images/logo.png) no-repeat center center; position:absolute;left:10px;top:0;}

	.annoucement{ position:absolute; width:100%; margin:0 auto; top:0;left:50%; margin-left:-50%; z-index:99; background:rgba(255,255,255,0.5); line-height:150%; font-size:24px;padding-left: 0; }
	.annoucement p{padding:10px;}

	.indexImg1{background:url(../images/mobileImg4.png) no-repeat center center; background-size:cover;min-height:750px;}
	.indexImg2{background:url(../images/mobileImg5.png) no-repeat center center ; background-size:cover;min-height:750px;}
	.indexImg3{background:url(../images/mobileImg6.png) no-repeat center center; background-size:cover;min-height:750px;}


	.w900{ width: 730px; margin:20px auto;padding-left: 20px;}
	.indexBlock{ float:left;margin-right: 20px; width:345px;margin-bottom: 20px;}
	.indexBlock img{ width: 100%;}


	.footerSlogan{ font-size:24px;}
	.footer-copyright{ padding:40px;  font-size:21px;}
	.wx_btn{border-radius:40px;height:80px;width:80px;font-size:24px;}
	.wx_btn:hover i{ display:block !important; position:absolute; z-index:99; top:-500px;left:-180px; background-color:#fff; padding:40px; text-align:center; color:#000; border-radius:4px;}


	.menu{ display:none;}

	.menuMobileBtn{ height:100px; position:absolute; top:0;right:0; display:block;}
	.menuMobileBtn a{ display:block;height:100px;background:url(../images/menuMobile.png) right 20px center no-repeat; text-align:right; padding-right: 100px; color:#fff; line-height:100px; font-size:32px;}
	.menuMobileBtn a.show{background:url(../images/menuMobileClose.png) right 20px center no-repeat;}
	.menuMobile{ width:750px; position:fixed;top:100px;right:0; z-index:999; background:rgba(0,0,0,0.9); display:none;}
	.menuMobile ul.navMobile{ float:none; width:750px; }
	.menuMobile ul.navMobile li{ display:block; float:none; text-align:right; border-bottom:1px solid #333;}
	.menuMobile ul.navMobile li a{ display:block;line-height:58px;border-bottom:4px solid transparent; color:#ddc18c;font-size:32px;padding:10px 40px;}
	.menuMobile ul.navMobile li a:hover,.menuMobile ul.navMobile li a.now{border-bottom:4px solid #ddc18c; color:#ddc18c;}


	.pagePro{width: 750px; margin:0 auto;display:flex;flex-wrap:wrap;}
	.proLayout{width: 710px;padding: 20px; flex:0 0 710px; }

	.proImg span{  font-size:32px;padding:20px;}

	.loading{ position:absolute;top:0;left:0;width: 710px;height: 710px; background:url(../images/loading.gif) no-repeat center center rgba(0,0,0,0.80);}

	.proList{ width: 750px;padding: 20px; height:330px; margin-top:0; }
	.proTitle{ font-size:32px;margin-bottom: 10px; color:#ccc;}

	.des{padding: 20px; flex:0 0 710px;}
	.des p{ color:#ccc; font-size:28px;margin-bottom: 10px;}

}

.proImg .swiper-button-prev,.proImg .swiper-button-next{ width:100px; height:700px;margin-top: -350px;background-size:34px 60px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:40px;left:0;width:100%}
.swiper-pagination-bullet{width:16px;height:16px;display:inline-block;border-radius:100%;background:#000;opacity:.2;}
.swiper-pagination-bullet-active{opacity:1;background:rgba(255,0,0,1)}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}

.mb{margin-bottom: 10px;}
.pad{ padding: 10px;}
.tc{ text-align:center !important;}
.span_red{ color:#f00;}
.money_align{ text-align:right !important;}
.hide{ display:none;}