/* header */
.header_fixed{position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.4); padding-top: 50px; z-index: 9999; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header_fixed .container{position: relative;}
.header_fixed .container:after{content: ''; display: block; clear: both;}
.header_fixed .logo{float: left;}
.header_fixed .logo img{display: block;}
.header_fixed ul{float: left; margin-left: 20px; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;z-index: 99;position: relative;}
.header_fixed ul li{float: left; margin: 0 5px;}
.header_fixed ul li a{display: block; padding: 0 23px; line-height: 60px; border-bottom: 3px solid transparent; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header_fixed ul li a:hover,.header_fixed ul li.active a{color: #d6000f; border-color: #d6000f;}
.header_fixed .operate{position: absolute; right: 0; bottom: 32px; font-size: 16px; color: #fff; line-height: 26px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header_fixed .operate .top{ text-align: right; }
.header_fixed .operate a{-webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header_fixed .operate a.link{display: inline-block; width: 64px; height: 26px; border-radius: 3px; border: 1px solid rgba(255,255,255,.3); text-align: center; font-size: 12px; color: #fff; line-height: 24px;}
.header_fixed .operate a.link:before{content: ''; width: 20px; height: 18px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: 20px auto; vertical-align: middle; margin: -2px 2px 0 0; display: none;}
.header_fixed .operate a.link:nth-of-type(1):before{background-image: url(../images/header_icon1.png);}
.header_fixed .operate a.link:nth-of-type(2):before{background-image: url(../images/header_icon2.png);}
.header_fixed .operate a.link:hover{background: #d6000f; border-color: #d6000f;}
.header_fixed .operate i{width: 20px; height: 20px; display: inline-block; background: url(../images/header_icon3.png) center no-repeat; background-size: 20px; vertical-align: middle; margin-top: -2px;}
.header_fixed .operate a.wx{
	position: relative;
}
.header_fixed .operate a.wx .hover{
	position: absolute;
	top: 98%;
	left: 50%;
	width: 130px;
	margin-left: -65px;
	padding-top: 15px;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.header_fixed .operate a.wx .box{
	background-color: #fff;
	border-radius: 5px;
	padding: 8px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	position: relative;
}
.header_fixed .operate a.wx .box:after{
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #fff;
}
.header_fixed .operate a.wx:hover .hover{
	opacity: 1;
	visibility: visible;
}
.header_fixed .operate a.wx .hover img{
	width: 100%;
	display: block;
}
.header_fixed .operate a.lang{display: inline-block; font-size: 12px; color: #fff; opacity: 4; margin: 0 5px;}
.header_fixed .operate .search{margin-top: 10px; border: 1px solid #fff; border: 1px solid rgba(255,255,255,.4); border-radius: 30px; position: relative; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header_fixed .operate .search.active{border-color: #fff;}
.header_fixed .operate .search input{width: 100%; background: none; height: 30px; line-height: 30px; padding: 0 35px 0 10px; color: #fff;}
.header_fixed .operate .search input::-webkit-input-placeholder{color:#fff;}
.header_fixed .operate .search input:-moz-placeholder{color:#fff;}
.header_fixed .operate .search input::-moz-placeholder{color:#fff;}
.header_fixed .operate .search input:-ms-input-placeholder{color:#fff;}
.header_fixed .operate .search button{width: 30px; height: 30px; position: absolute; right: 5px; top: 0; background: url(../images/header_icon4.png) center no-repeat; background-size: 17px; cursor: pointer;}
.header_fixed.down{background: #333; padding-top: 35px;}
/*footer*/
.footer .gray{background: #333333; border-top: 5px solid #d6000f; padding: 60px 0;}
.footer .gray .container{position: relative; padding-right: 290px;}
.footer .gray .text{display: inline-block; margin-right: 110px; vertical-align: top;}
.footer .gray .text h3{font-size: 16px; color: #fff; padding: 0 20px 25px 0; margin-bottom: 25px; border-bottom: 1px solid #515151;}
.footer .gray .text a{font-size: 14px; color: #fff; opacity: .4; display: block; line-height: 28px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.footer .gray .text a:hover{opacity: 1;}
.footer .gray .text .follow{margin-top: 20px; font-size: 14px; color: #fff; opacity: .4; line-height: 40px; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: block;}
.footer .gray .text .follow i{display: inline-block; width: 40px; height: 40px; border: 1px solid #696969; border-radius: 50%; vertical-align: middle;margin: -2px 5px 0 0; background-position: center; background-repeat: no-repeat; background-size: auto 15px;}
.footer .gray .text .follow .ico1{background-image: url(../images/footer_icon1.png);}
.footer .gray .text .follow .ico2{background-image: url(../images/footer_icon5.png);}
.footer .gray .text .follow .ico3{background-image: url(../images/footer_icon2.png);}
.footer .gray .text .follow:hover{opacity: 1;}
.footer .gray .text .follow .code{ position: absolute; background-color: #fff; bottom: 100%; width: 100px; left: 50%; margin-left: -50px; padding: 10px 0; display: none;}
.footer .gray .text .follow .code:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 8px; border-color: #fff transparent transparent transparent; position: absolute; left: 50%; margin-left: -8px; bottom: -16px; }
.footer .gray .text .follow .code img{ display: block; margin: 0 auto; }
.footer .gray .text .follow .code p{ font-size: 16px; text-align: center; color: #666; }
.footer .gray .text .follow a{ display: inline-block; }
.footer .gray .text .follow:hover .code{ display: block; }
.footer .gray .fixed{width: 335px; position: absolute; right: 0; top: 0;}
.footer .gray .fixed .search{border: 1px solid #454545; border-radius: 3px; padding-left: 40px; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.footer .gray .fixed .search.active{border-color: #fff;}
.footer .gray .fixed .search input{background: none; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; color: #fff;}
.footer .gray .fixed .search button{width: 40px; height: 40px; background: url(../images/footer_icon3.png) center no-repeat; background-size: 19px; position: absolute; top: 0; left: 0;  cursor: pointer;}
.footer .gray .fixed .label{font-size: 14px; color: #999; margin-top: 10px;}
.footer .gray .fixed .tel{font-size: 30px; color: #fff; font-family: 'Reznor'; margin-top: 15px;}
.footer .gray .fixed .tel:before{content: ''; width: 27px; height: 22px; display: inline-block; background: url(../images/footer_icon4.png) center no-repeat; background-size: 27px 22px; margin: -2px 5px 0 0;}
.footer .gray .fixed img{display: block; margin-top: 25px;}
.footer .gray .fixed .web_link{ margin-top: 20px; overflow: hidden; }
.footer .gray .fixed .web_link a{ float: left; width: 48%; height: 36px; line-height: 34px; border: #fff solid 1px; border-color: rgba(255,255,255,.2); margin-right: 4%; font-size: 12px; color: #fff; color: rgba(255,255,255,.4); margin-bottom: 4%; border-radius: 4px; text-align: center;
/*background-image: url(../images/web_link_ico.png); background-position: 15px center; background-repeat: no-repeat; text-indent: 75px;*/
transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}
.footer .gray .fixed .web_link a:hover{ border-color: #d6000f; color: #d6000f;/* background-image: url(../images/web_link_ico_on.png)*/ }
.footer .gray .fixed .web_link a:nth-of-type(even){ margin-right: 0; }
.footer .gray .fixed .share_link{ margin-top: 10px; }
.footer .gray .fixed .share_link a{ position: relative; float: left; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; margin-right: 8px; z-index: 2;  }
.footer .gray .fixed .share_link a.icon1{ background-image: url(../images/link_ico_01.png); }
.footer .gray .fixed .share_link a.icon2{ background-image: url(../images/link_ico_02.png); }
.footer .gray .fixed .share_link a.icon3{ background-image: url(../images/link_ico_03.png); }
.footer .gray .fixed .share_link a.icon4{ background-image: url(../images/link_ico_04.png); margin-right: 0; }
.footer .gray .fixed .share_link a .code{ width: 78px; position: absolute; padding: 4px; background-color: #fff; bottom: 35px; left: 50%; margin-left: -39px; visibility: hidden;}
.footer .gray .fixed .share_link a:hover .code{ visibility: visible; }
.footer .gray .fixed .share_link a .code:before{ content: ''; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; }
.footer .gray .fixed .share_link a .code img{ display: block; width: 70px; height:70px; margin-top: 0; }
.footer .copyright{background: #333; line-height: 60px; border-top: #fff solid 1px; border-color: rgba(255,255,255,.08)}
.footer .copyright span,.footer .copyright a{font-size: 14px; color: #fff; color: rgba(255,255,255,.4)}
.footer .copyright .link{float: right;}
.footer .copyright .link a{font-size: 14px; display: inline-block; margin: 0 5px; color: #fff; color: rgba(255,255,255,.4)}
.footer .copyright .link a:hover{color: #fff;}
#show_list{margin-top:-100px;margin-bottom:100px;}

.m_footer{display: none;}


/*header*/
@media screen and (max-width: 1500px){
	.header_fixed ul li{margin: 0;}
	.header_fixed ul li a{font-size: 16px;}
}
@media screen and (max-width: 1300px){
	.header_fixed .operate{bottom: 60px;}
	.header_fixed .operate .top{display: inline-block; vertical-align: top; margin-top: 3px;}
	.header_fixed .operate .search{display: inline-block; vertical-align: top; margin-top: 0;}
}
@media screen and (max-width: 992px){	
	.mNavBtn{display: block; width: 24px; height: 16px; right: 10px; top: 17px; position: fixed; cursor: pointer; z-index: 15;}
	.mNavBtn.active .line2{display: none;}
	.mNavBtn.active .line1{transform: rotate(45deg); top: 7px;}
	.mNavBtn.active .line3{transform: rotate(-45deg); bottom: 7px;}
	.mNavBtn span{position: absolute; left: 0; width: 24px; height: 2px; background: #a9a9a9; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
	.mNavBtn span.line1{top: 0;}
	.mNavBtn span.line2{top: 7px;}
	.mNavBtn span.line3{bottom: 0;}
	.header{height: 50px;}
	.header_fixed{padding: 0; background: #fff; box-shadow: 0 0 9px rgba(0,0,0,.3);}
	.header_fixed .container{padding: 10px;}
	.header_fixed ul{position: fixed; top: 0; right: -100%; width: 100%; height: 100%; padding: 80px 0 0 0; background: #fff; z-index: 14;}
	.header_fixed ul.active{right: 0;}
	.header_fixed ul li{display: block; padding-left: 0; float: none;}
	.header_fixed ul li a{line-height: 36px; color: #333; display: block; padding: 0; text-indent: 50px;}
	.header_fixed .logo img{height: 30px;}
	.mOpeBtn{position: fixed; right: 50px; top: 17px; width: 17px; height: 16px;}
	.mOpeBtn:before{content: ''; display: block; width: 100%; height: 100%; background: url(../images/header_icon5.png) center no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
	.mOpeBtn.active:before{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
	.header_fixed .operate{position: fixed; top: 50px; bottom: auto; background: #000; height: 100px; transform: scaleY(0); transform-origin: center top; /*overflow: hidden;*/ padding: 10px;}
	.header_fixed .operate .top{ margin-top: 12px; }
	.header_fixed .operate .search{margin-top: 10px;}
	.header_fixed .operate a.wx .hover{
		width: 96px;
		margin-left: 0;
		left: 0;
	}
	.header_fixed .operate a.wx .box:after{
		left: 32px;
	}
	.header_fixed .operate.active{transform: scaleY(1);}
	.header_fixed.down{ padding-top: 0; }
}
/*footer*/
@media screen and (max-width: 1500px){
	.footer .gray .text{margin-right: 80px}
}
@media screen and (max-width: 1300px){
	.footer .gray .text{margin-right: 50px}
	.footer .gray .text h3{font-size: 14px;}
	.footer .gray .text a{font-size: 12px;}
}
@media screen and (max-width: 1150px){
	.footer .gray .text h3{padding-right: 12px;}
	.footer .gray .container{padding-right: 220px;}
	.footer .gray .fixed{width: 220px;}
}
@media screen and (max-width: 992px){
	.footer{display: none;}
	.footer .gray{padding: 0;}
	.footer .gray .container{padding-right: 15px;}
	.footer .gray .text{display: none;}
	.footer .gray .fixed{position: static; margin: 0 auto; width: 100%; text-align: center;}
	.footer .gray .fixed img{margin: 20px auto 0;}
	.footer .gray .fixed .share_link{ display: none; }
	.footer .copyright span{display: block; line-height: 20px; text-align: center;}
	.footer .copyright .link{display: none;}
	.m_footer{display: block; background: #333333;}
	.m_footer .block{padding: 7% 5%; border-bottom: 1px solid #474747;}
	.m_footer .block h3{font-size: 16px; color: #fff; line-height: 24px; padding-left: 20px; padding-left: 30px; background-position: left center; background-repeat: no-repeat;}
	.m_footer .block:nth-of-type(1) h3{background-image: url(../images/foot_icon1.png);}
	.m_footer .block:nth-of-type(2) h3{background-image: url(../images/foot_icon2.png);}
	.m_footer .block:nth-of-type(3) h3{background-image: url(../images/foot_icon3.png);}
	.m_footer .block .links{margin-top: 15px; font-size: 0;}
	.m_footer .block .links a{display: inline-block; margin-right: 10px; font-size: 14px; line-height: 24px; color: #e4e1e1;}
	.m_footer .block .tel{margin-top: 10px; font-size: 14px; color: #e4e1e1;}
	.m_footer .block .tel a{color: #e4e1e1;}
	.m_footer .block .tel a._big{font-size: 18px;}
	.m_footer .copyright{padding: 15px 10px; text-align: center; font-size: 12px; color: #999999;}
}

.new_desc{background: #fff; padding: 15px; margin-top: 40px; font-size: 16px; color: #666;}
.new_desc_img{margin-bottom: 15px;}
.new_desc_img img{display: block; max-width: 100%; margin: 0 auto;}