@charset "UTF-8";
/* CSS Document */
/*导航*/
#header{ width:100%; height:105px; background:#fff; color:#000;  position:fixed; z-index:999;}
.header a{ color:#000;}

.header{ width:100%;  position:relative;}
.header .logo{ width:25%; height:105px; float:left; margin-left:5%;} 
.header .nav{width:65%; position: relative;float:right;left:15%;}
.header .nav1 li{ float:left;}
.header .nav1 li:hover .pc_nav2{ display:block;}
.header .nav1 li a{ display:block; padding:5px 40px; height:55px; margin-top:38px; font-size:15px;}
.header .nav1 li:hover a{ color:#D90000; border-bottom:4px solid #D90000; }
.header .nav1 i{ font-style:normal; display:none;}

.header .nav1 li .pc_nav2{ position:absolute; top:105px; left:0; z-index:999; width:63%; background:#D90000; display:none; padding:50px 0;}
.header .nav1 li .pc_nav2 ul li{ float:none;}
.header .nav1 li .pc_nav2 ul li a{ margin-top:2px; height:26px; font-size:15px;  padding: 0px 22px;}
.header .nav1 li:hover .pc_nav2 ul li a{ color:#fff;}
.header .nav1 li .pc_nav2 ul li a:hover{ text-decoration:underline;}

.header .nav1 li .pc_nav2 .pc_nav_l{ float:left; width:30%; line-height:28px; margin-left:5%; }
.header .nav1 li .pc_nav2 .pc_nav_r{ float:right; width:60%; border-left:1px solid #fff; padding-left:3%;}
.header .nav1 li .pc_nav2 .pc_nav_r_img{ width:40%;float:left;}
.header .nav1 li .pc_nav2 .pc_nav_r_txt{ width:37.5%;float:left;padding-left:3%;}
.header .nav1 li .pc_nav2 .pc_nav_r_txt h3{ font-size:16px; margin-bottom:13px; padding-top:1px; font-weight:normal; color:#fff;}
.header .nav1 li .pc_nav2 .pc_nav_r_txt p{ line-height:25px; font-size:13px;color:#fff;}

.header .lang span{ padding:0 10px;}
.header .lang a{ font-size:12px;}

.header .m_nav2{ display:none;}
.header .m_btn{ width:50px; height:36px; padding-top:25px; position:absolute; right:0; top:0; display:none;}
.header .m_btn span{ display:none; width:20px; height:3px; background:#D90000; margin:3px auto;}




#footer{ background:#333; color:#fff;}










.footer_t{ width:100%; max-width:1200px; margin:0 auto; padding-top:3%; padding-bottom:1%;}
.footer_l{ width:80%; float:left;}
.footer_l h3{font-size:17px;font-weight:normal; letter-spacing:2px; padding-bottom:15px; }
.footer_l a{ display:block;font-size:14px; color:#ddd; line-height:28px;}
.footer_l li{ margin-right:40px;}
.footer_r{ width:20%; float:right; }
.ewm{ float:left; margin-right:10px;}
.footer_r span{ display:block; font-size:13px; line-height:30px; text-align:center;}
.bq{ width:100%; line-height:35px; font-size:12px; color:#ddd; text-align:center; padding-top:25px;}
.bq a{ color:#ddd;}
.footer_b{ padding:1.5% 0; border-top:1px solid #666; text-align:left; color:#5b5a56; max-width:1200px; margin:0 auto;}
.footer_b span{ padding-left:10px;color:#666;}
.footer_b span a{color:#666;}

/*手机*/
/*平板*/
@media (min-width: 200px) and (max-width: 1300px){
#header{ height:70px;}
.header{ width:100%; height:70px; background:#fff; position:fixed; z-index:999;}
.header .logo{  margin-top:0; width:50%; margin-left:4%; height:70px; float:none;}
.header .pc_nav2,.header .search{ display:none;}
.header .m_btn span{ display:block;}
.header .m_btn{ display:block;}

.header .m_nav2{ display:block; overflow:hidden;}
.header .nav1 li:hover .pc_nav2{ display:none;}
.header .nav1 li:hover a{ color:#fff; background:#D90000;line-height:45px;}
.header .nav1{ position:relative;}
.header .nav1 i{ display:block; position:absolute; right:5%; top:16px; width:10px; height:5px;-webkit-transition: all 0.8s; transition: all 0.8s; -webkit-transform-origin: center bottom;transform-origin: center bottom}
.header .nav{ float:none; position:absolute; top:70px; left:0; min-width:100%; overflow:hidden; opacity:0;}
.header .nav1 li{ float:none; background:#000;position:relative;}
.header .nav1 li a{padding:0; margin-top:0; line-height:45px; width:100%; text-align:center;  background:#D90000; color:#fff;}
.header .nav1 li .m_nav2 li a{ background:#900; border:none;}
.tel{float: left;margin-top:0px;width:0%; display:none; }
.header .lang{ display:none;}
}


@media (min-width: 1250px) and (max-width: 1400px){
.footer_t,.footer_b{ max-width:1200px; }

}

@media (min-width: 992px) and (max-width: 1250px){
.footer_t,.footer_b{ max-width:900px; }
.footer_r{ width:10%;}
.footer_l li{ margin-right:60px;}
}


/*平板*/
@media (min-width: 765px) and (max-width: 1300px){

.footer_t{width:95%; padding-top:7%;margin-left:2%;}
.footer_r{  float: right; padding-top:0%; width:12%;}
.footer_b{ padding:3%;}
.footer_l{ width:auto;}
.footer_l a{ line-height:25px;}
.footer_l h3{ letter-spacing:1px; font-size:15px;}


}


/*手机*/
@media (max-width: 765px){
.header .logo{  margin-top:8px; width:80%; margin-left:4%; height:55px; float:none;}
.header .logo img{width:100%;}
.tel{float: left;margin-top:0px;width:0%; display:none; }
.footer_t{ width:95%; padding-top:5%; padding-bottom:2%; margin-left:2%;}

.footer_l{ width:100%;}
.footer_l a{ line-height:25px;}
.footer_l li{ margin-bottom:5%; margin-right:0px; margin-left:0;}
.footer_l h3{ letter-spacing:1px; font-size:15px;}

.footer_r{ width:50%; float: none; clear:both; margin-top:5%; text-align:center; margin:0 auto;}
.ewm{text-align:center;}
.footer_r span{ font-size:13px; }
.footer_b{ line-height:16px; padding:5% 3%;}

.header .nav1a{display:block; padding:5px 23px; height:45px; margin-top:0px; font-size:16px;}
.footer_b .lang span{ display:inline-block;}
}



.sidebar{position:fixed;top:50%;right:62px;width:42px;text-align:center;z-index:10;height:250px;margin-top:-125px;z-index:9999;line-height:42px}
.sidebar a{width:42px;height:42px;border-radius:21px;cursor:pointer;display:block;overflow:hidden;transition:all .3s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);-o-transition:all .3s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);-moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)}
.sidebar a>span{color:#fff;font-size:14px;margin-left:25px;display:none;line-height:42px;height:42px;opacity:0;filter:alpha(opacity=0);transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)}
.sidebar a.right-qq{background:url(../images/sidebar-icon1.png) no-repeat center;margin-bottom:10px;background-color:#999;position:absolute;right:0;top:0}
.sidebar a.right-qq:hover{width:148px;background:url(../images/sidebar-icon1.png) no-repeat 20px center #D00000}
.sidebar a.right-weixin{background:url(../images/sidebar-icon2.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:52px;overflow:visible}
.sidebar a.right-weixin:hover{background:url(../images/sidebar-icon2.png) no-repeat center #D00000}
.sidebar a.right-weixin:hover .weixin-code{opacity:1;visibility:visible;left:-140px}
.sidebar .weixin-code{position:absolute;left:-125px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease}
.sidebar .weixin-code img{width:120px;height:120px}
.sidebar a.right-tell{background:url(../images/sidebar-icon3.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:104px}
.sidebar a.right-tell:hover{width:160px;background:url(../images/sidebar-icon3.png) no-repeat 20px center #D00000}
.sidebar a.right-top{background:url(../images/sidebar-icon5.png) no-repeat center;background-color:#999;position:absolute;bottom:20%;right:0}
.sidebar a.right-top:hover{width:120px;background:url(../images/sidebar-icon5.png) no-repeat 20px center #D00000}
.sidebar a:hover>span{display:block;vertical-align:middle;opacity:1;filter:alpha(opacity=100); text-decoration:none;}


@media (max-width:800px){
	.sidebar{width:100%;height:42px;right:0;bottom:.6rem;margin-top:0;background:0 0;top:auto}
	.sidebar a{display:inline-block;margin:0 .2rem;position:relative}
	.sidebar a>span{display:none}
	.sidebar a.right-message,.sidebar a.right-qq,.sidebar a.right-tell,.sidebar a.right-top,.sidebar a.right-weixin{position:relative;right:auto;top:auto;left:auto;bottom:auto;margin-bottom:0}
	.sidebar a.right-message:hover,.sidebar a.right-qq:hover,.sidebar a.right-tell:hover,.sidebar a.right-top:hover,.sidebar a.right-weixin:hover{width:42px;background-position:center}
	.sidebar a:hover>span{display:none}
	.sidebar .weixin-code{left:50%;top:-125px;transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);-o-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0)}
	.sidebar a.right-weixin:hover .weixin-code{top:-140px;left:50%}
	.fixed-message{left:50%;top:-300px;transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);-o-transform:translateX(-50%) translateY(0);-webkit-transform:translateX(-50%) translateY(0);-moz-transform:translateX(-50%) translateY(0)}
	.fixed-message:after{border-width:7px 7px 0 7px;border-color:#fff transparent transparent transparent;bottom:-7px;top:auto;right:auto;left:50%;margin-top:0;margin-left:-7px}
	.sidebar a.right-message:hover .fixed-message{top:-360px;left:50%}
	}
	@media (max-width:640px){.sidebar a.right-message:hover .fixed-message{top:auto;bottom:80px;left:50%}.fixed-message:after{left:75%}}