@charset "utf-8";
/* CSS Document *//*此样式为全局样式，在每个页面只能引用一次，不能重复，也不可以不引用。*/
html{_background-attachment: fixed;}
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{font-size:0.74vw;color: #999;font-family: Microsoft yahei,helvetica;background-repeat: repeat;background: #17171a;}
body a{color: #bbb;text-decoration: none;}
em{font-style:normal}
li{list-style:none}
fieldset{border:0;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline: none;}
input,textarea,select {*font-size:100%;}
p{word-wrap:break-word}
a:link,a:visited{text-decoration:none;}
input,button,select{outline: 0;font-family: Microsoft yahei,helvetica;margin:0px; padding:0px;}
.fl{float: left;}
.fr{float: right;}
.nocu{font-weight: normal;}
.clear{ clear:both;}
.shenglue{white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.shenglue2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.shenglue3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
.bgxuhua {-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.bgxuhua a:hover{-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.imgbig{ overflow:hidden;}
.imgbig img{ transition:all linear .2s;	}
.imgbig:hover img{cursor: pointer; transform:scale(1.1); -webkit-transform:scale(1.1) translateZ(0); -moz-transform:scale(1.1) translateZ(0); -ms-transform:scale(1.1) translateZ(0); -o-transform:scale(1.1) translateZ(0);}
.bgquan{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.zishiyin{font-size:14px; line-height:20px;}
.zishiyin img{max-width: 100%; width: auto;height: auto !important;}
.bhtouying:hover{box-shadow: 3px 3px 3px #ccc;}
.zishiyin table{ width:100% !important;}
.video iframe,.video embed{ width:725px !important; height:455px !important;}
.guodu{transition: 0.4s;}
.h30{ height:30px;}
.bgtc{background-repeat: no-repeat;background-position: center center; background-size:cover;}
*{-webkit-tap-highlight-color: transparent;}
.font1w{font-size: 1vw;}
.iconfont{ display:inline-block;vertical-align: middle;}
.font36{font-size:3.6vw;}
.font33{font-size:3.3vw;}
.font31{font-size:3.12vw;}
.font28{font-size:2.8vw;}
.font24{font-size:2.4vw;}
.font22{font-size:2.2vw;}
.font21{font-size:2.1vw;}
.font20{font-size:2vw;}
.font19{font-size:1.9vw;}
.font18{font-size:1.8vw;}
.font16{font-size:1.6vw;}
.font15{font-size:1.5vw;}
.font14{font-size:1.4vw;}
.font13{font-size:1.3vw;}
.font12{font-size:1.2vw;}
.font11{font-size:1.1vw;}
.font10{font-size:1vw;}
.font096{font-size:0.96vw; line-height:1.6vw;}
.font092{font-size:0.92vw;}
.font090{font-size:0.88vw;}
.font088{font-size:0.84vw;}
.font080{font-size:0.80vw;}
.line015{ line-height:1.5vw;}
/*全局样式结束GLOBAL STYLE*/
/*头部-*/
.container {width: 76%;margin: 0 auto;position: relative;box-sizing: border-box;}
.video{ width:100%; height:100vh; position:relative; overflow:hidden;}
.video:before {content: '';opacity: 0.7;transition: opacity 300ms;width: 100%;height: 100vh;position: absolute;left: 0;right: 0;background: #191a1c; z-index:99;}
.header{ position:absolute; top:0px; left:0px; right:0px; z-index:99998;width:100%;height:5.5vw;transition: all 1s ease;}
.header .logo{ float:left;height:2.5vw; padding:1.5vw 0vw; display:block;}
.t_yy{ float:right; padding:2vw 5vw 0vw 0vw;}
.t_yy .cur{ color:#f0f0f0;}
.t_yy span{ opacity:0.6;}
.video_txt{ position:absolute; bottom:20%;width:100%; left:0%; right:0px; z-index:9999; color:#FFF;}
.video_txt .p1{ position:relative; padding-right:3.8vw; display:inline-block;}
.video_txt .p1:before {content: "";position: absolute;right: -0.8vw;top: 1.1vw;width: 3.6vw;height: 2px;background: #e14f51;transition: all .3s;}
.video_txt:hover .p1:before {right: -2vw;height: 3px;}
.video_txt .p2{font-weight: bold;letter-spacing: 0.5vw;font-size: 7vw;font-family: Arial, Helvetica, sans-serif;}
.scroll-icon {position: absolute;width: 200px;height: 90px;padding-right: 3.5rem;bottom: 0px;right: 25%;text-align: right;border-right: 1px dashed rgba(255, 255, 255, 0.3);z-index: 999; }
.scroll-icon .mouse {position: absolute;height: 38px;width: 25px;border: 3px solid #ffffff;border-radius: 12px;right: -16px;top: 10px;display: block;text-align: center;z-index: 10;-webkit-animation: vertical 3s ease infinite;animation: vertical 3s ease infinite; }
.scroll-icon .mouse::before {content: "";display: block;height: 5px;width: 3px;background-color: #ffffff;position: absolute;top: 6px;left: 50%;margin-left: -1.5px;border-radius: 2px; }
.scroll-icon .end-top {content: "";background-color: #ffffff;width: 7px;height: 7px;border-radius: 50%;display: inline-block;vertical-align: top;position: absolute;top: -6px;right: -4px; }
@-webkit-keyframes vertical {0%,60%,80%,100% {-webkit-transform: translateY(0); }20% {-webkit-transform: translateY(-5px); }40% {-webkit-transform: translateY(20px); } }
@keyframes vertical {0%,60%,80%,100% {-webkit-transform: translateY(0); }20% {-webkit-transform: translateY(-5px); }40% {-webkit-transform: translateY(20px); } }
.video .bofang_box { text-align:center; position: absolute; top:50%; left:50%; margin:-2.2vw 0vw 0vw -2.2vw; z-index:99998; opacity:0;}
.video  .bofang {box-sizing: content-box;display: inline-block;width:3.6vw;height:3.6vw;background: #fff;border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;position: relative;}
.video  .bofang span {display: inline-block;position: absolute;z-index: 3;width: 0;height: 0;border-left: 0.8vw solid #e14f51;border-top:0.6vw solid transparent;border-bottom:0.6vw solid transparent;top:1.2vw;left:1.55vw;}
.video  .bofang:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: block;width:3.5vw;height:3.5vw;background: #fff;border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-webkit-animation: pulse-border 1500ms ease-out infinite;animation: pulse-border 1500ms ease-out infinite;}
.video  .bofang:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: block;width:6vw;height:6vw;border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-webkit-transition: all 200ms;transition: all 200ms;}
@-webkit-keyframes pulse-border {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);-o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}
}
@keyframes pulse-border {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);-o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}
}
.video:hover .bofang_box{ opacity:0.6;}
.layui-layer-page .layui-layer-content{ background-color:#000;}
.drawer-main{position:fixed;top:0;width:22vw;height:100%;overflow-y:hidden;overflow-x: hidden; bottom:0rem;z-index:99998;}
.drawer-left .drawer-main{left:-22vw;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-22vw;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0; z-index:999991}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:4rem}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{}
.drawer-right .drawer-hamberger:hover{ color:#e14f51; }
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-image: url(../images/nav_bg.png);background-repeat: repeat;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5);}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-hamberger{position: absolute;display: block;border: 0;z-index:99999; top:2vw; right:0;  color:#FFF; cursor:pointer; font-size:0.8vw;}
.drawer-hamberger i{ font-size:1vw; margin:-0.3vw 0vw 0vw 0.2vw;}
.drawer-open .drawer-hamberger{z-index:99999; position:fixed; right:0vw; top:0px; width:100%; height:100vh; cursor: default;}
.drawer-open .drawer-hamberger span{ opacity:0;}
.drawer-open .drawer-hamberger i{ position:absolute; right:21vw;font-size: 1.2vw;top:1vw; z-index:999992; width:2vw; height:2vw;background-repeat: repeat; text-align:center; line-height:2vw; display:none;}
.drawer-open .drawer-hamberger i:before{content: "\e661";}
.drawer-gy{ color:#F00; display:none;}
.drawer-open .drawer-gy{ width:3vw; height:3vw; line-height:3vw; top:1vw; right:1vw;  text-align:center;z-index:999999;display:block; cursor:pointer;}
.drawer-open .drawer-gy p{color:#FFF; font-size:1.2vw;}
.left_nav{ padding:6vw 0vw 0vw 0vw;}
.left_nav li{ position:relative;}
.left_nav li a{ display:block; width:100%;font-size:1.2vw; height:3.6vw; line-height:3.6vw; margin:0.2vw 0rem; font-weight:normal;color:#FFF;z-index:999; text-align:center; opacity:1; letter-spacing:0.15vw; font-weight:bold;text-transform: uppercase;}
.left_nav li.active a{ color:#e14f51; font-weight:bold;}
.drawer-open .dhtc_bg{content: '';opacity: 0;width: 100%;height: 100vh;position: absolute;left: 0;right: 0; top:0px; cursor:auto;background: #191a1c; z-index:99998!important;}
.h_bg{ padding:3vw 0vw 3.5vw 0vw;}
.h_h2{ font-size:2vw; letter-spacing:0.1vw; color:#FFF; text-align:center;text-transform: uppercase;}
.h_h2 span{ color:#e14f51;}
.h_h2 em{text-transform : uppercase;/*font-family: impact;*/font-weight: normal;opacity: 0.5;letter-spacing: 0vw;font-family: Helvetica;}
.h_h2_p{ position:relative; margin:1vw auto 0vw auto; width:6vw; display:none;}
.h_h2_p:after,.h_h2_p:before {content: '';position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.h_h2_p:before {width: 5vw;height:2px;background: -webkit-gradient(linear, left top, right top, color-stop(0, #eeeeee), color-stop(35%, #bababa), color-stop(65%, #999), to(#212121));background: -webkit-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);background: -o-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);background: linear-gradient(to right, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);}
.h_h2_p:after {width:0.4vw;height:0.4vw;background-color: #fff;border-radius: 50%;}
.h_gsjs_l{ width:100%;}
.h_gsjs_l .desc{ padding:1vw 0vw;}
.h_gsjs_l .desc p{font-size:0.8vw;line-height:1.4vw; margin-top:0.6vw; text-indent:1.6vw;}
.h_gsjs_r{ width:42%; float:right; }
.h_gsjs_r img{animation: mymove 3s infinite;}
.qywh_bt{font-size:0.9vw; font-weight:bold; color:#CCC; height:2vw; line-height:2vw; position:relative; margin:1vw 0vw 0vw 0vw;}
.qywh_bt .bt{ color:#fb7c55; font-size:2vw; font-weight:normal; margin-right:1vw;}
.qywh_bt .jt{ position:absolute; right:0px; top:0rem; height:2vw; line-height:2vw;color:#fb7c55; opacity:0.7;}
.qywh_bt_cur .jt.icon-next:before{content: "\e65e";}
.qywh_box{ font-size:0.74vw;line-height:1.4vw; padding-left:3vw; display:none;}
.h_jqzp{ border-top:1px solid #333; padding-bottom:0px;}
.h_jqzp .swiper-container{ margin-top:1vw;}
.h_jqzp .swiper-button-next,.h_jqzp .swiper-button-prev{top:50%; outline:none;width:3vw; height:3vw; line-height:3vw; text-align:center; border-radius:50%; color:#FFF; opacity:0;}
.h_jqzp .swiper-button-next i,.h_jqzp .swiper-button-prev i{font-size:1.6vw;}
.h_jqzp .swiper-button-prev{ left:1vw;}
.h_jqzp .swiper-button-next{ right:1vw; transform: rotateZ(180deg);}
.h_jqzp:hover .swiper-button-next,.h_jqzp:hover .swiper-button-prev{ opacity:0.8;}
.h_jqzp .swiper-button-next:hover,.h_jqzp .swiper-button-prev:hover{ color:#e14f51;}
@keyframes mymove{50%{transform:translateY(1.5vw);}}
.zp_box{ position:relative;}
.zp_box .img{ padding:0px;}
.zp_box .img:after{ opacity:1;}
.zp_box .cont{ position:absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);transition: transform 0.6s, background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.6s;z-index: 1;}
.zp_box:hover .cont{background-color: rgba(0, 0, 0, 0); width:100%;}
.xiantiao{width:0%; height:3px; position:absolute; left:0; bottom:0px; transition:all 0.6s ease-in-out; background-image: linear-gradient(90deg, #f3424c 0%,#fb7b54 100%);}
.zp_box:hover .xiantiao,.td_ul li:hover .xiantiao{width:calc(100% + 3px);}
.h_zycy{ background-color:#232323;}
.h_td_ul{ text-align:center;}
.h_td_ul li{ width:20%; margin:3% 0px 0px 0%; position:relative; display:inline-block;}
.h_td_ul li:nth-child(3n+1){ margin-left:0%;} 
.h_td_ul li .img{ overflow:hidden; position:relative; border-radius:50%; width:9vw; margin:0px auto;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);}
.h_td_ul li .img img{ height:9vw;border-radius:50%;}
.h_td_ul li .cont{ padding:1vw 1vw;text-align:center;}
.h_td_ul li .cont h6{ font-size:1vw;line-height:1.6vw; font-weight:normal;color: #dcdcdc; }
.h_td_ul li .cont h6 span{ font-size:0.86vw;}
.h_td_ul li .cont p{ font-size:0.74vw; line-height:1.4vw; margin-top:0.5vw;}
.h_td_ul li .cont p span{ font-size:0.7vw;}
.h_td_ul li .zhezhao:after{ border-radius:50%;}
/*二级页-*/
.list_banner{ width:100%; height:33vw; }
.list_banner_bg{background-image: url(../images/list_banner_bg.png);background-repeat: repeat; width:100%; height:100%;}
.list_banner .container{height:33vw;}
.dqlm{ position:absolute; bottom:14vw;text-align:center; width:100%;}
.dqlm .xian{ width:5vw; height:0.1vw; background-color:#e14f51; margin:0px auto; display:none;}
.dqlm h2 {font-weight: normal;color: #CCC;}
.dqlm h3 {text-transform: uppercase;font-weight: bold;color: rgba(255, 255, 255, .8); margin-top:0.5vw;}
.dqwz{ color:#CCC; height:2vw; line-height:2vw; position:absolute; bottom:1vw;}
.dqwz a{color:#CCC; }
.dqwz i{ margin-top:-0.2rem;}
/*公司介绍-*/
.list{ padding:3vw 0vw;}
.list_h2{font-size:1.8vw; letter-spacing:0.2vw; color:#FFF; font-weight:normal; position:relative;height:4vw; line-height:4vw; margin-bottom:0.5vw;}
.list_h2:before {background-color:#e14f51;content: '';display: block;height:1px;left:0vw;position: absolute; bottom:0vw;width: 3.6vw;}
.qywh{border-top:1px solid #333;}
.qywh_ul li{ width:32%; float:left;  margin:1% 0px 0px 2%;}
.qywh_ul li .qywh_li{ border:1vw solid #232323; text-align:center; padding:3vw 3vw; }
.qywh_ul li .qywh_li .ico i{ font-size:3vw;color: #fb7c55;}
.qywh_ul li .qywh_li .tit{color:#CCC;font-size: 1vw; margin:1vw 0vw 0vw 0vw;}
.qywh_ul li .qywh_li .desc{font-size: 0.74vw;line-height: 1.4vw; min-height:2.8vw;margin-top:1.5vw;}
.qywh_ul li:nth-child(3n+1){ margin-left:0vw;}
.qywh_ul li:hover .qywh_li{ background-color:#232323;}
.qywh_ul li:hover:hover .qywh_li .ico i{  transform: rotateY(360deg);  transition: all 2s ease;}
.tdys{border-top:1px solid #333;/*background-image: url(../images/img-6.jpg);*/background-repeat: no-repeat;background-position: center;  background-size: cover;  background-attachment: fixed;}
.tdys_ul{ padding:1vw 0vw;}
.tdys_ul li { width: 50%; float: left;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #232323}
.tdys_ul li .wenz { text-align: center; width: 50%; height:16.5vw;}
.tdys_ul li .wenz .num-box {  height: 6vw; padding-top:1vw;}
.tdys_ul li .wenz .num-box .num {  display: inline-block;  position: relative;  font-size: 5vw;  line-height: 6vw;  vertical-align: top;  color: #ccc; text-align:center; font-weight:bold;}
.tdys_ul li .wenz .num-box .stt {  font-size: 1vw;  line-height: 2vw;  color: #ccc;  position: absolute;  bottom: 0vw;  right: -2.2vw;  display: inline-block;  width: 11vw;  text-align: center;  background-color: #232323; letter-spacing:0.1vw; font-weight:normal;}
.tdys_ul li .wenz .num-box .stt .lin {border-top: #ccc 1px solid;border-bottom: #ccc 1px solid;padding: 0.3vw 0.2vw }
.tdys_ul li .wenz .word {  display: block;  width: 80%;  margin: 1vw auto 0;  color: #666;  font-size: 0.74vw;line-height: 1.4vw; padding-bottom:1vw;}
.tdys_ul li .tp{ text-align: center; width: 50%;position: relative; overflow: hidden;}
.tdys_ul li .tp .mb {width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,1);left:0;top: 0;z-index: 99;opacity: 0}
.tdys_ul li .tp:hover .mb {opacity: 0.3}
.tdys_ul li .tp img {width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;height:16.5vw;}
.tdys_ul li .tp:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.tdys_ul li.bla { background:#e45f55;}
.tdys_ul li.bla .wenz .num-box .num {color: #fff;}
.tdys_ul li.bla .wenz .num-box .stt{ background: #e45f55; color:#fff;}
.tdys_ul li.bla .wenz .num-box .stt .lin {border-top: #f9f9f9 1px solid;border-bottom: #f9f9f9 1px solid;}
.tdys_ul li.bla .wenz .word{color: #fff; opacity: 0.9}
.about_wmys .i-btn {  display: block;  margin:70px auto 0;  width: 198px;  height: 58px;  line-height: 58px;  font-size: 18px;  border-radius: 2px;  border: 1px solid #e5e5e5;  text-align: center; background: #f5f5f5}
.tdtj{background-color: #000;background-repeat: repeat; background-size:cover;}
.tdtj .swiper-container{ margin-top:2vw;}
.tdtj .img{ overflow:hidden;}
.tdtj .tit{ font-weight:normal; line-height:1.7vw; text-align:center; margin-top:0.8vw;}
.container_qhan .swiper-button-next,.container_qhan .swiper-button-prev{ bottom:9vw; top:auto; outline:none;width:3vw; height:3vw; line-height:2.9vw; text-align:center; border-radius:50%; background-color:#17171a;}
.container_qhan .swiper-button-prev{ left:-4vw;}
.container_qhan .swiper-button-next{ right:-4vw;}
.container_qhan .swiper-button-next:hover,.container_qhan .swiper-button-prev:hover{background-color:#e14f51; color:#fff;}
.container_qhan{ position:relative;}
.gshj{border-top:1px solid #333;}
.gshj_c{background: #232323; margin-top:2vw;}
.gshj_l{width:26%; float: left; padding:6vw 5% 0vw 5%;}
.gshj_l .p1{ font-size:0.8vw; line-height:1.4vw;}
.gshj_l .num-long {font-size: 3.8vw;margin-top: 3vw;color: #ccc;font-weight:bold;}
.gshj_l .num-long .m {font-size: 2vw;position: relative; font-weight:normal;}
.gshj_l .num-long .square {display: inline-block;font-size: 1vw;position: absolute;right: -0.4vw;top: -0.5vw;font-style: normal;}
.gshj_l .sfont {line-height: 2vw;font-size: 0.9vw;}
.gshj_r{ width:64%; float:right;}
.gshj_r .swiper-pagination{ width:98%;height:1vw; bottom:1vw; text-align:right; z-index:9998; padding-right:2%;}
.gshj_r .swiper-pagination-bullet{ width:0.7vw; height:0.7vw; background-color:#fff; position:relative; border:0px solid #fff;display: inline-block;opacity:0.8; border-radius:0.7vw; margin:0px 0.2vw !important;}
.gshj_r .swiper-pagination-bullet-active{background-color:#e14f51; width:1.9vw; opacity:1;}
/*作品-*/
.jqzp_ul li{ width:20%; float:left; position:relative;}
.jqzp_ul li:after{content: '';pointer-events: none;background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);height: 100%;position: absolute;bottom: 0;left: 0;right: 0; width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 5;transition: 0.4s;}
.jqzp_ul li:hover:after{ opacity:0;}
/*管对-*/
.td_ul li{ width:23.5%; float:left; margin:2% 0px 0px 2%; position:relative;background-color:#232323; }
.td_ul li:nth-child(4n+1){ margin-left:0%;} 
.td_ul li .img{ overflow:hidden; position:relative;}
.td_ul li .cont{ padding:1vw 1.5vw 0.5vw 1.5vw; text-align:center;}
.td_ul li .cont h6{ font-size:1.1vw;line-height:2vw; font-weight:normal;color: #dcdcdc; }
.td_ul li .cont p{ font-size:0.78vw; line-height:1.8vw;}
.td_ul li .cont2{padding:0vw 1vw 1.5vw 1vw;font-size:0.7vw; line-height:1.2vw;  text-align:justify; min-height:7.6vw;}
.td_ul li .cont2 p{ margin-top:0.3vw;}
.zhezhao:after{content: '';pointer-events: none;background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);height: 100%;position: absolute;bottom: 0;left: 0;right: 0; width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 5;transition: 0.4s;opacity:0.4;}
.zhezhao:hover:after{ opacity:0;}
.td_show{ background-color:#FFF;}
.td_show_l{ width:40%; float:left;}
.td_show_r{ width:56%; float:left; padding:5vw 2%;}
.td_show_r .tit{ font-size:2.2vw;line-height:3.4vw; font-weight:normal;color: #333; }
.td_show_r .tit span{font-size:1.6vw;}
.td_show_r .tit2{ font-size:1.4vw; line-height:2.6vw;color: #666; border-bottom:1px solid #ddd; padding-bottom:1vw;}
.td_show_r .tit2 span{font-size:1vw;}
.td_show_r .desc{ font-size:1.2vw; line-height:2.2vw; margin-top:2vw;}
.td_show_r .desc p{ margin-top:0.8vw;}
/*新闻-*/
.news_ul li{width:23.5%; float:left; margin:3% 0px 0px 2%; position:relative;}
.news_ul li .img{ overflow:hidden; position:relative;}
.news_ul li .img img{ height:12vw;}
.news_ul li .cont{ background-color:#232323; padding:1.5vw 1.5vw; }
.news_ul li .cont .tit{ font-size:0.9vw; font-weight:normal; line-height:1.5vw; height:3vw;color:#CCC;}
.news_ul li .cont .time{ font-size:0.78vw; line-height:1.3vw;color: #666; margin-top:1.5vw;}
.news_ul li .cont .time i{ color:#999; margin-top:-0.15vw;}
.news_ul li:nth-child(4n+1){ margin-left:0%;} 
.news_show{ padding:5vw 4vw; background-color:#FFF;}
.show_tit{line-height:4.6vw; font-weight:normal; color:#333; text-align:center; font-size:3.4vw; padding:0vw 10%;}
.show_time{height:3vw; line-height:3vw; font-size:1.8vw;border-bottom:1px solid #ddd; color:#999; padding:1.8vw 0vw 1vw 0vw;text-align:center;}
.show_time i{ font-size:2.2vw; margin-top:-0.2vw;}
.show_time .icon-shijian1{margin-top:-0.29vw;}
.show_body{ padding:2vw 0vw 2vw 0vw;font-size:1.5vw;line-height:3vw; color:#777;}
.show_body p{ margin-top:0.8vw;}
.lx_ul li .desc{ font-size:1.2vw !important; color:#eee;}
.lx_ul li .ewm .img{ width:6vw; margin:0px auto;}
.lx_ul li .ewm .desc{ font-size:1.1vw!important; margin-top:1vw;}
/*分页-*/
.page{ width:100%; height:3vw; text-align:center;padding:3vw 0px 2vw 0px;}
.page li{ display:inline-block; margin:0px 0.2vw;}
.page li a{display:block; width:2.2vw; height:2.2vw; line-height:2.2vw; text-align:center; background:#333;border:1px solid #333;border-radius: 50%; color:#999;}
.page li a:hover,.page .active a{color:#FFF;}
/*底部-*/
.footer{ padding:3vw 0vw 3vw 0vw; width:100%; color:#bbb;}
.footer a{color:#bbb;}
.footer_l{ width:70%;}
.footer_l p{ line-height:1.9vw; font-size:0.82vw;}
.footer_l p i{ color:#FFF; margin:-0.1vw 0.3vw 0vw 0vw;}
.footer_l p b{ font-size:1vw; color:#FFF;}
.footer_l p.bq{ font-size:0.74vw; color:#999;}
.footer_l p.bq a{color:#999;}
.footer_dh{ border-top:1px solid #444; padding:1vw 0vw; margin-top:1vw;}
.footer_dh ul li{ float:left;}
.footer_dh ul li a{font-size:0.86vw;margin-right:2.5vw; line-height:2vw;}
.footer_r{padding:2.6vw 0vw 0vw 0vw;}
.footer_r ul{}
.footer_r ul li{ float:left; margin-left:10px;}
.footer_r ul li a{ width:2.2vw; height:2.2vw;line-height:2.2vw; background-color:#444;  text-align:center; color:#CCC; display:block; border-radius:50%; position:relative;}
.footer_r ul li a.tpn{ width:auto; height:2.2vw; background-color:inherit;}
.footer_r ul li .tpn img{ height:2.2vw;}
.footer_r ul li a i{font-size:1.1vw;}
.footer_r ul li:hover a{ background-color:#666;}
.footer_r ul li span{ position:absolute; bottom:2.8vw; width:4.5vw; left:-1vw; opacity:0;}
.footer_r ul li:hover span{ opacity:1;}


/*返回顶部*/
#topcontrol{ z-index:999;}
@media (max-width:1600px) {
.container {width: 85%;margin: 0 auto;position: relative;box-sizing: border-box;}
}

@media (max-width:1366px) {
.container {width: 90%;margin: 0 auto;position: relative;box-sizing: border-box;}
}

@media (max-width:768px) {


html{font-size:960%;}
body{font-size:0.16rem;}
.font36{font-size:3.6vw;}
.font33{font-size:3.3vw;}
.font31{font-size:3.12vw;}
.font28{font-size:0.24rem;}
.font24{font-size:2.4vw;}
.font22{font-size:2.2vw;}
.font21{font-size:2.1vw;}
.font20{font-size:2vw;}
.font19{font-size:1.9vw;}
.font18{font-size:1.8vw;}
.font16{font-size:0.16rem;}
.font15{font-size:1.5vw;}
.font14{font-size:1.4vw;}
.font13{font-size:1.3vw;}
.font12{font-size:1.2vw;}
.font11{font-size:1.1vw;}
.font10{font-size:1vw;}
.font096{font-size:0.96vw; line-height:1.6vw;}
.font092{font-size:0.16rem;}
.font090{font-size:0.88vw;}
.font088{font-size:0.84vw;}
.font080{font-size:0.80vw;}
.line015{ line-height:1.5vw;}
.container{ width:94%;}
.video{ height:3rem;}
.video:before {height:3rem;}
.header{height:0.6rem;}
.header .logo{height:0.3rem; padding:0.15rem 0vw;}
.t_yy{ padding:0.15rem 0.9rem 0vw 0vw;}
.video_txt{bottom:20%;}
.video_txt .p1{padding-right:0.3rem; height:0.3rem; line-height:0.3rem;}
.video_txt .p1:before {right: -0.1rem;top:0.145rem;width: 0.25rem;height: 1px;}
.video_txt:hover .p1:before {right: -0.2rem;height: 2px;}
.video_txt .p2{letter-spacing:0.01rem;font-size: 0.34rem;}
.scroll-icon {position: absolute; display:none;width: 200px;height: 90px;padding-right: 3.5rem;bottom: 0px;right: 25%;text-align: right;border-right: 1px dashed rgba(255, 255, 255, 0.3);z-index: 999; }
.scroll-icon .mouse {position: absolute;height: 38px;width: 25px;border: 3px solid #ffffff;border-radius: 12px;right: -16px;top: 10px;display: block;text-align: center;z-index: 10;-webkit-animation: vertical 3s ease infinite;animation: vertical 3s ease infinite; }
.scroll-icon .mouse::before {content: "";display: block;height: 5px;width: 3px;background-color: #ffffff;position: absolute;top: 6px;left: 50%;margin-left: -1.5px;border-radius: 2px; }
.scroll-icon .end-top {content: "";background-color: #ffffff;width: 7px;height: 7px;border-radius: 50%;display: inline-block;vertical-align: top;position: absolute;top: -6px;right: -4px; }

.video .bofang_box { margin:-2.2vw 0vw 0vw -2.2vw; opacity:1!important;}
.video  .bofang {width:0.36rem;height:0.36rem;}
.video  .bofang span {border-left: 0.08rem solid #e14f51;border-top:0.06rem solid transparent;border-bottom:0.06rem solid transparent;top:0.11rem;left:0.15rem;}
.video  .bofang:before {width:0.36rem;height:0.36rem;}
.video  .bofang:after {width:0.5rem;height:0.5rem;}
.drawer-main{position:fixed;top:0;width:2.8rem;height:100vh;overflow-y:hidden;overflow-x: hidden; bottom:0rem;z-index:99998;}
.drawer-left .drawer-main{left:-2.8rem;}
.drawer-right .drawer-main{right:-2.8rem;}
.drawer-hamberger{top:0.16rem; font-size:0.16rem;}
.drawer-hamberger i{ font-size:0.2rem; margin:-0.05rem 0vw 0vw 0.02rem;}
.drawer-open .drawer-hamberger i{right:2.8rem;}
.drawer-open .drawer-gy{ width:0.3rem; height:0.3rem; line-height:0.3rem; top:0.1rem; right:0.1rem;}
.drawer-open .drawer-gy p{color:#FFF; font-size:0.2rem;}
.left_nav{ padding:0.5rem 0vw 0vw 0vw;}
.left_nav li a{font-size:0.2rem; height:0.45rem; line-height:0.45rem; margin:0.1rem 0rem;letter-spacing:0.02rem;}

.h_bg{ padding:0.3rem 0vw 0.35rem 0vw;}
.h_h2{ font-size:0.26rem; letter-spacing:0.02rem;}
.h_gsjs_l .desc{ padding:0.1rem 0vw;}
.h_gsjs_l .desc p{font-size:0.18rem;line-height:0.3rem; margin-top:0.05rem; text-indent:0.36rem;}
.h_gsjs_r{ width:100%; float: none; }
.h_jqzp .swiper-container{ margin-top:0.15rem;}
.h_jqzp .swiper-button-next,.h_jqzp .swiper-button-prev{width:0.3rem; height:0.3rem; line-height:0.3rem;opacity:0.5;}
.h_jqzp .swiper-button-next i,.h_jqzp .swiper-button-prev i{font-size:0.28rem;}
.h_jqzp .swiper-button-prev{ left:0.15rem;}
.h_jqzp .swiper-button-next{ right:0.15rem;}
@keyframes mymove{50%{transform:translateY(0.15rem);}}
.xiantiao{height:2px;}
.zp_box:hover .xiantiao,.td_ul li:hover .xiantiao{width:calc(100% + 3px);}
.h_td_ul{ padding-top:0.05rem;}
.h_td_ul li{ width:50%; margin:0.2rem 0px 0px 0%;display:block; float:left;}
.h_td_ul li:nth-child(2n+1){ margin-left:0%;} 
.h_td_ul li .img{width:1.4rem; }
.h_td_ul li .img img{ height:1.4rem;border-radius:50%;}
.h_td_ul li .cont{ padding:0.1rem 0.1rem;}
.h_td_ul li .cont h6{ font-size:0.2rem;line-height:0.24rem; margin-top:0.05rem; }
.h_td_ul li .cont h6 span{ font-size:0.14rem;}
.h_td_ul li .cont p{ font-size:0.14rem; line-height:0.24rem; margin-top:0.08rem;}
.h_td_ul li .cont p span{ font-size:0.14rem;}
.h_td_ul li .zhezhao:after{ border-radius:50%;}
/*二级页-*/
.list_banner{height:2.4rem; }
.list_banner .container{height:2.4rem;}
.dqlm{bottom:0.9rem;}
.dqlm .xian{ width:0.5rem; height:0.05rem;}
.dqlm h3 {margin-top:0.05rem;}
.dqlm h2 { font-size:0.24rem;}
.dqwz{height:0.36rem; line-height:0.36rem;bottom:0.1rem;}
.dqwz i{ margin-top:-0.05rem; font-size:0.16rem;}
/*公司介绍-*/
.list{ padding:0.3rem 0vw;}
.list_h2{font-size:0.24rem; letter-spacing:0.02rem;height:0.54rem; line-height:0.54rem; margin-bottom:0.02rem;}
.list_h2:before {width:0.5rem;}
.qywh{border-top:1px solid #333;}
.qywh_ul li{ width:100%; float:none;  margin:0.1rem 0px 0px 0%;}
.qywh_ul li .qywh_li{ border:1vw solid #232323;padding:0.2rem 0.3rem; }
.qywh_ul li .qywh_li .ico i{ font-size:0.66rem;}
.qywh_ul li .qywh_li .tit{font-size:0.22rem; margin:0.15rem 0vw 0vw 0vw;}
.qywh_ul li .qywh_li .desc{font-size: 0.18rem;line-height:0.3rem; min-height:auto;margin-top:0.15rem;}
.qywh_ul li:nth-child(3n+1){ margin-left:0vw;}

.tdtj .swiper-container{ margin-top:0.2rem;}

.tdtj .tit{ line-height:0.32rem; font-size:0.18rem;margin-top:0.05rem;}
.container_qhan .swiper-button-next,.container_qhan .swiper-button-prev{width:0.46rem; height:0.46rem; line-height:0.46rem; bottom:1rem;}
.container_qhan .swiper-button-prev{ left:0.1rem;}
.container_qhan .swiper-button-next{ right:0.1rem;}
.gshj_c{ margin-top:0.2rem;}
.gshj_l{width:94%; float: none; padding:0.3rem 3% 0.4rem 3%;}
.gshj_l .p1{ font-size:0.18rem; line-height:0.3rem; text-align:justify;}
.gshj_l .num-long {font-size:0.7rem;margin-top: 0.2rem;}
.gshj_l .num-long .m {font-size:0.38rem;}
.gshj_l .num-long .square {font-size:0.16rem;right: -0.08rem;top: -0rem;}
.gshj_l .sfont {line-height:0.3rem;font-size:0.18rem;}
.gshj_r{ width:100%; float:none;}
.gshj_r .swiper-pagination{ width:98%;height:1vw; bottom:1vw; text-align:right; z-index:9998; padding-right:2%;}
.gshj_r .swiper-pagination-bullet{ width:0.7vw; height:0.7vw; background-color:#fff; position:relative; border:0px solid #fff;display: inline-block;opacity:0.8; border-radius:0.7vw; margin:0px 0.2vw !important;}
.gshj_r .swiper-pagination-bullet-active{background-color:#e14f51; width:1.9vw; opacity:1;}
/*作品-*/
.jqzp_ul li{ width:50%;}
/*管对-*/
.td_ul li{ width:49%; margin:2% 0px 0px 2%;}
.td_ul li:nth-child(4n+1){ margin-left:2%;} 
.td_ul li:nth-child(2n+1){ margin-left:0%;} 
.td_ul li .cont{ padding:1vw 1.5vw 0.5vw 1.5vw; text-align:center;}
.td_ul li .cont h6{ font-size:0.2rem;line-height:0.3rem; }
.td_ul li .cont p{ font-size:0.16rem; line-height:0.26rem;}
.td_ul li .cont2{padding:0vw 0.1rem 0.15rem 0.1rem;font-size:0.16rem; line-height:0.26rem; min-height:2.8rem;}
.td_ul li .cont2 p{ margin-top:0.05rem;}
.zhezhao:after{content: '';pointer-events: none;background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);height: 100%;position: absolute;bottom: 0;left: 0;right: 0; width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);z-index: 5;transition: 0.4s;opacity:0.4;}
.zhezhao:hover:after{ opacity:0;}
.layer-alert-zdy{ width:96% !important; height:9rem !important;}
.layer-alert-zdy .layui-layer-close{ top:0.3rem!important; right:-10px !important;}
.td_show_l{ width:100%; float:none;}
.td_show_r{ width:94%; float:none; padding:5vw 3%;}
.td_show_r .tit{ font-size:0.26rem;line-height:0.3rem;}
.td_show_r .tit span{font-size:0.2rem;}
.td_show_r .tit2{ font-size:0.2rem; line-height:0.28rem;color: #666; padding-bottom:0.1rem; margin-top:0.1rem;}
.td_show_r .tit2 span{font-size:0.18rem;}
.td_show_r .desc{ font-size:0.18rem; line-height:0.3rem; margin-top:0.2rem;}
.td_show_r .desc p{ margin-top:0.1rem;}
/*新闻-*/
.news_ul li{width:48.5%;  margin:3% 0px 0px 3%;}
.news_ul li .img img{ height:1.65rem;}
.news_ul li .cont{padding:0.1rem; min-height:0.9rem;}
.news_ul li .cont .tit{ font-size:0.18rem;line-height:0.27rem; height:0.54rem;}
.news_ul li .cont .time{ font-size:0.16rem; line-height:0.26rem;margin-top:0.1rem;}
.news_ul li .cont .time i{ color:#999; margin-top:-0.02rem;}
.news_ul li:nth-child(4n+1){ margin-left:3%;} 
.news_ul li:nth-child(2n+1){ margin-left:0%;} 
.news_show{ padding:0.5rem 0.2rem;}
.show_tit{line-height:0.36rem;font-size:0.28rem; padding:0vw 5%;}
.show_time{height:0.4rem; line-height:0.4rem; font-size:0.18rem;padding:0.1rem 0vw 0.1rem 0vw;}
.show_time i{ font-size:0.19rem; margin-top:-0.05rem;}
.show_time .icon-shijian1{margin-top:-0.05rem;}
.show_body{ padding:0.2rem 0vw 0.2rem 0vw;font-size:0.18rem;line-height:0.28rem;}
.show_body p{ margin-top:0.05rem;}
.lx_ul li{ margin-bottom:0.2rem;}
.lx_ul li .ico i{ font-size:0.5rem!important;}
.lx_ul li .desc{ font-size:0.24rem !important;min-height: 0.4rem!important; margin-top:0.15rem!important;}
.lx_ul li .ewm .img{ width:1.4rem;}
.lx_ul li .ewm .desc{ font-size:0.18rem!important; margin-top:0.1rem;}
/*分页-*/
.page{ width:100%; height:0.4rem; text-align:center;padding:0.2rem 0px 0.2rem 0px;}
.page li{ display:inline-block; margin:0px 0.05rem;}
.page li a{width:0.4rem; height:0.4rem; line-height:0.4rem; font-size:0.2rem;}
.page li a:hover,.page .active a{color:#FFF;}
/*底部-*/
.footer{ padding:0.3rem 0vw 0.3rem 0vw;}
.footer_l{ width:100%; float:none;}
.footer_l p{ line-height:0.26rem; font-size:0.16rem; margin:0.08rem 0rem;}
.footer_l p i{ color:#FFF; margin:-0.1vw 0.03rem 0vw 0vw;font-size:0.14rem;}
.footer_l p b{ font-size:0.2rem;}
.footer_l p.bq{ font-size:0.16rem;}
.footer_l p.bq a{color:#999;}
.footer_r{padding:0.2rem 0vw 0vw 0vw; text-align:left; float:none;}
.footer_r ul li{ margin-left:0rem; margin-right:0.1rem;}
.footer_r ul li a{ width:0.5rem; height:0.5rem;line-height:0.5rem; }
.footer_r ul li a.tpn{ width:auto; height:0.5rem;}
.footer_r ul li .tpn img{ height:0.5rem;}
.footer_r ul li a i{font-size:0.28rem;}
.footer_r ul li span{ position:absolute; bottom:0.7rem; width:1.6rem; left:-0.5rem; opacity:0;}
.footer_r ul li:hover span{ opacity:1;}
}

@media (max-width:480px) {
html{font-size:500%;}
}