@charset 'utf-8';body,html{overflow-x:hidden!important;overflow-y:auto}
html{-webkit-tap-highlight-color:transparent}
*{line-height:1;box-sizing:border-box;margin:0;padding:0}
a{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;text-decoration:none}
a:hover{text-decoration:none}
a:focus{text-decoration:none;outline:0}
li,ol,ul{margin:0;list-style-type:none}
h1,h2,h3,h4,h5,h6,p{font-weight:400;margin:0;line-height:1}
p{word-wrap:break-word;word-break:normal}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
body,button,input,select,textarea{font-family:Arial,'Microsoft Yahei';font-size:14px;line-height:1;margin:0;color:#333;border:0;outline:0;background:0 0}
input,textarea{-webkit-appearance:none}
a:active,button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,select::-moz-focus-inner{border:0;outline:0}
a,button{cursor:pointer}
label{font-weight:400;margin-bottom:0}
img{vertical-align:middle}
@media (min-width:1230px){.container{width:1230px}
}
.ib{display:inline-block;vertical-align:middle}
.imgdiv img,.imgk img,.tra0_3{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.tra1{-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-ms-transition:all 1s ease-out 0s;-o-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s}
.dimgdiv img:last-of-type{display:none}
.dimgdiv:hover img:first-of-type{display:none}
.dimgdiv:hover img:last-of-type{display:inline}
.disnone{display:none!important}
.clearfix::after{display:block;clear:both;height:0;content:' '}
.clearfix{zoom:1}
.flex{display: flex;flex-wrap: wrap;}
.cp{cursor:pointer}
.fb{font-weight:700}
.fl{float:left}
.fr{float:right}
.l,.r{width:50%}
.c_333{color:#333}
.c_666{color:#666}
.c_999{color:#999}
.c_w{color:#fff}
.bg_w{background:#fff}
.c_b{color:#000}
.bg_b{background:#000}
.img_d{display:none}
.img_dd{display:none!important}
.hm{height:100%}
.tn{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.t50{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.tx50{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.ty50{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.tablediv{display:table}
.tr{display:table-row}
.td{display:table-cell}
.imgdiv{overflow:hidden}
.slick-track .slick-slide{display:block!important}
#bsMorePanel div,#bsPanel div,#bshareF div,.bsBox{box-sizing:content-box}
.bsTop span{line-height:24px!important}
#bsPanel{margin-left:20px!important}
.yxedr_active img{max-width:100%!important;height:auto!important}
.yxedr_active video{max-width:100%!important;height:auto!important;width:100%!important}
.yxedr_active p{font-size:16px;line-height:1.75;color:#666}
.g_tableboxn{width:100%;overflow-x:auto}
.g_tableboxn .g_tablebox{width:1200px}
.yx_list li{list-style:inherit}
.yx_list{padding-left:20px}
select::-ms-expand{display:none}
#bsWXBox .bsTop span{opacity:0}
#bsWXBox .bsTop{position:relative}
#bsWXBox .bsTop:after{content:'- WeChat';display:block;position:absolute;left:85px;top:50%;font-size:14px;transform:translateY(-50%)}
#bsWXBox .bsTop:before{content:'Share the';display:block;position:absolute;left:10px;top:50%;font-size:14px;transform:translateY(-50%)}
@media screen and (max-width:767px){.yxedr_active audio,.yxedr_active iframe{max-height:260px}
}
.yx_content{width:1200px;margin:auto}
.yxedr_active iframe{width:100%}
.w1600{max-width: 1600px;width: 90%;margin: 0 auto;}
.yx_content{width:1200px;margin:auto}
.g_comimg{width:100%;position:relative;overflow:hidden}
.g_comimg img{width:100%;height:100%;top:0;left:0;transition:all .36s ease}
.g_comimg1{position:relative}
.g_comimg2{position:absolute}
.g_backgd{width:100%;position:relative}
.g_backgd img{width:auto;height:100%;position:relative;top:0;left:50%;transform:translateX(-50%)}
.l_title1 h1{font-size:40px;color:#fff}
.l_title1 h2{font-size:40px;color:#1f1f1f}
.l_title2 h2{font-size:40px;color:#fff}
.l_title1 h3{font-size:30px;color:#1f1f1f}
.l_title2 h3{font-size:30px;color:#fff}
.l_title1 h4{font-size:24px;color:#1f1f1f}
.l_title2 h4{font-size:24px;color:#fff}
.l_title1 h5{font-size:20px;color:#1f1f1f}
.l_title2 h5{font-size:20px;color:#fff}
.l_parag1 p{color:#333;font-size:16px;line-height:1.75}
.l_parag2 p{color:#666;font-size:16px;line-height:1.75}
.item1 p{position:relative}
.item1 p::before{content:"";width:8px;height:8px;border-radius:50%;background-color:#254aa5;position:absolute;top:5px;left:0}
.item2 p{position:relative}
.item2 p::before{content:"";width:8px;height:8px;border-radius:50%;background-color:#999;position:absolute;top:5px;left:0}
.l_space1{padding:120px 0}
.l_space2{margin-top:54px}

/* 按钮 */
.l_morebtns{text-align:center;margin-top:60px;}
.l_morebtn{width:auto;border:3px solid #d1101e;transition:all .36s;display:inline-block;position:relative;-webkit-transform: skew(-20deg, 0deg);-ms-transform: skew(-20deg, 0deg);transform: skew(-15deg, 0deg);}
.l_morebtn a{display:block;padding:0 50px;z-index:99;position:relative;transition: all .5s ease-out;}
.l_morebtn a::before{width: 0;background: #d1101e; transition:all .5s ease-out}
.l_morebtn::before{content:"";width:calc(100% + 15px);height:calc(100% + 0px); border-top:3px solid #d09096;border-bottom:3px solid #d09096;position:absolute;top:-3px;left:50%;transform:translateX(-50%);clip: rect(0,225px,60px,5px);transition:all .5s ease-out}
.l_morebtn::after{content:"";width:calc(100% + 6px);height:calc(100% + 0px); border-top:3px solid #d09096;border-bottom:3px solid #d09096;position:absolute;top:-3px;left:50%;transform:translateX(-50%);clip: rect(0,225px,60px,5px);transition:all .5s ease-out;}
.l_morebtn p{font-size:16px;line-height:44px;color:#fff;font-weight:700;text-align:center;-webkit-transform: skew(-15deg, 0deg);-ms-transform: skew(-15deg, 0deg);transform: skew(18deg, 0deg);}
@media screen and (min-width:1200px){
.l_morebtn:hover a{background: #d1101e;}
.l_morebtn:hover a::before{width: 100%;}
.l_morebtn:hover::before{width:0;border-radius:0}
.l_morebtn:hover::after{width:0;border-radius:0}
}

/* 返回顶部 */
/* #c-go-top {position: fixed;bottom: 66px;right: 10px;z-index: 999;width: 40px;height: 40px;border-radius: 3px;background-color: rgba(0, 0, 0, 0.2);cursor: pointer;}
#c-go-top .c-ico {width: 60%;height: 60%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-90deg);transition: all 0.3s;}
#c-go-top .c-ico path {fill: #fff;}
#c-go-top:hover {background-color: #d1101e;}
@media (max-width: 767px) {
#c-go-top {bottom: 60px;right: 10px;width: 35px;height: 35px;}
} */

 /* 浮动窗 */
 .online{ width:80px; height:auto; position:fixed; z-index:999; right:20px; bottom:10%; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
 .online ul li{ display:block; width:80px; height:70px; border-bottom:1px #efefef solid; position: relative;padding-bottom: 1px;}
 .online ul li .online_tel{ position: absolute; left: -220px; top: 0; width: 240px; height: 100%; padding: 10px; background-color: #FFFFFF; display: none;  box-shadow: -5px 0px 5px 2px rgba(0,0,0,0.10); text-align: center; border-radius: 15px 0 0 15px; }
 .online ul li:hover .online_tel{ display: flex; justify-content: flex-end; align-items: center; background-color: #C92B2F; color: #FFFFFF; }
 .online ul li .online_tel p{ font-size: 20px; }
 .online ul li .online_ewm{ position: absolute; left: -120px; top: 0; width: 110px; background-color: #FFFFFF; display: none; padding: 6px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.10); }
 .online ul li .online_ewm .img{ display: flex; }
 .online ul li .online_ewm .img p{ text-align: center; color: ; font-size: 14px; }
 .online ul li .online_ewm img{ width: 98%; margin: 0 1%; }
 .online ul li:last-child{ border-bottom:0;}
 .online ul li a{ display:block; width:80px; height:30px; padding-top:40px; line-height:30px; font-size:14px; color:#666; text-align:center; box-sizing: content-box;}
 .online ul li a.online_2{ background:url(../img/online_icon_tel.png) no-repeat 50% 10px #fff; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
 .online ul li a.online_5{ background:url(../img/online_icon_ewm.png) no-repeat 50% 10px #fff;}
 .online ul li a.online_4{ background:url(../img/online_icon4.png) no-repeat 50% 20px #fff;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius:  10px;border-bottom-right-radius: 10px;}
 .online ul li:hover a.online_1{ background:url(../img/online_icon_telh.png) no-repeat 50% 10px #C92B2F; color:#fff;}
 .online ul li:hover a.online_2{ background:url(../img/online_icon_telh.png) no-repeat 50% 10px #C92B2F; color:#fff;}
 .online ul li a.online_4:hover{ background:url(../img/online_icon4_over.png) no-repeat 50% 20px #C92B2F; color:#fff;}
 @media (max-width: 1024px) {
 	.online{right: 10px;}
 }
/* 视频弹窗 */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../img/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../img/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
  .z_tanchuang .tbox .modal{padding:10px}
  .z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}