@charset "utf-8";
/* CSS Document */
body, div, span, ul, li, h1, h2, h3, h4, h5, h6, p, input, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
body{overflow-x: hidden;}
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; /*box-sizing: border-box;*/ } 
body, table, td, tr, th, input, select { font: 14px/25px Arial, Helvetica, sans-serif; color: #333; font-family:"Microsoft YaHei", "微软雅黑";}
li { list-style: none; }
img {padding: 0;margin: 0;border: 0;height: auto!important;max-width: 100%!important;/*image-rendering: -webkit-optimize-contrast;*/}
.clear { clear: both; /*visibility: hidden;*/ }
.clearfix:after {content: "";display: block;clear: both;}
a { color: #666; text-decoration: none }
a:hover{color: #ba0227;}
.fl { float: left; }
.fr { float: right; }
i, cite, em { font-style: normal }
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;outline: none;border: none;}
h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em {font-weight: normal;font-style: normal;}
h1 { font-size: 34px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }


/*********************/
.containerBox{width: 100%;height: auto;background: #eee;}
.skinw { width: 100%; max-width: 1200px; margin: 0 auto; }
.wrapper{width: 100%; max-width: 1200px; margin: 0 auto;}
.container { margin: auto; width: 100%; max-width: 1200px; padding:50px 0; overflow: hidden; }
@media (max-width:1199px) {
.skinw, .wrapper{width:95%;}
.container{width:95%; margin:0 auto;overflow:hidden;}
}

/*Header*/
.header {width:100%;height:auto;background:#ffffff;box-shadow: 0 0 3px #eee;}

.headtop{height:120px;color:#333;overflow:hidden;border-bottom:1px solid #e6e6e6;}
.headtop .logo {float: left;display: block;margin-top: 15px;}
.headtop .logo img{float: left;display: block}
.headtop .logo div {margin-top:8px;float:left;margin-left:15px;padding-left:15px;border-left:1px solid #cacaca;font-size:13px;line-height:18px;}
.headtop .logo div span {display:block;font-weight:bold;font-size:20px;color:#ba0227;line-height:1.0;}
.headtop .logo div p {/*margin-top:10px;*//*font-size: 14px;*//*color:#868383;*/}
.headtop .logo div p em{display: block;font-weight:bold;font-size:20px;color:#ba0227;line-height:1.0;margin-top:8px;}
.headtop .right {float:right;padding-top:10px;}
.headtop .tel {float:left;height:60px;position:relative;padding-left:65px;background: url(../images/tel_icon.png) no-repeat left;color:#333;}
.headtop .tel span{display:inline-block;font-size:15px;color:#4c4c4c;line-height:60px;}
.headtop .tel strong {font-weight:bold;display:inline-block;font-size:28px;color:#bc3e49;font-family:Arial;line-height:60px;vertical-align:top;}
.language{display:flex;font-size:15px;justify-content: flex-end;margin-bottom: 10px;}
.language a{padding-left:24px;color:#333;background-position:left center; background-repeat:no-repeat; display:inline-block;}
.language a:nth-child(1){background-image:url(../images/l_CN.png);}
.language a:nth-child(2){margin-left:8px;background-image:url(../images/l_EN.png);}


.headNav{width: 100%;height: 70px;display: block;background: #ba0227;overflow: hidden;border-radius: 10px;}
.Navlist {float: left;width: 72%;line-height: 70px;height: 70px;}
.Navlist ul li{float: left;width:12.5%;text-align: center;}
.Navlist ul li a{padding-bottom: 5px;font-weight: normal;color: #fff;font-size: 16px;}
.Navlist ul li.on a, .Navlist ul li:hover a{border-bottom: 2px solid #fff;}


/*search*/
.search{float: right;margin-top: 13px;margin-right: 20px;overflow: hidden;}
.ssBox{position: relative;}
.ssBox input{width: 190px;padding: 8px 5px 7px 20px!important;border-radius: 25px;/* box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); */color: #b4b4b4;background: #FFF;box-sizing: border-box;box-shadow: inset 0 0 10px #CCC;}
button.search-submit{width:36px;height: 36px;position: absolute;top:0px;right:6px;background: url(../images/ssfdj.png) no-repeat center;cursor: pointer;}

@media only screen and (max-width:1100px) {
.headtop .logo img{width:220px;}
.headtop .logo div span{font-size: 20px;}
.headtop .logo div p{font-size:12px;}
.headtop .tel{padding-left: 55px;}
.headtop .tel strong{font-size:25px;}
}

.swiper-container img{display:block; width:100%!important;/*image-rendering:pixelated;*/}



/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 1000; 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:24px;height:2px;background:#df3b44;border-radius: 4px;margin: 6px 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:#df3b44; width:220px; height:100%; position:fixed; right:0; top:0; z-index:100; -webkit-transition:300ms; -webkit-transform:translateX(220px); transform:translateX(220px); transition:300ms; }
.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 a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);  transform: translateX(-220px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.header{ display: none; }
.hidden-g{display: block;}
.hidden-g .ul-small .lang {width:100%;overflow: hidden;padding-top:10px;}
.hidden-g .ul-small .lang a {display:block;margin:10px auto;height:40px;width:130px;line-height:40px;border-radius:5px;text-align: center;padding:0px 10px;font-size:16px;}
.hidden-g .ul-small .lang a.active {background-color: #f2681d;color: #fff;}
.swiper-button-next, .swiper-button-prev{height:0;}
.swiper-container{padding-top: 60px;}
}



/*底部*/
#Focus{color:#e60012;padding:10px;text-align:center;border:1px solid #EEE;background: #FFF;}
.footer{padding-top:36px;padding-bottom: 30px; box-sizing: border-box;color: #eee;background:#333}
.f_con{clear: both;overflow: hidden;}

.fcon_nav{padding-top:10px; padding-bottom:10px;background:#333;overflow: hidden;text-align: center;}
.fcon_nav a {font-size:15px;color: #d6d6d6;line-height:35px;padding:0 20px;}

.f_copy{border-top:1px solid rgba(255, 255, 255, .2);padding:16px 0;margin-top:20px;overflow:hidden;opacity:0.7;text-align:center;}
.f_copy p{line-height:1.8;padding:2px 0;}
.f_copy a{color: #FFF; }
.f_copy a:hover{text-decoration: underline;color: #ba0227;}

@media only screen and (max-width:1199px){

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

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

}