@charset "utf-8";



body{min-width:1200px; margin:0 auto; padding:0; font-size:14px; font-family:Microsoft YaHei, SimSun; color:#666;}
img{border:0px;}
form{margin:0; padding:0;}
input, select, textarea{font-family:Microsoft YaHei, SimSun;}
div, ul, li{margin:0; padding:0; display:block; overflow:hidden;}
ul, li{list-style-type:none;}
li{text-overflow:ellipsis;}
a{text-decoration:none; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; outline:none;}
a:hover{text-decoration:none; color:#f00;}

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

.himg{position:relative;}
.himg img{min-width:100%; height:100%; position:absolute; left:-100%; right:-100%; margin:0 auto; transition:all 0.5s ease;}
.himg:hover img{transform:scale(1.1,1.1);}

.a_row{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

header{max-width:100%; padding-top:200px; background:#f1eacd url(/web/images/bg_header.jpg) no-repeat right 20px; position:relative; z-index:1;}
header .logo{position:absolute; left:0; top:10px; right:0; margin:0 auto;}
header .tel{height:20px; line-height:20px; font-size:18px; position:absolute; top:160px; right:20px;}
header .tel strong{color:#f00; font-weight:normal;}
header nav{width:100%; height:40px; padding:13px 0; background-color:#000; text-align:center;}
header nav a{width:100px; height:40px; line-height:40px; display:inline-block; color:#fff; font-size:16px; margin:0 16px;}
header nav a.on,
header nav a:hover{background-color:#b00c03; color:#fff; border-radius:3px;}
header .bn{width:100%; height:630px; position:relative;}
header .bn .box{width:100%; height:100%; background:no-repeat center top; background-size:auto 100%; position:absolute; left:0; top:-200%; opacity:0; transition:opacity 0.4s;}
header .bn .box .main{position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
header .bn .box .main a{width:100%; height:100%; background-repeat:no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:all 0.4s;}
header .bn .box.b1{background-image:url(/web/images/bn/bn1.jpg);}
header .bn .box.b1 .main{left:50%;}
header .bn .box.b1 .main .a1{background-image:url(/web/images/bn/bn1-1.png); background-position:center center; transform:scale(3,3);}
header .bn .box.b1 .main .a2{background-image:url(/web/images/bn/bn1-2.png); background-position:center 38%; top:-200%;}
header .bn .box.b1 .main .a3{background-image:url(/web/images/bn/bn1-3.png); background-position:center 60%; bottom:-200%;}
header .bn .box.b2{background-image:url(/web/images/bn/bn2.jpg);}
header .bn .box.b2 .main .a1{background-image:url(/web/images/bn/bn2-1.png); background-position:center 28%; top:-200%;}
header .bn .box.b2 .main .a2{background-image:url(/web/images/bn/bn2-2.png); background-position:center 46%; top:-200%;}
header .bn .box.b2 .main .a3{background-image:url(/web/images/bn/bn2-3.png); background-position:center 60%; bottom:-200%;}
header .bn .box.b3{background-image:url(/web/images/bn/bn3.jpg);}
header .bn .box.b3 .main .a1{background-image:url(/web/images/bn/bn3-1.png); background-position:center 28%; left:-200%;}
header .bn .box.b3 .main .a2{background-image:url(/web/images/bn/bn3-2.png); background-position:center 50%; right:-200%;}
header .bn .box.b3 .main .a3{background-image:url(/web/images/bn/bn3-3.png); background-position:center 68%; bottom:-200%;}
header .bn .box.on{top:0%; opacity:1;}
header .bn .box.on.b1 .main .a1{transform:scale(1,1); transition-delay:1.2s;}
header .bn .box.on.b1 .main .a2{top:0%; transition-delay:0.4s;}
header .bn .box.on.b1 .main .a3{bottom:0%; transition-delay:0.8s}
header .bn .box.on.b2 .main .a1{top:0%; transition-delay:0.4s;}
header .bn .box.on.b2 .main .a2{top:0%; transition-delay:0.8s;}
header .bn .box.on.b2 .main .a3{bottom:0%; transition-delay:1.2s}
header .bn .box.on.b3 .main .a1{left:0%; transition-delay:0.4s;}
header .bn .box.on.b3 .main .a2{right:0%; transition-delay:0.8s;}
header .bn .box.on.b3 .main .a3{bottom:0%; transition-delay:1.2s}

.abt{max-width:400px; height:80px; line-height:30px;}
.abt strong{height:40px; font-size:30px; color:#f00; display:block; font-weight:normal;}
.abt ins{height:30px; text-decoration:none; color:#000; letter-spacing:8px; display:block; text-transform:uppercase;}

.about{width:100%; background:#f1eacd url(/web/images/foot_about.jpg) repeat-x left bottom;}
.about .box{max-width:1200px; margin:80px auto; position:relative;}
.about .box .img{width:460px; height:340px; float:right; position:relative;}
.about .box .img:before{content:''; width:430px; height:290px; border:1px solid #dbb867; position:absolute; top:0; right:0;}
.about .box .img img{width:430px; height:290px; position:absolute; left:0; bottom:0;}
.about .box .dect{width:650px; height:192px; line-height:32px; float:left; margin-bottom:20px;}
.about .box .more{width:130px; height:36px; line-height:36px; text-align:center; color:#f00; background-color:#dbb867; float:left; border-radius:36px;}

.pros{width:100%; background-color:#dbb867;}
.pros .box{max-width:1200px; height:360px; margin:60px auto; position:relative;}
.pros .box .goto{width:46px; height:77px; background-image:url(/web/images/icon.png); cursor:pointer; position:absolute; z-index:3; top:80px;}
.pros .box .goto.prev{left:0; background-position:0 0;}
.pros .box .goto.next{right:0; background-position:-50px 0;}
.pros .box .pros_list{height:360px; white-space:nowrap;}
.pros .box .pros_list p{margin:0 8px; color:#fff;}
.pros .box .pros_list p strong{color:#fff;}
.pros .box .pros_list p span{border-color:#fff;}

.join{width:100%; height:288px; background:url(/web/images/bg_store.jpg) no-repeat center center; background-size:auto 100%; position:relative;}
.join .tel{height:40px; line-height:40px; text-align:center; font-size:32px; color:#fff; position:absolute; left:0; right:0; bottom:8%; margin:auto;}
.join .tel strong{color:#f00; font-weight:normal;}

.news{width:100%; background-color:#f1eacd;}
.news .box{max-width:1200px; height:460px; margin:0 auto; padding:60px 0; background:url(/web/images/bg_video.jpg) no-repeat right top; position:relative;}
.news .box .tag{width:100%; height:40px; float:left; margin:40px 0;}
.news .box .tag a{height:40px; line-height:40px; color:#333; padding:0 40px; margin-right:20px; float:left; background-color:#dedede; border-radius:48px; cursor:pointer;}
.news .box .tag a.on{background-color:#f00; color:#fff;}
.news .box .boxs{max-width:560px; height:240px; float:left;}
.news .box .boxs .list{width:100%; height:100%; float:left;}
.news .box .boxs .list li{width:100%; height:20px; line-height:20px; float:left; margin:5px 0; text-indent:36px; position:relative;}
.news .box .boxs .list li:before{content:''; width:10px; height:10px; background-image:url(/web/images/icon.png); background-position:0 -80px; position:absolute; left:10px; top:0; bottom:0; margin:auto;}
.news .box embed,
.news .box video{width:408px; height:255px; position:absolute; top:202px; right:140px;}

.store{width:100%;}
.store .box{max-width:1200px; min-height:480px; margin:60px auto; position:relative;}
.store .box .info{width:390px; height:100%; padding-right:49px; float:left; border-right:1px solid #dbb867;}
.store .box .info .list{width:100%; height:180px; float:left; margin:20px 0;}
.store .box .info .list li{width:100%; height:100%; float:left;}
.store .box .info .list li strong{width:100%; height:30px; line-height:30px; color:#f00; padding-bottom:19px; border-bottom:1px dashed #f00; float:left; margin-bottom:20px; font-size:20px; font-weight:normal;}
.store .box .info .list li span{width:100%; height:100px; line-height:20px; float:left; overflow:hidden;}
.store .box .info .more{width:130px; height:36px; line-height:36px; text-align:center; color:#fff; background-color:#f00; float:left; border-radius:36px;}
.store .box .thum{width:calc(100% - 440px); float:left;}
.store .box .thum a{width:210px; height:210px; float:left; border-radius:50%; border:5px solid #fff; margin-left:20px; margin-bottom:20px;}
.store .box .thum a img{width:100%; height:100%; float:left;}
.store .box .thum a.on{border-color:#960001;}

.contact{width:100%; padding-top:420px; text-align:center; background:url(/web/images/bg_map.jpg) no-repeat center top;}
.contact strong{display:block; font-size:24px; color:#960001; font-weight:normal; margin:20px 0;}
.contact p{font-size:30px; color:#000; margin:20px 0; padding:0;}
.contact span{display:block; font-size:18px;}

.pbt{width:100%; height:200px; background:url(/web/images/bg_nbt.jpg) no-repeat center bottom; margin:60px 0;}
.pbt p{padding:0; margin:0; text-align:center; text-transform:uppercase;}
.pbt p.en{height:90px; line-height:66px; font-size:66px; color:#333; font-family:Arial;}
.pbt p.kh{height:30px; line-height:26px; font-size:18px; color:#999;}
.pbt p.bt{height:60px; line-height:60px; font-size:40px;}

.body{max-width:1200px; min-height:600px; margin:0 auto;}
.body .category{border-right:3px solid #f00; margin-bottom:20px;}
.body .category li{width:168px; height:46px; line-height:46px; text-align:center; margin:5px 20px 5px 0; float:left; background-color:#dedede; border-radius:48px;}
.body .category li a{color:#333; display:block; font-size:16px;}
.body .category li.on{background-color:#f00;}
.body .category li.on a{color:#fff;}
.body .content{line-height:200%; border:1px solid #ccc; padding:29px 39px; margin-bottom:20px;}
.body .content img{max-width:100%;}

.article_list li{width:100%; height:30px; line-height:30px; border-bottom:1px dashed #ccc; float:left; margin:5px 0;}
.article_list li a{float:left;}
.article_list li span{float:right; color:#999;}

.news_list li{line-height:22px; padding:9px 19px; border:1px solid #ddd; margin-bottom:20px;}
.news_list li strong{height:22px; font-size:16px; display:block; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; color:#333;}
.news_list li p{height:66px; line-height:22px; padding:0; margin:0; overflow:hidden; color:#777; white-space:normal;}
.news_list li .himg{width:180px; height:120px; float:left; margin-right:15px;}

.thum_list li{width:260px; text-align:center; float:left; margin:10px;}
.thum_list li .himg{width:260px; height:200px; float:left;}
.thum_list li span{width:100%; height:30px; line-height:30px; float:left;}

.scl_body{max-width:920px; position:relative; margin:0 auto 60px auto;}
.scl_body .img{width:100%; height:520px; float:left; position:relative; margin:0 auto 20px auto;}
.scl_body .img a{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; display:none;}
.scl_body .img a img{max-height:100%; position:absolute; left:-200%; top:-200%; right:-200%; bottom:-200%; margin:auto;}
.scl_body .img a.on{display:block; animation:fadeIn 0.5s;}
.scl_body .thum{width:100%; float:left;}
.scl_body .thum a{width:110px; height:76px; border:2px solid #ccc; float:left; margin-right:10px; position:relative; cursor:pointer;}
.scl_body .thum a img{height:100%; position:absolute; left:-200%; top:-200%; right:-200%; bottom:-200%; margin:auto;}
.scl_body .thum a.on{border-color:#f00;}
.scl_body .goto{width:46px; height:77px; background-image:url(/web/images/icon.png); cursor:pointer; position:absolute; top:220px;}
.scl_body .goto.prev{left:0; background-position:-100px 0;}
.scl_body .goto.next{right:0; background-position:-150px 0;}
.scl_text{max-width:920px; margin:0 auto;}

.pros_ctg{height:260px; background-color:#ffc; margin-bottom:30px;}
.pros_ctg .img{width:380px; height:100%; float:left; margin-right:40px;}
.pros_ctg strong{height:30px; line-height:30px; font-size:20px; color:#f00; margin:30px 0; display:block; font-weight:normal;}
.pros_ctg p{height:150px; line-height:25px; overflow:hidden; padding:0; margin:0;}

.pros_list{max-width:960px; margin:0 auto;}
.pros_list p{width:304px; height:360px; display:inline-block; margin:10px 8px; padding:0; text-align:center;}
.pros_list p .img{width:304px; height:244px; float:left; position:relative;}
.pros_list p .img:before,
.pros_list p .img:after{content:''; height:66px; border:5px solid #db2520; position:absolute; left:0; right:0; margin:auto; transition:all 0.6s;}
.pros_list p .img:before{border-bottom:0; top:-160%;}
.pros_list p .img:after{border-top:0; bottom:-160%;}
.pros_list p .img img{height:200px; position:absolute; left:-100%; top:0; right:-100%; bottom:0; margin:auto;}
.pros_list p strong{width:100%; height:50px; line-height:50px; float:left; font-weight:normal; font-size:16px;}
.pros_list p span{width:100%; height:20px; line-height:20px; float:left; border-top:1px solid #666; border-bottom:1px solid #666; padding:14px 0;}
.pros_list p:hover .img:before{top:0%;}
.pros_list p:hover .img:after{bottom:0%; transition-delay:0.4s;}
.pros_list p:hover strong{color:#f00;}
.pros_list p:hover span{border-color:#db2520; color:#f00;}

.act_img{text-align:center;}
.act_img img{max-width:100%;}
.act_form{max-width:980px; margin:40px auto; position:relative;}
.act_form .kh{width:100%; height:30px; line-height:30px; font-size:20px; color:#900; float:left; margin-bottom:40px; font-weight:normal;}
.act_form .list{width:calc(100% - 260px); float:left;}
.act_form .list li{line-height:40px; margin-bottom:30px;}
.act_form .list li label{width:90px; height:40px; float:left; font-size:16px; color:#333;}
.act_form .list li input{width:calc(100% - 400px); height:30px; line-height:30px; float:left; padding:4px; border:1px solid #ccc; outline:0;}
.act_form .list li span{width:240px; height:40px; float:left; margin-left:10px;}
.act_form .list li span ins{text-decoration:none; color:#f00; margin-right:10px;}
.act_form .list li.btn{height:100px; position:relative; overflow:visible;}
.act_form .list li.btn a{width:140px; height:40px; background-color:#960001; border-radius:10px; float:left; color:#fff; text-align:center; margin-right:20px; font-size:16px; cursor:pointer;}
.act_form .list li.btn p{width:240px; line-height:20px; font-size:12px; padding:0; margin:0; position:absolute; top:0; right:50px;}
.act_form .tips{width:240px; border:1px solid #900; float:left; padding:9px;}
.act_form .tips strong{height:34px; line-height:34px; background-color:#f1eacd; color:#900; font-size:16px; font-weight:normal; text-indent:20px; display:block; margin-bottom:10px;}
.act_form .tips span{line-height:26px; display:block; margin-bottom:10px;}

.page{width:100%; text-align:center; font-family:Verdana; margin-top:20px; float:left;}
.page a{height:24px; line-height:24px; display:inline-block; margin:0 3px; padding:0 7px;}
.page .in{background-color:#960001; color:#fff;}

#bdmap{height: 440px; border: 2px solid #ccc;}
#bdmap div{overflow: visible;}
#bdmap img{max-width: none;}

footer{width:100%; background-color:#960001; padding-top:50px; margin-top:40px; margin-bottom: 130px; color:#fff;}
footer a{color:#fff;}
footer .cnq{max-width:1200px; margin:0 auto; position:relative; background:url(/web/images/logo_footer.jpg) no-repeat right top;}
footer .cnq .cnt{width:320px; height:100%; float:left;}
footer .cnq .cnt strong{height:40px; line-height:20px; display:block; font-size:18px; font-weight:normal;}
footer .cnq .cnt span{height:30px; line-height:30px; display:block;}
footer .cnq .cnt span:before{content:''; width:17px; height:17px; float:left; margin-top:6px; margin-right:12px; background-image:url(/web/images/icon.png);}
footer .cnq .cnt span.adds:before{background-position:-10px -80px;}
footer .cnq .cnt span.email:before{background-position:-30px -80px;}
footer .cnq .cnt span.tel:before{background-position:-50px -80px;}
footer .cnq .nav{width:200px; height:100%; float:left;}
footer .cnq .nav strong{height:40px; line-height:20px; display:block; font-size:18px; font-weight:normal;}
footer .cnq .nav span a{width:50%; height:30px; line-height:30px; float:left;}
footer .cnq .nav.lnk{width: 400px;}
footer .cnq .nav.lnk span a{width: 25%;}
footer .cnq .qrc{width:60px; height:60px; position:absolute; right:0; bottom:0;}
footer .cnq .qrc:hover{width:160px; height:160px;}
footer .copyright{width:100%; line-height:24px; padding:14px 0; background-color:#000; color:#fff; text-align:center; margin-top:40px;}

.huidian{width: 100%; height: 130px; position: fixed; z-index: 9; left: 0; right: 0; bottom: 0;}
.huidian:before{content: ''; background-color: #000; opacity: 0.8; position: absolute; z-index: -2; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.huidian:after{content: ''; width: 1110px; height: 80px; background-image: url(/web/images/img_huidian.png?20200424); position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.huidian form{width: 340px; height: 40px; position: absolute; left: 50%; top: 0; bottom: 0; margin: auto auto auto 216px;}
.huidian form input{width: 230px; height: 40px; line-height: 40px; background-color: transparent; padding: 0; margin: 0; outline: 0; border: 0; float: left;}
.huidian form .sbt{width: 110px; height: 40px; line-height: 40px; cursor: pointer; float: left;}

.customer_service{width:50px; height:250px; position:fixed; right:0; top:0; bottom:0; margin:auto 0; background-color:#555; border-radius:5px 0 0 5px; z-index:8; overflow:visible; display: none;}
.customer_service a{width:50px; height:50px; float:left; position:relative; cursor:pointer; overflow:visible;}
.customer_service a:before{content:''; width:30px; height:24px; background-image:url(/web/images/icon_cs.png); position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.customer_service a span{width:220px; height:220px; line-height:30px; color:#fff; padding:15px; border-radius:5px 0 0 5px; position:absolute; right:47px; background-color:#444; display:none;}
.customer_service a span img{width:100%; height:100%;}
.customer_service a:hover{background-color:#444;}
.customer_service a:hover span{display:block;}
.customer_service a.qq:before{background-position:0 0;}
.customer_service a.qq span{top:0;}
.customer_service a.weixin:before{background-position:0 -24px;}
.customer_service a.weixin span{top:-150px;}
.customer_service a.tel:before{background-position:0 -48px;}
.customer_service a.tel span{top:-100px;}
.customer_service a.weibo:before{background-position:0 -96px;}
.customer_service a.gotop:before{background-position:0 -72px;}