@charset "utf-8";
/* CSS Document */
.main {max-width:1400px;margin:0 auto;}
.skinw{max-width:1400px;margin:0 auto;}
.container {padding:60px 0 100px;margin-right: auto;margin-left: auto;overflow: hidden;}

@media screen and (max-width:1450px) {
.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;}
}
@media screen and (max-width:767px){
.main{margin-left:15px;margin-right:15px;}
.skinw{margin-left:15px;margin-right:15px;}
}



header{width:100%;height:120px;background:#FFFFFF;}
header .main{height: 100%;display: flex;justify-content: space-between;align-items: center;}
.logo{display: flex;}

.Navlist{margin: 0 auto;display: flex;justify-content: center;flex-flow: row wrap;}
.Navlist > ul > li{display:inline-block;line-height:120px;margin:0 25px;font-size:16px;position: relative;}
.Navlist > ul > li > a{text-transform: uppercase;color:#333;display: block;position: relative;}
.Navlist > ul > li > a:after{content:"";position:absolute;left: 50%; bottom:0; width: 0;height:3px;background:#da251c;transform: translate(-50%);transition: all 0.7s ease-in-out;}
.Navlist > ul > li > a:hover:after, .Navlist > ul > li > a.current:after{width:100%;}
.Navlist > ul > li > a:hover, .Navlist > ul > li > a.current{color:#bb0800}
.Navlist > ul > li .nav_son{display: none;width: 160px;position: absolute;right: 0;left: 50%;transform: translateX(-50%);top: 120px;z-index: 8;margin: auto;text-align: center;box-shadow:0 10px 25px 2px rgba(0, 0, 0, 0.05);}
.Navlist .nav_son ul{width:auto;border-top: 1px solid #eee;}
.Navlist .nav_son ul li{display:block;line-height: 22px;padding:12px 10px;margin:0;text-align: center;border-bottom: 1px solid #eee;background: #fff;transition: all 0.5s;}
.Navlist .nav_son ul li:last-child{border-bottom:0;}
.Navlist .nav_son ul li a{color: #333;font-size: 14px;}
.Navlist .nav_son ul li:hover{background:#da251c;}
.Navlist .nav_son ul li:hover a{color: #FFF;}

.top_tel{display: flex;padding:5px 0;margin-left:10px;align-items:center;font-size:15px;}
.top_tel p {padding:10px 0 10px 58px;background: url(../images/h_tel0.png) no-repeat left center;}
.top_tel span {display: block;font-size: 15px;color:#8e8e8e;line-height: 100%;}
.top_tel em {font-style: normal;display: block;font-size: 22px;color: #2A2A36;line-height: 100%;margin-top:6px;font-weight: bold;font-family:"Arial" ;}


@media screen and (max-width:1360px) {
.Navlist > ul > li{margin:0 20px}
}
@media screen and (max-width: 1280px){
.Navlist > ul > li {margin: 0 15px;font-size: 16px;}
}
@media screen and (max-width: 1200px){
.logo{width:190px;}
.Navlist > ul > li {margin: 0 10px;font-size: 15px;}
.top_tel span{font-size:14px;}
.top_tel em{font-size:18px;}
}
@media screen and (max-width: 1080px){
.logo{width:180px;}
.Navlist > ul > li {margin:0 8px;font-size: 15px;}
}
@media screen and (max-width:1024px) {
header{display:none;}
}


/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height:60px; background:#FFF; transition: 300ms; -webkit-transition: 300ms; }
.hidden-g .h-nav-g img { max-height: 96%; margin-left: 15px; }
.hidden-g .h-nav-g .btn_i {display: block; position:absolute;right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after {display: block;content: '';width:22px;height:3px;background:#222222;margin:4px 0;}
.hidden-g .h-nav-g .btn_i_click small { opacity: 0; }
.hidden-g .h-nav-g .btn_i_click:before { transform: rotateZ(45deg); transform-origin: 0px 6px; }
.hidden-g .h-nav-g .btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 5px -1px; }
.hidden-g .ul-small {background:#1f1f1f; width:250px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(250px); transform:translateX(250px); transition:300ms;overflow-y: scroll;}
.hidden-g .ul-small input {width:160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul {margin-top:20px;}
.hidden-g .ul-small ul li{}
.hidden-g .ul-small ul li > a {color: #fff;height:50px; line-height:50px;display:block;text-align:center;font-size:16px; }
.hidden-g .translate {-webkit-transform: translateX(-250px);  transform: translateX(-250px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.hidden-g{display: block;}
.m-language{display: flex;height:22px;line-height:22px;font-size:18px;font-family:Arial;position:absolute;right:80px;top:18px;z-index:100;padding-left:30px;background: url(../images/icon-Hlang.png)no-repeat left center;justify-content: space-between;align-items: center;}
.m-language a{color: #fff;}
.m-language a:hover {text-decoration:underline;}
.m-language .active {color:#6cc45c;}
.m-language span{font-size:12px;padding: 0 6px;color: #ffffff;}
}



/*banner*/
.banner{width:100%;height:auto;overflow: hidden;}
.banner .swiper-container img{display:block; width:100%!important;/*image-rendering:pixelated;*/}
.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}

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



/*热门关键词*/
.hot_keywords {height:130px;background: #efefef;overflow: hidden;}
.hotgjc {width: calc(100% - 500px);float: left;margin-top: 28px;}
.hotgjc i{display:block;font-size:28px;font-weight:bold;line-height:32px;font-family:"Arial";color:#000000;}
.hotgjc b{height:32px;display:inline-block;color:#2a2a2a;font-weight:bold;font-size:16px;line-height:32px;}
.hotgjc a{display:inline-block;color:#2a2a2a;line-height:32px;font-size:15px;}
.hotgjc span{display:inline-block;}
.hotgjc a:hover{text-decoration:underline;color:#da251c;}
.searchs {width: 400px;height: auto;float: right;margin-top:35px;overflow: hidden;position: relative;}
.searchs .sertext {border-radius:30px;display: block;outline: 0;padding-left: 20px;padding-right:60px;width: 100%;float: left;color: #a2a2a2;font-size: 15px;height: 60px;line-height: 60px;transition: 0.4s;box-sizing: border-box;background: #ffffff;}
.serbtn {position: absolute;width:60px;height: 60px;top:1px;right:1px;box-sizing: border-box;background: #222 url(../images/search-icon.png) no-repeat center center;cursor: pointer;border-radius: 50%;}

@media only screen and (max-width:1024px){
.hot_keywords{height:auto;padding-top:28px;padding-bottom:28px;}
.hotgjc{width:100%;float:none;margin-top:0;}
.searchs{width:100%;float:none;}
}




/*FOOTER*/
.foot-sale{width: 100%;padding:30px 0;background-color:#ab0005;color: #fff;overflow: hidden;}
.ft_logo{width:150px;height: auto;float: left; overflow: hidden;}
.ft_logo img{display: block;}
.fcon_lx{width:calc(100% - 300px);float: right;}
.fcon_lx ul{display: flex;justify-content: space-between;align-items: center;}
.fcon_lx li{display: block;color: #ffffff; font-size:16px;margin-top:38px;}
.fcon_lx li i{font-size: 18px;color: #ffffff;font-weight: normal;display: block;margin-bottom: 3px;}
.fcon_lx li .f_box1{padding-left: 55px;background: url(../images/fico1.png) no-repeat;}
.fcon_lx li .f_box2{padding-left: 55px;background: url(../images/fico2.png) no-repeat;}
.fcon_lx li .f_box3{padding-left: 55px;background: url(../images/fico3.png) no-repeat;}



footer{width:100%;height:auto;background:#282828;overflow:hidden;}
.ft_contain{padding-top:60px;padding-bottom:50px;overflow: hidden;}

.ft_nav{width:calc(100% - 170px);float: left;padding-right:100px; overflow:hidden;display:flex;justify-content: space-between;}
.ft_nav .item{display:block;}
.ft_nav .item h5{font-size:18px;margin-bottom:20px;font-weight:normal;}
.ft_nav .item h5 a{color:#FFF;}
.ft_nav .item p{margin-bottom:8px;font-size:15px;line-height:28px;}
.ft_nav .item p a{color:#FFF;opacity: 0.7;}
.ft_nav .item p a:hover{text-decoration:underline;color:#da271e;opacity:1;transition:0.36s;}

.ft_share{width:170px;float:right;overflow: hidden;box-sizing: border-box;}
.ft_share .follow_share{display:block;}
.ft_share .follow_share .code{display:block;margin-top: 20px;}
.ft_share .follow_share .code .codeimg{padding:0 20px; }
.ft_share .follow_share .code .codeimg img{display: block; width:130px;margin: auto;}
.ft_share .follow_share .code .title {color:#cacaca;font-size:14px;line-height: 1.5;text-align: center;padding:5px 0;}

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


@media only screen and (max-width:1200px){
.fcon_lx {width: calc(100% - 200px);}
}
@media only screen and (max-width:996px){
.foot-sale{background-color: #282828;}
.ft_logo{float: none;margin:0 auto;}
.fcon_lx{width:100%;}
.ft_contain{display: none;}
.copyright{display: block;text-align: center;}
}
@media only screen and (max-width:768px){
.fcon_lx ul{display: block;}
}



/*公共百度地图*/
#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:420px; }
#Map .MapInfo img{max-width:none!important;}
#Map .MapInfo img{max-width:none!important;}