@charset "utf-8";
/* CSS Document */
body{padding:0;border:0; margin:0;}
div,form,img,ul,ol,li,dl,i,u,span,dt,dd,em,i,h1,h2,h3,h4,p{ padding:0; border:0;margin:0;list-style:none;font-style:normal;}
img{border:none;}
a{text-decoration:none; color:#333; outline:none; cursor:pointer}
a:hover{ text-decoration:underline; color:#0d55a0;}
/*初始化end*/

/*公共类start*/
.margin_auto { margin: 0 auto;}
.clear{ clear:both; float:none;}
.fright{ float:right;}
.fleft{ float:left;}
.accent-color{ color:#0d55a0}
.fenye{ width:100%; text-align:center; line-height:30px; height:30px; margin:15px 0; font-size:14px;}
.abs{ position:absolute}
.rel{ position:relative}
.hide{overflow:hidden}
.texthide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.white{ color:#FFF;}
.red{ color:#F00;}
.page-padd{ padding:0 5%;}
/*公共类end*/

/*头部start*/
#header{
  width:100%; height:auto;
  position:relative;
  background-color:#fff;
  overflow:hidden;
}
.top-bar{
  width:100%; height:30px;
  line-height:30px;
  font-size:14px;
  color:#fff;
  background:#0d55a0;
	
}
.welcome{
   float:left;
   font-size:14px;
}
.tel{
	display:block;
	float:right;
}
.tel img{ width:16px; height:16px; display:inline-block; margin-right:5px;}
#header .title{
  width:100%;
  padding:15px 5%;
  overflow:hidden;	
  position:relative;
}
.logo{ float:left; width:500px; font-size:12px;}
.logo img{width:100%;}
.pc-nav{ float:right; width:626px; margin-top:25px;}
.pc-nav li {margin-left:10px; float:left; text-align:center; position: relative;}
.pc-nav li a{ font-size:16px; display:inline-block; padding:2px 10px;}
.pc-nav li a.active,.pc-nav li a:hover{ color:#fff; background: #0d55a0; border-radius:3px; text-decoration:none;}
.pc-nav li a.active:after{
    content: "";display: block;position: absolute;
    left: 50%; top: 25px; z-index: 99;width:0; height:0; margin-left: -7px; 
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-top:7px solid #0d55a0;
}
/**Mobile menu**/
.m-nav{ 
  width:26px;height:26px; display:none;
  background: url(../images/icon-menu.png) no-repeat center;background-size:100%;
  position:absolute; right:2%; top:50%; margin-top:-13px;
}
.m-nav-list{
  width:100%; padding:10px 0;
  background:#ffffff;box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
  position: fixed; top:90px; z-index: 99999;display: none;
  border-top:solid 1px #CCC;
}
.m-nav-list li { 
  float:left;
  width:33.33%;height:auto; padding:2%;
  text-align:center;font-size:1.4rem;
}
.m-nav-list li a {
  display:block; padding:5px 0;border:1px solid #CCC;
}

/*头部end*/

/*底部start*/
.footer{
  width:100%; height:auto; margin-top:30px;
  background:#0d55a0; color:#FFF; 
  overflow:hidden;
}
.foot-con{
  width:100%;
  height:102px; padding-top:12px;
  overflow:hidden;
}
.company-inf{
  float:left;
  width:auto;
  height:80px;
  padding-left:100px;
  background:url(../images/kefu.png) left no-repeat;
}
.company-inf p{
  line-height:20px;
}

.fnav{
  float:right;
  width:450px; height:auto; overflow:hidden;
}
.fnav li{ float:left; padding-right:30px;
  height:35px; line-height:35px; 
  text-align:center; font-size:14px;
}
.fnav li a{color:#FFF;}
.foot-con p{ line-height:20px;}
.foot-bar{
  width:100%; height:30px; padding:0 5%;
  line-height:30px;
  color:#FFF; font-size:12px;
  background:#0e2e4f;	
}
.backtop{width:36px; height:36px; position: fixed; bottom:60px; right: 10px; display: none; z-index:999;}
.backtop a{display: block; width:44px; height:44px; background: url(../images/back_top.png) no-repeat center;}

.mfoot{
  display:none;
  width:100%; height:auto; margin:0 auto;
  background:#03743b; background: rgba(13,85,160,.9);
  position:fixed; z-index:900; bottom:0;
}
.mfoot-li{
 width:25%;float:left;
}
.mfoot-li a{
  display:block;
  width:100%;
  text-align:center;font-size:14px;color:#FFF;
}
.mfoot-li a em{
  display: block;
  line-height:18px; text-align: center;
}
.mfoot-li a img {
  width:30px;
  vertical-align:middle;
}
.kongbai{ width:100%; height:60px; display:none;}
/*底部end*/

/**媒体查询**/
@media (max-width:1300px) {
.logo{ width:200px;}
.logo img { width:auto; height:30px;}
.pc-nav{ float:right; width:700px; margin-top:0; margin-top:5px;}
.pc-nav li { float:left; margin-left:5px;}
.pc-nav li {margin-left:5px; float:left; text-align:center;}
.pc-nav li a{ font-size:14px; display:inline-block; padding:2px 10px;}
}
@media (max-width:1199px) {
}
@media (max-width:991px) {
 #header .title{ height:auto; padding:3px 2%;}
 .top-bar{ display:none;}		
 .pc-nav{ display:none;}
 .m-nav{ display:block;}
 .m-nav-list{ top:106px;}
 .mfoot,.kongbai{ display:block;}
 .footer,.foot-bar{ display:none;}
 
}
@media (max-width:767px) {
 .logo img { width:auto; height:45px;}
 .page-padd { padding:0 2%;}
 .m-nav-list{ top:51px;}
}
/*animated*/
.logo-animat:before{
content:"";
position: absolute;
left: -280px;
top: -470px;
width:500px;
height:15px;
background-color: rgba(255,255,255,.5);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
animation: searchLights 2s ease-in 1s 120;
}
@keyframes searchLights {
0% { left: -100px; top: 0; }
to { left: 350px; top:0px; }
}

/*备用样式start
 *{ filter:alpha(opacity=90); opacity:0.9;}
 *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
 *{transition-duration: 0.5s;-ms-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}
 *a:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
 *{ -webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
备用样式end*/