@charset "utf-8";
/* CSS Document */

.m-menubtn{position: fixed;z-index: 102;top:0;right: 0;width:60px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}

#m-logo{display:none;}
.m-menubtn.scroll{top:0}
.m-menubtn.anim{opacity:1; filter:alpha(opacity=100); -webkit-transform: translate(0,0); transform: translate(0,0);}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px; left: 50%;width: 50%;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#e27933}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#e27933}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-y:auto; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 1950ms;z-index:98;}
.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;background-color: #353535;transform: translateY(-100%);transition: transform 750ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 800ms;}
.m-menu.active:before{transform: translateY(0%);transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);}

.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:5%; padding-right:5%;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom:1px solid rgba(255,255,255,.2);opacity: 0; transform: translateY(3.5rem);}
.m-menu li>a{ font-size:18px;line-height:60px; position:relative}
.m-menu li>a i{ position:absolute; width:20px; height:20px; right:0;top:50%; margin-top:-10px}
.m-menu li>a i:before{ content:""; width:20px; height:1px; background:#fff; position:absolute; left:0;top:10px;opacity:.6}
.m-menu li>a i:after{ content:""; width:1px; height:20px; background:#fff; position:absolute; left:10px;top:0;opacity:.6}
.m-menu li>a.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.m-menu a{ display:block; color:#fff;}
.m-menu .sub{ display:none; padding-bottom:10px}
.m-menu .sub a{color:rgba(255,255,255,.5); line-height:30px;font-size:16px; padding-left:20px; position:relative}
.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}

.m-menu li:nth-child(1){transition: opacity 800ms linear 600ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 600ms;}
.m-menu li:nth-child(2){transition: opacity 800ms linear 500ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 500ms;}
.m-menu li:nth-child(3){transition: opacity 800ms linear 400ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;}
.m-menu li:nth-child(4){transition: opacity 800ms linear 300ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 300ms;}
.m-menu li:nth-child(5){transition: opacity 800ms linear 200ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms;}
.m-menu li:nth-child(6){transition: opacity 800ms linear 100ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 100ms;}
.m-menu li:nth-child(7){transition: opacity 800ms linear 50ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 50ms;}
.m-menu li:nth-child(8){transition: opacity 800ms linear 0ms, transform 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;}

.m-menu.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}
.m-menu.active li{opacity: 1;transform: translateY(0);transition: opacity 800ms linear 375ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}

.m-menu.active li:nth-child(1){transition: opacity 800ms linear 175ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 175ms;}
.m-menu.active li:nth-child(2){transition: opacity 800ms linear 275ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 275ms;}
.m-menu.active li:nth-child(3){transition: opacity 800ms linear 375ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}
.m-menu.active li:nth-child(4){transition: opacity 800ms linear 475ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 475ms;}
.m-menu.active li:nth-child(5){transition: opacity 800ms linear 575ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 575ms;}
.m-menu.active li:nth-child(6){transition: opacity 800ms linear 675ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 675ms;}
.m-menu.active li:nth-child(7){transition: opacity 800ms linear 775ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 775ms;}
.m-menu.active li:nth-child(8){transition: opacity 800ms linear 875ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 875ms;}

@media screen and (max-width:1920px){
.menu{ left:5%}
}
@media screen and (max-width:1600px){
.header .wrap{ width:90%}
}
@media screen and (max-width:1440px){
.menu{ left:8%}
}
@media screen and (max-width:1366px){
.menu{ width:46%;left: 6%;}
.menu .menu-fir li{ font-size:16px}
.menu .sub{ font-size:14px}
.menu .sub a{ padding:8px 5px;

 
}
}
@media screen and (max-width:1200px){
.header .wrap,.banner .swiper-pagination, .banner .wrap, .wrap{ width:95%}
.menu{ width:45%; left:4%}
}
@media screen and (max-width:1024px){

.tgzz-r{}
.header .wrap, .banner .swiper-pagination, .banner .wrap, .wrap{ width:100%; padding:0 15px}
.header, .logo, .header .lang, .headertop{ height:60px;}
.logo img{ display:block; height:40px}
.menu{ display:none}
.header .tel, .search{ display:none}
.nav-right-links{display:none;}
#pc-logo{display:none;}
#m-logo{display:block;}
.m-menubtn{ display:block}
.header .lang{ margin-right:50px}
.header .lang a{ background:#fff; color:#333; font-size:16px;line-height: 60px; border-radius:0; width:auto; height:auto}
.header .lang a:hover{ color:#e27933; background:#fff}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:640px){

}
@media screen and (max-width:480px){

}



@media screen and (min-width:1200px){
.tsdt li:hover{background:transparent}
}
@media screen and (max-width:1560px){.tsdt li{line-height:70px}
.tsbox{width:880px}
}@media screen and (max-width:1440px){
.tongshi{padding:70px 0 90px}
.tsdt li{line-height:60px;font-size:16px}
.tsbox{width:810px}
.tsbox dd{padding:20px 40px}
}@media screen and (max-width:1366px){.tsdt li{line-height:54px}
}@media screen and (max-width:1280px){
.tongshi{padding:60px 0 70px}
}@media screen and (max-width:1200px){.tongshi_img{width:125%}
}@media screen and (max-width:950px){
.tongshi{padding:55px 0 70px}
.tongshi_img{width:130%}
.tongshi_img .slick-dots{bottom:30px}
.tongshi h2{margin-bottom:26px}
.tsbox{width:700px}
.tsbox dt{width:170px}
.tsbox dd{padding:20px 30px}
.tsdt li{font-size:14px}
}@media screen and (max-width:768px){
body{font-size:14px}
.bk{padding:0 0px}
.col31{width:100%;}
.col21{width:100%;}

#part1 .col21{width:100%;}

.col52{display:none;}
.col53{display:none;}
.footer{padding-top:0px;}
.copy{font-size:14px;border-top:0px solid #ccc;margin:0 0px;}
.copy a{display:none;}
.banner{margin-top:60px;padding:0;}
.pcnbanner{display:none;}
.monbanner{display:block;height:240px;}
.content .wrap{margin-top:0px;}
.box dt strong{font-size:20px;}
.list a{ font-size:16px;}
.list1 li a{font-size:14px;}
.list3 p{font-size:16px;}
.lst21 li{ float:left; width:100%; margin:0 10px;}
.tongshi{padding:40px 0 58px}
.tongshi_img{width:150%}
.tsbox{width:100%}
.pics img{height:160px;}
.block{margin:0 0px;padding:10px 10px;}
.block dt{height:50px;line-height:50px;}
.block dt span.more{display:none;}
.block dd{padding-top:20px;}
.list2 li {padding:10px 0;font-size:14px;}
.list2 li a {font-size:16px;}
.ctit li a {line-height:50px;height:50px;font-size:18px;}
.article h2{padding:10px 0;font-size:18px;}
.article .info{line-height:20px;padding:10px 0;font-size:12px;}
.enrty p,.enrty div{line-height:1.8;font-size:16px}
.near{display:none;}
}@media screen and (max-width:767px){
.tsbox{display:block}
.tsbox dt{overflow:hidden}
.tsbox dt,.tsbox dd{display:block;width:100%}
.tsbox dd{padding:20px}
.tsdt li{width:33.333333%}
}@media screen and (max-width:450px){.tongshi_img{width:260%}
}@media screen and (max-width:416px){.tongshi_img{width:280%}
}