@charset "utf-8";
/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none; background: #fff;text-align: left;-webkit-text-size-adjust: none;}
a{color: #666666;text-decoration: none;outline: 0px none; star:expression(this.onFocus=this.blur());}
a:hover, a:active {color: #1f79b6;}
*{ margin: 0px;padding: 0px;list-style: none;}
table{	border-collapse: collapse;}
ul, li{list-style: none;border: 0 none;padding: 0px;margin:0;}
form{margin: 0px;}
img{border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
input, textarea, input:focus, textarea:focus, button{outline: none;}
html{width:100%;overflow-x:hidden;}



#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important; margin:0 !important; padding:0 !important;}
#noData, .noData {color: #ccc;font-size:14px; text-align:left; padding:50px 0px;}
.fl-left, .fl{float:left;}
.fl-right, .fr{float:right;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear: both;}
.clearfix {zoom:1;}
.indexcontainer{margin:0 auto;width:1860px;}
.container2{margin:0 auto;width:90%;max-width:1680px;}
.container{margin:0 auto;width:1200px;}

#head{width:100%; height:86px;}
#head .container2{position: relative; height: 80px;}
#head .logo{display:inline-block; width:310px;position: absolute; top:20px;}
#head .logo span{font-family:"poppins Medium";max-width:200px;display:inline-block;
line-height:15px;position:relative;top:7px;margin-left:20px;}
#head .nav{display:inline-block;width:500px;text-align:center; position: absolute; left: 50%; transform: translateX(-50%); top:32px;}
#head .nav li{display:inline-block;}
#head .nav a{display:block;padding:10px 15px;font-family:"poppins Medium";}
#head .tel{float:right;width:25%;text-align:right;margin-top:10px; position: absolute; right: 0px; top:28px;}
#head .tel i{display:inline-block;height:19px;width:19px;background:url(../images/icon-tel.png)no-repeat center;}
#head .tel span{font-family:"poppins";font-size:18px;position:relative;top:-3px;margin-left:10px;}

#head.fixed{position:fixed; background: #fff; box-shadow:0px 0px 5px #1f79b6; z-index: 99; height: 60px;}
#head.fixed .container2{height: 60px;}
#head.fixed .logo {top:6px;}
#head.fixed .nav {top:16px;}
#head.fixed .tel {top:14px;}


#footer{width:96%; max-width: 1860px; margin:0 auto;}
#footer .footbox{background-color:#141414;padding:80px;margin-top:30px;}
#footer dl{float:left;margin-right:80px;}
#footer dl:nth-child(3){margin-right:120px;}
#footer dl:nth-child(5){margin-right:120px;}
#footer dt{color:#fff;font-family:"poppins";margin-bottom:30px;font-size:22px;}
#footer dd{color:#fff;font-family:"poppins";padding:3px 0px;color:#adadad;}
#footer img{float:right;}

#copy span{float:left;font-family:"poppins Medium";display:inline-block;padding:20px 0px;}
#copy p{float:right;font-family:"poppins Medium";display:inline-block;padding:20px 0px;}


.web_nav { display: none; width: 90%; height: 50px; line-height: 50px; color: #fff; font-size: 16px; margin: 0 auto; font-weight: bold; }
.btn-menu { display: block; float: right; position: relative; background: transparent; cursor: pointer; padding: 25px 0; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #1f79b6; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
.btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
.btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
.btn-menu.active span { opacity: 0; }
.btn-menu.active:before { background-color: #1f79b6; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.btn-menu.active:after { background-color: #1f79b6; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }


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

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

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

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

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

}

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

}

@media only screen and (max-width: 780px){
	.container{width:96%; margin:0 auto;}
	.indexcontainer{width:96%; margin:0 auto;}
	.container2{width:96%; margin:0 auto;}
	#head{height:60px; position: inherit;}
	#head.fixed .container2{height: 60px;}
	#head .logo {top:0px;  position: inherit; width:260px; top:0px;}
	#head .nav {top:0px;  position: inherit; display: none; z-index: 99;}
	#head .tel {top:0px;  position: inherit;}
	#head.fixed .logo {top:0px;  position: inherit; width:260px; top:0px;}
	#head.fixed .nav {top:0px;  position: inherit; display: none; z-index: 99;}
	#head.fixed .tel {top:0px;  position: inherit;}
#head .logo span{display: none;}
#head .container2{height: 50px;}
	.logo{margin-top: 10px;}
#head .nav a{padding: 0px;}
	.web_nav{width:50px;display:block; float:right;}
	#head .nav{width:100%;}
	.nav{display: none;}
	.nav ul{width:100%;}
	.nav ul li{width:100%;background:#f1f1f1;border-bottom:1px solid #ffffff; border-right: 0px;}
	.nav ul li a{color:#555;height:48px;line-height:48px; padding: 0px; text-align:center; width:100%;}
	.tel{display:none;}

	#banner{padding-top: 0px;}

	#footer{display: none;}


}