@charset "utf-8";
/* CSS Document */
body,input,textarea{
	font-family:Microsoft YaHei; letter-spacing:0.7px;
}
input,textarea {
	caret-color: #36A4F1;
}
*{margin:0; padding:0;
}
a{text-decoration:none; display:inline-block; color:#3c3c3c;
}
a:focus {outline:none; 
}
ul li{list-style:none;
}
img{border:0;
}
em, i{font-style:normal;
}
.clearfix:after{content:''; clear:both; display:block; clear:both; line-height:0; visibility:hidden;
}
*html .clearfix{height:1%;
}

select {
     /* width:auto !important; */
  border: 1px solid #cccccc;

  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  background: url("__IMAGES__/arrow.png") no-repeat scroll right 10px center transparent;

    padding: 0px 25px 0 8px;
}

select::-ms-expand { display: none; }
select option{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	background-color:#fff !important;
}
/* *::-webkit-input-placeholder { 
color: #b7b7b7; 
} 
*:-moz-placeholder { 
color: #b7b7b7; 
} 
*::-moz-placeholder { 
color: #b7b7b7; 
}
*:-ms-input-placeholder { 
color: #b7b7b7; 
} */


.top{width:100%; height:5.625rem; border-bottom:#e6e5e5 solid 1px; background:#FFF;display:block;
}
.top .header{width:86%; height:5.625rem; margin:0 7%; 
}
.top .logo{float:left; width:27rem; height:3.525rem; padding:1.05rem 0 0 0; overflow:hidden;
}
.top .logo .logoimg{display:block; width:100%;height:100%; background:url(../images/logo.png) left center no-repeat;  background-size: 100% auto;
}
.top .navlist{float:right; padding:0 2.5rem 0 0; overflow:hidden;
}
.top .navlist li{float:left; overflow:hidden;
}
.top .navlist .link{display:block; line-height:2.25rem; padding:1.85rem 0.8rem 0 0.8rem; font-size:1rem; color:#aaaaaa; font-family:'Microsoft YaHei'; letter-spacing:3px;
}
.top .navlist .default{cursor:default;
}
.navlist .link .name{display:inline-block; line-height:2.25rem;    padding: 0 0.5rem;
}
.navlist .link:hover, .navlist .current .link{color:#36A4F1;
}
.navlist .link:hover .name, .navlist .current .name{border-bottom:#36A4F1 solid 3px;
}
/*按钮*/
.login_box{width:15rem; height:2rem; float:right; margin-top:1.85rem;
}
.login_box a{float:left; height:2rem; line-height:2rem; text-align:center; font-size:0.875rem; font-family:'Microsoft YaHei';
}
.loginbtn, .zhuce{margin-right:5%;
}
.login_box .control_btn{width:35%; color:#36A4F1;font-size:1rem; border: 1px solid #36A4F1;  border-radius: 4px;
}
.login_box .control_btn:hover{
	background-color:#cbe9fc;
}
.login_box .zhuce{margin-left:10%;width:35%; color:#fff;font-size:1rem;background-color:#36A4F1; border: 1px solid #36A4F1;  border-radius: 4px;}
.login_box .zhuce:hover{
	background-color:#1a95f0;
}
.fixed{position:fixed; left:0; top:0; z-index:9999;
}
.footerwrap{width:100%; overflow:hidden;}
.footerwrap .footer{width:100%; height:10rem; background:#30303c; overflow:hidden;
}
.footerwrap .footerbox{width:80%; height:10rem; margin:0 14%;
}
.footerbox .f1{
	width:30%;
	height:5rem;
	float:left;
	margin-top:2.5rem;
	margin-right:2%;
	color:#fff;
	font-size:1rem;
}
.footerbox .f2{
	width:30%;
	float:left;
	margin-right:2%;
	color:#fff;
	font-size:0.875rem;
}

.footerbox .f1 img{
	height:100%;
	float:left;
	margin-right:2rem;
}
.footerbox .f1 .cont{
	margin-top:0.5rem;
	float:left;
}
.footerbox .f1 span{
	line-height:2rem;
}
.footerbox .f2 .li{
	height:4rem;
	margin-top:1rem;
}
.footerbox .f2 .li a{
	text-decoration: none;
    color: #fff;
    cursor: pointer;
}
.footerbox .f2 .li img{
	height:2.6rem;
	margin-top:0.7rem;
	float:left;
	margin-right:2rem;
}
.footerbox .f2 .li .cont{
	line-height:1.4rem;
	margin-top:0.6rem;
	float:left;
}
.footerwrap .smbox{
	  width: 100%;
  background: #30303c;
  overflow: hidden;
  height: 6.2rem;
  float: left;
}

.tcopyright {
  width: 80%;
  margin:0 10%;
  padding: 1.15rem 0 ;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  clear: both;
}
.tcopyright a {
  color: #fff;
  text-decoration: none;
}
.tcopyright .en {
  font-family: Arial;
  font-size:0.9rem;
}
/*右侧悬浮icon*/
.side-bar {
	width: 48px;
	position: fixed;
	top:50%;
	margin-top:-50px;
	right:70px;
	font-size: 0;
	line-height: 0;
	z-index: 99999;
}
.side-bar a {
	display: block;
}

.side-bar .icon-zx {
	width: 44px;
	height:44px;
	display: block;
	background: url(../images/icon-img2.png) 0 -58px no-repeat;
	margin:0 auto 14px;
	display:none;
	/*background-repeat: no-repeat;
	background-position: 0 0;*/
}
/* .side-bar .icon-zx:hover {
	background-position: 0 -44px;
} */
.side-bar .icon-qimo {
	width: 44px;
	height:44px;
	display: block;
	background: url(../images/icon-img3.png) 0 -44px no-repeat;
	margin:0 auto 14px;
}
/* .side-bar .icon-qimo:hover {
	background-position: 0 -132px;
} */
.side-bar .icon-qq {
	width: 44px;
	height:44px;
	display: block;
	background: url(../images/icon-img3.png) 0 -132px no-repeat;
	margin:0 auto 14px;
}
/* .side-bar .icon-qq:hover {
	background-position: 0 -220px;
} */
.side-bar .icon-chat {
	display:block;
	width:48px;
	height:48px;
	background: url(../images/icon-img3.png) 0 -176px no-repeat;
	position: relative;
	margin-bottom:0px;
	*margin-bottom:-20px;
}
.side-bar .icon-chat:hover{width:44px;
}
.side-bar .icon-chat:hover .chat-tips {
	display: block;
}
.chat-tips {
	display:inline-block;
	width:187px; 
	height:91px;
	border:#ccc solid 1px;
	position: absolute;
	right:0px;
	top: 0px;
	background:#fff;
	display: none;
	padding:13px 16px 12px 11px;
}
.chat-tips .chat-left{
	width:86px;
	height:93px;
	background:url(../images/code-bg.png) left top no-repeat;
	float:left;
	padding-right:9px;
	border-right:1px solid #888888;
}
.chat-tips .chat-right-icon{
	width:77px;
	height:66px;
	background:url(../images/code-bg.png) 0 -96px no-repeat;
	float:left;
	margin:14px 0 0 14px;
}
.chat-tips .chat-right-icon:hover{
	background-position: 0 -165px;
}
/*活动悬浮框*/
.levitate_box{width:230px; height:190px; position:fixed; left:6px; bottom:60px; z-index:999;
}
.levitate_box .levitate_t, .levitate_box .levitate_t1{display:inline-block; width:235px; height:218px; background:url(../images/activity_tj.png) left top no-repeat;
}
.levitate_box .levitate_t1{background:url(../images/activity_xf1.png) left top no-repeat;
}
.levitate_box .levitate_close{position:absolute; right:-8px; top:0px; display:inline-block; width:17px; height:17px; background:url(../images/voice_close.png) left top no-repeat; cursor:pointer;
}
/*  公告*/
.gonggao{background: #ff7500;height: 60px; width: 100%; position: fixed;top: 70px; color: #f5ded1;font-size: 14px;text-align: center; line-height: 60px; z-index: 2;}
.gonggao a{color:#fff;text-decoration:underline;cursor:pointer;}  

 @media (max-width: 800px) {
.top .header{
	    width: 100%;
    height: 7.625rem;
    margin: 0;
}
.top {
    height: 7.625rem;
}
.top .logo {
    padding: 2.05rem 0 0 2rem;
}
.login_box {
    width: 20rem;
    height: 3.625rem;
    float: right;
    margin-top: 2.5rem;
}
.login_box a {
    height: 2.6rem;
    line-height: 2.6rem;
 
}
.login_box .control_btn {
    font-size: 1.2rem;
}
.login_box .zhuce {
    font-size: 1.2rem;
}
.top .navlist .link {
    line-height: 3rem;
    padding: 2.8rem 0.5rem 0 0.5rem;
    font-size: 1.5rem;
}
.footerbox .f2 {
    font-size: 1rem;
}
.tcopyright .about{
	    font-size: 0.95rem;
}
 }