@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei",arial,sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#fff;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:3px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#8b262a;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}

/*header*/
.header{ position:absolute; left:0; top:0; z-index:99; width:80%; padding:0 10%; height:100px;}
.header .line{ width:100%; height:1px; background-color:#fff; opacity:.3; position:absolute; left:0; bottom:0; z-index:1;}
.header .logo{ height:60px; float:left; padding:20px 0;}
.header .logo img{ display:block; height:60px; float:left;}
.header .logo a{ display:block; float:left; margin-right:1.5625vw;}
.header .nav{ display:block; height:100px; margin-left:2vw; float:left;}
.header .nav li{ display:block; margin-left:3.125vw; float:left; position:relative;}
.header .nav li>a{ width:100%; height:100px; display:block; line-height:100px; font-size:18px; position:relative; color:#fff;}
.header .nav li b{ width:0; display:block; height:2px; position:absolute; left:0; bottom:0; z-index:1; background-color:#8b262a; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .nav li.on b,.header .nav li:hover b{ width:100%;}
.header .nav li p{ display:none; width:180px; z-index:99; position:absolute; top:100px; left:-20px; padding-top:16px;}
.header .nav li p:before{ top:0; left:56px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px;}
.header .nav li p span{ display:block; overflow:hidden; background:rgba(0,0,0,0.7); padding:15px; border-radius:4px; box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75);}
.header .nav li p span a{ display:block; height:30px; overflow:hidden; display:block; color:#999; line-height:30px; font-size:16px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; text-align:center;}
.header .nav li:hover p{ display:block;}
.header .nav li p a:hover{ color:#fff;}
.header .tel{ float:right; padding-right:28px; background-image:url(../images/tel_08.png); background-position:right center; background-repeat:no-repeat; font-size:22px; height:100px; line-height:100px; color:#fff; margin-right:3.125vw;}
.header .yu{ display:block; float:right; height:100px; position:relative;}
.header .yu>a{ height:100px; display:block; line-height:100px; font-size:18px; position:relative; color:#fff; text-transform:uppercase; padding-right:18px;}
.header .yu>a b{ position:absolute; right:0; top:0; display:block; width:8px; height:100px; background-image:url(../images/xia_11.png); background-position:right center; background-repeat:no-repeat;}
.header .yu p{ display:none; width:80px; z-index:99; position:absolute; top:100px; right:0px; padding-top:16px;}
.header .yu p:before{ top:0; right:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px;}
.header .yu p span{ display:block; overflow:hidden; background:rgba(0,0,0,0.7); padding:15px; border-radius:4px; box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75);}
.header .yu p span a{ display:block; height:30px; overflow:hidden; display:block; color:#999; line-height:30px; font-size:16px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s; text-align:center; text-transform:uppercase;}
.header .yu:hover p{ display:block;}
.header .yu p a:hover{ color:#fff;}

@media only screen and (max-width:1680px){
.header{ width:90%; padding:0 5%;}
.header .nav li{ margin-left:2.5vw;}
}
@media only screen and (max-width:1440px){
.header{ width:94%; padding:0 3%;}
.header .logo a{ margin-right:1.3vw;}
.header .nav{ margin-left:1.5vw;}
.header .nav li{ margin-left:2vw;}
.header .tel{ margin-right:2vw;}
}

@media only screen and (max-width:1280px){
.header .logo a{ margin-right:1vw;}
.header .nav{ margin-left:1vw;}
.header .nav li{ margin-left:1.5vw;}
.header .tel{ margin-right:1.5vw;}
}

/*banner*/
.banner{ width:100%; max-height:100%; position:relative;}
.banner .down{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:3; cursor:pointer;}
.banner .down img{ display:block;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container .swiper-slide{ width:100%; height:100vh; display:block; overflow:hidden; position:relative;}
.banner .swiper-container .tu{ width:100%; height:100%; position:relative;}
.banner .swiper-container .tu img{ width:100%; display:block; position:relative; z-index:1;}
.banner .swiper-container .tu b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3; background-color:#000; opacity:0;}
.banner .swiper-container .wen{ width:80%; position:absolute; z-index:3; left:10%; top:50%; transform:translateY(-50%); z-index:3;}
.banner .swiper-container .wen .w01{ font-size:26px; color:#fff; line-height:36px;}
.banner .swiper-container .wen .w02{ font-size:48px; color:#fff; line-height:58px; font-weight:bold; margin-top:1vw; letter-spacing:10px;}
.banner .swiper-container .wen .w03{ width:80px; height:2px; background-color:#fff; opacity:.3; margin:1.3vw 0;}
.banner .swiper-container .wen .w04{ width:39.0625%; min-width:600px; font-size:16px; color:#fff; line-height:36px;}
.banner .swiper-container .wen .w05{ margin-top:3.125vw;}
.banner .swiper-container .wen .w05 a{ display:block; overflow:hidden; position:relative; width:120px; padding:0 30px; font-size:16px; color:#fff; height:46px; line-height:46px; border-radius:46px; background-color:rgba(139,38,42,.7);}
.banner .swiper-container .wen .w05 a img{ position:absolute; right:30px; top:50%; display:block; margin-top:-5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-container .wen .w05 a:hover img{ right:40px;}
.banner .swiper-pagination{ width:100px; position:absolute; right:10%; top:50%; transform:translateY(-50%); z-index:9; padding-bottom:25px;}
.banner .swiper-pagination span{ display:block; width:70px; height:10px; border-radius:10px; background-color:rgba(255,255,255,.5); cursor:pointer; overflow:hidden; float:right; margin-top:25px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:100%; background-color:#8b262a;}

@media only screen and (max-width:1680px){
.banner .swiper-container .wen{ width:90%; left:5%;}
.banner .swiper-pagination{ right:5%;}
}
@media only screen and (max-width:1440px){
.banner .swiper-container .wen{ width:94%; left:3%;}
.banner .swiper-pagination{ right:3%;}
}

/*关于我们*/
.abox{ width:100%; height:100%; display:flex; align-items:center; position:relative; z-index:1; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto; background-color:#fff;}
.abox .left{ width:40%; padding-left:10%;}
.abox .left .title{ width:100%; margin-top:-5px;}
.abox .left .title .t01{ font-size:36px; height:40px; line-height:40px; text-transform:uppercase; font-weight:bold;}
.abox .left .title .t02{ font-size:36px; line-height:46px; margin-top:0.26vw;}
.abox .left .title .t02 b{ color:#8b262a;}
.abox .left .title .t03{ margin-top:.78125vw;}
.abox .left .title .t03 img{ display:block;}
.abox .left .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:1.8vw;}
.abox .left .w02{ font-size:16px; line-height:36px; margin-top:.78125vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.abox .left .w03{ margin-top:2.6vw;}
.abox .left .w03 p{ display:block; float:left; width:190px; height:46px;}
.abox .left .w03 span{ display:block; float:left; width:190px; height:46px; margin-left:10px;}
.abox .left .w03 a{ display:block; overflow:hidden; background-color:#fff; position:relative; padding:0 25px; width:140px; height:46px; line-height:46px; font-size:16px; color:#fff;}
.abox .left .w03 a b{ width:22px; height:22px; display:block; border-radius:100%; background-color:#fff; overflow:hidden; background-image:url(../images/more_25.jpg); background-position:center; background-repeat:no-repeat; position:absolute; right:25px; top:50%; margin-top:-11px; -webkit-transition:1s linear; transition:1s ease-in;}
.abox .left .w03 a:hover b{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.abox .left .w03 p a{ background-color:#8b262a; border-bottom-left-radius:20px;}
.abox .left .w03 span a{ background-color:#333; border-bottom-right-radius:20px;}
.abox .left .w04{ padding-top:1.25vw; display:block;}
.abox .left .w04 li{ display:block; float:left; width:41%; margin-top:1.875vw;}
.abox .left .w04 li:nth-child(2n+1){ clear:left; float:left;}
.abox .left .w04 li span{ display:block; font-size:16px; line-height:26px;}
.abox .left .w04 li p{ display:block; overflow:hidden;}
.abox .left .w04 li p b{ display:block; float:left; font-size:48px; line-height:48px; height:48px; color:#8b262a;}
.abox .left .w04 li p a{ display:block; float:left; font-size:16px; line-height:26px; height:26px; color:#333; padding-top:22px; margin-left:10px;}
.abox .right{ width:50%; height:100%;}
.abox .right img{ height:100%; display:block; position:absolute; right:0; bottom:0;}
@media only screen and (max-width:1680px){
.abox .left{ width:48%; padding-left:5%;}
}
@media only screen and (max-width:1440px){
.abox .left{ width:47%; padding-left:3%;}
}

/*产品中心*/
.pbox{ width:100%; padding:5.2vw 10%; height:100%; position:relative; z-index:1; box-sizing:border-box; background-color:#fff; display:flex; flex-direction:column;}
.pbox .title{ width:100%; margin-top:-5px; text-align:center; padding-bottom:2.3vw;}
.pbox .title .t01{ font-size:36px; line-height:46px;}
.pbox .title .t01 b{ color:#8b262a;}
.pbox .title .t02{ margin-top:.78125vw;}
.pbox .title .t02 img{ display:block; margin:auto;}
.pbox .title .t03{ font-size:16px; line-height:36px; height:72px; margin-top:1.5625vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pbox .box{ flex:1; width:100%; display:block; position:relative;}
.pbox .box li{ display:block; overflow:hidden; position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box li.p01{ width:18.23%; height:53.125%; left:0; top:0;}
.pbox .box li.p02{ width:29.3%; height:53.125%; left:18.88%; top:0;}
.pbox .box li.p03{ width:48.18%; height:45.3125%; left:0; bottom:0;}
.pbox .box li.p04{ width:22.79%; height:100%; left:48.83%; top:0;}
.pbox .box li.p05{ width:27.73%; height:49.21875%; right:0; top:0;}
.pbox .box li.p06{ width:27.73%; height:49.21875%; right:0; bottom:0;}
.pbox .box li a{ padding:3.39vw 1.5625vw; display:flex; align-items:center; overflow:hidden; width:100%; height:100%; position:relative; left:0; top:0; background-color:rgba(139,38,42,.7); box-sizing:border-box; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box li.p01 a{ background-color:rgba(0,0,0,.5); opacity:1; display:block;}
.pbox .box li a:hover{ opacity:1;}
.pbox .box li .bt{ font-size:24px; line-height:34px; color:#fff;}
.pbox .box li .wz{ font-size:16px; line-height:30px; color:#fff; padding-top:.4vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; height:120px;}
.pbox .box li .wen{ width:100%;}
.pbox .box li .w01{ font-size:24px; line-height:34px; height:34px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box li .w02{ font-size:16px; line-height:26px; height:26px; color:#fff; padding-top:.26vw; text-overflow:ellipsis; white-space:nowrap;}
.pbox .box li .w03{ font-size:16px; line-height:30px; color:#fff; padding-top:.78125vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:60px;}
.pbox .box li .w04{ margin-top:1.5vw; width:34px; height:34px; border:1px solid #fff; border-radius:100%; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}
.pbox .box li.p04 .w03{ -webkit-line-clamp:3; max-height:90px;}
.pbox .box li.p04 .w04{ margin-top:3.125vw;}
@media only screen and (max-width:1680px){
.pbox{ padding:5.2vw 5%;}
}
@media only screen and (max-width:1440px){
.pbox{ padding:5.2vw 3%;}
}

/*宣传视频*/
.vbox{ width:80%; padding:0 10%; height:100%; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.vbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.5;}
.vbox .box{ width:100%; height:100%; display:flex; align-items:center; position:relative; z-index:3;}
.vbox .box .wen{ width:50%;}
.vbox .box .wen .w01{ color:#fff; font-size:36px; line-height:46px; font-weight:bold;}
.vbox .box .wen .w02{ color:#fff; font-size:18px; line-height:28px; margin-top:1vw;}
.vbox .box .wen .w03{ color:#fff; font-size:70px; line-height:80px; font-weight:bold; text-transform:uppercase; opacity:.5; margin-top:5.52vw;}
.vbox .box .wen .w04{ margin-bottom:5px; margin-top:1.927vw;}
.vbox .box .wen .w04 img{ display:block;}

.vbox .box .click{ width:50%;}
.vbox .box .click img{ display:block; margin:auto; cursor:pointer;}
.shipin{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.shipin .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:94%; max-width:870px; box-sizing:border-box;}
.shipin .video{ width:100%;}
.shipin .video video{ width:100%; display:block; overflow:hidden;}
.shipin .wen{ margin:15px auto;}
.shipin .wen b{ font-size:16px; line-height:20px; display:block; float:left; margin:0 10px; width:calc(100% - 80px); overflow:hidden;}
.shipin .wen a{ cursor:pointer; display:block; float:right; height:20px; margin:0 10px;}
.shipin .wen a img{ display:block; height:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.shipin .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
@media only screen and (max-width:1680px){
.vbox{ width:90%; padding:0 5%;}
}
@media only screen and (max-width:1440px){
.vbox{ width:94%; padding:0 3%;}
}

/*新闻资讯*/
.nbox{ width:100%; padding:5.2vw 10%; min-height:100%; position:relative; z-index:1; box-sizing:border-box; background-color:#fff; display:flex; flex-direction:column;}
.nbox .title{ width:100%; margin-top:-5px; text-align:center; padding-bottom:2.3vw;}
.nbox .title .t01{ font-size:36px; line-height:46px;}
.nbox .title .t01 b{ color:#8b262a;}
.nbox .title .t02{ margin-top:.78125vw;}
.nbox .title .t02 img{ display:block; margin:auto;}
.nbox .title .t03{ font-size:16px; line-height:36px; height:72px; margin-top:1.5625vw; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.nbox .box{ flex:1; width:100%; display:block; position:relative; padding-bottom:3.3vw;}
.nbox .box .w01{ width:100%;}
.nbox .box .w01 img{ width:100%; display:block;}
.nbox .box .w02{ width:100%; font-size:24px; line-height:34px; height:68px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:1vw;}
.nbox .box .w03{ width:100%; font-size:16px; line-height:24px; height:24px; color:#666; margin-top:.5vw;}
.nbox .box .w04{ width:100%; font-size:16px; line-height:30px; height:60px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:.7vw;}
.nbox .box .w05{ margin-top:1.2vw; position:relative;}
.nbox .box .w05 p{ font-size:16px; color:#8b262a; display:flex; align-items:center; float:left; padding:0 25px; font-size:16px; height:38px; line-height:38px; border-radius:40px; border:1px solid #8b262a;}
.nbox .box .w05 p b{ display:block; margin-left:1vw; width:24px; height:9px; background-image:url(../images/moreh.png);}
.nbox .box .w05 p:hover b{ background-image:url(../images/more.png);}
.nbox .box .w05 p:hover{ background-color:#8b262a; color:#fff;}
.nbox .box .w02:hover{ color:#8b262a;}
.nbox .swiper-pagination{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); overflow:hidden;}
.nbox .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; margin:0 5px; cursor:pointer; float:left;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:80px; background-color:#8b262a;}

@media only screen and (max-width:1680px){
.nbox{ padding:5.2vw 5%;}
}
@media only screen and (max-width:1440px){
.nbox{ padding:5.2vw 3%;}
}

/*联系我们*/
.lbox{ width:100%; height:100%; position:relative; z-index:1; background-color:#fff;}
.lbox #map{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.lbox .box{ width:100%; padding:0 10%; height:100%; box-sizing:border-box; position:relative; z-index:3; background-color:rgba(0,0,0,.7);}
.lbox .box .left{ float:left; padding-left:3.25%; padding-top:7.55vw; padding-bottom:3.38vw; position:relative; width:462px;}
.lbox .box .left .bg{ width:calc(100% - 105px); height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#8b262a;}
.lbox .box .left .wen{ width:100%; position:relative; z-index:3;}
.lbox .box .left .w01{ font-weight:bold; font-size:70px; line-height:66px; height:66px; color:#fff; text-transform:uppercase;}
.lbox .box .left .w01 span{ color:#8b262a;}
.lbox .box .left .w02{ font-weight:bold; font-size:36px; line-height:46px; color:#fff; margin-top:1.5625vw;}
.lbox .box .left .w03{ font-size:36px; line-height:46px; color:#fff; margin-top:0.5vw;}
.lbox .box .left .w04{ margin-top:2.34375vw; width:1px; height:60px; margin-left:7px; background-color:#fff;}
.lbox .box .left .w05{ padding-top:1vw; width:310px;}
.lbox .box .left .w05 p{ display:block; margin-top:.5vw; padding-left:24px; font-size:16px; line-height:26px; color:#fff; background-position:0 5px; background-repeat:no-repeat;}
.lbox .box .right{ width:calc(95% - 460px); float:right; padding-top:9vw;}
.lbox .box .right .t01{ color:#fff; text-align:right; font-size:36px; line-height:46px;}
.lbox .box .right .t02{ color:#fff; text-align:right; font-size:18px; line-height:28px; margin-top:1vw;}
.lbox .box .right .mess{ padding-top:2.34375vw;}
.lbox .box .right .mess p{ display:block; overflow:hidden; border-bottom:1px solid #999; float:left; width:46.46%; margin-left:7.08%; margin-top:1.8vw; padding-left:40px; background-position:10px center; background-repeat:no-repeat; height:50px; box-sizing:border-box;}
.lbox .box .right .mess p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lbox .box .right .mess p input{ width:100%; height:50px; line-height:50px; display:block; color:#fff; background-color:transparent; font-size:16px;}
.lbox .box .right .mess span{ padding-top:2.34375vw; width:100%; display:block; height:105px; overflow:hidden; border-bottom:1px solid #999; float:left;}
.lbox .box .right .mess span textarea{ padding:0 10px; box-sizing:border-box; width:100%; display:block; font-size:16px; line-height:26px; overflow:auto; color:#fff; height:105px; background-color:transparent;}
.lbox .box .right .mess a{ display:block; margin-top:2.6vw; width:100%; float:left;}
.lbox .box .right .mess a input{ width:100%; color:#fff; display:block; font-size:16px; height:60px; line-height:60px; text-align:center; background-color:#666; cursor:pointer; overflow:hidden;}
.lbox .box .right .mess a input:hover{ background-color:#8b262a;}

@media only screen and (max-width:1680px){
.lbox .box{ padding:0 5%;}
}
@media only screen and (max-width:1440px){
.lbox .box{ padding:0 3%;}
}

.footer{ width:100%; background-color:#222;}
.footer .foot{ width:80%; padding:3.38vw 10%; border-bottom:1px solid #333;}
.footer .foot .f01{ width:13%; float:left; display:block; margin-right:1%;}
.footer .foot .f01 dt{ display:block;}
.footer .foot .f01 dt a{ font-size:20px; line-height:30px; height:30px; color:#fff; display:block;}
.footer .foot .f01 dt a:hover{ color:#8b262a;} 
.footer .foot .f01 dd{ display:block; padding-top:5px; overflow:hidden;}
.footer .foot .f01 dd a{ display:block; font-size:16px; margin-top:5px; line-height:26px; height:26px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f01 dd a:hover{ color:#fff;}
.footer .foot .f02{ width:18.78%; float:left; display:block; margin-left:1.3%;}
.footer .foot .f02 a{ font-size:20px; line-height:30px; height:30px; color:#fff; display:block;}
.footer .foot .f02 a:hover{ color:#8b262a;} 
.footer .foot .f02 p{ display:block; margin-top:15px; border:1px solid #333; box-sizing:border-box; width:100%; max-width:140px; padding:9px;}
.footer .foot .f02 p img{ width:100%; display:block;}
.footer .foot .f02 span{ display:block; text-align:center; font-size:16px; line-height:26px; margin-top:10px; color:#999; max-width:140px;}
.footer .foot .f03{ width:21.32%; float:left; display:block;}
.footer .foot .f03 .t01{ font-size:20px; line-height:30px; height:30px; color:#fff;}
.footer .foot .f03 .t02{ padding-top:5px; width:calc(100% + 10px);}
.footer .foot .f03 .t02 a{ display:block; width:36px; height:36px; overflow:hidden; float:left; margin-right:10px; margin-top:10px;}
.footer .foot .f03 .t02 a img{ width:100%; display:block;}
.footer .foot .f03 .t03{ font-size:18px; line-height:28px; color:#999; margin-top:25px;}
.footer .foot .f03 .t04{ font-size:14px; line-height:24px; color:#999; padding:5px 0;}
.footer .foot .f03 .t05{ margin-top:10px; margin-bottom:5px; width:100%; height:40px; border:1px solid #999; box-sizing:border-box;}
.footer .foot .f03 .t05 p{ width:calc(100% - 69px); display:block; height:38px; float:left; overflow:hidden;}
.footer .foot .f03 .t05 p input{ padding:0 10px; width:100%; display:block; box-sizing:border-box; font-size:14px; line-height:38px; height:38px; background-color:transparent !important;}
.footer .foot .f03 .t05 a{ width:68px; display:block; height:38px; border-left:1px solid #999; float:left; overflow:hidden;}
.footer .foot .f03 .t05 a input{ width:100%; height:100%; display:block; cursor:pointer; background-color:transparent !important; background-image:url(../images/f06_25.jpg); background-position:center; background-repeat:no-repeat;}
.footer .bq{ width:80%; padding:1.25vw 10%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-top:1px solid #111;}
.footer .bq p{ display:block; margin:0 .9%; font-size:14px; line-height:24px; color:#999; overflow:hidden;}
.footer .bq p a{ color:#999;}

.footer input::-webkit-input-placeholder{ color:#999;} 
.footer input:-moz-placeholder{ color:#999;} 
.footer input::-moz-placeholder{ color:#999;} 
.footer input:-ms-input-placeholder{ color:#999;} 

@media only screen and (max-width:1680px){
.footer .foot{ width:90%; padding:3.38vw 5%;}
.footer .bq{ width:90%; padding:1.25vw 5%;}
}
@media only screen and (max-width:1440px){
.footer .foot{ width:94%; padding:3.38vw 3%;}
.footer .bq{ width:90%; padding:1.25vw 5%;}
}

.backTop{ position:fixed; right:20px; bottom:20px;   background-color:#8b262a; width:42px; height:42px; line-height:42px; cursor:pointer; border-radius:3px; outline:0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; display:none; z-index:96;}
.backTop:before,.backTop:after { content:''; display:block; position:absolute;}
.backTop:before{ border:10px solid transparent; border-bottom-color:#fff; left:11px; width:0px; height:0px;}
.backTop:after{ width:0px; height:4px; border:4px solid #fff; left:17px; top:20px;}
.backTop:hover{ opacity:.8;}

/*内页*/
.ban{ width:100%; height:60vh; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.5;}
.ban .wen{ width:80%; position:absolute; top:40%; left:10%; z-index:2;}
.ban .wen .w01{ font-size:36px; line-height:46px; color:#fff;}
.ban .wen .w02{ font-size:20px; line-height:30px; margin-top:.5vw; color:#fff;}
.ban .wen .scroll-btn{ display:block; width:26px; height:40px; position:relative; margin-top:1vw; background-image:url(../images/scroll-bg.png);}
.ban .wen .scroll-btn:before{ content:""; position:absolute; left:50%; top:10px; width:5px; height:5px; border-radius:100%; background-color:#8b262a; margin-left:-2px;}
.ban .sav{ width:80%; position:absolute; left:10%; bottom:0; z-index:3; display:flex;}
.ban .sav a{ width:100%; text-align:center; height:50px; position:relative; display:flex; align-items:center; font-size:16px; background-color:rgba(255,255,255,.8);}
.ban .sav a p{ display:block; font-size:16px; line-height:20px; max-height:40px; overflow:hidden; text-align:center;}
.ban .sav a:hover,.ban .sav a.on{ color:#8b262a;}
.ban .sav a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; top:0; background-color:#8b262a;}
@media only screen and (max-width:1680px){
.ban .wen{ width:90%; left:5%;}
.ban .sav{ width:90%; left:5%;}
}
@media only screen and (max-width:1440px){
.ban .wen{ width:94%; left:3%;}
.ban .sav{ width:94%; left:3%;}
}

.main{ width:100%; position:relative; z-index:1;}
.main>div{ width:80%; padding:5.2vw 10%; position:relative; z-index:1;}
.main>div .title{ width:100%; text-align:center;}
.main>div .title .t01{ font-size:36px; line-height:46px;}
.main>div .title .t01 b{ color:#8b262a;}
.main>div .title .t02{ margin-top:.78125vw;}
.main>div .title .t02 img{ display:block; margin:auto;}
@media only screen and (max-width:1680px){
.main>div{ width:90%; padding:5.2vw 5%;}
}
@media only screen and (max-width:1440px){
.main>div{ width:94%; padding:5.2vw 3%;}
}

/*关于我们*/
.ab01{ background-image:url(../images/abg_21.jpg); background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ab01 .wen{ width:100%; margin-top:1.5625vw; font-size:16px; line-height:36px;}
.ab01 .w04{ display:flex; justify-content:space-around;}
.ab01 .w04 li{ display:block; margin-top:1.875vw;}
.ab01 .w04 li span{ display:block; font-size:16px; line-height:26px;}
.ab01 .w04 li p{ display:block; overflow:hidden;}
.ab01 .w04 li p b{ display:block; float:left; font-size:48px; line-height:48px; height:48px; color:#8b262a;}
.ab01 .w04 li p a{ display:block; float:left; font-size:16px; line-height:26px; height:26px; color:#333; padding-top:22px; margin-left:10px;}

.ab02{ background-color:#f1f1f1;}
.ab02 .box{ width:100%; margin-top:2.08vw; position:relative;}
.ab02 .box .swiper-container{ width:100%; display:block; position: relative;}
.ab02 .box .swiper-container .swiper-slide{ width:56.25%; margin:0 2.1875%; position:relative; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab02 .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.ab02 .box .swiper-container .swiper-slide .wen{ padding:0 20px; position:absolute; left:0; bottom:0; display:none; width:100%; box-sizing:border-box; background-color:rgba(0,0,0,.7); font-size:18px; line-height:60px; height: 60px; text-align: center; color:#fff;}
.ab02 .box .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.ab02 .box .swiper-container .swiper-slide.swiper-slide-active .wen{ display:block;}
.ab02 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-30px; width:60px; height:60px;}
.ab02 .box .swiper-button-white img{ width:100%; display:block;}
.ab02 .box .swiper-button-prev{ left:8.75%; margin-left: -30px;}
.ab02 .box .swiper-button-next{ right:8.75%; margin-right: -30px;}

.ab03{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.ab03 .box{ width:100%; position:relative; z-index:3;}
.ab03 .box .title .t01,.ab03 .box .title .t01 b{ color:#fff;}
.ab03 .box .con{ position:relative; margin-top:2.08vw; height:auto; padding:0 40px; overflow:hidden;}
.ab03 .box .swiper-container{ width:100%;}
.ab03 .box .con .line{ width:calc(100% - 80px); height:15%; position:absolute; left:40px; top:185px; background-image:url(../images/line.png); background-position:left center; background-repeat:repeat-x; z-index:1; height:15px;}
.ab03 .box .con .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:180px; z-index:2;}
.ab03 .box .con .swiper-button-prev{ background-image:url(../images/left.png); left:0;}
.ab03 .box .con .swiper-button-next{ background-image:url(../images/right.png); right:0;}
.ab03 .box .con .swiper-button-white:hover{ background-color:#fff;}
.ab03 .box .swiper-container .swiper-slide{ position:relative;}
.ab03 .box .swiper-container .swiper-slide:nth-child(2n+1){ padding-top:370px;}
.ab03 .box .swiper-container .swiper-slide .rline{ width:1px; height:190px; background-color:#eee; position:absolute; position:absolute; left:0; top:10px;}
.ab03 .box .swiper-container .swiper-slide .rline:before{ content:''; display:block; width:13px; height:13px; border-radius:50%; background-color:#8b262a; position:absolute; left:-6px; top:188px;}
.ab03 .box .swiper-container .swiper-slide:nth-child(2n+1) .rline{ position:absolute; position:absolute; left:0; top:190px;}
.ab03 .box .swiper-container .swiper-slide:nth-child(2n) .rline:before{ top:-1px;}
.ab03 .box .swiper-container .swiper-slide .content{ padding-left:20px; width:calc(100% - 20px);}
.ab03 .box .swiper-container .swiper-slide .content .line-first{ font-size:22px; line-height:30px; height:30px; font-weight:bold; color:#fff;}
.ab03 .box .swiper-container .swiper-slide .content .dot{ width:100%; font-size:16px; line-height:30px; color:#fff; max-height:150px; overflow:auto;}

.ab04{ background-color:#fff;}
.ab04 .box{ width:100%; margin-top:2.08vw; position:relative;}
.ab04 .box img{ max-width:100%; height:auto; margin:auto; display:block;}

.ab05{ background-color:#f1f1f1;}
.ab05 .box{ width:100%; margin-top:2.08vw; position:relative;}
.ab05 .box video{ max-width:100%; display:block; height:auto; margin:auto;}

/*产品展示*/
.pro01{ width:100%; display:block;}
.pro01 li{ display:flex; align-items:center; overflow:hidden; margin-top:2.08vw;}
.pro01 li:nth-child(2n){ flex-direction:row-reverse;}
.pro01 li .left{ width:47.5%;}
.pro01 li .left img{ width:100%; display:block;}
.pro01 li .right{ width:47.5%; margin-left:5%;}
.pro01 li:nth-child(2n) .right{ margin-left:0; margin-right:5%;}
.pro01 li .right .w01{ border-left:5px solid #8b262a; padding-left:15px;}
.pro01 li .right .w01 b{ display:block; text-transform:uppercase; font-size:36px; line-height:1;}
.pro01 li .right .w01 strong{ display:block; font-size:24px; line-height:1; color:#666; margin-top:.5vw;}
.pro01 li .right .w02{ font-size:16px; line-height:36px; margin-top:1.5625vw;}

/*新闻中心*/
.ser{ width:390px; padding:5px; position:absolute; left:50%; margin-left:-200px; bottom:70px; background-color:rgba(255,255,255,.3); border-radius:50px; z-index:3;}
.ser .text{ width:350px; height:40px; float:left;}
.ser .text input{ width:320px; padding:0 15px; display:block; background-color:transparent; font-size:16px; line-height:40px; color:#fff;}
.ser .sub{ width:40px; height:40px; border-radius:100%; float:right;}
.ser .sub input{ width:100%; height:40px; background-color:#8b262a;; display:block; cursor:pointer; overflow:hidden; border-radius:100%; background-image:url(../images/ss.png); background-size:16px; background-position:center; background-repeat:no-repeat;}

.news{ width:100%; display:block;}
.news li{ width:32%; display:block; float:left; margin-left:2%; margin-top:2.08vw;}
.news li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news li .w01{ width:100%;}
.news li .w01 img{ width:100%; display:block;}
.news li .w02{ width:100%; font-size:24px; line-height:34px; height:68px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:1vw;}
.news li .w03{ width:100%; font-size:16px; line-height:24px; height:24px; color:#666; margin-top:.5vw;}
.news li .w04{ width:100%; font-size:16px; line-height:30px; height:60px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:.7vw;}
.news li .w05{ margin-top:1.2vw; position:relative;}
.news li .w05 p{ font-size:16px; color:#8b262a; display:flex; align-items:center; float:left; padding:0 25px; font-size:16px; height:38px; line-height:38px; border-radius:40px; border:1px solid #8b262a;}
.news li .w05 p b{ display:block; margin-left:1vw; width:24px; height:9px; background-image:url(../images/moreh.png);}
.news li .w05 p:hover b{ background-image:url(../images/more.png);}
.news li .w05 p:hover{ background-color:#8b262a; color:#fff;}
.news li .w02:hover{ color:#8b262a;}

.fanye{ width:100%; margin-top:2.08vw; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 8px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 8px; height:30px; line-height:30px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#8b262a;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#8b262a;}

/*新闻内页*/
.news-detail{ width:100%; border-bottom:5px solid #f6f6f6; padding-bottom:.78vw;}
.news-detail .tit{ width:calc(100% - 100px); font-size:26px; line-height:36px; font-weight:bold; float:left;}
.news-detail .date{ width:100px; text-align:right; font-size:16px; line-height:36px; color:#999; float:left;}
.news-wen{ font-size:16px; line-height:36px; margin-top:2vw;}
.news-wen img{ max-width:100%; height:auto !important;}
.detail-back{ margin-top:2vw; overflow:hidden;}
.detail-back a{ font-size:16px; color:#fff; background-color:#8b262a; display:flex; align-items:center; float:right; padding:0 30px; font-size:16px; height:50px; line-height:50px; border-radius:50px;}
.detail-back a b{ display:block; margin-left:1vw; width:24px; height:9px; background-image:url(../images/more.png);}
.detail-back a:hover{ background-color:#333;}

.next-list{ width:80%; padding:2vw 10%; background-color:#f1f1f1; border-top:5px solid #8b262a;}
@media only screen and (max-width:1680px){
.next-list{ width:90%; padding:2vw 5%;}
}
@media only screen and (max-width:1440px){
.next-list{ width:94%; padding:2vw 3%;}
}
.next-list h2{ font-size:30px; line-height:40px; display:block; padding-bottom:1vw; border-bottom:1px solid #333;}
.next-list .cont-box{ margin-top:1vw;}
.next-list .cont-box .date{ display:block; color:#999; font-size:16px; line-height:26px;}
.next-list .cont-box .tit{ display:block; color:#333; font-size:20px; line-height:30px; margin-top:.5vw;}
.next-list .cont-box .txt{ display:block; color:#666; font-size:16px; line-height:26px; margin-top:.2vw;}

/*联系我们*/
.lx .box{ width:100%; display:flex; padding-top:2.08vw;}
.lx .box .left{ width:47.5%;}
.lx .box .left #map{ width: 100%; height: 100%;}
.lx .box .right{ width:46.875%; margin-left: 5.625%;}
.lx .box .right dl{ display: block; overflow: hidden; margin-top: -1vw;}
.lx .box .right dl dt{ margin-top: 1.5vw; overflow: hidden; display: flex; align-items: center;}
.lx .box .right dl dt strong{ width: 60px;}
.lx .box .right dl dt strong img{ width: 60px; display: block;}
.lx .box .right dl dt p{ width: calc(100% - 70px); display: block; margin-left: 10px; text-align:left;}
.lx .box .right dl dt p span{ display: block; font-size: 16px; line-height: 26px; color: #999;}
.lx .box .right dl dt p a{ display: block; font-size: 18px; line-height: 26px; color: #333;}
.lx .box .right dl dd{ margin-top: 1.3vw; overflow: hidden; display: block;}
.lx .box .right dl dd span{ display:block; width: 100%; font-size: 16px; line-height: 26px; text-align:left;}
.lx .box .right dl dd p{ display: flex; align-items: center; margin: .5vw 0;}
.lx .box .right dl dd strong{ width: 6.25vw; max-width: 120px; display: block; overflow: hidden; border: 1px solid #ddd;}
.lx .box .right dl dd strong img{ width:100%; display: block;}
.lx .box .right dl dd a{ display: block; font-size: 14px; line-height: 24px; margin-left: 20px; text-align:left;}

.lx01{ background-color:#f1f1f1;}
.lx01 .box{ margin-top:2.08vw;}
.lx01 .left{ width:48%; float:left;}
.lx01 .right{ width:48%; float:right;}
.lx01 .box p{ width:100%; height:46px; line-height:46px; border-radius:30px; background-color:#fff; margin-bottom:30px; overflow:hidden; display:block; padding:0 20px; box-sizing:border-box;}
.lx01 .box p img{ height:20px; margin:13px 0; float:left; display:block;}
.lx01 .box p input{ width:calc(100% - 30px); margin-left:10px; float:left; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.lx01 .box span{ width:100%; background-color:#fff; border-radius:20px; overflow:hidden; display:block; margin-bottom:30px;}
.lx01 .box span textarea{ width:100%; height:274px; display:block; padding:10px 30px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent;}
.lx01 .box .sub{ width:100%; float:left;}
.lx01 .box .sub input{ display:block; width:15%; margin:auto; text-align:center; line-height:46px; color:#fff; font-size:16px; height:46px; border-radius:46px; background:#8b262a; cursor:pointer;}
.lx01 .box .sub input:hover{ background:#333;}

.lx01 input::-webkit-input-placeholder,.lx01 textarea::-webkit-input-placeholder{ color:#999;} 
.lx01 input:-moz-placeholder,.lx01 textarea:-moz-placeholder{ color:#999;} 
.lx01 input::-moz-placeholder,.lx01 textarea::-moz-placeholder{ color:#999;} 
.lx01 input:-ms-input-placeholder,.lx01 textarea:-ms-input-placeholder{ color:#999;}