*{margin:0;padding:0;outline:none;font-family:'PingFang SC',Helvetica,'Microsoft YaHei'!important;box-sizing:border-box;}
body{font-size:14px;overflow-x: hidden;}
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.1s!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) */
}

.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*/
/* wow fadeInUp" data-wow-delay="0.2s"*/
/*tr-title title-flex 文字效果*/
/* onion-tstime onion-tfty 文字效果*/
/* 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%;}*/
/*鼠标经过动画*/

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

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

/*电脑段头部开始*/
/*.head{width:100%;left:0;top:0px;z-index: 1000;background:#000;}*/
/*.head-s{display:flex;justify-content:center;flex-wrap:wrap;}*/
/*.head-s>a{padding-top:23px;}*/
/*.head-b{width:100%;position:relative;}*/
/*.head-b>a{position:absolute;right:-30px;font-size:18px;color:#4d4d4d;bottom:15px;}*/
/*.head-b>a:hover{color:#fff;}*/
/*.head-b ul{display:flex;justify-content:center;}*/
/*.head-b ul li{position:relative;margin:0 40px;}*/
/*.head-s-r-t{}*/
/*.head-s-r-t a{display:block;padding:0 5px;position:relative;line-height:57px;font-size:18px;color:#b3b3b3;}*/
/*.head-s-r-t p{position:absolute;left: 50%;bottom: 0; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);height:2px;background:#f8b62b;width:0;}*/
/*.head-b ul li.active .head-s-r-t a,.head-b ul li:hover .head-s-r-t a{color:#fff;}*/
/*.head-b ul li.active .head-s-r-t p,.head-b ul li:hover .head-s-r-t p{width:100%;}*/
/*.head-s-r-b{position:absolute;z-index:100;background:#000;overflow:hidden;height:0;display:none;transition:all 0.5s;top:30px;transition:all 0.5s;width:auto;}*/
/*.head-s-r-b3{padding-top: 20px;display:none;height:auto;white-space:nowrap;position:fixed;width:100vw;top:135px;left:0;padding-bottom:40px;}*/
/*.head-s-r-b3 dl{width: 568px;display: flex;justify-content: flex-end;margin-right: 447px;position: relative;}*/
/*.head-s-r-b3 dl dt{position:absolute;left: -295px;top: 20px;display: flex;flex-wrap: wrap;width: 280px;justify-content: space-between;}*/
.head-s-r-b3 dl dt>a{display: block;color: #dbdbdb;/* width: 45%; */line-height: 35px;padding-left: 10px;background: url(../images/head-tb.png)no-repeat center left;font-size: 16px;}
/*.head-s-r-b3 dl dt a:hover{color: #f8b739;}*/
/*.head-s-r-b3 dl dd{width: 325px;overflow:hidden;}*/
/*.head-s-r-b3 dl dd img{display: block;width: 100%;}*/
/*.head-s-r-b3 dl dd:hover img{transform: scale(1.1);}*/
/*.head-s-r-b4 dl dt{width: 500px;left: -500px;top:-10px;}*/
/*.head-s-r-b4 dl dt>div{position:relative;}*/
/*.head-s-r-b4 dl dt a{display: block;color: #dbdbdb;line-height: 20px;margin-bottom: 10px;padding-left: 10px;background: url(../images/head-tb.png)no-repeat center left;font-size: 16px;}*/
/*.head-s-r-b4 dl dt p{display:none;position: absolute;left: 0;top: 100%;z-index: 2;background: #000;}*/
/*.head-s-r-b4 dl dt div:hover p{display:block;}*/
/*.head-s-r-b4 dl dt p a{background:none;font-size:14px;}   */
/*.head-s-r-b3 li{margin:0!important;padding:0!important;width:auto;float:right!important;}*/
/*.head-s-r-b3 li:last-child{margin-right:320px!important;}*/
/*.head-s-r-b3 li a{display:block;text-align:center;}*/
.head-s-r-b3 li img{display:block;margin:0 auto;/* margin-bottom:10px; */}
/*.head-s-r-b3 li .img2{display:none;}*/
/*.head-s-r-b3 li:hover .img1{display:none;}*/
/*.head-s-r-b3 li:hover .img2{display:block;}*/
/*.head-s-r-b3 li a{display:block;}*/
/*.head-s-r-b3 li a:hover{color:#f8b739!important;}*/
/*.head-b>ul li:hover .head-s-r-b3{display:block;}*/
/*.head-b>ul li:hover .head-s-r-b{display: flex;height:auto;transition:all 0.5s;justify-content: flex-end;}*/
/*.head-s-r-b li{margin-bottom:10px;box-sizing:border-box;margin-bottom:20px;}*/
/*.head-s-r-b2 li{margin: 0!important;width:  33%;width:  33%;width:  33;width:  3;width:;padding:  0;}*/
/*.head-s-r-b2 li a{p}*/
/*电脑端头部结束*/

/*电脑段头部开始*/
.head{width:100%;left:0;top:0px;z-index: 1000;position:fixed;transition:all 0.5s;}
.head:hover{background:#000!important;transition:all 0.5s;}
.head-s{display:flex;justify-content: space-between;flex-wrap:wrap;align-items: center;}
.head-s>a{}
.head-b{position:relative;display: flex;align-items: center;}
.head-b>a{color: #b3b3b3;bottom:15px;display: block;margin-left: 70px;}
.head-b>a:hover{color:#fff;}
.head-b ul{display:flex;justify-content:center;}
.head-b ul li{position:relative;margin-left: 30px;}
.head-s-r-t{}
.head-s-r-t a{display:block;position:relative;line-height: 80px;font-size: 15px;color: #b3b3b3;white-space: nowrap;}
.head-s-r-t a p{position:absolute;width:0;bottom:30px;height:1px;background:#f8b62b;left: 50%;-webkit-transform: translateY(-0%) translateX(-50%);transform: translateY(-0%) translateX(-50%);}
.head-s-r-t p{position:absolute;left: 50%;bottom: 0; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);height:2px;background:#f8b62b;width:0;}
.head-b ul li.active .head-s-r-t a,.head-b ul li:hover .head-s-r-t a{color:#fff;}
.head-b ul li.active .head-s-r-t a p,.head-b ul li:hover .head-s-r-t a p{width:100%}
.head-b ul li.active .head-s-r-t p,.head-b ul li:hover .head-s-r-t p{width:100%;}
.head-s-r-b{z-index:100;background: #fff;white-space: nowrap;position: fixed;width: 100vw;top: 80px;left: 0;overflow: hidden;max-height: 0;transition: all 0.5s;opacity: 0;border-bottom: 1px solid #eaeaea;}
.head-b ul li:hover .head-s-r-b{max-height: 100vh;padding: 20px 0;transition: all 0.5s;opacity: 1;}
/*.head-s-r-b dl{width:1100px;}*/
.head-s-r-b dl dt{display:flex;justify-content:center;}
.head-s-r-b dl dt a{display:block;position:relative;line-height:30px;font-size:18px;color:#000;margin:0 10px;}
.head-s-r-b dl dt a p{position:absolute;left: 50%;bottom: 0%; -webkit-transform: translateY(0%) translateX(-50%);transform: translateY(0%) translateX(-50%);height:1px;background:#000;width:0;}
.head-s-r-b dl dt a.active p{width:100%;}
.head-s-r-b dl dd{position:relative;margin-top:20px;}
.head-s-r-b dl dd>div{display:none;}
.head-s-r-b dl dd>div:nth-child(1){display:block;}
.head-s-r-b dl dd a{display:block;font-size:16px;text-align:center;color:#3e3a39;}
.head-s-r-b dl dd a h4{overflow:hidden;margin-bottom:20px;/* border:1px solid #ccc; */}
.head-s-r-b dl dd a h4 img{display:block;width:100%;}
.head-s-r-b dl dd a h3{transition:all 0s;font-size:16px;}
.head-s-r-b dl dd a:hover{color:#f8b62b;}
.head-s-r-b dl dd a:hover img{transform:scale(1.1);}
.head-s-r-b li{margin-bottom:10px;box-sizing:border-box;margin-bottom:20px;}
.head-s-r-b2 .swiper-wrapper{justify-content:center;}
.head-s-r-b2 .swiper-slide{width:168px;margin:0 5px;}
.head-s-r-b .swiper-container{position:initial;}
.head-s-r-b .swiper-container .swiper-button-next{width:35px;height:35px;background: url(../images/r.png);right:-50px;}
.head-s-r-b .swiper-container .swiper-button-prev{width:35px;height:35px;background: url(../images/l.png);left:-50px;}
.head-b ul li:last-child .head-s-r-b,.head-b ul li:nth-child(6) .head-s-r-b{display:none!important;}
/*电脑端头部结束*/

/*电脑端尾部开始*/
.footer{background: #000;padding-top:80px;}
.footer-s{margin:0 auto;/* overflow:hidden; */}
.footer-t{margin-bottom:75px;display:flex;justify-content: space-between;}
.footer-t .w1{display:flex;justify-content:space-between;}
.footer-t-l{width:890px;}
.footer-t-l-t{display:flex;justify-content: space-between;flex-wrap:wrap;padding-bottom:50px;border-bottom: 1px solid #2f2e2e;margin-bottom:45px;}
.footer-t-l-t dl{}
.footer-t-l-t dl dt{font-size:16px;color: #fff;padding-bottom:22px;line-height:16px;}
.footer-t-l-t dl dt span{position:absolute;width:25px;height:2px;background: #0d5ca4;bottom:0px;left:0;}
.footer-t-l-t dl dd{color:#696969;line-height:24px;}
.footer-t-l-t dl dd a{color: #929292;}
.footer-t-l-t dl dd a:hover{color:#f8b62b;}
.lxfs{width:230px;position: relative;}
.lxfs h3{font-size:30px;color: #fff;margin-bottom:20px;}
.lxfs>p{color: #929292;margin-bottom:40px;}
.lxfs a{display:block;width:120px;line-height:35px;text-align:center;color:#fff;background:#000;margin-bottom:100px;}
.lxfs a{background:#f8b62b;}
.lxfs h5{/* width:95px; */position: absolute;display: flex;align-items: center;height: 100px;width: 760px;/* bottom: 0; */right:0;text-align: center;color: #929292;justify-content: flex-end;}
.lxfs h5 p{width:100px;margin-left:15px;}
.lxfs h5 img{width: 100px;margin-bottom:10px;}
.yqlj{font-size:#333;}
.yqlj p{margin-bottom:20px;color: #fff;}
.yqlj a{color:#696969;line-height:24px;}
.yqlj a:hover{color:#f8b62b;}
.footer-b{overflow:hidden;line-height:70px;background:#000;}
.footer-b p{float:left;margin-right:50px;}
.footer-b a{color:#929292;}
.footer-b .footer-s>a{padding:0 20px;}
.footer-b span{color:#929292;}
.footer-b span a{color:#929292;}
.footer-b a:hover{color:#fff;}
.r{position:fixed;right:0px;bottom:20%;width: 70px;box-sizing:border-box;z-index:10;}
.r li{/* border-bottom: 1px solid #fff; */position:relative;margin-bottom: 1px;}

.r-t a{display:block;width:100%;/* height: 63px; */display:flex;justify-content:center;align-items: center;color:#fff;text-align:center;background:rgba(0,0,0,0.5);/* padding: 5px 0; */height: 57px;}
.r-t a p{
}
.r-t a p img{display:block;margin: 0 auto;width:25px;transform: scale(0.8);}
.r-t a p span{display:block;font-size: 13px;/* padding-top:  5px; */transform: scale(0.9);line-height:  100%;}
.r-b{position: absolute;bottom:0px;right: 70px;background: #f8b62b;width: auto;transition:all 0.5s;z-index:  10;white-space: nowrap;/* padding: 0 10px; */width: max-content;display: none;}
.r-b .tp>p{color:#fff;font-size:14px;text-align:center;line-height: 57px;padding: 0 10px;}
.r-b .tp>p a{color:#fff}
.tp{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;width: auto;white-space: nowrap;flex-wrap:  wrap;}
.tp img{display:block;width: 90px;}
.r-b.cur{transition:all 0.5s;display:block;}
.tp2.cur{display:block;}
/*电脑端尾部结束*/

.w1{width:1220px;margin:0 auto;}

/*搜索框样式开始*/
.sousou3{position: fixed;z-index: 1;background: rgba(255,255,255,0.4); width: 100%; height: 50px; top: 80px;left: 0px;display: none;z-index: 1003;text-align: center;}
.sousou3 input {width: 40%;margin: 5px auto;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; position: absolute;cursor: pointer; padding-left: 0px;color: #fff; font-size: 14px;background: #f8b62b;border-radius: 0px;outline: none;}
.sousou3 i{float: right;color: #fff;font-size: 18px;padding: 15px 15px 0 0;cursor: pointer;}
/*搜索框样式结束*/

/*底部按钮开始*/
.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:calc(25% - 1px);text-align:center;border-right:1px solid #fff;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:#f8b62b;}
.dbdh ul li a{color:#fff;font-size:14px;text-transform: uppercase;}
.dbdh ul li i{display:block;margin-bottom:5px;}
/*底部按钮结束*/

/*点击弹出视频开始*/
#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%;
	 height: auto;
	 border: 2px solid #fff;
	 border-radius:8px;
	 /* padding: 2px; */
	 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%);
	 transform: translateY(-50%) translateX(-50%);
	 }
.popupbox i,.top_popupbox i {background: rgba(0, 0, 0, 0) url("../images/guanbi.png") no-repeat scroll 0 0;padding: 16px;position: absolute;right: -8px;top: -8px;z-index: 3;}
iframe#sp{width:100%;height:400px;}
/*点击弹出视频结束*/

/*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;}
@-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 #a09b9b;display: none;}
#btn {background: none;border: none;outline: none;display: inline-block;z-index: 100;cursor: pointer;width:10%;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);background: #222;}
#btn .two{transform-origin: left bottom;transform: rotate(-45deg);margin-top: 5px;background: #222;}
#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;}
.sj_logo a img{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;}
.kj li .t2 a{color:#666;}
.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;}

.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;}
.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);}
.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:20px;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;}
.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 #eee}
.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;}
.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-x{display:none!important;}
@media screen and (max-width:1200px){
	/*.sj_dh,.footer2,.dbdh{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:90%;margin-left: 5;}
	.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}
}