/*调用外部字体*/
@font-face
{
font-family: myFirstFont;
src:url('../font/Poppins-Regular.ttf');
}
@font-face
{
font-family: xt;
src:url('../font/Poppins-Light.ttf');
}
@font-face
{
font-family: bold;
src:url('../font/Poppins-Bold.ttf');
}
@font-face
{
font-family: bold2;
src:url('../font/Poppins-Medium.ttf');
}
@font-face
{
font-family: bold3;
src:url('../font/Poppins-SemiBold.ttf');
}
.xt{font-family:xt;}
.bold{font-family:bold;}
.bold2{font-family:bold2;}
.bold3{font-family:bold3;}
*{margin:0;padding:0;outline:none;box-sizing:border-box;}
#toolbarContainer{display:none;}
body{font-size:14px;/* overflow-x: hidden; */font-family:myFirstFont,Arial, "Helvetica Neue",  Helvetica, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;height: 100vh;position: relative;}
li,a,i{text-decoration:none;list-style:none;font-style:normal;}
input,button,textarea{border:none;}
table{border-collapse:collapse;}
h5,h4,h3,h2,h1{font-weight:normal;line-height:100%;}
a, a *{transition:all 0.5s;}
img{
    transition:all 0.8s!important;
    max-width:100%;
    border:none;
    /*防止图片模糊*/
    image-rendering: -moz-crisp-edges; /* Firefox */      
    image-rendering: -o-crisp-edges; /* Opera */      
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
    image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
/*.bold{font-weight:bold;}*/
.swiper-button-next,.swiper-button-prev{content: ''!important;opacity:1!important;cursor:pointer;}
.swiper-button-next::after,.swiper-button-prev::after{content: ''!important;}

/*鼠标经过动画*/
/* wow fadeInDown2*/
/* wow fadeInUp2*/
/*tr-title title-flex 文字效果*/
/* onion-tstime onion-tfty 文字效果*/
/* wow fadeInUp" data-wow-delay="0.2s"*/
/* wow zoomIn*/
/*可以加入 data-wow-duration（动画持续时间）和 data-wow-delay（动画延迟时间）属性，如：*/
/*.nydh2 p a:before, .nydh2 p a:after{content: '';width: 0;height: 100%;    opacity: 0;position: absolute;top: 0;z-index: -1;transition: all 0.3s;-webkit-transition: all 0.3s;background-color: #e60012;}
.nydh2 p a:hover:before, .nydh2 p a:hover:after{width: 50%;opacity: 1;}
.nydh2 p a:before{left: 50%;}
.nydh2 p a:after{right: 50%;}*/
/*鼠标经过动画*/

/*-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);*/

/*a标签邮箱链接*/
/*mailto:*/

/*a标签发送短信*/
/*sms:*/

/*新窗口打开*/
/*target="_blank"*/

/*input邮箱格式*/
/*email*/

/*放大镜*/
/*class="pirobox_gall"*/
 
/*数字滚动*/
/*myTargetElement*/

/*
鼠标经过加框
.cpzx-b a i{display:block;position:absolute;background:#fe1e24;}
.cpzx-b a .i1{width:0px;height:1px;right:0px;top:0px;}
.cpzx-b a .i2{width:1px;height:0px;left:0px;top:0px;}
.cpzx-b a .i3{width:0px;height:1px;left:0px;bottom:0px;}
.cpzx-b a .i4{width:1px;height:0px;right:0px;bottom:0px;}
.cpzx-b a:hover .i1,.cpzx-b a:hover .i3{width:100%}
.cpzx-b a:hover .i2,.cpzx-b a:hover .i4{height:100%}
*/


/*视频动画*/
/*.gywm-r p::before, .gywm-r p::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #1b80d6;content: '';top:0;left:0}
.gywm-r p::before{animation: scale 2s infinite; }
.gywm-r p::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}*/

/*调用外部字体*/
/*@font-face
{
font-family: myFirstFont;
src:url('../zt/FREESCPT.TTF');
}*/


/*图片左右不停晃动*/
/*@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.footer-r1 h3 img{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}*/

/*元素上下不停动*/
@-webkit-keyframes rotation2{
    0%{transform: translateY(0px);}
    50%{transform: translateY(5px);}
    100%{transform: translateY(0px);}
}
/*p{animation: rotation2 1.5s linear infinite;-moz-animation: rotation2 1.5s linear infinite;-webkit-animation: rotation2 1.5s linear infinite;-o-animation: rotation2 1.5s linear infinite;}
*/

/*去掉动画*/
.wow2{visibility:initial!important;animation-duration:initial!important;animation-delay:initial!important;animation-iteration-count:initial!important;animation-name:initial!important;}

/*页面主题色*/
:root {
    --colors: #ae39bf;
    --black: #f2f2f2;
}

/*电脑段头部开始*/
.head{width:100%;top:0;z-index:1000;transition:all 0.5s;width:100%;left:0;top:0;z-index:1000;position:fixed;background:rgba(45, 65, 86, 0.3);}


.head .img2{display:none;}
.head:hover,.head.active{background:#fff;}
.head:hover .head-t{background:#000;}
.head:hover .img1,.head.active .img1{display:none;}
.head:hover .img2,.head.active .img2{display:block;}
.head:hover .head-c-r-l-t a,.head.active .head-c-r-l-t a{color:#1d1d1f;}
.head:hover .head-c-r a,.head.active .head-c-r a{color:#1d1d1f;}
.head-t{transition:all 0.5s;height:30px;color:#fff;width:100%;border-bottom: 1px solid rgba(255,255,255,0.2);position:relative;z-index:2;}
.head-t dl{position: relative;
    cursor: pointer;z-index:3;}
.head-t dl dt{height:29px;}
.head-t dl dt p{position: relative;
    padding-left: 30px;}
.head-t dl dt p{ position: relative;padding-left: 30px;}
.head-t dl dt p:before,.head-t dl dt p:after{ position: absolute;content: '';width: 20px;height: 100%;left:0;top:0;}
.head-t dl dt p:after,.head-t dl dt p:before{background-position:center;background-repeat: no-repeat;}
.head-t dl dt p:after,.head-t dl dt p:before{background-size: 100% auto;}
.head-t dl dt p:after{background-image: url(../images/language_icon_1.gif);}
.head-t dl dt p:before{background-image: url(../images/language_icon_2.gif);}
.head-t dl dt p:after{opacity: 0;}
.head-t dl dt i{ font-size: 14px;margin-left: 5px;}
.head-t dl dd{position: absolute;left:0;top:29px;display: none;z-index:3;line-height:29px;}
.head-t dl dd p{white-space: nowrap;
    background: #fff;border-radius: 10px;padding:10px;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.head-t dl dd p a{display: block;color: #333;font-size: 14px;margin: 0 !important;}
.head-t dl dd p a:hover{color:var(--colors)}
.head-t dl:hover dd{display:block;}
.head-t h3{font-size:14px;}
.head-t h3 a{color: #fff;display: inline-block;margin-left: 20px;}
.head-c{width:100%;position:relative;left:0;top:0;transition:all 0.5s;border-bottom: 1px solid rgba(255,255,255,0.2);}
.head-c.cur{position:fixed;}
.head-c-l{display:flex;align-items:center;}
.head-c-l a{}
.head-c-l a img{display:block;height:30px;}
.head-c-r{float:right;display:flex;align-items:center;}
.head-c-r-l{float:left;margin-right:-25px;}
.head-c-r-l>ul{}
.head-c-r-l>ul>li{float:left;position:relative;padding:0 20px;}
.head-c-r-l-t a{color: #fff;line-height: 69px;position:relative;font-size:18px;text-transform:capitalize;}
.head-c-r-l>ul>li:last-child .head-c-r-l-t a{background: var(--colors);color: #fff !important;padding: 0px 25px;border-radius: 40px;line-height:40px;margin-top:14.5px;}
.head-c-r-l>ul>li.active .head-c-r-l-t a,.head-c-r-l>ul>li:hover .head-c-r-l-t a{color: #1d1d1f;font-family:bold2;}

/*.head-c-r-l>ul>li.active .head-c-r-l-t a p,.head-c-r-l-t a:hover p{width:100%;}*/
.head-c-r-l-b{position:fixed;z-index:100;background: linear-gradient(128deg, rgba(226,229,232,1) 0%, rgba(255,255,255,1) 57%, rgba(229,232,233,1) 100%);/*box-shadow: 1px 1px 10px #9c9393;*/top: 99px;max-height: 0;transition:all 0.5s;left: 50%;-webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);overflow: hidden;min-width:100%;}

.head-c-r-l>ul li:hover .head-c-r-l-b{max-height:100vh;transition:all 0.5s;}
.head-c-r-l-b ul{width: 80%;min-width: 1200px;max-width: 1400px;margin:0 auto;text-align: center;padding:25px 0}
.head-c-r-l-b ul a{position: relative;
    line-height: 26px;
    color: #333 !important;padding: 0 20px;
    display: inline-block;
    margin: 0;
    vertical-align: top;}
.head-c-r-l-b ul a i{display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;left: 0;
    top: 0;}
.head-c-r-l-b ul a i img{position: absolute;
    max-width: 90%;
    max-height: 80%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.head-c-r-l-b ul a b{padding:0;font-weight:400;display: block;line-height:20px;font-size: 14px;}
.head-c-r-l-b ul li a:hover{color: #fff;background: #cf1c1c;font-weight:bold;}
.head-c-r-l-t ul li{}
.head-c-r-l-t ul li a{}
.head-c-r{}
.head-c-r a{color: #fff;cursor:pointer;font-size:23px;}

#scroll_down{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 20;}
#scroll_down:after{display:block;content:"";width: 1px;height: 50px;position: absolute;top: 100%;left: 50%;background: rgba(0,0,0,0.4);margin-left: -1px;}
#scroll_down a{position: relative;display: block;padding-bottom: 35px;}
#scroll_down a:before{display:block;content:"";width: 1px;height: 60px;position: absolute;bottom: 0;left: 50%;background: rgba(255,255,255,0.5);margin-left: -1px;}
#scroll_down a:after{display: inline-block;content:"";position: absolute;bottom: 0;left: 50%;width: 1px;height: 60px;background: #fff; transform:scaleY(0);animation:lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;margin-left:-1px;}
#scroll_down .txt{font-size: 12px;color: #fff;font-weight: 600;font-family: bold,sans-serif;line-height: 1em;margin-bottom: 17px;display: block;}
#scroll_down .fig{width: 25px;height: 38px;border: 1px solid #fff;border-radius: 25px;margin: 0 auto;}
@keyframes lineActiveAnimation {
    0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
    49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
    50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
    99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
    100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}
/*电脑端头部结束*/

/*手机端头部开始*/
html.hc-yscroll {overflow-y: scroll;}
body.hc-nav-open { position: fixed; width: 100%; min-height: 100%;height: 100vh;left: 100px;}
.wap-nav{display: none;position: fixed;width: 100%;left:0;top:0;z-index: 999;}
.wap-navm{display: flex;justify-content: space-between;align-items: center;padding: 15px 4%;box-sizing: border-box;}
.wap-logo{position: relative;height: 34px;width: 50%;}
.wap-logo img{height: 30px;left:0;top:0;position: absolute;transition: all 0.3s ease;}
.wap-logo2{opacity: 0;}
.wap-right{display: flex;align-items: center;}
.wap-user i{color: #fff;font-size: 26px;}
.wap-user{height: 26px;line-height: 26px;}
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
				
.wap-nav.on{background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.wap-nav.on .wap-logo2{opacity: 1;}
.wap-nav.on .wap-logo1{opacity: 0;}
.wap-nav.on .wap-user i{color: #000;}
.wap-nav.on .mmeau span{background: #000;}
.mmeau {width: 26px;margin-left: 18px;}
.mmeau span{ display:block; vertical-align:top; position:relative; width:100%;height:2px; margin-top:6px;border-radius:2px;background: #fff;}
.mmeau span{transform-origin: left center;transition: transform .3s ease-in-out,opacity .3s ease-in-out;    will-change: transform,opacity;}
.mmeau span:nth-child(1){margin-top: 0;}
.mmeauom .msp1{transform: rotate(45deg);}
.mmeauom .msp2{opacity: 0;}
.mmeauom .msp3{transform: rotate(-45deg);top:2px;}
.mheadon .mtoplauge1 span:before,.mheadon .mtoplauge1 i:before,.mheadonxx .mtoplauge1 span:before,.mheadonxx .mtoplauge1 i:before{ opacity:0;}
.mheadon .mtoplauge1 span:after,.mheadon .mtoplauge1 i:after,.mheadonxx .mtoplauge1 span:after,.mheadonxx .mtoplauge1 i:after{ opacity:1;}
.mheadon .mtoplauge1 span,.mheadonxx .mtoplauge1 span{ color:#000;}
.mheadon,.mheadonxx{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.nav-lauge{display: none;}
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none }
.hc-mobile-nav.is-ios * { cursor: pointer !important }
.nav-lauge{position: absolute;width: 100%;left:0;top:0;background: #000;padding: 17px;z-index: 33;height: 100vh;box-sizing: border-box;}
.nav-lauge{padding-top: 90px;}
.nav-lauge-p1 i{border-radius: 50%;display: inline-block;font-size: 14px;transform: rotateZ(45deg);border: 1px solid #fff;}
.nav-lauge-p1 i{width: 30px;height: 30px;box-sizing: border-box;text-align: center;line-height: 28px;opacity: 0.8;}
.nav-lauge-p2{margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(255,255,255,0.2);}
.nav-lauge-p2 a{display: block;margin-top: 5px !important;padding-left: 40px !important;}
.nav-lauge-p2 a{padding-top: 5px !important;padding-bottom: 5px !important;}
.wap-h2-top{width: 100%;position: relative;z-index: 55;}
.nav-lauge-p2 a:nth-child(1){background: url(../image/lauge1.png) left center no-repeat;background-size:auto 11px;}
.nav-lauge-p2 a:nth-child(2){background: url(../image/lauge2.png) left center no-repeat;background-size:auto 14px;}
.nav-lauge{display: none;}
.hc-mobile-nav li.nav-close{display:none !important}
				.hc-mobile-nav a[href]:not([href="#"])>span.nav-next{border: none !important;}
.hc-mobile-nav .nav-h2 em{width: 52px;display: flex;justify-content: space-between;}
.hc-mobile-nav .nav-h2 a{padding: 0;margin: 0;border: none;background: none;}
.wap-h2-top{display: flex;width: 100%;box-sizing: border-box;justify-content: space-between;position: relative;}
.wap-h2-top{width: 100%;position: relative;z-index: 55;}
.hc-mobile-nav .nav-h2 em a,.hc-mobile-nav .nav-h2 em span{display:inline-block;vertical-align:top;height:24px;line-height:24px;}
.hc-mobile-nav .nav-h2 em a,.hc-mobile-nav .nav-h2 em span{position: relative;top: 7px;color: #fff;}
.hc-mobile-nav .nav-h2 i{font-size: 20px;color: #fff;font-weight: normal;}
.hc-mobile-nav .nav-h2 em span{font-size:20px;}
.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
.hc-mobile-nav .nav-wrapper { width: 100% }
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-mobile-nav li { position: relative; display: block }
.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-mobile-nav input[type="checkbox"] { display: none }
.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-mobile-nav a,
.hc-mobile-nav a:hover { text-decoration: none }
.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
.hc-mobile-nav.side-left { left: 0 }
.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-55px, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-right { right: 0 }
.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav .nav-wrapper { background: #000000 }
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-mobile-nav .nav-h2,.hc-mobile-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px;height:70px;line-height:30px; color: #1b3958 }
.hc-mobile-nav a { padding: 12px 17px; font-size: 14px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid #333 }
.hc-mobile-nav:not(.touch-device) a:hover { background: #31679e }
.hc-mobile-nav li { text-align: left }
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a { background: #2c5d8f;  border-bottom: 1px solid #295887 }
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover { background: #fff }
.hc-mobile-nav li.nav-parent a { padding-right: 58px }
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
.hc-mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next {/* border-left: 1px solid #1d8cd0; */}
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: #000000 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #295887 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #000000 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }

#main-nav { display: none }


.hc-mobile-nav .nav-wrapper{ background: #222;}
.hc-mobile-nav a,.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a,.hc-mobile-nav a[href]:not([href="#"])>span.nav-next{border-color: #333;}
.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a{background: #222;}
.hc-mobile-nav h2{color:#fff;}


.hc-mobile-nav .nav-container { width: 290px }
.hc-mobile-nav .nav-h2 { font-weight: 400 }
.hc-mobile-nav a { font-size: 15px }
.hc-mobile-nav .nav-h2 img{height: 30px;}
body{ position: relative;}
body,.mhead{left:0; transition:all 0.4s ease;}
body.hc-nav-open{left:100px;}


.nav_p_sea{ margin-top: 35px; padding:0 14px;color:#fff; }

.nav_p_sea h5{ font-size:18px; color:#d8b85a;}
.nav_p_sea_b{border-bottom:1px solid rgba(255,255,255,0.5); overflow: hidden; padding-bottom: 5px;}
.nav_p_sea_b input{width:85%;color:#fff; }
.nav_p_sea_b i{width:15%; text-align: right;font-size:20px;}
.nav_p_sea_b input,.nav_p_sea_b i{ float: left; height: 30px; line-height: 30px;}
.nav_p_sea_b{ margin-top: 10px;}
.nav_p_sea_b input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(255,255,255,0.7);
    font-size: 14px;
}
.nav_p_sea_b input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(255,255,255,0.7);
    font-size: 14px;
}
.nav_p_sea_b input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.7);
    font-size: 14px;
}

@media screen and (max-width:325px){
	.hc-mobile-nav .nav-container {width:260px;}
}
/*手机端头部结束*/

/*电脑端尾部开始*/
.zxly{background: url(../images/zxly-bj.png)no-repeat center top 250px #252525;padding:80px 0 85px 0;margin-bottom:-10px;background-size: 883px auto;}
.zxly .gywm-t{width:890px;margin-bottom:260px;}
.zxly .gywm-t h3{font-size:45px;margin-bottom:20px;color:#111;}
.zxly .gywm-t p{color:#212121;font-size:14px;line-height:18px;margin-bottom:12px;text-align:left;}
.zxly .gywm-t{width:1050;}
.zxly .gywm-t *{color:#fff!important}
.zxly .gywm-t p{font-size:14px;line-height:26px;}
.zxly-b{padding-top:60px;background:rgba(37,37,37,0.5)}
.zxly-b input{width:calc(50% - 15px);height:56px;border-radius:56px;background:#2e2e2e;padding:0 40px;color:rgba(255, 255, 255, 0.3);margin-bottom:20px;font-size:16px;}
.zxly-b input::placeholder{color:rgba(255, 255, 255, 0.3);}
.zxly-b p{width:100%;padding-top:15px;}
.zxly-b p button{width:203px;height:56px;border-radius:56px;background:#ae39bf;color:#fff;font-size:20px;cursor:pointer;transition:all 0.5s;}
.zxly-b p button:hover{color:var(--colors);background:#fff;}

.footer{background:#2d2d2d;padding-top:87px;}
.footer-t{padding-bottom:26px;border-bottom:1px solid #4c4c4c;}
.footer-t dl{}
.footer-t dl dt{}
.footer-t dl dt a{display:block;margin-right:13px;position:relative;}
.footer-t dl dt a i{display:none;position:absolute;right:0;top:100%;width:100px;}
.footer-t dl dt a:hover{transform: translateY(-10px);}
.footer-t dl dt a:hover i{display:block;}
.footer-t dl>a{width:160px;height:40px;border-radius:40px;color:#fff;background:var(--colors);font-size:18px;margin-left:60px;}
.footer-t dl>a:hover{background:#fff;color:var(--colors);}
.footer-c{padding:50px 0 60px 0;}
.footer-c dl{}
.footer-c dl h3{color:#fff;font-size:18px;text-transform:uppercase;margin-bottom:28px;}
.footer-c dl dd{font-size:15px;line-height:25px;color:#cacaca;width:270px;}
.footer-c dl dt{color:#cacaca;font-size:15px;line-height:30px;}
.footer-c dl dt a{color:#cacaca;}
.footer-c dl dt a:hover{color:#fff;}
.footer-c dl h4{color:#ac17c1;font-size:18px;margin-bottom:25px;}
.footer-c dl .div1{color:#cacaca;font-size:15px;line-height:25px;width:640px;}
.footer-c dl .div1 p{width:calc(50% - 15px);margin-bottom:20px;}
.footer-b{height:120px;color:#9c9c9c;font-size:15px;}
.footer-b a{color:#9c9c9c;display:block;margin-left:30px;}
.footer-b a:hover{color:#fff;}


.go-top{width: 45px;height: 45px;border-radius: 50%;text-align: center;line-height: 45px;box-shadow: 0 10px 25px rgba(0,0,0,0.08);background:#fff;}
.go-top{position: fixed;z-index: 1111;bottom: 100px;display: none;right:2%;}
.go-top{cursor: pointer;}
.go-top i{font-size: 20px;}
/*电脑端尾部结束*/

.w1{width:89.58333333333334%;margin:0 auto;}
.w2{width:1200px;margin:0 auto;}
.w3{width:1440px;margin:0 auto;}
.w4{width:1400px;margin:0 auto;}
@media(max-width:1550px){
    .w3{width:1200px}
    .w4{width:1200px}
}
@media(max-width:1200px){
    .zxly-b input{height:40px;}
     .zxly-b p button{height:45px;}
}

/*搜索框样式开始*/
.sousou3{position: fixed;z-index: 1;background: rgba(000,000,000,0.4);width: 100%;top: 100px;left: 0px;display: none;z-index: 1003;text-align: center;}
.sousou3.active{top:70px;}
.sousou3 input {width: 40%;height: 40px;line-height: 40px;background: #fff;box-sizing: border-box;text-indent: 1em;border-radius:2px;border: none;font-size: 14px;}
.sousou3 .input2 {width:80px;/* margin-left:-80px; */cursor: pointer;padding-left: 0px;color: #fff;font-size: 14px;background: var(--colors);border-radius: 0px;outline: none;text-indent: 0;height: 40px;cursor: pointer;}
.sousou3 form{display:flex;align-items:center;justify-content:center;padding: 10px 15px;}
.sousou3 i{color: #fff;font-size: 18px;cursor: pointer;margin-left: 20px;display: flex;align-items: center;justify-content: center;width: 30px;height:40px;border-radius: 50px;background: var(--colors);height: 30px;border-radius: 30px;}
/*搜索框样式结束*/

/**/
/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 6px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
  }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }
    .ani_style3{opacity: 0;}
.ani_style1{opacity: 0;}
.ani_style1.is-inview {animation: 1s aniStyle2 0.3s;animation-fill-mode: forwards;}
.ani_style3.is-inview {animation: 1s aniStyle3 0.3s;animation-fill-mode: forwards;}
@keyframes aniStyle1 {
    0% {
    opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes aniStyle2 {
    0% {
     opacity:0; transform:translate3d(0,40px,0);
    }
    100% {
        opacity:1; transform:translate3d(0,0px,0);
    }
}
@keyframes aniStyle3{
    0% {
     opacity:0; transform:scale(1.3);
    }
    100% {
        opacity:1; transform:scale(1);
        }
}
/**/

/*底部按钮开始*/
.dbdh{width:100%;position:fixed;bottom:0px;background:#222;overflow:hidden;box-shadow: -5px 0px 10px #666;display:none;z-index:120;}
.dbdh ul li{float:left;width:25%;text-align:center;border-right: 1px solid rgba(255,255,255,0.3);padding:10px 0;cursor:pointer;}
.dbdh ul li:last-child{border:none;width:25%;}
.dbdh ul li.active{background:#fff;}
.dbdh ul li.active a{color:var(--colors);}
.dbdh ul li a{color:#fff;font-size:14px;text-transform: uppercase;}
.dbdh ul li i{display:block;margin-bottom:5px;}
/*底部按钮结束*/

/*点击弹出视频开始*/
.video{cursor:pointer;}
#fade { display: none; background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.top_popupbox{
     max-width:80%;
     width: 852px;
     height: auto;
     border-radius:8px;
     background-repeat:no-repeat;
     display: none; /* Hidden as default */
     float: left;
     position: fixed;
     top: 50%;
     left: 50%;
     z-index: 99999;
     opacity:1px;
     background: #fff;
     -webkit-transform: translateY(-50%) translateX(-50%);
     background: #000;
     transform: translateY(-50%) translateX(-50%);
     }
.popupbox i,.top_popupbox i {background: url("../images/guanbi.png") no-repeat center #000;padding: 16px;position: absolute;right: 0;top: 0;width: 40px;z-index: 3;height: 40px;}
iframe#sp{width:100%;height: 480px;display: block;}
video#sp{width:100%;max-height:80vh;display: block;}
/*点击弹出视频结束*/

/*图片不停旋转动画*/
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.tp_dh{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}

/*wow*/
@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}

.onion-tstime{-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;}
.onion-tfty{-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px); opacity: .2;}
.onion-ts{opacity: 0.1;}
.title-flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; overflow: hidden;line-height:140%!important}
@-webkit-keyframes aititle{
    0%{opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px);}
    100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes aititle{
    0%{opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px);}
    100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
/*wow*/

/*手机端头部开始*/
.sj_dh{background-color: #fff;height:60px;position:fixed;top:0;width:100%;z-index:100000;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);display: none;}
#btn {background: none;border: none;outline: none;display: inline-block;z-index: 100;cursor: pointer;width:40px;position:fixed;top:16px;right:5px;}
#btn span{display: block;width: 20px;height: 1px;background: #222;margin: 6px 0px;transition: all 0.5s;}
#btn .one{transform-origin: left center;transform: rotate(45deg);}
#btn .two{transform-origin: left bottom;transform: rotate(-45deg);margin-top: 5px;}
#btn #c{transition: all 0.5s;}
.sj_logo {text-align:left;height: 60px;display:  flex;justify-content: flex-start;align-items:  center;}
.sj_logo a{text-align:left;color:#f1c232;margin-left:15px;display: block;max-width: calc(100% - 110px);}
.sj_logo a img{max-height: 40px;display:block;}
.en{text-align: center;}
.en a{padding:0 10% ;}

.navigation{width: 100%;top:50px;background: #fff;position: fixed;left: 0;top: -100%;z-index:99999;transition: all 0.5s;overflow:auto; max-height:100%;height:auto;}
.kj{padding: 0px 10px;overflow: auto;}
.kj>li{width:100%;line-height:50px;border-bottom: 1px solid #cecbcb;}
.kj>li:nth-child(1){margin-top:60px;}
.kj .t{padding-left:10px;}
.kj li .t{line-height:50px;font-size:14px;overflow: hidden;}
.kj li .t button{background:none;outline:none;font-size:20px;height: 30px;line-height: 30px;margin-top: 15px;padding: 0 12px;border-radius: 4px;background:#73659d;color: #fff;transition: all .36s ease;border:none;}
.kj li div.t .arrow.up {
    background-image: url(../images/xx.png);
    transform: rotate(180deg);}
.kj li div.t .arrow.down {background-image: url(../images/xx.png);}
.kj li .t .arrow {display:block;width: 31px;height: 32px;background: no-repeat 0 center;float: right;margin-top: 9px;margin-right: 10px;transition: all 0.1s;background-image: url(../images/logo.png);}
.kj .t2{padding-left:10px;}
.kj li .t2{line-height:50px;font-size:14px;overflow:hidden;display: flex;align-items: center;border-top: 1px solid #d3d3d3;}
.kj li .t2 a{color:#666;border: none!important;}
.kj li .t2 button{background:none;outline:none;font-size:20px;height: 30px;line-height: 30px;margin-top: 15px;padding: 0 12px;border-radius: 4px;background:#73659d;color: #fff;transition: all .36s ease;border:none;}
.kj li div.t2 .arrow.up {
    background-image: url(../images/xx.png);
    transform: rotate(180deg);}
.kj li div.t2 .arrow.down {background-image: url(../images/xx.png);}
.kj li .t2 .arrow {display:block;width: 31px;height: 32px;background: no-repeat 0 center;float: right;margin-top: 9px;margin-right: 10px;transition: all 0.1s;background-image: url(../images/logo.png);}
.kj li ul li {color: #727272;line-height: 40px;}
.kj li ul li {color: #727272;line-height: 40px;}
.kf .menu2 li{border-top: 1px solid #d3d3d3;}
.menu2{}

.kj li a{font-size:14px;font-weight:bold;color:#222;display:block;float:left;}
.kj li .menu li a {color: #666;}
.kj li a:hover{color: #222;}
.menu,.menu2{display:none;}
.menu2 li{border-top: 1px solid #d3d3d3;/* margin-top: 2px; */}
.menu li{overflow:hidden;}
.menu li a{padding-left:20px;overflow:hidden;}
.menu2 li a{padding-left:40px;overflow:hidden;}
.kj li ul li a {display: block;border-top: 1px solid #d3d3d3;float:left;width:calc(100% - 20px);}
.kj li ul li .menu2 li a{width: calc(100% - 40px);border: none;}
.kj li ul li a{}
.label{padding: 0;}
.sdfs{width:100%;height:500px;background:#f00;}
.s_search{display: inline-block;z-index: 100;cursor: pointer;width:10%;position:fixed;top:15px;right: 1%;text-align:center;}
.s_search a{color: #222;font-size: 18px;}
.nav_active>a{color: #007f82 !important;}
/*手机端头部结束*/

/*放大镜样式开始*/
table.jiaotong,.jiaotong th,.jiaotong td
{
    border: 1px solid #eee;
    color: #333;
    line-height: 30px;
}
.jtsj{font-size: 18px;font-weight: 600;color: #222;}
table.jiaotong{border-collapse: 0;border-spacing: 0;width: 100%;}
.qdsj td{color: #222;font-weight: 600;}

.piro_overlay{position:fixed;top:0;left:0;width:100%!important;height:100%!important;background:#000;display:none;z-index: 1001;}
.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008;background:0 0}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block;padding:0;cursor:text;background:#222}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block;padding:0;background:0 0}
.caption p{display:block;margin:0;padding:10px 28px 10px 38px;text-align:center;font-weight:400;background:#000;color:#fff;font-size:20px;display:none;}
a.piro_close{position:absolute;top:10%;right: 20%;height: 50px;width: 50px;background:url(../images/close_btn.png) no-repeat;cursor:pointer;z-index:100006;background-size: 100% 100%;}
a:hover.piro_close{/* background:url(../images/close_btn_h.png) no-repeat */}
a.piro_next{position:absolute;top:50%;width: 30px;height: 82px;right: 20%;text-indent:-999em;outline:0;display:block;margin:-18px 0 0;background: url(../images/next.png) center no-repeat;border:0;cursor:pointer;z-index:1000000001;background-size: 100% auto;}
a:hover.piro_next{/* background:url(../images/next_h.png) center right no-repeat */}
a.piro_prev{position:absolute;top:50%;width: 30px;height: 82px;left: 20%;text-indent:-999em;outline:0;display:block;margin:-18px 0 0;background: url(../images/prev.png) center no-repeat;border:0;cursor:pointer;z-index:1000000000;background-size: 100% auto;}
a:hover.piro_prev{/* background:url(../images/prev_h.png) center left no-repeat */}
.pirobox_content{position: fixed;top:0%;left:0%;padding:0;width:calc(100vw - 20px)!important;display:block;margin:0!important;height:100vh;z-index: 100000000000000;}
.pirobox_content tbody{width:100%;display: block;}
.pirobox_content img{height:auto!important;max-width:90%;max-height:90vh;width:auto!important;}
.c_c{margin:0;padding:0;}
.c_c div{width:760px;/*height:560px;*/margin:0;padding:0;width: 100vw!important;height: 100vh;display: flex;align-items: center;justify-content: center;}
.box_img{position:absolute;z-index:99995;background:url(../images/img_bg.png);width:100%;top:30px;left:30px;height:100%;padding:0}
.err_mess{position:absolute;bottom:20px;color:#fff;padding:0;margin:0 0 0 20px;display:block}
.err_mess a{color:red;font-weight:700}
.number{position:absolute;margin-left:3px;height:18px;width:30px;padding:3px;left:0;color:#666;bottom:1px;font-size:11px}

a:hover.link_to{background:url(../images/link_out_h.png) no-repeat}

a:hover.play{background:url(../images/play_h.png) no-repeat}
a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px;height:40px;margin:0;outline:0;display:block;background:url(../images/pause.png) no-repeat;text-indent:-999em;border:0;cursor:pointer}
a:hover.stop{background:url(../images/pause_h.png) no-repeat}
@media (max-width:1200px){
   .pirobox_content{width:320px!important;margin-left:-160px!important;height:80vh!important;position:fixed;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);margin-top:0!important;margin-left: 0!important;transform: translateY(-50%) translateX(-50%);}
    .c_c div{width:320px!important;display:flex;align-items:center;height:auto!important;position:absolute;left: 50%;top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
    .c_c div img{width:100%!important;height:auto!important;}
    a.piro_close,a.piro_next{right: 10%;}
    a.piro_close{width:30px;height:30px;}
    a.piro_next{width:20px;right: 30px;}
    a.piro_prev{width:20px;left: 30px;}
}
/*放大镜样式结束*/

/*手机端尾部开始*/
.footer2{display:none;padding:15px;overflow:hidden;background:#1E1E1E;margin-bottom:58px;}
.footer2 ul{}
.footer2 ul li{}
.footer2 ul li:last-child .footer2-t{border:none;}
.footer2 ul li span.down{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.footer2-t{overflow:hidden;border-bottom: 1px solid rgba(255,255,255,0.3);}
.footer2-t a{display:block;overflow:hidden;width:calc(100% - 50px);float:left;}
.footer2-t p{float:left;line-height:40px;color:#EAEAEA;}
.footer2-t span{float:right;display:block;/*background:#EAEAEA;*/}
.footer2-t span img{width:20px;line-height:30px;margin-top:10px;}
.footer2-b{display:none;}
.footer2-b a{display:block;line-height:30px;color:#EAEAEA;text-indent:10px;}
/*手机端尾部结束*/
.hg{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;line-height:140%;}
.hg2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.hg3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.hg4{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.hg5{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}
.hg6{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;line-clamp: 6;-webkit-box-orient: vertical;}
.hg7{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;line-clamp: 7;-webkit-box-orient: vertical;}
.d-y{display:block;}
.d-x{display:none!important;}
.flex{display:flex;}
.flex-wrap{display:flex;flex-wrap:wrap;}
.flex-jcr{justify-content:space-between;}
.flex-jcc{justify-content:center;}
.flex-ait{align-items:flex-start;}
.flex-aic{align-items:center;}
.flex-aib{align-items:flex-end;}
.flex-jc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}

@media screen and (max-width:1200px){
    /*.sj_dh,.footer2,.dbdh{display:block;}*/
    body:before{content: '';width:100%;height:60px;display:block;}
    iframe#sp{width:100%;height:200px;}
    body{padding-top:0!important;}
    .t-c{text-align:center!important;}
    .d-x{display:block!important;}
    .d-y{display:none!important;}
    .display,.heat,.head,.footer{display:none!important}
    .l-h{line-height:24px!important;}
    .d-x{display:block!important;}
    .w100{width: 100%!important;}
    .w30,.top_popupbox{width:calc(100% - 30px)!important;}
    .sousou3{top:60px;}
    .sousou3 #Search{width:50%;margin-left: 5px;border-radius: 0;width: calc(100% - 120px);}
    .h{height:auto!important;}
    .margin{margin:40px auto!important;}
    .margin0{margin:0!important}
    .margin1{margin:10px!important;}
    .margin2{margin:20px!important;}
    .margin3{margin:30px!important;}
    .margin4{margin:40px!important;}
    .m-l{margin-left:0!important}
    .m-l1{margin-left:10px!important}
    .m-l2{margin-left:20px!important}
    .m-l3{margin-left:30px!important}
    .m-l4{margin-left:40px!important}
    .m-r{margin-right:0px!important}
    .m-r1{margin-right:10px!important}
    .m-r2{margin-right:20px!important}
    .m-r3{margin-right:30px!important}
    .m-r4{margin-right:40px!important}
    .m-t{margin-top:0!important}
    .m-t1{margin-top:10px!important;}
    .m-t2{margin-top:20px!important;}
    .m-t3{margin-top:30px!important;}
    .m-t4{margin-top:40px!important;}
    .m-b{margin-bottom:0!important}
    .m-b1{margin-bottom:10px!important;}
    .m-b2{margin-bottom:20px!important;}
    .m-b3{margin-bottom:30px!important;}
    .m-b4{margin-bottom:40px!important;}

    .padding{padding:40px 15px!important;box-sizing:border-box;}
    .padding0{padding:0px!important;}
    .padding1{padding:10px!important;}
    .padding2{padding:20px!important;}
    .padding3{padding:30px!important;}
    .padding4{padding:40px!important;}
    .p-t{padding-top:0px!important;}
    .p-t1{padding-top:10px!important;}
    .p-t2{padding-top:20px!important;}
    .p-t3{padding-top:30px!important;}
    .p-t4{padding-top:40px!important;}
    .p-b{padding-bottom:0px!important;}
    .p-b1{padding-bottom:10px!important;}
    .p-b2{padding-bottom:20px!important;}
    .p-b3{padding-bottom:30px!important;}
    .p-b4{padding-bottom:40px!important;}
    .p-l{padding-left:0px!important;}
    .p-l1{padding-left:10px!important;}
    .p-l2{padding-left:20px!important;}
    .p-l3{padding-left:30px!important;}
    .p-l4{padding-left:40px!important;}
    .p-t{padding-top:0px!important;}
    .p-t1{padding-top:10px!important;}
    .p-t2{padding-top:20px!important;}
    .p-t3{padding-top:30px!important;}
    .p-t4{padding-top:40px!important;}
    .p-r{padding-right:0px!important;}
    .p-r1{padding-right:10px!important;}
    .p-r2{padding-right:20px!important;}
    .p-r3{padding-right:30px!important;}
    .p-r4{padding-right:40px!important;}

    .f-s12{font-size:12px!important}
    .f-s14{font-size:14px!important}
    .f-s16{font-size:16px!important}
    .f-s18{font-size:18px!important}
    .f-s20{font-size:20px!important}
    .f-s22{font-size:22px!important}
    .f-s24{font-size:24px!important}
    .f-s26{font-size:26px!important}
    .f-s28{font-size:28px!important}
}