@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,a ,img{margin:0;padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff; overflow-x:hidden;}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:arial,"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{vertical-align:top; max-width:100%;}  /* 图片在当前行内的垂直位置 */  
a,input,button,textarea,select{ outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -webkit-appearance: none;}   /* 页面设置 */  
   
  /* 取消a标签点击后的虚线框 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
/*清除浮动--推荐使用*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}
.single{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.many{ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.many2{ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
@font-face {
    font-family: "IMPACT";
    src: url("../font/IMPACT.eot"); /* IE9 */
    src: url("../font/IMPACT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/IMPACT.woff") format("woff"), /* chrome、firefox */
    url("../font/IMPACT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/IMPACT.svg#IMPACT") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "COOPBL";
    src: url("../font/COOPBL.eot"); /* IE9 */
    src: url("../font/COOPBL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/COOPBL.woff") format("woff"), /* chrome、firefox */
    url("../font/COOPBL.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/COOPBL.svg#COOPBL") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Geo";
    src: url("../font/Geo.eot"); /* IE9 */
    src: url("../font/Geo.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/Geo.woff") format("woff"), /* chrome、firefox */
    url("../font/Geo.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/Geo.svg#Geo") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}




.main{
	max-width:1200px;
	margin:0 auto;
	position:relative;
	}
.head{
	background: #fff;
}
.topbar{
	background:#f4f4f4;
	border-bottom:#ddd 1px solid;
	height:40px;
	}
.language{
	font-size:0;
	max-width:50%;
	}
.language a{
	display:inline-block;
	height:25px;
	line-height:25px;
	margin:6px 0;
	position:relative;
	width:60px;
	padding:0 10px;
	}
.language a:first-child{
	padding-left:0;
	width:50px;
	}
.language a:after{
	content:'';
	font-size:14px;
	border-right:rgba(255,255,255,0.8) 1px solid;
	height:23px;
	width:1px;
	position:absolute;
	right:0;
	top:1px;
	color:#333;
	}
.language a:last-child:after{
	border-right:none;
	}
.topnav{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-17px;
	height:35px;

	}
.topnav a{
	color:#333;
	font-size:16px;
	height:35px;
	line-height:35px;
	}
.topnav a img{
	position:relative;
	height: 35px;

	}
.topnav a:after{
	content:'|';
	margin:0 10px;
	color:#333;
	}
.topnav a:last-child:after{
	content:'';
	margin-right:0 ;
	}
.index-nav{
	box-shadow:0 2px 10px rgba(0,0,0,0.1);
	position:relative;
	z-index:999;
	background:#1398a3;
	}
.logo{
	padding:15px 0;
	font-size:0;
	position:relative;
	}
.index-tel{
	position:absolute;
	right:0;
	top:0;
	height:100%;
	background:url(../images/dqbg.png) no-repeat left center / 60px;
	font-size:30px;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	padding-left:80px; 
	color:#1398a3;
	}
.index-tel h3{
	padding-top:20px;
	font-size:14px;
	font-weight:normal;
	font-family:arial;
	}
.logo a,.ggy{
	display:inline-block;
	vertical-align:middle;
	}
.logo a.index-logo img{
	width: 260px;
}
.ggy{
	margin-left:30px;
	border-left:#ddd 1px solid;
	padding-left:30px;
	color:#1398a3;
	}
.ggy h3{
	font-size:24px;
	text-transform:uppercase;
	font-family: "IMPACT";
	font-weight:normal;
	}
.ggy p{
	font-size:16px;
	padding-top:5px;
	}
.nav{

	}
.nav > .main > ul{
	font-size:0;
	}
.nav > .main > ul > li{
	display:inline-block;
	padding:0 35px;
	position:relative;
	font-size:16px;
	height:45px;
	line-height:45px;
	color:#1398a3;
	transition:.5s ease;
	-webkit-transition:.5s ease;
	cursor:pointer;
	}
.nav > .main > ul > li.active{
	background:#18b8c5;

	}
.nav > .main > ul > li h3{ font-weight:normal; font-size:16px;}
.nav > .main > ul > li > h3 > a{
	color:#fff;
	}
.nav > .main > ul > li:hover{
	color:#21d3e2;
	}


.nav-close{
	display:none;
	}
.nav > .main > ul > li  > ul{
	position:absolute;
	top:45px;
	left:-10%;
	width:120%;
	z-index:9999;
	display:none;
	background:#fff;
	box-shadow:0 4px 10px  rgba(0,0,0,0.2);
	}
.nav > .main > ul > li ul li{
	font-size:16px;
	}
.nav > .main > ul > li ul li a{
	display:block;
	width:100%;
	text-align:center;
	height:45px;
	line-height:45px;
	color:#333;
	background:#fff;
	border-top:#ddd 1px solid;
	}
.nav > .main > ul > li ul li a:hover{
	background:#18b8c5;
	color:#fff;
	}
.foot{ background:#333;}
.foot .main{ position:relative;}
.foot .f-left{ padding:30px 0; width:600px; float:left;}
.foot .f-left .f-nav a{ color:rgba(255,255,255,0.7); font-size:12px;}
.foot .f-left .f-nav a:hover,.foot .f-left .copy p a:hover{ color:#fff;}
.foot .f-left .f-nav a:after,.foot .f-left .copy p a:after{ content:'|'; margin:0 10px;}
.foot .f-left .f-nav a:last-child:after,.foot .f-left .copy p a:last-child:after{ content:''; margin-right:0px;}
.foot .f-left .copy{ color:rgba(255,255,255,0.3); padding-top:10px; line-height:1.8; font-family:arial;}
.foot .f-left .copy p a{ color:rgba(255,255,255,0.3);}
.foot .f-right{ position:absolute; height:100%; top:0px; right:0px; background:#484848 url(../images/dq_46.png) no-repeat 30px center; padding:0 50px; color:#fff; padding-top:50px;}
.foot .f-right p{ font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:24px; padding-top:10px;} 
.wap-foot{ display:none;}
.wap-bar{
	display:none;
	}
.online-zixun{
	position:fixed;
	width:210px;
	
	right:-180px;
	top:45%;
	z-index:9999;
	transition:.3s ease;
	-webkit-transition:.3s ease;
	}
.online-ewm{
	width:180px;
	padding:15px;
	background:#333;
	position:relative;
	right:-30px;
	}
.online-ewm h3{
	text-align:center;
	color:#fff;
	padding-bottom:15px;
	font-size:16px;
	}
.online-title{
	position:absolute;
	width:30px;
	left:0px;
	top:5%;
	word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/
    word-break:break-all;
	line-height:1.4;

	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding:45px 9px 15px 9px;
	border-radius:5px 0 0 5px;
	background:#f60 url(../images/ewmui.png) no-repeat center 15px / 25px;
	}
@media (max-width: 750px){
	.online-zixun{
		display:none;
		}
	.head{
		position:fixed;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
		left:0;
		top:0;
		z-index:9999;
		display:none;
		background: #fff;
		}
	.head .logo{
	padding:1.40625rem 0.3125rem 0.3125rem 0.3125rem;
	background: #1398a3;
	}
	.index-nav{
	background: #fff;
	box-shadow:none;
	}
.ggy{
	display: block;
	margin-left:0;
	border-left:none;
	padding-left:0;
	}
.ggy h3{
	font-size:0.625rem;
	padding-top: 0;	
	text-align: right;
	color: #fff;
	}
.ggy p{
	font-size:0.375rem;
	padding-top:0.15625rem;
	text-align: right;
	color: #fff;
	}
.topnav{
	position:absolute;
	right:0.078125rem;
	top:0;
	margin-top: 0.34375rem;
	height:0.703125rem;
	}
.topnav a img{
	position:relative;
	height:0.703125rem;
	}
.logo a.index-logo img{
	display: none;
}

.nav > .main > ul > li{
	display:block;
	padding:0 0.3125rem;
	font-size:0.46875rem;
	height:auto;
	line-height:1;

	}
.nav > .main > ul > li.active{
	background:#fff;
	}

.nav > .main > ul > li h3{ 
	font-weight:normal; 
	font-size:0.46875rem;
    height: 1.40625rem;
    line-height: 1.40625rem;
    border-bottom: #ddd 1px solid;
    }
.nav > .main > ul > li > h3 > a{
	color:#333;
	position: relative;
	display: block;
	}
.nav > .main > ul > li > h3 > a:after{
	content: '';
	width:0.3125rem;
	height:0.3125rem;
	position: absolute;
	right: 0;
	top: 50%;
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	transform: rotate(-45deg) translateY(-50%);
}
.nav > .main > ul > li.active > h3 > a{
	color:#1398a3;
    }
.nav > .main > ul > li:hover{
	color:#21d3e2;
	}
.nav > .main > ul > li > ul{	
	display:none;
	box-shadow:none;
	}

.foot{display:none;}
.wap-foot{ background:#333; padding:.4rem 0; text-align:center; line-height:1.8; display:block;}
.wap-bar{
	height:1.40625rem;
	background:#fff;
	display:block;
	padding:0 0.3125rem;

	position:relative;
	}
.wap-logo{
	width:4.6875rem;
	position:absolute;
	left:0.3125rem;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	}
.wap-menu{
	width:1.40625rem;
	height:1.40625rem;
	background:url(../images/menu.png) no-repeat center center / 0.9375rem;
	position:absolute;
	top:0;
	right:0;
	}
.nav-close{
	display:block;
	width:50px;
	height:50px;
	background:url(../images/close.png) no-repeat center center / 60%;
	position:absolute;
	left:50%;
	bottom:40px;
	margin-left:-25px;
	z-index:1000;
	}
	}
	/*
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){
    .head{
		position:fixed;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.8);
		left:0;
		top:0;
		z-index:9999;
		display:none;
		}
	.index-nav{
	box-shadow:none;
	position:fixed;
	z-index:99;
	left:0;
	top:0;
	width:100%;
	background:#fff;
	height:100%;
	padding:0 30px;
	}
	.logo{
	padding:35px 0;
	float:inherit;
	width:100%;

	}
.nav{
	float:inherit;
	}

.nav > ul > li{
	display:block;
	height:auto;
	line-height:normal;
	padding:0;

	}
.nav > ul > li > h3 a{
	height:50px;
	line-height:50px;
	border-top:#ddd 1px solid;
	padding:0 15px;
	display:block;
	width:100%;
	position:relative;
	}
.nav > ul > li > h3 a:after{
	content:'';
	width:10px;
	height:10px;
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-5px;
	border-bottom:#ddd 1px solid;
	border-right:#ddd 1px solid;
	transform:rotate(-45deg);
	}
.topbar{
	background:#1398a3;
	height:0.9375rem;
	padding: 0 0 0 0.3125rem;
	}
.nav-close{
	display:block;
	width:50px;
	height:50px;
	background:url(../images/close.png) no-repeat center center / 60%;
	position:absolute;
	left:50%;
	bottom:40px;
	margin-left:-25px;
	z-index:1000;
	}
.nav > ul > li  > ul{
	
	display:none;

	}
.foot{
	display:none;
	}
.wap-foot{
	display:block;
	background:#333;
	padding:20px;
	text-align:center;
	line-height:1.8;
	}
.wap-bar{
	height:1.40625rem;
	background:#fff;
	display:block;
	padding:0 0.3125rem;

	position:relative;
	}
.wap-logo{
	width:4.375rem;
	position:absolute;
	left:0.3125rem;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	}
.wap-logo img{
	width: 100%;
}
.wap-menu{
	width:1.40625rem;
	height:1.40625rem;
	background:url(../images/menu.png) no-repeat center center / 0.9375rem;
	position:absolute;
	top:0;
	right:0;
	}
}
*/