@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../fonts/SourceHanSansCN-Regular.otf") format("opentype");
}
@font-face {
  font-family: "SourceHanSansCN-L";
  src: url("../fonts/SourceHanSansCN-Light.otf") format("opentype");
}
.main {margin-left:160px;margin-right:160px;}
.skinw{margin-left:160px;margin-right:160px;}
.wrapper{margin-left:160px;margin-right:160px;}
.container {width: 100%;padding:30px 0 80px 0;overflow: hidden;margin-right: auto;margin-left: auto;}

@media screen and (max-width:1680px) {
.main {margin-left: 90px;margin-right: 90px;}
.skinw{margin-left: 90px;margin-right: 90px;}
.wrapper{margin-left: 90px;margin-right: 90px;}
}
@media screen and (max-width:1366px){
.main{margin-left: 70px;margin-right: 70px;}
.skinw{margin-left: 70px;margin-right: 70px;}
.wrapper{margin-left: 70px;margin-right: 70px;}
}
@media screen and (max-width:1200px){
.main{margin-left: 50px;margin-right:50px;}
.skinw{margin-left: 50px;margin-right:50px;}
.wrapper{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;}
.wrapper{margin-left: 30px;margin-right: 30px;}
}
@media screen and (max-width:767px){
.main{margin-left: 15px;margin-right: 15px;}
.skinw{margin-left: 15px;margin-right: 15px;}
.wrapper{margin-left: 15px;margin-right: 15px;}
}



header{width:100%;height:100px;position:fixed;top:0;transition:0.5s;/*background: rgba(0,0,0, 0.15);*/z-index:100;}
header .main{height: 100%;display: flex;justify-content: space-between;align-items: center;}
.logo{display: flex;}
.head-right{display: flex;justify-content: center;flex-flow: row wrap;align-items: center;}
.Navlist{}
.Navlist > ul > li{display:inline-block;line-height:100px;margin:0 25px;font-size:18px;position: relative;}
.Navlist > ul > li > a{text-transform: none;color:#FFF;display: block;}
.Navlist > ul > li > a:hover{color:#3d95d3}
.Navlist > ul > li > a.current{/*color:#3d95d3;*/}
.Navlist > ul > li .nav_son{width: 200px;background: #fff;height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;z-index: 199;padding: 13px 0 17px;box-shadow: 0 0 10px rgba(0,0,0,0.12);}
.Navlist li .nav_son {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=100, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s;  -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
.Navlist li:hover .nav_son { opacity: 1; visibility: visible; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
.Navlist li .nav_son a {color: #666;display: block;font-size: 14px;line-height: 25px;transition: all 0.2s ease-in-out 0s;width: 100%;background: #fff;box-sizing: border-box;padding: 5px 20px;}
.Navlist li .nav_son a:hover { color:#3d95d3; background: #f5f5f5; }

.tel-sear{display:flex;justify-content: center;flex-flow: row wrap;align-items: center;padding-left:80px;position: relative;}
.tel-sear:before{width: 1px;height:35px;position:absolute;left:30px;top: 2px;background: #DFDFDF;content: "";}
.toptel{position: relative;padding-left:60px;font-size: 14px;line-height: 1.2;text-align:left;color:#FFF;}
.toptel:before{content:"";background: url(../images/tel-phone.png) no-repeat;width: 40px;height: 40px;position: absolute;left: 0;top:2px;filter:invert(0);-webkit-filter:invert(0);}
.toptel span{display: block;font-size: 22px;font-weight: bold;}
.sousuo{display:flex;width: 40px;height: 40px;margin-left:20px;overflow:hidden;background:#3d95d3;border-radius: 50%;}   
.sousuo .iconfont{display: block;width: 40px;height: 40px;}
.icon-search {background: url(../images/search-btn.png)no-repeat center;/* filter:invert(1); *//* -webkit-filter:invert(1); */}
.icon-guanbi {background: url(../images/searchgb-btn.png)no-repeat center;/*filter:invert(1); *//*-webkit-filter:invert(1);*/}

/*搜索*/
.searchbox{width: 100%;top:100px;text-align: center;z-index:10;position: fixed;}
.displaynone {display: none;}
.searchbox .skinw{width:auto;height: 80px;overflow: hidden;position: relative;}
.searchbox .searchs {position:absolute;top:0;right:0;width: 320px;height: 80px;background: #f5f5f5;padding: 15px 10px;}
.searchbox .searchs .sertext {width: 300px;height: 50px;line-height: 48px;border-radius: 30px;border: 1px solid #dddddd;padding: 0 50px 0 20px;font-size: 14px;color: #999999;}
.searchbox .searchs .serbtn {position: absolute;width:40px;height:40px;top: 20px;right: 20px;box-sizing: border-box;background: url(../images/search-icon.png) no-repeat 10px center;cursor: pointer;}


header.white{background:#FFFFFF;-moz-box-shadow:0px 0px 10px rgb(0,0,0,0.18);-webkit-box-shadow:0px 0px 10px rgb(0,0,0,0.18);box-shadow:0px 0px 10px rgb(0,0,0,0.18);}
header.white .Navlist > ul > li > a{color: #333;}
header.white .Navlist > ul > li > a:hover{color:#3d95d3;}
header.white .toptel{color:#333}
header.white .toptel:before{filter: invert(1);-webkit-filter: invert(1);}
header .logo .wlogo{display: block}
header .logo .blogo{display: none}
header.white .logo .wlogo{display: none}
header.white .logo .blogo{display: block}

@media screen and (max-width: 1420px){
.Navlist > ul > li {margin:0 12px;font-size: 16px;}
}
@media screen and (max-width: 1200px){
.tel-sear{padding-left:60px;}
.toptel{font-size: 13px;}
.toptel:before{top:0;}
.toptel span{font-size:18px;}
}
@media screen and (max-width: 1099px){
.logo img{width:180px;}
.Navlist > ul > li {margin:0 10px;font-size: 15px;}
.toptel{padding-left:50px;}
.toptel span{font-size:16px;}
}	
@media screen and (max-width:1024px) {
header{display:none;}
}


/*------------手机站导航开始----------*/
.mask {width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:9;display:none;}
.m-header {width:100%;height:60px;background-color:#FFF;position:sticky;top:0;z-index:10;display:none;}
.m-header .main {height:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;}
.m-header .main .logo {width:50%; position:relative;}
.m-header .main .logo img {width:auto;height: 50px; position:absolute;left:0px;top:50%;transform:translateY(-50%);z-index:2;}
.m-header .main .right {overflow:hidden;display:inline-flex;align-items:center;}
.m-header .main .right a {display:block;float:left;width:20px;margin-left:13px;height:25px;color:#000;}
.m-header .main .right a i {display:inline-block;font-size:20px;transition:all .3s linear;}
.m-header .main .right a img {width:100%;height:100%;}
.m-header .m-nav {width:100%;position:fixed;top:60px;left:0;background-color:#3d95d3;padding:0px 20px 20px 20px;display:none;}
.m-header .m-nav .nav {width:100%;}
.mobile-menu .navbar-collapse {display: block !important;}
.mobile-menu .menu-box {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;max-height: 100%;overflow-y: auto;background: #fff;padding: 0px 0px;z-index: 5;opacity: 0;visibility: hidden;border-radius: 0px;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);}
.mobile-menu-visible .mobile-menu .menu-box {opacity: 1;visibility: visible;-webkit-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu .close-btn {position: absolute;right: 20px;top: 15px;line-height: 30px;width: 24px;text-align: center;font-size: 30px;color: #5d5d5d;cursor: pointer;z-index: 10;-webkit-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;}
.mobile-menu .navigation {position: relative;display: block;width: 100%;float: none;}
.mobile-menu .navigation li {position: relative;display: block;border-bottom: 1px solid #5fc3e3;}
.mobile-menu .navigation:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.mobile-menu .navigation li>ul>li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.10);}
.mobile-menu .navigation li>a {position: relative;display: block;line-height: 24px;padding: 15px 25px;font-size: 15px;font-weight: 500;color: #ffffff;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.mobile-menu .navigation li ul li>a {font-size: 15px;margin-left: 20px;padding: 10px 25px;text-transform: capitalize;}
.mobile-menu .navigation li>a:before {content: '';position: absolute;left: 0;top: 0;height: 0;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.mobile-menu .navigation li.current>a:before {height: 100%;}
.mobile-menu .navigation li.dropdown .dropdown-btn {position: absolute;right: 6px;top: 12px;width: 32px;height: 32px;text-align: center;font-size: 16px;line-height: 30px;color: #FFF;background: rgb(93 93 93 / 0.1);cursor: pointer;border-radius: 2px;-webkit-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;z-index: 5;}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {display: none;}


@media screen and (max-width: 1024px){
.m-header {display: block;}
}


/*banner*/
.banner .ibanner{width:100%;height:auto;overflow: hidden;}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}
.banner .ibanner .swiper-slide {position: relative; overflow: hidden;height:100%!important;}
.banner .ibanner .swtext-h1 {width:83vw;max-width: 1680px;margin-left: auto;margin-right: auto;position: absolute;left: 50%;top: 50%;z-index: 100;transform:translateX(-50%) translateY(-50%);transition: 1.4s;color: #FFF;}
.banner .ibanner .swtext-h1 .p1 {font-size:50px;display: inline-block;position: relative;transition: all 1s cubic-bezier(.24, .77, .25, 1);transition-delay: .1s;line-height: 1.2;}
.banner .ibanner .swtext-h1 .p1 em{color:#d33d48;padding: 0 4px;display: inline-block;}
.banner .ibanner .swtext-h1 .p2 {font-size:30px;transition: all 1s cubic-bezier(.24, .77, .25, 1);transition-delay: .2s;margin: 30px 0 40px;line-height: 1.2;font-family: "SourceHanSansCN-L";}
.banner .ibanner .swtext-h1 .p2 span{display:block;}
.banner .ibanner .swtext-h1 .answ {opacity: 0;filter: alpha(opacity=0);transform: translate(0, 100px);transition-duration: 0.8s;transition-property: all;transition-timing-function: ease-out;}
.banner .ibanner .swiper-slide-active .answ{opacity: 1;filter: alpha(opacity=100);transform: translate(0, 0)}


@media only screen and (max-width:1360px){
.banner .ibanner .swtext-h1{width:92%;}
}
@media only screen and (max-width:768px){
.banner .ibanner .swtext-h1 .p1{font-size:30px;}
.banner .ibanner .swtext-h1 .p2{font-size:20px;}
}
@media only screen and (max-width:499px){
.banner .ibanner .swtext-h1{width:94%;}
.banner .ibanner .swtext-h1 .p1{font-size:20px;}
.banner .ibanner .swtext-h1 .p2{font-size:16px;margin:15px 0 20px;}
}


/*FOOTER*/
footer{width:100%;height:auto;overflow:hidden;background: #292B31;background-size:cover;}
.ft_contain{padding-top:100px;padding-bottom:100px;overflow: hidden;}
.ft_contain .skinw{display: flex;/*align-items: center;*/justify-content: space-between;}
.ft_contain .foot_title {font-size:20px;color: #ffffff;font-weight:normal;margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #FFF;}
.ft_contain .foot_title em{font-size:16px;padding-left:8px;opacity:0.6;}

.ft_contact{width:32%;overflow: hidden;box-sizing: border-box;}
.ft_contact .follow_tel{width:100%; display:block;overflow: hidden;}
.ft_contact .follow_tel p{color:#fff;font-size:18px;line-height:1.5;margin-bottom:12px;font-family:"SourceHanSansCN-L";}

.ft_ewm{width:22%;overflow:hidden;}
.ft_ewm .widget_contact{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.ft_ewm .widget_contact li{width:32%;}
.ft_ewm .widget_contact li em{color: #F1F1F1;text-align: center;display: block;}
.ft_ewm .LXlink{display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: flex-start;margin-top: 25px;}
.ft_ewm .LXlink a{width:45%; height:40px;border:1px solid #e3e3e3;border-radius:38px;line-height:38px;margin-right:5%; text-align: center;transition:0.5s ease;}
.ft_ewm .LXlink a i{display:inline-block;font-size:15px;transition:0.5s ease;color:#FFF;}
.ft_ewm .LXlink a span{display:inline-block;font-size:15px;padding-left:10px;transition:0.5s ease;color:#FFF;}
.ft_ewm .LXlink a:hover{background:#3d95d3;border: 1px solid #3d95d3;}

.ft_service{width:32%;overflow:hidden;}
.ft_service ul{display:block;}
.ft_service li{width:32.33%;padding:10px 10px;border:2px solid #8c959f;float:left;margin-right:1.5%;margin-bottom:10px;transition:.5s}
.ft_service li a{display: block; color:#FFF;text-align: center;}
.ft_service li:nth-child(3n){margin-right:0;}
.ft_service li:hover{border:2px solid #72cbe8;background:#3d95d3;}


.ftbox{padding-bottom:30px;overflow: hidden;font-family: "SourceHanSansCN-L";}
.ftbox p{color: #FFF;font-size: 15px;line-height: 1.5;}
.ftbox .ft_nav{width:100%; margin-top: 10px;overflow: hidden;}
.ftbox .ft_nav ul{display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: flex-start;}
.ftbox .ft_nav li{font-size: 15px;color: #FFF;line-height:30px;}
.ftbox .ft_nav li a{color: #FFF;}
.ftbox .ft_nav li a:hover{color:#3d95d3;}
.ftbox .ft_nav li em{padding:0 12px;opacity: 0.5;}
.ftbox .ft_nav li:last-child em{display: none;}

.copyright{padding:30px 0;color:#FFF;font-size:14px;line-height:1.5;border-top:1px solid #46484e;}
.copyright .skinw{display: flex;align-items: center;justify-content: space-between;}
.copyright .cr-left{opacity:0.6;}
.copyright .cr-left p{line-height:26px;color:#FFF;}
.copyright .cr-left p a{color:#FFF;transition:0.5s;}
.copyright .cr-left p a:hover{color:#3d95d3;}
.copyright .cr-right{opacity:0.6;}
.copyright .cr-right a{color:#FFF;transition:0.5s;}
.copyright .cr-right a:hover{color:#3d95d3;}
.copyright .cr-right em{padding:0 6px;}

/*fLink*/
.fLink{width:100%;overflow:hidden;height:auto;padding:25px 0;background:#FFF;}
.fLink h2{width:120px;float:left;font-size:14px;font-weight:bold;height:30px;line-height:30px;overflow:hidden;color: #5a6571;opacity:0.6;}
.fLink h2 em{font-size:14px;color: #5a6571;font-family:"Arial";display:inline-block;font-weight: bold;padding-left:5px;}
.fLink .bd{margin-left:120px;}
.fLink .bd a{margin-left:14px;color: #5a6571;display:inline-block;line-height:30px;opacity:0.66;font-size:14px}
.fLink .bd a:hover{color:#1d427a;opacity:1;}

@media only screen and (max-width:1160px){
.ft_contact .follow_tel p{font-size:16px;}
.ft_ewm{width: 26%;}
}
@media only screen and (max-width:1024px){
.ft_contact{width:32%;}
.ft_ewm{width:26%;}
.ft_service{width:32%;}
}
@media only screen and (max-width:768px){
.ft_contain .skinw{flex-wrap: wrap;}
.ft_contain{padding-bottom:60px;}
.ft_contact{width:100%;margin-bottom:20px;}
.ft_ewm{width:100%;margin-bottom:20px;}
.ft_service{width:100%;}
}
@media only screen and (max-width:600px){
.ft_ewm{width:100%;margin-top: 50px;}
.copyright .skinw{display: block;text-align:center;}
}


/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; width: 100%; box-sizing: border-box; border: 1px solid #ccc;}
#Map .MapInfo #MapContainer{ width: 100%; height:520px; }
#Map .MapInfo img{max-width:none!important;}
#Map .MapInfo img{max-width:none!important;}