@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px  "微软雅黑", Normal,  Light , "SimSun";  background-color: #FFFFFF; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle; display: block;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{ color:#333; text-decoration:none;blr:expression(this.onFocus=this.blur()); }
/* a:hover { color:#6da82d;  text-decoration:none; } */

body::-webkit-scrollbar { width: 0 !important;}
body { -ms-overflow-style: none; }
body { overflow: -moz-scrollbars-none; }

@font-face {
  font-family: Normal;
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_1562l09hx69.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_1562l09hx69.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_1562l09hx69.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_1562l09hx69.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_1562l09hx69.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_1562l09hx69.svg#思源黑体-普通') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: Regular;
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_o8zpww01awd.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_o8zpww01awd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_o8zpww01awd.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_o8zpww01awd.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_o8zpww01awd.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_o8zpww01awd.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: Medium;
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_b56enbi3rng.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_b56enbi3rng.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_b56enbi3rng.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_b56enbi3rng.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_b56enbi3rng.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_b56enbi3rng.svg#思源黑体-细') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: Bold;
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_4k577bgx7tb.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_4k577bgx7tb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_4k577bgx7tb.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_4k577bgx7tb.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_4k577bgx7tb.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_4k577bgx7tb.svg#思源黑体-粗') format('svg'); /* iOS 4.1- */
}

@media screen and (min-width: 1640px) and (max-width: 1840px){
	.about04{ height: 900px !important;}
	.about-shop{ width: 1110px !important;}
}
@media screen and (min-width: 1480px) and (max-width: 1640px){
	.about04{ height: 840px !important;}
	.about-shop{ width: 1010px !important;}
}

@media screen and (min-width: 1280px) and (max-width: 1480px){
	.head-main{ width: 1280px !important;}
	.main{ width: 1280px !important;}
	.index-about{margin: 200px 0 0 140px !important;}
	.mains{ margin: 250px 0 0 120px !important;}
	.about .pic{ width: 860px !important;}
	.about .text2{ margin-top: 150px !important;}
	.about .pic2{ width: 509px !important;}
	.about04{ height: 760px !important;}
	.about-shop{ width: 910px !important;}
	.join h3{ margin:90px 56px 0 0 !important;}
	.join .policyright{ width: 1080px !important;}
	.join .policy li{margin-right: 80px !important;}
	.join02 span{ width: 500px !important;}
	.join05 .apply{width: 1050px !important;}
	.apply-list{ width: 305px !important;}
	.w365{ width: 325px !important;}
	#allmap{width: 900px !important;}
	.news-detail .news-left{ width: 960px !important;}
	.news-detail .news-left .news-bot{ width: 960px !important;}
	.newslist .list-news img{ width: 640px !important;}
	.newslist .list-news .text{ width: 540px !important; height: 350px !important;}
	.newslist .list-news .text h4{ margin: 50px auto 20px !important;}
	.prolist{ margin-left: -640px !important;}
	.productlist{ width: 1000px !important;; float: right; margin: 200px 0 150px;}
	.productlist ul{ width: 1050px;}
	.productlist ul li{ width: 300px !important; height: 385px !important; margin:0 50px 50px 0 !important;}
	.productlist ul li img{ width: 220px !important;}
	.index-news{ width: 1520px !important;}
	.index-news .list{ margin-right: 40px !important;}
}

@media screen and (min-width: 0px) and (max-width: 720px){
	.videoplay{ width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 999999999; }
	
	.nophone{ display: none;}
	#dowebok{display: none !important;}
	#fp-nav{ display: none;}
	.phone{ display: block !important;}
	.phone-banner{ width: 100%; position: relative;}
	.phone-head{ width: 100%; margin: 0 auto; position: absolute; left: 0; top: 0; z-index: 999;}
	.phonelogo{ float: left; margin: 5%; display: block; width: 27%;}
	.phonelogo img{ width: 100%;}
	.phonemenu{ float: right; width: 7%; margin: 5%; display: block;}
	.phone-menulist{ display: none; width: 100%; height: 100%; background-color: #FFFFFF; overflow: hidden; position: fixed; top: 0; left: 0; z-index: 99999;}
	.phone-menulist-list{ width: 90%; margin: 60px auto;}
	.phone-menulist-list li{ width: 96%; font-size: 14px; color: #000000; line-height: 40px;}
	.phone-menulist-list li p{ display: none; font-size: 14px; line-height: 24px; padding-left: 10px; margin-bottom: 10px;}
	.phone-menulist-list li p a{ color: #5e5e5e;}
	.phone-menulist-list li span{ float: right; font-size: 18px;}
	.phone-menulist-list li a{ color: #000000; display: block;}
	.phone-bannerlink{ display: block; position: absolute; top: 20%; left: 19%; width: 62%; z-index: 999;}
	.phone-index1{ width: 90%; margin: 20px auto 30px; overflow: hidden;}
	.phone-index1 p{ margin: 10px auto; text-align: left; font-size: 12px; color: #333333; line-height: 16px; font-family: Medium;}
	.phone-index1 p span{ padding-right: 10px; margin-right: 10px; border-right: 1px solid #666; line-height: 16px;}
	.phone-index1 img{ margin: 20px 0; display: block;}
	.phone-index2{ width: 100%; margin: 0 auto; overflow: hidden;}
	.phone-bottom{ display: block !important; width: 100%; background-color: #000000; overflow: hidden; padding: 10px 0 50px;}
	.phone-bottom li{ width: 90%; margin: 0 auto; border-bottom: 1px solid #6a6a6a; font-size: 14px; color: #FFFFFF; line-height: 40px;}
	.phone-bottom li p{ display: none; font-size: 14px; line-height: 24px; padding-left: 10px; margin-bottom: 10px;}
	.phone-bottom li span{ float: right;}
	.phone-bottom li a{ color: #FFFFFF; display: block;}
	.phone-bottom .phone-bottom-wechat{ width: 90%; margin: 20px auto; overflow: hidden;}
	.phone-bottom .phone-bottom-wechat p{ font-size: 14px; color: #FFFFFF; line-height: 30px;}
	.phone-bottom .phone-bottom-wechat .left .img{ margin-right: 70px;}
	.phone-bottom .phone-bottom-wechat .code{ float: left; margin-right: 10px;}
	.phone-bottom .phone-bottom-wechat .phones{ margin-top: 35px; clear: both;}
	.phone-bottom .phone-bottom-wechat .number{ font-weight: bold; font-size: 20px; color: #FFFFFF; line-height: 20px; margin: 5px auto; font-family: Bold;}
	.phone-bottom .phone-bottom-text{ display: block; clear: both; border-top: 1px solid #6a6a6a; width: 100%; font-size: 12px; color: #b7b7b7; line-height: 20px; padding: 10px 0; text-align: center; font-family: Medium;}
	.phone-bot{ display: block !important; width: 100%; height: 50px; background-color: #FFFFFF; position: fixed; bottom: 0; left: 0; z-index: 9999;}
	.phone-bot .left50{ width: 50%; float: left;}
	.phone-bot .right50{ width: 50%; float: right;}
	.phone-bot img{ display: block; margin: 8px auto 2px; display: block; height: 18px;}
	.phone-bot span{ display: block; text-align: center; font-size: 14px; color: #3E3E3E; line-height: 20px;}
	
	
	.video{ height: auto !important; min-height: 200px;}
	.main{ width: 100% !important;}
	.about .pic{ width: 90% !important; margin: 30px auto !important; float: none !important;}
	.about .text{ width: 90% !important; margin: 30px auto 0 !important; float: none !important;}
	.about .text p{ font-size: 24px !important; margin-bottom: 10px !important; text-align: left !important;}
	.about .text span{ font-size: 14px !important;  margin-bottom: 10px !important; text-align: left !important;}
	.about02 { height: auto !important; background: url(../img/phone-about1.jpg) no-repeat bottom #000000 !important; background-size: 100% !important;}
	.about02 p{ width: 90%; font-size:  24px !important; margin: 30px auto 10px !important;}
	.about02 span{ width: 90% !important; font-size: 14px !important; margin: 0 auto 50px;}
	.about02 .num-list{ margin: 30px 5% 70px !important;}
	.about02 .num-list p{ width: 58%; line-height: 60px !important; font-size: 40px !important; margin: 0 0 30px!important; float: none !important; text-align: left !important;}
	.about02 .num-list .about-number{ height: 35px; margin: 10px 0 5px !important; display: block;}
	.about02 .num-list span{ width: auto; padding: 0; margin: 0;}
	.about .pic2{ width: 90% !important; margin: 30px auto !important; float: none !important;}
	.about .text2{ width: 90% !important; margin: 30px auto !important; float: none !important;}
	.about .text2 h4{ font-size: 24px !important; margin: 0 auto 20px !important;}
	.about .text2 p{ font-size: 14px !important; line-height: 30px !important; margin-bottom: 10px !important;}
	.about .text2 p span{ font-size: 14px !important;}
	.about03{ height: auto !important; background: url(../img/phone-about3.jpg) no-repeat bottom #000000 !important; background-size: 100% !important;}
	.about03 h4{ font-size: 24px !important; text-align: left !important; margin: 30px 5% 10px !important;}
	.about03 .line{ display: none;}
	.about03 p{ width:90%; font-size: 14px !important; text-align: left !important; margin: 0 auto !important; line-height: 28px !important; padding-bottom: 300px;}
	.about04{ width: 100%; height: auto !important;}
	.about04 p{ width: 90%; font-size: 24px !important; margin: 30px auto 10px!important;}
	.about04 .span{ width: 90% !important; font-size: 14px !important; line-height: 26px !important; margin: 0 auto;}
	.about-shop{ width:90% !important; margin: 30px auto 50px !important; position: relative !important;}
	
	.joinbg{ background: none !important;}
	.join-banner{ height: auto !important; background: none !important;}
	.join h3{ font-size: 24px !important; margin:30px 5% 0px !important;}
	.join .policyright{ width: 90% !important; float: none !important; margin: 0 auto;}
	.join .policy{ width:100% !important; float: none !important; margin: 20px auto !important; position: relative; top: 0; left: 0;}
	.join .policy li{ width:100% !important; float: none !important; margin-right: 0 !important;}
	.join .policy li h4{ font-size: 58px; color: #c5c5c5; line-height: 60px; margin-bottom: 20px !important; float: left;}
	.join .policy li h4 .number{ height: 56px; width: auto; margin:0 10px 0 0;}
	.join .policy li p{ line-height: 24px !important; margin: 0!important;}
	.join .policy li span{ font-size: 12px !important; line-height: 18px !important; margin-bottom: 20px !important;}
	.join .policy img{ width: 100%; margin-bottom: 20px;}
	.join02 h4{ margin: 30px auto 20px !important; font-size: 24px !important;}
	.join02 p{ font-size: 16px !important; margin: 0 auto 10px !important;}
	.join02 span{ font-size: 14px !important; margin: 0 0 20px 0 !important; display: block; width: 100% !important;}
	.join02 .imglist{ float: left; margin-right: 5% !important; margin-left: 0 !important; width: 30% !important; height: auto !important; overflow: hidden;}
	.join02 .imglist img{ width: 100%;}
	.join02 .rightpic{ position: absolute; top: 0; right: 0; margin-right: 0 !important;}
	.join02 .imglist:hover img{ width: 120%; height: 120%; margin-left: -10%; margin-top: -10%; display: block; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
	.join03{ width: 90% !important; margin: 0 auto 20px;}
	.join03 h3{ margin: 30px auto 20px !important; font-size: 24px !important;}
	.join03 h4{ width: 40px !important; height: 40px !important; line-height: 40px !important;}
	.join03 p{ font-size: 16px !important; line-height: 26px !important; margin-bottom: 20px;}
	.join03 span{ line-height: 22px !important; margin-bottom: 40px !important; margin-right: 30px;}
	.join04 h4{ font-size: 24px !important; margin: 30px 0 !important; left: 5% !important;}
	.join05{ width: 90% !important; margin: 0 auto;}
	.join05 h4{ margin:30px 0 10px !important; float: none !important; font-size: 24px !important;}
	.join05 .apply{ float: none !important; margin: 20px auto !important; width: 100% !important; overflow: hidden;}
	.apply-list{ width: calc(100vh - 20px) !important; height: 36px !important; margin: 0 0 15px 0px !important;}
	.w365{ width:30% !important; margin-right: 5% !important;}
	.input-right{ position: absolute; top: 0; right: 0; margin-right: 0 !important;}
	.submit{ width: 100% !important; height: 36px !important; margin: 10px 0 30px !important; font-size: 14px !important; line-height: 36px !important;}
	
	
	.contact{ height: auto !important; background: none !important;}
	.contact01 p{ font-size: 26px !important; line-height: 40px !important; margin-bottom: 20px !important; }
	#allmap{width: 90% !important; height: 400px !important; overflow: hidden; margin: 20px auto 30px !important; float: none !important;}
	
	
	.news{ height: auto !important; background: none !important;}
	.newslist{ width: 90% !important; margin: 30px auto !important; overflow: hidden; padding: 0 !important; background: none !important;}
	.newslist .list-news{ width: 100%; margin: 0 0 20px 0; overflow: hidden;}
	.newslist .list-news img{ width: 100% !important; display: block;}
	.newslist .list-news .text{ width: 90% !important; height: auto !important; margin: 0 auto; overflow: hidden; padding: 0 0 20px !important;}
	.newslist .list-news .text h4{ margin: 20px auto 0 !important; font-size: 20px !important; color: #000000; line-height: 30px !important;}
	.newslist .list-news .text .line{ display: none;}
	.newslist .list-news .text .date{ font-size: 14px !important; margin: 0px auto !important;}
	.newslist .list-news .text .p{ font-size: 14px !important; line-height: 30px;}
	.more{ margin: 30px auto !important;}
	
	.news-detail{ width: 90% !important; margin: 30px auto !important; overflow: hidden;}
	.news-detail h4{ font-size: 24px !important; line-height: 36px !important; margin-bottom: 20px !important;}
	.news-detail h4 span{ color: #999 !important; margin-top: 20px;}
	.news-detail .news-left{ width: 100% !important; padding-right: 0 !important; border-right: none !important;}
	.news-detail .news-left img{ max-width: 100%;}
	.news-detail .news-left .news-bot{ width: 100% !important; padding-top: 10px !important; margin-top: 20px;}
	.phone-noleft{ float: none !important; margin-bottom: 30px;}
	.news-detail .news-left .news-bot .back{ float: none !important; width: 60% !important;}


	
	.product{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #000000;}
	.prolistphone{ margin: 100px 5% 30px;display: block !important;}
	.prolistphone a{ font-size: 20px !important; color: #FFFFFF; line-height: 36px; font-family: Normal; display: block;}
	.productlist{ width: 100% !important; float: none !important; margin: 10px auto  30px !important; background: none !important;}
	.productlist ul{ width: 101% !important; overflow: hidden;}
	.productlist ul li{ width: 49% !important; height: 280px !important; margin:0 1% 5px 0 !important;}
	.productlist ul li img{ width: 90% !important; margin: 30px auto !important;}
	.productlist ul li h4{ font-size: 20px !important; line-height: 30px !important;}
	.productlist ul li p{ font-size: 14px !important; line-height: 22px !important;}
	.more2{ margin: 40px auto 0 !important; }
	.more2 img{ margin:8px 0 0 20px;}
	
	
	
	.product-detail{ width: 100%; height: 60px !important; background-color: #000 !important;}
	.pro-show{ width: 100%; background-color: #242424; overflow: hidden;}
	.pro-show img{ margin: 40px auto; display: block;}
	.pro-show h4{ font-size: 24px; margin-top: 20px; color: #FFFFFF; line-height: 40px; text-align: center;}
	.pro-show p{ font-size: 14px; color: #FFFFFF; line-height: 26px; margin: 0px auto 20px; text-align: center;}
	.pro-show .buynow{ width: 150px; height: 40px; margin: 20px auto 40px !important; display: block; background-color: #FFFFFF; color: #1A1A1A; text-align: center; font-size: 16px; line-height: 40px;}
	.product-show{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #000000;}
	.product-show .main{ margin: 0 !important; padding: 0 !important; background: none !important;}
	.product-show .left{ width: 100%; overflow: hidden;}
	.product-show .left a{ width: 33.33%; float: left; font-size: 14px !important; color: #C5C5C5 !important; text-align: center; line-height: 50px !important;}
	.product-show .left a.active{ font-size: 16px !important;  color: #FFFFFF;font-family: Bold; line-height: 50px !important;}
	.product-show .right{ position: relative; width: 100%; height: auto !important;}
	.product-show .right .phones{ display: none;}
	.product-show .right .img{ width: 100% !important; border-radius: 0 !important; height: auto !important; position: relative !important; top: 0 !important; right: 0 !important;}
	.product-show .right .img::-webkit-scrollbar {display: none;}
	.product-show .right .img img{ width: 90%; margin: 0 auto;}
}

.phone-bottom{ display: none;}
.phone-bot{ display: none;}
.phone{ display: none;}
.page1{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner{ width: 100%; height: 100%;}
.head{ width: 100%; height: 70px; position: absolute; top: 0; left: 0; z-index: 99;}
.head-main{ width: 1480px; margin: 0 auto;}
.logo{ float: left; margin-top: 43px; overflow: hidden;}
.head-list{ float: right; margin-top: 30px;}
.head-list li{ float: right; margin-left: 50px; line-height: 40px; font-size: 16px; color: #FFFFFF; width: 64px; position: relative;}
.head-list li .nameList{ color: #FFFFFF; font-family: Regular; line-height: 50px;}
.head-list li:hover .nameList{ border-top: 3px solid #FFFFFF; display: block; line-height: 43px;}
.head-list li:hover .list{ display: block;}
.head-list li .list{ display: none; position: absolute; top: 40px; width: 220px; left: 0; background: #d8d8d8; opacity: .8; padding: 10px 0;}
.head-list li .list a{  width: 190px; color: #333333; line-height: 34px; margin-left: 30px; display: block; text-align: left; font-size: 14px;}
.down{ width: 24px; height: 26px; position: absolute; left: 50%; margin-left: -12px; bottom: 38px; z-index: 99;}
.arr-down { -webkit-animation: myfirst 1s infinite; animation: myfirst 1s infinite;}
@-webkit-keyframes myfirst {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes myfirst {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
.index-pro{ max-width: 2524px;}
.w54{ width: 54%; float: left; overflow: hidden;}
.w46{ width: 46%; height: 100%; float: right; overflow: hidden;}
.index-about{ width: 600px; margin: 200px 0 0 340px;}
.index-about p{ margin: 20px auto; text-align: left; font-size: 16px; color: #333333; line-height: 16px; font-family: Medium;}
.index-about p span{ padding-right: 36px; margin-right: 36px; border-right: 1px solid #333333; line-height: 16px;}
.mains{ margin: 250px 0 0 220px; display: block;}
.index-join{ width: 100%; height: 100%; background: url(../img/index-join.jpg) no-repeat center;}
.main{ width: 1480px; margin: 0 auto; overflow: hidden;}
.index-join-text{ width: 820px; height: 390px; margin-top: 265px; float: right; background-color: #FFFFFF;}
.index-join-text p{ text-align: left; width: 660px; margin: 70px auto 30px; font-size: 34px; color: #262626; line-height: 34px; font-family: Bold;}
.index-join-text span{ text-align: left; width: 660px; margin: 0 auto 30px; font-size: 16px; color: #262626; line-height: 34px; font-family: Regular; display: block;}
.index-join-text a{ width: 200px; height: 50px; background-color: #262626; margin: 30px 0 0 80px; font-size: 18px; color: #FFFFFF; line-height: 50px; display: block; float: left; font-family: Medium;}
.bottom{ width: 100%; height: 540px; background-color: #060606; overflow: hidden; position: relative;}
.section.footer{ height: auto !important;}
.section.footer .fp-tableCell{ height: auto !important; display: block!important;}
.bot-left{ float: left; overflow: hidden;}
.bot-left .bot-left-list{ float: left; margin-right: 90px; margin-top: 70px;}
.bot-left .bot-left-list p{ font-weight: bold; text-align: left; font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 10px; font-family: Medium;}
.bot-left .bot-left-list span{text-align: left; display: block; font-size: 14px; color: #fff; line-height: 30px; font-family: Normal; }
.bot-right{ width: 408px; float: right; margin-top: 70px;}
.bot-right .wechat{ width: 124px; float: left;}
.bot-right .wechat p{ font-size: 16px; color: #fff; line-height: 20px; text-align: left; margin-bottom: 20px; font-family: Medium;}
.bot-right .wechat img{ width: 124px;}
.bot-right .tianmao{ float: right; position: relative;}
.bot-right .tianmao .code-show{ position: absolute; top: 90px; left: 0; width: 116px; display: none;}
.bot-right .tianmao .code:hover .code-show{ display: block;}
.bot-right .tianmao .code-show2{ position: absolute; top: 90px; left: 0; width: 116px; display: none;}
.bot-right .tianmao .code2:hover .code-show2{ display: block;}
.bot-right .tianmao p{ font-size: 16px; color: #fff; line-height: 20px; text-align: left; margin-bottom: 20px; font-family: Medium;}
.bot-right .tianmao img{ float: left; display: block; margin-right: 22px;}
.bot-right .tianmao .phones{ margin-top: 150px;}
.bot-right .tianmao .number{ font-size: 30px; color: #b7b7b7; line-height: 40px; margin: 20px auto; font-family: Bold;}
.bottom .bot{ width: 100%; height: 78px; border-top: 1px solid #343434; position: absolute; bottom: 0; left: 0;}
.left{ float: left;}
.right{ float: right;}
.bottom .bot p{ font-size: 16px; color: #616161; line-height: 78px; font-family: Medium;}

.index-news{ width: 1720px; margin: 50px 0 20px; overflow: hidden;}
.index-news .list{ width: 400px; float: left; margin-right: 140px; margin-bottom: 50px; overflow: hidden; display: block; text-align: left;}
.index-news .list .date{ font-size: 12px; color: #999999; line-height: 24px; margin-bottom: 20px;}
.index-news .list .date span{ font-size: 14px; color: #FFFFFF; width: 50px; height: 24px; background-color: #333333; float: left; margin-right: 10px; line-height: 24px; text-align: center;}
.index-news .list .title{ font-size: 16px; font-weight: bold; color: #333333; line-height: 24px; height: 48px; overflow: hidden; margin: 0 auto 20px;}
.index-news .list .subtitle{ font-size: 14px; color: #666666; line-height: 22px; height: 88px; overflow: hidden;}
.index-more{ width: 200px; height: 50px; font-size: 14px; color: #FFFFFF; line-height: 50px; text-align: center; background-color: #333333; margin: 20px auto 70px; display: block;}

.video{ width: 100%; height:calc(100vh); overflow: hidden; position: relative; background-color: #000000;}
.about{ width: 100%; margin: 0 auto; overflow: hidden;}
.about .pic{ width: 1060px; margin: 90px 0;}
.about .text{ width: 370px; margin-top: 200px;}
.about .text p{ font-size: 36px; color: #000000; line-height: 40px; margin-bottom: 60px; font-family: Bold; text-align: right;}
.about .text span{ font-size: 16px; color: #5c5c5c; line-height: 26px; margin-bottom: 30px; text-align: right; display: block;}
.about02 { width: 100%; height: 789px; overflow: hidden; background: url(../img/about2.jpg) no-repeat center;}
.about02 p{ font-size: 36px; line-height: 40px; color: #FFFFFF; font-family: Bold; margin: 120px auto 50px; text-align: left;}
.about02 span{ width: 600px; font-size: 16px; color: #dadada; line-height: 28px; display: block; font-family: Medium;}
.about02 .num-list{ margin: 40px auto; overflow: hidden;}
.about02 .num-list .about-number{ margin: 10px 0; display: block;}
.about02 .num-list p{ font-size: 56px;line-height: 70px;margin: 0 120px 0 0; float: left; text-align: center;}
.about02 .num-list span{ width: auto;}
.about .pic2{ width: 709px; margin: 90px 0;}
.about .text2{ width: 625px; margin-top: 250px;}
.about .text2 h4{ font-size: 36px; color: #1a1a1a; line-height: 40px; margin: 0 auto 50px; font-family: Bold; font-weight: normal;}
.about .text2 p{ font-size: 16px; color: #333333; line-height: 40px; font-family: Normal; text-align: left; margin-bottom: 20px;}
.about .text2 p span{ font-size: 16px; color: #5c5c5c; margin-bottom: 30px; text-align: left; font-family: Regular;}
.about03{ width: 100%; height: 660px; overflow: hidden; background: url(../img/about4.jpg) no-repeat center;}
.about03 h4{  font-size: 36px; color: #FFFFFF; text-align: right; line-height: 40px; margin: 160px auto 40px; font-family: Bold; font-weight: normal;}
.about03 .line{ width: 400px; height: 1px; background-color: #333333; float: right; margin-bottom: 40px;overflow: hidden;}
.about03 p{font-size: 16px; color: #dadada; line-height: 40px; font-family: Normal; text-align: right; clear: both;}
.about04{ width: 100%; height: 1080px; margin: 0 auto; position: relative;}
.about04 p{ font-size: 36px; color: #1a1a1a; line-height: 40px; margin: 240px auto 45px; font-family: Bold; font-weight: normal;}
.about04 .span{ width: 308px; display: block;font-size: 16px; line-height: 36px; color: #5c5c5c; text-align: left; font-family: Normal;}
.about-shop{ width:1310px; margin: 90px auto; position: absolute; right: 0; top: 0;}


.joinbg{background: url(../img/newsbg.jpg) repeat-y center; width: 100%; overflow: hidden;}
.join-banner{ width: 100%; height: 780px; margin: 0 auto; overflow: hidden; position: relative; background: url(../img/join1.jpg) no-repeat center;}
.join{ width: 100%; margin: 0 auto; overflow: hidden;}
.join h3{ font-size: 36px; color: #1a1a1a; line-height: 38px; float: left; font-family: Bold; font-weight: normal; margin:90px 176px 0 0;}
.join .policyright{ width: 1160px; float: right; overflow: hidden;}
.join .policy{ width: 2000px; float: left; margin: 90px 0; position: relative; top: 0; left: 0;}
.join .policy li{ width: 520px; float: left; margin-right: 120px;}
.join .policy li h4{ font-size: 58px; color: #c5c5c5; line-height: 60px; margin-bottom: 30px; font-family: Bold;}
.join .policy li p{ font-weight: bold; font-size: 22px; color: #1a1a1a; line-height: 40px; font-family: Medium; margin: 20px auto;}
.join .policy li span{ font-size: 16px; color: #5c5c5c; line-height: 30px; margin-bottom: 50px; font-family: Normal; display: block;}
.posleft{ width: 50%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99;}
.posright{ width: 50%; height: 100%; position: absolute; top: 0; right: 0; z-index: 99;}
.join02{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #000000;}
.join02 h4{ margin: 80px auto; font-size: 36px; color: #ffffff; line-height: 38px; float: left; font-family: Bold; font-weight: normal;}
.join02 p{ font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 20px; margin: 0 50px 20px; font-family: Medium; clear: both;}
.join02 span{ font-size: 16px; color: #dadada; line-height: 28px; margin: 0 0 60px 80px; display: block; width: 690px;}
.join02 .imglist{ float: left; margin-left: 10px; width: 199px; height: 465px; overflow: hidden; position: relative;}
.join02 .imglist .joinpro{ position: absolute; top: 72px; right: 0; z-index: 99;}
.join02 .imglist .joinpro2{ position: absolute; top: 92px; right: 0; z-index: 99;}
.join02 .imglist:hover .joinpro{ width: 170px; margin-left: -10px; margin-top: -20px; display: block; transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all;}
.join02 .imglist:hover .joinpro2{ width: 170px; margin-left: -11px; margin-top: -21px; display: block; transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all;}
.join03{ width: 100%; overflow: hidden; position: relative;}
.join03 h3{ margin: 90px auto 60px; font-size: 36px; color: #1a1a1a; line-height: 38px; font-family: Bold; font-weight: normal;}
.join03 h4{ width: 50px; height: 50px; margin-bottom: 40px; background-color: #3e3e3e; overflow: auto; font-size: 16px; color: #ffffff; line-height: 50px; text-align: center; font-family: Medium; font-weight: normal;}
.join03 p{ font-size: 22px; font-weight: bold; color: #3e3e3e; line-height: 30px; font-family: Medium; margin-bottom: 20px;}
.join03 span{ font-size: 14px; color: #5c5c5c; line-height: 32px; margin-bottom: 150px; font-family: Normal; display: block;}
.join04{ width: 100%; background: #000000; overflow: hidden;}
.join04 h4{ font-size: 36px; color: #FFFFFF; margin: 90px 0; position: absolute;top: 0; right: 0;}
.join05{ width: 100%; overflow: hidden;}
.join05 h4{ margin:90px 0 150px 0; float: left; font-size: 36px; color: #1a1a1a; line-height: 38px; font-family: Bold; font-weight: normal;}
.join05 .apply{ float: right; margin: 90px 0; width: 1170px;}
.apply-list{ width: 345px; padding: 0 10px; height: 50px; float: left; margin: 0 0 30px 25px; display: block; border: none; color: #9a9a9a; background-color: #e5e5e5;}
.w365{ width: 365px;}
.submit{ font-family: Regular; width: 340px; height: 50px; display: block; float: right; margin: 60px 0 65px 0; border:none; background-color: #000000; color: #FFFFFF; font-size: 18px; line-height: 50px;}



.contact{ width: 100%; height: 780px; background: url(../img/contant.jpg) no-repeat center; overflow: hidden;}
.contact01{ width: 100%; margin: 0 auto; overflow: hidden;}
.contact01 p{ font-size: 30px; color: #2a2a2a; line-height: 46px; margin-bottom: 30px; padding-bottom: 20px; font-family: Bold; border-bottom:1px solid #e5e5e5;}
.contact01 p span{ font-size: 18px; color: #5e5e5e; line-height: 30px; display: block; font-family: Normal;}
#allmap{ float:right; width: 1020px; height: 500px; overflow: hidden; margin: 100px 0 150px;}


.news{ width: 100%; height: 780px; background: url(../img/news1.jpg) no-repeat center; overflow: hidden;}
.newslist{ width: 100%; padding: 100px 0 120px; overflow: hidden; background: url(../img/newsbg.jpg) repeat-y center;}
.newslist .list-news{ width: 100%; margin: 0 0 20px 0; overflow: hidden; background-color: #fbfbfb;}
.newslist .list-news img{ width: 740px; display: block;}
.newslist .list-news .text{ width: 640px; height: 410px; overflow: hidden; padding: 0 50px;}
.newslist .list-news .text h4{ margin: 70px auto 20px; font-size: 24px; color: #000000; line-height: 50px;}
.newslist .list-news .text .line{ width: 60px; height: 1px; background-color: #3E3E3E; overflow: hidden;}
.newslist .list-news .text .date{ font-size: 18px; color: #5C5C5C; line-height: 30px; margin: 20px auto;}
.newslist .list-news .text .p{ font-size: 18px; color: #3E3E3E; line-height: 30px;}
.more{ margin: 80px auto 0; width: auto; border:none; background: none; font-size: 14px; color: #1a1a1a; display: flex;}
.more img{ margin:8px 0 0 20px;}


.product{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #000000;}
.prolistphone{ display: none;}
.prolist{ position: fixed; top: 190px; left: 50%; margin-left: -740px; z-index: 999;}
.prolist a{ font-size: 16px; color: #FFFFFF; line-height: 36px; font-family: Normal; display: block;}
.prolist a.active{ font-size: 36px; font-family: Bold; line-height: 56px;}
.productlist{ width: 1190px; float: right; margin: 200px 0 0; padding-bottom: 150px; background: url(../img/probg.jpg) repeat #000;}
.productlist ul{ width: 1260px; overflow: hidden;}
.productlist ul li{ width: 350px; height: 425px; margin:0 70px 70px 0; float: left; background-color: #5b5b5b; position: relative;}
.productlist ul li img{ width: 250px; margin: 60px auto; display: block; max-height: 200px;transition-duration: .8s;}
.productlist ul li img:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		transform: scale(1.1);
}

.productlist ul li h4{ font-size: 28px; color: #FFFFFF; line-height: 36px; text-align: center; position: absolute;  width: 100%; bottom: 70px;}
.productlist ul li p{ font-size: 16px; color: #FFFFFF; line-height: 28px; text-align: center; position: absolute;  width: 100%; bottom: 40px;}
.more2{ margin: 80px auto 0; width: auto; border:none; background: none; font-size: 14px; color: #FFFFFF; display: flex;}
.more2 img{ margin:8px 0 0 20px;}


.news-detail{ width: 100%; margin: 70px auto 100px; overflow: hidden;}
.news-detail h4{ font-size: 36px; color: #1a1a1a; line-height: 50px; text-align: center; margin-bottom: 50px;}
.news-detail h4 span{ font-size: 16px; color: #333333; line-height: 20px; display: block;}
.news-detail .news-left{ width: 1160px; padding-right: 50px; border-right: 1px solid #e5e5e5; float: left;}
.news-detail .news-left .text{ font-size: 14px; color: #343434; line-height: 24px; text-indent: 2em; margin-bottom: 50px;}
.news-detail .news-left .text img{ max-width: 100%;}
.news-detail .news-left .news-bot{ width: 1160px; overflow: hidden;border-top: 1px solid #e5e5e5; padding-top: 20px;}
.news-detail .news-left .news-bot a{ display: block; font-size: 14px; color: #333333; margin: 10px auto;}
.news-detail .news-left .news-bot .back{ float: right; width: 120px; height: 30px; background-color: #000000; color: #FFFFFF; text-align: center; border-radius: 15px; line-height: 30px;}
.news-detail .news-right{ width: 219px; float: right;}
.news-detail .news-right h5{ font-size: 20px; color: #1A1A1A; line-height: 30px; margin-bottom: 20px;}
.news-detail .news-right p{ font-size: 14px; color: #333333; line-height: 20px; margin: 5px 0;}


.product-detail{ width: 100%; height: 780px; background-color: #242424; overflow: hidden;}
#showbox { margin-top: 120px;}
#showsum { left:25px; margin-top:10px;}
#showsum span { }
#showsum span.sel { border:1px solid #ddd;}
.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; height:60px; line-height:60px;text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.product-detail .right{ margin: 240px 100px 0 0; max-width: 500px; overflow: hidden;}
.product-detail .right h4{ font-size: 36px; color: #FFFFFF; line-height: 50px; text-align: left;}
.product-detail .right p{ font-size: 16px; color: #FFFFFF; line-height: 30px; margin: 20px 0; text-align: left;}
.product-detail .right .buynow{ width: 220px; height: 54px; margin: 40px 0; display: block; background-color: #FFFFFF; color: #1A1A1A; text-align: center; font-size: 16px; line-height: 54px;}
.product-show{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #000000;}
/* .proshowbg{ background: url(../img/probg.jpg) repeat-y center #000000;} */
.product-show .main{ padding: 120px 0 80px;background: url(../img/probg.jpg) repeat-y center #000000;}
.product-show .left a{ font-size: 16px; color: #FFFFFF; line-height: 32px; font-family: Normal; display: block;}
.product-show .left a.active{ font-size: 26px; font-family: Bold; line-height: 40px;}
.product-show .right{ position: relative; height: 2000px;}
.product-show .right .phones{ position: absolute; top: 0; right: 0; z-index: 99; width: 1000px; height: 2000px; background: url(../img/phone.png) no-repeat center;overflow: hidden;}
.product-show .right .img{ width: 840px; height: 1840px; border-radius: 82px; position: absolute; top: 89px; right: 77px; z-index: 999; overflow-y: scroll;}
.product-show .right .img::-webkit-scrollbar {display: none;}

.pages{margin:60px auto;max-width:80%;text-align:center;line-height:36px}
.pages a{display:inline-block;vertical-align:top;border:1px solid #ddd;color:#63544f;background-color:#ffffff;padding:2px 15px;margin:0 4px}
.pages a.page_active{font-weight:bold;}
.pages .p-info{color:rgb(181,181,181);font-size:14px}
.pages .p-input{border:1px solid #ddd;margin:0;outline:medium none;text-align:center;padding:20px 10px;display:inline-block;width:40px;height:28px}
.pages .p-enter{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ddd;padding:2px 10px;color:#63544f;display:inline-block;cursor:pointer;font-size:14px}
.pages .p-enter:hover{color:#0043b3}
.phone_pages{width:100%;text-align:center;margin-top:30px;margin-bottom:30px}
.phone_pages a{display:inline-block;padding:2px 10px;font-size:13px;color:#535353;border:1px solid #535353;margin:0 10px;background-color:#ffffff;border-radius:2px}
.phone_pages a.page_active,.phone_pages a:hover{color:#ffffff;border-color:#0043b3;background-color:#0043b3}

@media (max-width:767px){
.hidden_xs{display:none!important}
}
@media (min-width:768px){
.hidden_md{display:none}
}
.cover{background-position:center center;background-size:cover;}
.news-detail .news-left img{max-width:100%;}