@charset "utf-8";
/*CSS reset*/
html{color:#333; background:#f5f5f5;font-family:"Microsoft YaHei","Arial"; font-size: 14px;}
body{ overflow-x: hidden;min-width:1200px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,td{margin:0;padding:0;}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
i{font-style: normal;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: 0;border:none; }
input,button,textarea,select{*font-size:100%;}
button{
  cursor: pointer;
}
a{ text-decoration: none; 
   color:#333;
  -webkit-tap-highlight-color: transparent;/*消除页面跳转的阴影*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

/*清除浮动*/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}

.clear{
    clear:both;
    font-size:0;
    line-height:0;
    height:0
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.hide{
  display: none;
}
.show{
  display: block;
}
.main{
  width: 1200px;
  margin: 0 auto;
}

#nav{
  line-height: 78px;
  background: #fff; 
  box-shadow: 0 0 10px rgba(204, 204, 204, 0.9);
}
#nav a.logo{
  display: block; 
}
#nav a.logo img{
  display: block;
  margin: 18px 0;
}

#nav ul{
    margin-left: 90px;
}
 #nav li{
    width: 88px;
    border-right: 1px solid #e9e8e8; 
} 
 #nav li:first-child{
  border-left: 1px solid #e9e8e8; 
 }
#nav li a{ 
  display: block;
  text-align: center;
  font-size: 16px;
}
 #nav li.act{
   background: #00d1a3;
    border-right: 1px solid #00d1a3; 
 }
#nav li.act a{
  color: #fff;
}

.passport{
    margin-right: 30px;
    height: 78px;
}
.passport a.login_after{
    display: inline-block;
    border: 1px solid #ff6700;
    border-radius: 5px;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 23px 0;
    margin-left: 8px;
    color: #ff6700; 
}
.passport a.login_after i{
    font-size: 14px;
    padding-right: 3px;
}
.passport a.login_after:hover{
    color: #fff;
    background: #ff6700;
}
.passport a.login_before{
  color: #ff6700;
  padding:0 25px; 
  display: block;
}


#service{
    background: #202225;
    text-align: center;
    color: #fff;
    height: 150px;
    margin-top: 10px;
}
#service p{
    font-size: 26px;
    padding: 25px 0 20px;
}
#service p span{
    color: #ff7300;
}
#service a{
    display: block;
    width: 330px;
    text-align: center;
    margin: 0 auto;
    line-height: 50px;
    border-radius: 50px;
    background: #ff7300;
    color: #fff;
    font-size: 20px; 
}
.friendlink{ width: 100%; height: auto; padding: 15px 0; background: #ee9107; color:#666;}
.linkcon{ width:1200px; margin: 0 auto;}
.friendlink h3{ display: inline; margin-right: 5px;}
.friendlink a{ color:#fff; margin-right: 5px;}
#footer{
    background: #fff;
    padding: 40px 0;
    text-align: center;
}
#footer li{
    display: inline-block;
    border-left: 1px solid #ccc;
    padding: 0 15px;
}
#footer li:first-child{
    border-left: none;
}
#footer li a{
    color: #555;
    font-size: 14px;
}
#footer p{
    margin-top: 15px;
    color: #999;
    line-height: 30px;
    font-size: 12px;
}
#footer p span{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding-right: 15px;
}