/* CSS Public.v1 */

/* Com */
*{margin:0;padding:0;box-sizing:border-box;}
body{background: #fcfafa;color:#333; font-size:14px; margin:0 auto;}
li{list-style: none;}
a{text-decoration: none;color:#333;}
a:hover{color:#f11818;text-decoration:none;}
i{font-style: normal;}
em{font-style: normal;}
input,textarea{outline: none;}
.clear:after{clear: both;}
.clear:before, .clear:after{content: '';display: table;}

.boxSizing{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.transition{-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}



/* Head */
.headbg{ width:100%; background:#f3f3f3; }
.head_nav {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 20px;line-height:38px; height:45px;}
.head_nav_r {color: #666666;}
.head_nav ul {display: flex;list-style: none;align-items: center;}
.head_nav ul li {position: relative;margin-left: 20px;}
.head_nav ul li a {color: #666666;text-decoration: none;display: flex;align-items: center;padding: 8px 15px;border-radius: 4px;transition: all 0.3s ease;	}
.head_nav ul li a:hover {background-color: rgba(255, 255, 255, 0.1);}
	 
.head_nav_rt{overflow:hidden; float:right;color:#666666;}
.head_nav_rt a{color:#666666;line-height: 38px;padding:0 15px }
.head_nav_rt a:hover{color:#f11818}
.head_nav_rt span{ color:#cfcfcf; font-size:10px;}

/* 下拉菜单样式 */
.head_nar_dd {position: relative;cursor: pointer;}
.head_nar_dd-content {position: absolute;top: 100%;right: 0;background-color: white;min-width: 150px;border-radius: 4px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);z-index: 1000;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;}
.head_nar_dd:hover .head_nar_dd-content {opacity: 1;visibility: visible;transform: translateY(0);} 
.head_nar_dd-content a {color: #333 !important;padding: 12px 16px;text-decoration: none;display: block;border-bottom: 1px solid #f1f1f1;}
.head_nar_dd-content a:hover {background-color: #f5f7fa;color: #f11818 !important;}
.head_nar_dd-content i {margin-right: 10px;width: 20px;text-align: center;}

/* LOGO */
.head_logo{width:1200px; margin:0 auto; height:95px; line-height:103px;}
.head_logo_l{width:275px; float:left; height:95px}
.head_logo img{margin-bottom:1px; margin-right: 14px;vertical-align: middle;width: 207px;height: 54px;}
.head_logo span{color:#d4d4d4; font-size:20px; font-family:"PingFang Light";}
.head_logo .logor{font-size:16px; color:#999; margin-left:11px;}
.head_logo .head_logo_r{ float:left; padding-top:30px}
.head_logo .head_logo_r ul li{ padding:5px 0px; float:left; line-height:20px;}
.head_logo .head_logo_r ul li a{color:#333; font-size:16px}
.head_logo .head_logo_r ul li a:hover{color:#f11818;}


/* 菜单 */
.carect {position: relative;width: 0;height: 0;margin-left: 5px;margin-bottom: 2px;border-top: 6px solid;border-left: 5px solid transparent;border-right: 5px solid transparent;border-radius: 10px;display: inline-block;}
nav li, nav a {text-decoration: none;list-style: none;}
nav ::-webkit-scrollbar {display: none;}
nav .nav-list {-webkit-box-sizing: border-box;box-sizing: border-box;float: right;margin-right: 20px;}

@media (max-width: 1200px) {
  nav .nav-list {
    position: fixed;
    height: 100%;
    top: 0;
    padding-top: 10px;
    width: 60%;
    background: #fff;
    left: -60%;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-box-shadow: 3px 0px 10px #f0eded;
    box-shadow: 3px 0px 10px #f0eded;
  }
}
nav .nav-list > li {
  position: relative;
  list-style: none;
  float: left;
  text-align: center;
}
@media (max-width: 1200px) {
  nav .nav-list > li {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  nav .nav-list > li {
    margin-bottom: 15px;
  }
}
nav .nav-list > li .active {
  color: #fff;
}
nav .nav-list > li a {
  color: #5a5c5f;
  display: inline-block;
  line-height: 32px;
  padding: 1px 15px;
  margin: 0 10px;
  font-size: 14px;
  border-radius: 5px;
  text-decoration: none;
}
@media (max-width: 1200px) {
  nav .nav-list > li a {
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
}
nav .nav-list > li a:hover {
  color: #f11818;
}
nav .nav-list > li .menu {
  min-width: 100px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px #ccc;
  box-shadow: 0 2px 10px #ccc;
  position: absolute;
  border-radius: 5px;
  white-space: nowrap;
  left: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: 1s;
  transition: 1s;
}
@media (max-width: 1200px) {
  nav .nav-list > li .menu {
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 0;
    -webkit-box-shadow: 0 -1px 7px #ccc inset;
    box-shadow: 0 -1px 7px #ccc inset;
  }
}
nav .nav-list > li .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
nav .nav-list > li:hover .menu {
  height: auto;
  z-index:99;
}
nav .nav-menu {
  display: none;
  z-index: 999;
  background: #fff;
  cursor: pointer;
}
@media (max-width: 1200px) {
  nav .nav-menu {display: block;float: right;padding: 8px 5px;position: relative;border: 1px solid #ccc;border-radius: 5px;margin-right: 15px;}
  nav .nav-menu span {height: 2px;width: 25px;display: block;background: #CCC;border-radius: 10px;}
  nav .nav-menu span + span {margin-top: 6px;}
}
nav .open {
  left: 0%;
  overflow: auto;
}


/* Banner */
.banner_bg{ width:100%; overflow:hidden;position: relative;}
.banner{width: 1200px;margin:0 auto;}
.banner img{display: block;width: 100%;margin: 0 auto 20px;}

.bannerBox{width: 1200px;height: 280px;position: relative;margin: 0px auto 0px;cursor: pointer;overflow: hidden;border-radius: 10px;}
.bannerBox:hover .left{display: block;}
.bannerBox:hover .right{display: block;}
#swiper1,#swiper2{width: 1200px;height: 280px;}
#swiper1{
	filter:alpha(opacity=95);   
	-moz-opacity:0.95;     
	opacity: 0.95;   				
}

#swiper1 .swiper-slide,#swiper1 img{
	width: 1200px;
	height: 280px;
	font-size: 100px;
	line-height: 280px;
	text-align: center;
	object-fit: cover;
}

.direction img{margin-top: 12px;}
.left{
	position: absolute;
	top: 112px;
	width: 26px;
	height: 65px;
	background-color: rgba(64,64,64,0.6);
	text-align: center;
	line-height: 65px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	z-index: 2;
	display: none;
}
.left img{
	width:15px ;
	height: 28px;
	margin-top: 18px;
	margin-right: 3px;				
}
.right{
	position: absolute;
	top: 112px;
	right: 0;
	width: 26px;
	height: 65px;
	background-color: rgba(64,64,64,0.6);
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	z-index: 2;	
	display: none;			
}
.right img{
	width:15px ;
	height: 28px;
	margin-top: 18px;
	margin-left: 6px;				
}

/*网站底部 */   
.bottom {background-color: #ffffff;background-color: #474747;color: #474747;color: #ffffff;padding: 20px 0px}
.bottom a {color: #333333;color: #ffffff}
.bottom .footnav a:hover,
.bottom .footnav a:hover span {
    color: #0b84cf !important;
    color: #ffffff !important
}
.bottom .footnav {margin-bottom: 10px}

.bottom .footnav a {padding: 0 25px;height: 17px;line-height: 17px;white-space: nowrap}

.bottom .footnav a+a {border-left: 1px solid;border-color: #e4eaec}

.bottom_info{line-height: 30px;}

.bottom-center {text-align: center !important}

/***************右侧浮动******************/
.fix_side{width: 75px;position: fixed;bottom: 120px;right: 10px;z-index: 110 !important;}
.fix_side ul{background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 8px;}
.fix_side li{position: relative;height: 75px;transition: all .3s linear;text-align: center;cursor: pointer;padding-top: 15px;}
.fix_side li::after{
    content: " ";
    position: absolute;
    width: 84%;
    height: 1px;
    background: #ececec;
    left: 8%;
    bottom: 0;
}
.fix_icon{ width:18px; margin:0 5px 0 0; position:relative; overflow:hidden;display: inline-block;}
.fix_side li:first-child .fix_icon{
    width: 21px;
    height: 21px;
    background: url(../images/side_icon1.png) no-repeat 0 0;
    background-size: cover;
}
.fix_side li:nth-child(2) .fix_icon{
    width: 21px;
    height: 21px;
    background: url(../images/side_icon2.png) no-repeat 0 0;
    background-size: cover;
}
.fix_side li:nth-child(3) .fix_icon{
    width: 21px;
    height: 21px;
    background: url(../images/side_icon3.png) no-repeat 0 0;
    background-size: cover;
}
.fix_side li:nth-child(4) .fix_icon{
    width: 21px;
    height: 21px;
    background: url(../images/side_icon4.png) no-repeat 0 0;
    background-size: cover;
}
.fix_side li:last-child .fix_icon_fh{
    width: 18px;
    height: 25px;
    background: url(../images/side_icon5.png) no-repeat 0 0;
    background-size: cover;
    display: inline-block;
}
.fix_side li:last-child{height: 40px;line-height: 40px;}
.fix_side li:last-child::after{display: none;}
.fix_side li:hover{background: #ed4d58;}
.fix_side li:hover b{color: #fff;}
.fix_side li:hover::after{display: none;}
.fix_side li:hover a{color: #fff;}
.fix_side li:first-child:hover{border-top-right-radius: 8px;border-top-left-radius: 8px;}
.fix_side li:last-child:hover{border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.fix_side li:hover .fix_icon{background-position: -28px 0;transition: all .3s linear;}
.fix_side li:hover .fix_icon_fh{background-position: 0 -30px;transition: all .3s linear;}

.fix_side .box{position: absolute;right: 95px;background: #fff;top: 0;box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 8px;width: 200px;
    box-sizing: border-box;border: 1px solid #e8e8e8;box-sizing: border-box;display: none;}
.fix_side .box em{
    border: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    transform: rotate(-90deg);
    right: -16px;
    top: 25px;
}
.fix_side .box .box_phone{display: inline-block;font-size: 20px;color: #e30518;height: 45px;margin-top: 20px;}
.fix_side .box_icon{height: 24px;margin-right: 5px;vertical-align: text-bottom;}
.fix_side .box1{padding: 10px 5px;}
/*.box_img{border: 1px solid #e30518;border-radius: 8px;}*/
.box_img img{width: 100%;display: block;}
.fix_side .box1 p{line-height: 2.4em;}
.fix_side li:hover .box{display: block;}


/*当前位置*/
.data-crumbs{width:1200px; height:50px; line-height:50px; margin:0 auto;font-size: 14px;color: #999;}
.data-crumbs img{margin:0 5px -3px 0;}
.data-crumbs a{color:#999;font-size: 14px;}
.data-crumbs a:hover{ color:#e30518;}
.data-crumbs span{padding: 0 8px;}

/*弹窗*/
.index_popup_bg{width: 100%;height: 100%;background: rgba(0, 0, 0, .5);position: fixed;top: 0;left: 0;z-index: 100;display: none;}
.index-mpopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.index-mpopup .index-mpopup_closebtn {
    position: absolute;
    top: -20px;
    right: -27px;
    cursor: pointer;
    height: 25px;
}

/*----页数----*/
.page_li{text-align: center;font-size:14px;padding:22px 0;background:#fff;}
.page_li a{padding:4px 15px;background:#fff;display: inline-block;margin:2px;color:#666;border: 1px solid #e6e6e6;}
.page_li span{margin:0 5px;}
.page_li .on{padding:6px 10px;color:#fff;background:#f33;}
.page_li .ys {padding: 5px 15px;}

/* 404 */
.err_bg {text-align: center;}