@charset "utf-8";
/* CSS Document */
.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.container {width: 100%;padding:60px 0;}

@media screen and (max-width:1680px) {
.main {margin-left:70px;margin-right:70px;}
.skinw{margin-left:70px;margin-right:70px;}
}
@media screen and (max-width:1360px){
.main{margin-left:60px;margin-right:60px;}
.skinw{margin-left:60px;margin-right:60px;}
}
@media screen and (max-width:1200px){
.main{margin-left:50px;margin-right:50px;}
.skinw{margin-left:50px;margin-right:50px;}
}
@media screen and (max-width:1024px){
.main{margin-left:30px;margin-right:30px;}
.skinw{margin-left:30px;margin-right:30px;}
.container {padding:50px 0;}
}
@media screen and (max-width:767px){
.main{margin-left:15px;margin-right:15px;}
.skinw{margin-left:15px;margin-right:15px;}
.container {padding:50px 0;}
}



header{width: 100%;height:110px;position: fixed;top: 0;transition: 0.5s;z-index: 100;background: #FFFFFF;-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);box-shadow: 0px 0px 15px rgba(0,0,0,0.25);}
header .main{height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.logo{transition: 0.5s;}
.logo img{display: block;transition: 0.5s;}

.headcolumn{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}

.Navlist{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.Navlist .nav{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.Navlist .nav > li{display:block;height:110px;line-height:110px;padding: 0 30px;position:static;}
.Navlist .nav > li > a{display: block;color: #333;font-size:17px;position: relative;}
.Navlist .nav > li > a:hover, .Navlist .nav > li.current > a{color:#c50002;}
.Navlist .nav > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 0;margin: 0 auto;transition: all ease .3s;background:#c50002;height: 4px;}
.Navlist .nav > li > a:hover:after, .Navlist .nav > li.current > a:after{width:100%;}

.Navlist .nav > li .nav_son{position: absolute;width: 100%;left: 50%;padding: 60px 0px;transform: translateX(-50%);top: 100%;display: flex;justify-content: center;z-index: 10;transition: all ease .3s;pointer-events: none;background: #FFF;border-top:1px solid #e0e0e0;box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.4);opacity: 0;}
.Navlist .nav > li:hover .nav_son{opacity:1; visibility:visible; pointer-events: auto;}
.Navlist .nav > li .nav_son .skinw{width:95%;display: flex;justify-content: space-between;}
.Navlist .nav > li .nav_son .drop-left{width:60%;}
.Navlist .nav > li .nav_son .drop-left .title{font-size:22px;line-height:1.2;color: #333;font-weight: bold;margin-bottom: 20px;}
.Navlist .nav > li .nav_son .drop-left ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.Navlist .nav > li .nav_son .drop-left ul > li{width: 33.33%;padding-right: 5%;line-height:1.5;}
.Navlist .nav > li .nav_son .drop-left ul > li > a{display: flex;align-items: center;width: 100%;transition: all ease .3s;padding: 15px 0px;border-bottom:3px solid #ccc;font-size:16px;justify-content:space-between;}
.Navlist .nav > li .nav_son .drop-left ul > li > a:hover{color:#c50002;border-bottom:3px solid #c50002;}
.Navlist .nav > li .nav_son .drop-right{width:33%;}


.other{display: flex;flex-wrap: wrap;align-items: center;padding-left:30px;}
.other .toptel{position: relative;padding-left:50px;font-size: 14px;text-align:left;color:#1a1a1a;}
.other .toptel:before{content:"";background: url(../images/telp.png) no-repeat;width:50px;height:50px;position: absolute;left: 0;top:5px;filter:invert(0);-webkit-filter:invert(0);}
.other .toptel span{display: block;font-size:18px;font-family: Impact;}



@media screen and (max-width:1480px) {
.Navlist .nav > li{padding:0 20px;}
}
@media screen and (max-width:1280px) {
.Navlist .nav > li{padding:0 16px;}
}
@media screen and (max-width:1180px) {
.logo img{height:60px;}
.Navlist .nav > li{padding:0 10px;}
}
@media screen and (max-width:1080px) {
.Navlist .nav > li > a{font-size: 16px;}
.other{padding-left:10px;}
}
@media screen and (max-width:1024px) {
header{display:none;}
}


/*------------手机站导航开始----------*/
.wap {display: none;}
.top {max-width: 1920px;margin: 0 auto;position: fixed;right: 10px;top: 18px;width: 25px;height: 25px;z-index: 9999;}
.top>img {display: block;width: 100%;}
.wap-menu {position: relative;z-index: 99999;}
.wap-menu img {height: 25px;}
.close-menu {display: none;position: absolute;right: 0;top: 0;}


@media screen and (max-width: 1024px){
.wap {display: block;}
.m-head {position: fixed;top: 0;left: 0;right: 0;background:#FFF;z-index: 999;padding: 10px;}
.m-logo {font-size: 0;}
.m-logo a {font-size: 0;line-height: 40px;display: block;}
.m-logo img {max-height: 40px;max-width: 80%;vertical-align: middle;}
.m-nav {position: fixed;top: 60px;right: -100%;bottom: 0;z-index: 999;background:#c50002;overflow-y: scroll;width: 100%;max-width: 375px;}
.m-nav ul {padding: 0 15px;}
.m-nav ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;}
.m-nav ul li>span.on {transform: rotateZ(90deg);}
.m-nav ul li ul {display: none;}
.m-nav ul li ul li {border: none;}
.m-nav>ul>li a {display: block;font-size: 14px;line-height: 20px;padding: 15px 0;position: relative;color: #fff;}
.m-nav>ul>li ul li a {padding: 10px 0;}
.m-nav>ul>li>span {position: absolute;width: 20px;height: 20px;background: url(../images/m-nav_down.png) no-repeat;background-size: 14px 14px;background-position: center center;right: 0;top: 15px;cursor: pointer;display: block;color: #fff;transition: all 0.3s;}
}




/*banner*/
.banner{width:100%;height:auto;overflow: hidden;padding-top:100px;}
.banner .swiper-container img{display:block; width:100%!important;image-rendering:pixelated;}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}
.banner .swiper-button-next, .banner .swiper-button-prev{width:34px;height:63px;background-size:34px 63px;opacity:0.66;}
.banner .swiper-pagination-bullet {width:60px;height:3px;background:#333;border-radius: 0px;margin: 0px 4px;opacity: 1;outline: none;position: relative;}
.banner .swiper-pagination-bullet:after {content: '';position: absolute;left: 0px;top: 0px;background:#c50002;width: 0%;height: 3px;}
.banner .swiper-pagination-bullet-active:after {content: '';width: 100%;transition: all 1.2s;-webkit-transition: all 1.2s;-moz-transition: all 1.2s;height:3px;}

@media only screen and (max-width:1024px){
.banner{padding-top:60px;}
}




/*FOOTER*/
footer{width:100%;height:auto;overflow:hidden;background: url(../images/footbg.png) no-repeat center center;background-size: cover;}

.ft_contain{padding-top:80px;padding-bottom:0;overflow: hidden;}
.ft_Left{width:70%;float:left;overflow:hidden;border-right:1px solid #4a4a4a;}
.ft_nav{display:flex;flex-wrap:wrap;overflow:hidden;}
.ft_nav_li {width:20%;margin-bottom:55px;height: auto;overflow: hidden;padding-right:25px;}
.ft_nav_li h5 {font-size:20px;margin-bottom: 20px;font-weight: normal;color:#FFF;}
.ft_nav_li p{padding:6px 0;transition: 0.36s;}
.ft_nav_li p a{color:#BFBFC0;font-size:16px;line-height:1.5;}
.ft_nav_li p a:hover{color:#FFF;}

.ft_contact{width:30%;float:right;overflow: hidden;padding-left:60px; box-sizing: border-box;}
.ft_contact .follow_tel {display: block;overflow: hidden;}
.follow_tel h5{font-size:18px;margin-bottom: 20px;font-weight: normal;color:#FFF;}
.ft_contact .follow_tel p {color:#CFCFD0;padding-top:10px;padding-bottom:10px;padding-left:30px;font-size:16px;line-height: 26px;position:relative}
.ft_contact .follow_tel p i{position:absolute;left:0;top:15px;font-size:18px;}
.ft_contact .follow_tel p span{}

.copyright{padding:30px 0;color: #FFF;font-size:16px;line-height:1.5;border-top:1px solid rgba(255, 255, 255, 0.2);}
.copyright .skinw{display:flex;align-items:center;justify-content:space-between;}
.copyright p{line-height:26px;color:#FFF;}
.copyright p a{color:#FFF;}
.copyright p a:hover{text-decoration:underline;transition:0.5s;}
.otherinfo a{color:#FFF;}
.otherinfo a:hover{text-decoration:underline;transition:0.5s;}

@media only screen and (max-width:960px){
.ft_contain {padding-top:50px;}
.ft_Left{width:100%;float:none;border-right:0;}
.ft_contact{width:100%;float:none;padding-left:0;padding-top: 30px;padding-bottom: 30px;}
}
@media only screen and (max-width:768px){
.ft_nav{display: none;}
.copyright .skinw{display: block;text-align: center;}
}
@media only screen and (max-width:499px){

}