/*公共 #c10013 */
@charset "utf-8";
*{margin:0;padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
html{overflow-y: scroll;}
body{font-size:14px;font-family:'Lato',sans-serif;color:#333;background: #000;color: #fff;}
html, body { height: 100%; }
img{border:0px;max-width: 100%;height: auto;vertical-align: middle;}
img:hover{opacity: 0.95;}
table{border:0;margin: auto;border-collapse:collapse;border-spacing:0;width:100%!important;}
/*table td, table th{border:1px solid #999;max-width:100%!important;line-height: 1.2em;}*/
/*td{ padding:3px 5px;}*/
iframe, embed{max-width:100%!important;height: initial;}
h1,h2,h3,h4{font-weight: normal;font-family: 'Lato', sans-serif;}
ul,ol,dl,li{list-style: none;}
.clearf,ul.open:before{content: '';display: table;}
.clearf,ul.open:after{content: '';display: table;clear: both;}
address, em, i, cite, q{font-style: normal;}
a{color: #cca352;text-decoration: none;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;}
a:hover{color:#d6720b;}
.left{float: left;}
.right{float: right;}
.nei{width: 90%; margin: 40px 5%; overflow: hidden;}
.ov{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mr{max-width: 1000px;width: 100%;margin: 0 auto;overflow: hidden;}
.biaoti{width: 100%;text-align: center;}
.biaoti h1, .biaoti h2, .biaoti h3{font-size: 42px;font-weight: 100;display: inline-block;line-height: 70px;}
.main{margin-top: 40px;}
.xx{float: left; width: 100%;border-top: 1px solid #333;}
/*.huan{flex-basis: 100%;display: flex;justify-content: center;}*/


/*header*/
.header{width: 100%;height: 50px;background: #434343;color: #fff;}
.header .tell{float: left;}
.header .tell a{float: left;line-height: 50px; color: #fff;margin: 0 5px;}
.header .tell .tel{font-size: 16px;}
.header .tell a.iconfont{display: inline-block;width: 30px;height: 50px;}
.icon-facebook{background:url(../images/icon-facebook.svg) no-repeat center;background-size: 24px;}
.icon-twitter{background:url(../images/icon-twitter.svg) no-repeat center;background-size: 24px;}
.icon-instagram{background:url(../images/icon-instagram.svg) no-repeat center;background-size: 24px;}
/*.icon-facebook:hover{background:url(../images/icon-facebook2.svg) no-repeat center;background-size: 24px;}*/
/*.icon-twitter:hover{background:url(../images/icon-twitter2.svg) no-repeat center;background-size: 24px;}*/
/*.icon-instagram:hover{background:url(../images/icon-instagram2.svg) no-repeat center;background-size: 24px;}*/
.header .nav{float: right;}
.header .nav li{float: left;}
.header .nav li a{display: block; padding: 0 15px;line-height: 50px;color: #FFF;}
.header .nav li a:hover, .header .nav li.on a{background: #cca352;}

.logo{width: 100%;margin: 0 auto;padding:100px 2%; text-align: center;background:url(../images/logo_bj.png) no-repeat center;}
.logo a{display: inline-block;color: #fff;}
.logo a img{width: 150px;height: auto;}
.logo h2{font-size: 34px;font-family: "Georgia";font-weight: normal;margin-top:15px;}
.logo p{font-size: 20px;font-weight: 100;margin-top:8px;}
.zixun{width: 100%;margin: 0 auto;text-align: center;}
.zixun a{display: block;line-height: 56px;font-size: 16px; background: #cca352;color: #fff;text-align: center;}
.xiadan{text-align: center;}
/*.social-icons-container.erhang{display: grid;grid-template-columns: repeat(2, 1fr);}*/
@media screen and (max-width:850px) {
.header .nav{ display:none;}
.header.show{}
.header.show .nav{display:block;width:100%;height:100%;background:#333; position:fixed;top:50px;left:0;z-index:9999;}
.header.show .tell{ display:none;}
.header .nav li{width: 100%;border-bottom:1px solid #484848;}
.header .nav li a{line-height:60px; text-align: center;}
}
.menu_bt{ background:url(../images/menu.png) no-repeat center; width:18px; height:14px; background-size:contain; position:absolute; right:10px; top:17px; display:none;}
.menu_bt.open { background:url(../images/menu_close.png) no-repeat center; width:14px; height:14px; background-size:contain; transition:all 0.3s ease-in; right:50%; margin-right:-7px;}
@media screen and (max-width:850px) {
.menu_bt{ display:block;}
}


/*lunbo*/
.lunbo{margin-top: 10px;}

/*jieshao*/
.jieshao{color: #fff;padding: 70px 5%;text-align: left;}
.jieshao span, .jieshao p{font-weight: lighter;}
.jieshao span{max-width: 670px;font-size: 24px;line-height: 1.8em;padding: 20px 0;}
.jieshao p{font-size: 16px;line-height: 1.8em;}
.jieshao .zx{float: left;width: 100%;}
.jieshao .zx a{display: inline-block;color: #cca352;padding: 10px 20px;}

/*menus*/
.menus{margin-top: 40px;}
.menus .biaoti{}
.menus .biaoti h1{font-size: 42px;color: #fff;text-align: center;}
.menus ul{width: 100%;float: left;}
.menus ul li{width: 100%;float: left;padding: 40px 0;}
.menus ul li .tu, .menus ul li .wen{width: 50%;padding: 0 15px;color: #fff;}
.menus ul li .tu{float: left;}
.menus ul li .tu img{width: 100%;}
.menus ul li .wen{float: right;}
.menus ul li .wen h2{font-size: 34px;line-height: 60px; font-weight: lighter;}
.menus ul li .wen p{line-height: 1.8em;padding: 20px 0 10px;color: #ccc;}
.menus ul li .wen a.xz{display: inline-block;line-height: 40px;font-size: 18px;margin-top:15px;}
.menus ul li .wen a i{display: inline-block; width:40px; height:40px; margin-right: 10px;}
@media screen and (max-width:640px) {
.menus ul li{width: 100%;}
.menus ul li .tu, .menus ul li .wen{width: 100%;}
.menus ul li .wen{margin-top: 30px;}
.menus ul li .wen h2{line-height: 1.2em; }
.xiadan span{max-width:200px;width:48%; padding: 20px 0px;}
}

/*product*/
.product{}
.product .list{padding: 10px 1%;}
.product .list dl{float: left; width:50%;margin:10px 0;padding: 10px 1%;}
.product .list dl .tu{}
.product .list dl .wen{padding:10px 0; text-align:center;}


/*changpinxq*/
.chanpinxq{padding: 30px 2%;overflow: hidden;}
.chanpinxq .left{width:48%; float:left;}
.preview{text-align:center;padding:5px;}
.preview a{display:inline-block;margin:5px;}
.preview img{display:block;width:70px;height:auto;}
.preview .active{outline:3px solid #c10013;}
/*right*/
.chanpinxq .right{width: 50%; float:right;font-size: 16px;}
/*.chanpinxq .right .title{position: relative;}
.chanpinxq .right .title h1{text-align: left; line-height: 40px;font-size: 28px;font-weight: 100;margin: 20px 0 15px;padding-right: 85px; overflow: hidden;}
.chanpinxq .right .title .zy{position: absolute;right: 0;top: 0; width: inherit;}
.chanpinxq .right .title .zy a{float: left;display: block;width: 40px;height: 40px;background:url(../images/zy.png) no-repeat;background-size: 80px auto;transition: 0s;}
.chanpinxq .right .title .zy a.z{background-position: 0 0px;}
.chanpinxq .right .title .zy a.y{background-position: 0 -40px;margin-left: 5px;}
.chanpinxq .right .title .zy a:hover{background-position-x:-40px;}
.chanpinxq .right ul{margin-top: 10px;}
.chanpinxq .right ul li.ys{color: #9d6220;}*/
.chanpinxq .right ul li{float: left; width: 100%; margin: 5px 0;line-height: 1.5em;}
.chanpinxq .right ul li.jiage{width: 100%;padding-bottom: 10px;}
.chanpinxq .right ul li.jiage p{color: #666;line-height: 2em;}
.chanpinxq .right ul li.jiage p b{text-decoration:line-through;font-weight: normal;}
.chanpinxq .right ul li.jiage p .zk{padding-left: 75px;background: url(../images/zk.png) no-repeat right;}
.chanpinxq .right ul li.jiage span{color: #cca352;font-size: 18px;}
.chanpinxq .right ul li.jiage span#users_price{font-size: 36px;}

.chanpinxq .right ul li.zsong{padding: 10px 0;}
.chanpinxq .right ul li.zsong h5{display: block;font-size: 16px;color: #333;font-weight: normal;line-height: 30px;border-bottom: 1px solid #ccc;
    margin-bottom: 15px;padding-left: 10px; background: url(../images/bt1.png) no-repeat left;background-size: auto 30px;}
.chanpinxq .right ul li.zsong p{width: 100%;line-height: 1.2em;color: #666;padding: 8px 0;display: inline-block;position: relative;}
.chanpinxq .right ul li.zsong p em{display: inline-block;}
.chanpinxq .right ul li.zsong p em:nth-child(1){width: 100px;position: absolute;left: 0;}
.chanpinxq .right ul li.zsong p em:nth-child(2){width: 100%;padding-left: 110px;}
.chanpinxq .right ul li.zsong p.hy{padding-top:10px;}
.slider__item img{width: 100%;}
.tou .tt{}
.btn-input {
  /*border: 1px solid #CCC;*/
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0px;
}
.btn-input button {cursor: pointer;
  width: 38px;
  height: 38px;
  font-size:20px;
  line-height:38px;
  padding: 0;
  border: none;
  outline: none;
}
.btn-input input {
  font-size:16px;
  height: 38px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  width: 38px;
  text-align: center;
  border: none;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-radius: 0;
  outline: none;
}
a#top, a#top_m{display: flex;float: left;min-width: 220px;height: 60px; line-height: 60px;font-size: 20px; margin: 10px 0;border-radius: 3px;
  text-align: center;flex-wrap: wrap;justify-content: center;align-items: center;}
a#top_m{background:#cca352;}
a#top_m img{margin-right:6px;}
a#top:hover, a#top_m:hover{min-width: 260px;}



/*yuding*/
.jion_register{box-sizing:border-box; border-radius:6px; overflow:hidden; margin-top:20px; background:url(../images/logo_x.png) #1b3459; padding:40px 0 60px;}
.jion_register .wen{padding:10px 2%;overflow: hidden;text-align: center;}
.jion_register .wen h3{font-size: 38px;line-height: 2em;}
.jion_register .wen p{color: #f9bd0d;}
.jion_register ul.ul{float:left; max-width: 980px;width: 100%;margin: 0 auto;padding:0 2%;}
.jion_register li.w{float: left; width: 100%; margin-top:20px;}
.jion_register li.w strong.bt{ display:block; line-height:40px; float:left; font-size:16px; width:180px; text-align:right;}
.jion_register li.w .fr{ float:left;margin-left: 15px; width: -webkit-calc(100% - 200px);width: -moz-calc(100% - 200px);width: calc(100% - 200px);}
.jion_register li.w .fr .txt{width: 100%; border:1px solid #e8e8e8; box-sizing:border-box; padding:8px 20px; font-size:16px; color:#676767;}
.jion_register li.w .fr .yuan{ display:inline-block; margin-left:10px;}
.jion_register li.w .fr .zui .txt{ margin:0 20px 0 30px;}
.jion_register li.w .fr label{ min-width:65px; line-height:40px;font-size:16px; margin-right:20px; display:inline-block;}
.jion_register li.w .fr label input{ display:none;}
.jion_register li.w .fr label input+i{ background:url(../images/radio_05.jpg) no-repeat; width:14px; height:14px; display:inline-block; margin-right:5px;border-radius: 50px;}
.jion_register li.w .fr label input:checked+i{ background:url(../images/radio_03.jpg) no-repeat;}
/*.jion_register li.w .fr select{ width:100%; float:left; margin-right:10px;  border:1px solid #e8e8e8;
  box-sizing:border-box; padding:8px 20px; font-size:16px; color:#676767;}
.jion_register li.w2 .fr select{width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);width: calc(50% - 10px);}
.jion_register li.w2 .fr select.xh{width:50%;margin-right: 0px;}*/

.jion_register li.w .fr .n{width:100%; float:left; margin-right:10px;  border:1px solid #e8e8e8;
  box-sizing:border-box; padding:8px 20px; font-size:16px; color:#676767;}
.jion_register li.w .fr .n.xz{}
.jion_register li.w .fr .m2{width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);width: calc(50% - 10px);}
.jion_register li.w .fr .m2:nth-child(2){width:50%;margin-right: 0px;}


/*.jion_register li.w .fr span{ font-size:15px; color:#8f8f8f; line-height:40px; margin-left:10px;}*/
.jion_register li.w .fz{text-align: center;}
.jion_register li.w .tijiao{width: 260px; line-height:44px; border-radius:44px;background:#f9bd0d; color:#000; font-size:16px;border:0; cursor:pointer; transition:all 0.4s;}
.jion_register li.w .tijiao:hover{width: 300px; background:#e6ac00;}

/*bootstrap.min.css*/
/*.jion_register li.w2 .date{float:left;width:50%;margin-right: 10px;width: -webkit-calc(50% - 10px);width: -moz-calc(50% - 10px);width: calc(50% - 10px);}
.jion_register li.w2 .fr .date.xh{width:50%;margin-right: 0px;}
.jion_register li.w .form-control{height:42px;line-height:42px;}
.input-group{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
.input-group a{color:#337ab7;text-decoration:none}
.input-group a:focus,.input-group a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}*/
/*.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}*/
/*@bootstrap.min.css*/

/*.jion_register .bottom{ border-top:1px solid #e8e8e8 ; width:93.3%; margin:0 auto; margin-top:70px; padding-top:55px; text-align:center;}
.jion_register .bottom span{ font-size:18px;}
.jion_register .bottom span img{ margin-right:10px;}
.jion_register .bottom p{ display:inline-block; color:#555; margin-left:40px;} */
@media screen and (max-width:640px) {
.jion_register ul.ul{padding:0 4%;}
.jion_register li.w strong.bt{text-align: left;}
.jion_register li.w .fr{width: 100%;margin-left:0;}
/*.jion_register li.w2{width:100%;}*/
/*.jion_register li.w2 .fr select{padding: 10px 0px;font-size:13px;}*/
/*.jion_register li.w2 .fr select, .jion_register li.w2 .date{}*/
.jion_register .wen p{}
}

/*about*/
.about{margin-top: 20px;}
.about .da{margin-bottom: 2%;}
.about .wen{padding: 50px 5%;line-height: 1.8em;}
.about .wen h3{font-size: 24px;text-align:center;}
.about .wen p{text-align:left;}
.tu_jl{width: 100%;}
.tu_jl li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;}
.tu_jl li:nth-child(2n){margin-right: 0;}

.tz-gallery .lightbox{display: block;position: relative;}
.tz-gallery .lightbox img{width: 100%;border-radius: 0;position: relative;}
.tz-gallery .lightbox:before{content: "";width: 30px;height: 30px;z-index: 9000;transition: 0.4s;
  background:url(../images/icon-fdj.svg) no-repeat center;background-size: 30px;
  position: absolute;top: 50%;left: 50%;margin-top: -15px;margin-left: -15px;opacity: 0;
  /*font-family: 'Glyphicons Halflings';color: #fff;font-size: 26px;pointer-events: none;*/}
.tz-gallery .lightbox:after {content: '';width: 100%;height: 100%;opacity: 0;background-color: rgba(46, 132, 206, 0.7);transition: 0.4s;
  position: absolute;top: 0;left: 0;}
.tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before{opacity: 1;}
.tz-gallery p{padding:10px 0; text-align:center;}
.baguetteBox-button{background-color: transparent !important;}

/*connect*/
.connect{margin-top: 60px;}
.connect .biaoti h1{font-size: 34px; color: #fff;font-weight: 100;}
.connect_box{margin: 0 auto;margin-top: 10px;padding: 0 2%; display: flex;}
.connect_box li{width:31.333333%; float:left; background:#333;color: #fff; margin:20px 2%; padding:20px; text-align:center;
  border-radius:6px; box-shadow:0 0 10px 0 rgba(0,0,0,0.05);}
.connect_box li i{display: inline-block;width: 48px;height: 48px;margin:6px auto;}
.connect_box li .wen{line-height: 1.6em;}
.yingye{float: left; width: 100%;margin-top: 60px;}
.yingye h3{width: 100%;line-height: 60px;font-size: 24px;color: #ccc; text-align: center;}
.yingye ul{width: 100%;color: #fff; border: 1px solid #333;margin-top: 20px; overflow: hidden;}
.yingye ul li{float: left;width: 14.28%;border-right: 1px solid #333;text-align: center;}
.yingye ul li:last-child{border: none;}
.yingye ul li span, .yingye ul li time{display: block; font-size: 16px;line-height: 2.5em;}
.yingye ul li span{background: #666;/*border-bottom: 1px solid #333;*/}
.bigmap{float: left; width:100%; height:500px; margin-top:50px;}
.bigmap iframe{height:100%;}
@media screen and (max-width:850px) {
.yingye{padding: 0 2%;}
.yingye ul li{width: 33.33333%;}
.yingye ul li:nth-child(3n){border: none;}
.yingye ul li:nth-child(n+4){border-top: 1px solid #333;}
.yingye ul li:last-child{width: 100%;}
}
@media screen and (max-width:640px) {
.connect_box{display: block; float: left;}
.connect_box li{display: flex;width: 100%;margin: 10px auto;}
.connect_box li i{float: left;width: 20%; margin: 6px;}
.connect_box li .wen{float: left;width: 80%; line-height: 24px;padding: 6px 0 6px 10px;text-align: left;}

.yingye ul li{width: 100%;border-right: none;}
.yingye ul li:nth-child(n+2){border-top: 1px solid #333;}
.yingye ul li:last-child{border-bottom: none;}
.yingye ul li span{width: 40%;float: left;}

.bigmap{height:350px;}
}

/*news*/
.news{}
.news .list{float: left;width: 100%; padding: 20px 2%;}
.news dl{float: left; width:100%; padding:30px 0; overflow:hidden;}
.news dl a{display: block;}
.news dl .tu{float:left; width:30%; }
.news dl .tu img{ width:100%;}
.news dl .wen{float:right; width:68%; }
.news dl .wen h3{ font-size:28px; font-weight: 100;line-height: 1.2em;}
.news dl .wen p{ font-size:14px; color:#ccc; margin-top:10px;}
.news dl .wen span{ display:block; margin-top:20px;}
@media screen and (max-width:850px) {
.news dl .tu{width: 48%;}
.news dl .wen{width:50%;}
}
@media screen and (max-width:640px) {
.news dl{ box-shadow:0 0 10px 0 rgba(0,0,0,0.1); margin:20px auto; padding:10px 10px; border-bottom:0;}
.news dl .tu{ width:100%; float:none;}
.news dl .wen{ width:100%; float:none; margin-right:0%; margin-top:15px;}
.news dl .wen p{ display:none;} 
}
.news_xq{}
.news_xq .biaoti{width: 96%;margin: 0 2%; text-align:left;position: relative;}
.news_xq .biaoti h1{line-height: 1.2em;padding: 20px 0;}
.news_xq .biaoti .xz{display: inline-block;  position: absolute;right: 0;bottom: 0;}
.news_xq .content{padding: 50px 2%;line-height: 2em;}
.news_xq .content p{}
.news_xq .content .zhong{width: 100%;text-align: center;}
.news_xq .content .zhong .xz{display: inline-block;}

/*yema*/
.pagination{ text-align:center; padding:50px 0 55px 0; clear:both; }
.pagination li{display:inline-block; margin:3px 5px; }
.pagination li a{  line-height:29px; height:29px;line-height:29px; display:block;  border-radius:4px; padding:0 12px; font-size:14px; color:#ccc; background:#333;}
.pagination li a:hover{ background:#cca352; color:#fff;}
.pagination li:hover a{color:#fff;}
.pagination li.active{ padding:0;}
.pagination li.active a{background:#cca352; color:#fff;}
.page{float: left; width:100%; position:relative; margin-top:26px;}
.page .prev, .page .next{ float:left; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;  font-size:16px; line-height:30px; padding-right:188px; margin:7px 0;}
.newsD .page .prev span, .newsD .page .next span{ color:#cca352;}
.page .prev:hover, .page .next:hover{ text-decoration: underline;}
.page .renter{display: flex; float:left; width:150px; font-size:16px; line-height:48px; color:#fff; background:#cca352; border-radius:3px; text-align:center;
  position:absolute; right:0; top:50%; margin-top:-24px; flex-wrap:wrap; justify-content:center; align-items: center;}
.page .renter img{ margin-right:8px;}
.page .renter:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); }
@media screen and (max-width:640px) {
}

/*tanchu*/
.video-mask{background:rgba(0,0,0,0.7);height:100%;width:100%;position:fixed;top:0;left:0;z-index:10000;display:none;}
.close-mask{width:50px;height:50px;border-radius:50px;color:#fff;font-size:40px;line-height:40px;text-align:center;cursor:pointer;transition: 0.3s;
    position:absolute;right:40px;top:40px;z-index:5555;}
.close-mask:hover{background:#cca352;}
.video-info{margin:auto;padding: 0 2%;display:block;}
@media screen and (max-width:1366px) {
.video-info{}
.jion_register{padding: 10px 0 30px;}
.jion_register .wen{padding: 0;}
}
@media screen and (max-width:640px) {
.video-info{}
.jion_register{margin-top:10px;}
.jion_register .wen h3{font-size:30px;}
.jion_register li.w{margin-top:2px;}
.jion_register li.w .fz{padding-top:10px;}
.close-mask{top:20px;right:20px;}
}

/*footer*/
.footer{float: left;width: 100%; background: #333;padding: 50px 2%;margin-top: 50px;}
.footer ul{width: 100%;}
.footer ul li{float: left;width: 25%;color: #999;padding-right: 10px;}
.footer ul li:last-child{padding-right: 0px;}
.footer ul li h3{line-height: 2em;font-size: 18px;margin-bottom: 1em;text-transform: uppercase;}
.footer ul li p{display: block; margin-bottom: 1em;}
.footer ul li p span{display:inline-block;width:90px;padding-right:5px; text-align:right;}
.footer ul li a{display: block; margin-bottom: 1em;color: #cca352;}
@media screen and (max-width:850px) {
.footer ul{height: 600px;}
.footer ul li{width: 50%;height: calc(100% / 2);padding-bottom: 50px;}

}

@media screen and (max-width:450px) {
.footer ul{height: 660px;}
.footer ul li{}
.footer ul li p span{display: block;text-align:left;}
}
.copyright{text-align:center;padding-top:20px;color:#999;}

.social-icons-container {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}

.social-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
}

.social-icon:hover {
    transform: scale(1.2);
}

.social-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}