﻿/* Basic CSS */
body {
margin: 0;
padding: 0;
font: 13px/1.5 "Arial" , 宋体, Geneva, sans-serif; position:relative;
}
ul,li{list-style:none; margin:0px; padding:0px;}
body p{font:normal 13px/1.5 Arial, 宋体, sans-serif; margin:0px;}
h1 {
font-size: 20px;
font-weight: 100;
color:#888d8e;
text-align: center;
}
h2{ font-size:20px; font-weight:normal;}
header nav {
text-align: center;
display:table;
width:100%;
margin:20px auto 3px;
}
header nav ul {
display:table-row;
}
header nav ul li {
display: table-cell;
margin-left: 1em;
 border-left:1px solid #d1d1d1;
 min-width:100px;
}
header nav ul li  a{ display:block; padding:0px 2.5px; font-weight:bold !important; color:#7f7f7f; font:107.7%/27px 'Arial Narrow', Arial, Helvetica, sans-serif;}
header nav ul li  a:hover{ color:#3542aa;}
header nav ul li.active a{ color:#3542aa;}
header nav ul li:first-child {
margin-left: 0;
 border-left:none;
}
header nav ul li ul {
display: none;
}
a {
color: #3542aa;
text-decoration:none;
}
a:hover {
color: #333;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
section, article, header {
display: block;
float: left;
width: 100%;
}
article {
width: 96%;
padding: 3em 2%;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.contnair{ max-width:998px; width:100%; margin:0 auto;  position:relative;}
.contnair1{ max-width:998px; width:100%; margin:0 auto;   overflow: hidden;}
.top{overflow:hidden; margin-top:35px; padding:0 16px;}
.top .logo{float:left;}
.top .xnav{display:flex; float:right; margin-top:20px;}
.top .xnav ul li {float:left; border-left:1px solid #dcdcdc;}
.top .xnav ul li:first-child{border-left:none;}
.top .xnav ul li a{ padding:0 10px; color:#8a8c8f;}
.top .xnav .search{ border-left:none;}
.top .xnav .search input{height:20px; width:115px;}
.top .xnav .top_fenxiang{ border-left:none; margin-left:20px;}
.top .xnav .top_fenxiang a{ padding:6px 15px 6px 8px; height:30px; background:#e3e3e3 url(../images/jian.jpg) no-repeat right; }
.top .xnav .top_fenxiang a:hover{background:#e3e3e3 url(../images/jianbotttom.jpg) no-repeat right;  padding:6px 15px 6px 8px; }
.top .xnav .top_fenxiang li a{background:none;}
.top .xnav .top_fenxiang li a:hover{background:none;}
.top .xnav .js-enabled{display:block;}
.top .xnav .top_fenxiang ul{

	 position: absolute;
    top: 43px;
    right: 15px;
    background-color: #f2f2f2;
    width: 120px;
    padding: 25px 10px;
    z-index: 50;

}
header .top_fenxiang .ui-nav-icons{ display:none;}

header .top_fenxiang.js-enabled .ui-nav-icons{ display:block;}

.languages{ background:#666666; display:block; padding:5px 10px; text-align:right;}
.languages li{ border-left:1px solid #fff; display:-webkit-inline-box; display:inline-block;}
.languages li:first-child{ border-left:none;}
.languages a{ color:#fff; padding:0 10px; }
.languages a:hover{ color:#cdcdcd;  }

.phone_search{display:none;}


.footer{ background:url(../images/bg_u_footer.png) repeat-x;
display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex; 

-webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row; 
  flex-direction:row;
  -moz-box-pack:space-between;
 -webkit-justify-content: space-between;
  -moz-justify-content: space-between-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
justify-content:space-between;

margin-bottom:20px;}
.foot_fx {  padding-top:20px; text-align:right;}
.foot_fx ul li{ float:left; padding:0 10px; }
.foot-copyright{  width:50%;  padding-top:20px; }
.foot-copyright span{ color:#333333;}



@media screen and (max-width:767px){
h1 {
font-size: 18px;
font-weight: 100;
color:#888d8e;
text-align: center;
}
h2{ font-size:18px;}
	.contnair{position:initial;}
	header .top{ margin-top:0px;}
	header .top .logo{ position:absolute; left:15px; top:0px; z-index:999999; width:200px; padding-top:15px;}
	header .top .logo img{ width:100%;}
	header .top .xnav{display:none;}
	.languages{justify-content:center; padding:10px; text-align:center;}
	
.phone_search{display:block;}
.phone_search span{ background:url(../images/icon_search_form.png) no-repeat; background-position:0 0; width:23px; height:23px; display:inline-block; margin-top:26px;position: absolute; top: 0px; right: 72px;   z-index: 9999999;}
.js-search  .phone_sear{ display:block !important;}
.phone_sear{display:none; position:absolute; top:78px; background:#2996b4; padding:20px; width:100%; height:80px; z-index:9;}
.phone_sear input{ height:39px; width:80%;}
.phone_sear button{background:#666666; color:#fff; border:1px solid #666666; width:20%; height:40px;}




.footer{ 
-webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap:wrap;}
.foot-copyright{ width:100%; float:inherit; text-align:center;}
.foot_fx{ margin:0 auto; width:100%;    display: flex; justify-content: center;}
}

@media (min-width:768px) and (max-width:1000px){
	
body{ padding:0 15px;}
	
	
}

.foot_fx{ position:relative;}
.ewm{}
.ewmhover{display:none; position:absolute; z-index:999; bottom:60px; right:0px;}
.foot_fx ul li.ewm:hover .ewmhover{display:block;}
.ewmhover img{ width:120px;}


