@charset "utf-8";
/*网站基本定义*/
/*html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}*/
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
body{ 	width:100%;
	font-family: Arial, Helvetica, sans-serif, "Microsoft YaHei";
	font-size:12px;
	margin:0 auto;
	color:#949494;
	height:auto; 
	line-height:21px;
	background:#ffffff;
	}
img{ border:0px;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:#949494; }
a:hover{ text-decoration:none; color:#8abe64; outline:none;}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
.float_left{ float:left;}
.float_right{ float:right;}
.del_float{ clear:both; line-height:0; height:0; font-size:0;}
.blueolor{ color:#1570c1;}
.greyColor{ color:#666666;}
.font14{ font-size:14px;}
a,area{blr:expression(this.onFocus=this.blur())}
/*网站基本定义*/

#warp{ width:100%; margin:0 auto;}

/*header begin*/
.headtop{ width:100%; height:5px; background:url(../images/header_01.jpg) repeat; overflow:hidden;}
.header{ width:100%; height:40px; background:url(../images/head_03.jpg) repeat-x; overflow:hidden;}
.head{ width:1003px; height:40px; margin:0px auto; overflow:hidden;}
.head p.headlf{ float:left; color:#aeacac; font-size:12px; line-height:35px;}
.head .headrt{ float:right; padding-top:10px;}
.headrt span{ display:block; float:left;}
.headrt span.hd1{ width:188px; height:20px; background: url(../images/search_03.gif) no-repeat center center; }
.headrt span.hd1 .box1{ display:block; float: right; height: 20px; width: 136px; margin-right:42px; border-style: none; background:none; }
.headrt span.hd1 .box2{ display:block; height: 20px; width: 42px; float:right; cursor:pointer; border-style: none; background:none; }
span.hd1 a{ display:block; width:38px; height:18px; position:absolute; right:0px; top:0px;}
span.hd2{ width:130px; height:auto; margin:0px 6px; color:#a5a5a5; font-size:12px;}
span.hd2 a{ margin:0px 3px; color:#a5a5a5;}
span.hd2 a:hover{ color:#8abe64; text-decoration:underline;}
span.hd3{ padding-top:2px;}
span.hd3 a{ display: inline-block; margin-right: 5px; height: 27px; width: 50px; background: url(../images/headtxt_03.jpg) no-repeat center center; font-size: 12px; line-height: 27px; color: #FFF; padding: 0px 10px 0px 29px; overflow: hidden; }



/*content begin*/
.content{ width:100%; height:auto; background:url(../images/bodybj_02.jpg) no-repeat center 22px;}
/*0412*/
/*.content h1{ width:1003px; height:auto; margin:0px auto;  padding:20px 0px;}
.content h1 a{ width:510px; height:51px; background:url(../images/logo_03.png) no-repeat; display:inline-block;}*/
.contmain{ width:1003px; height:auto; margin:0px auto;  padding:20px 0px;}
.conleft{ width:500px; height:57px; display:inline-block; float:left;}
.conright{ float:right; width:430px; height:51px;position:relative;}
.rightsm{ /*width:430px;*/ height:35px; float:right; margin-top:5px;}
.rightxm{ width:430px; height:22px; float:right; margin-top:-3px;}
.rightxm a{ line-height: 25px; color: #FFF; background: #333 url(../images/arr22_03.png) no-repeat 100px center; float: right; height: 25px; width: 102px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 10px; }
/*0412 end*/
.content .nav{ width:1009px; height:45px; background:url(../images/nav_03.png) no-repeat; margin:0px auto; overflow:hidden;}
.nav ul{ width:980px; padding-left:30px; height:auto; background:url(../images/icon2_03.png) no-repeat 20px 17px; padding-top:10px; overflow:hidden;}
.nav ul li{ float:left; margin-right:6px; display:inline; height:30px; line-height:30px; width:100px; text-align:center; background:url(../images/icon2_06.png) no-repeat right center;}
.nav ul li.nobj{  margin-right:0px; color:#8abe64;}
.nav ul li a{ color:#4c4c4c; font-size:14px;}
.nav ul li a.cur,.nav ul li a:hover{ color:#8abe64; text-decoration:none;}




/*footent begin*/
.footent{ width:100%; height:auto; border-top:1px #e0e0e0 solid; margin-top:30px; overflow:hidden;}
.footent .footer{ width:1003px; margin:0px auto; overflow:hidden;}
.footer .footer_left{ width:300px; float:left; height:65px; line-height:65px; color:#afafaf; font-size:12px; }
.footer_left a{ height:65px; line-height:65px; color:#afafaf; font-size:12px; margin:0px 3px; *margin:0px 6px;}
.footer_left a:hover{ color:#8abe64; text-decoration:underline;}
.footer .footer_right{  float:right;}
.footer_right p{ height:65px; line-height:65px; color:#afafaf; font-size:12px;}
.footer_right p a{ color:#afafaf;}
.footer_right p a:hover{ color:#8abe64; text-decoration:underline;}
.cxp{  width:1003px; margin:0 auto;}

#warp .content h1 span {float:right; height:22px; width:105px; display:block; background:none; cursor:pointer;}
#warp .content h1 span input{ background:url(../images/Visitbox_38.png) no-repeat; height:22px; width:105px; overflow:hidden; cursor:pointer;}



/*0412*/
.header{ display:none;}
/*#warp .content h1 span { background:url(../images/Visitbox.png) no-repeat; height:22px; width:105px; overflow:hidden; cursor:pointer;}
*/#warp .content h1 span .jj{ background:url(../images/Visitbox.png) no-repeat; height:22px; width:105px; overflow:hidden; cursor:pointer;}


/*0619*/
span.hd2{ width:130px; height:auto; margin:0px 6px; color:#4c4c4c; font-size:12px; }
span.hd2 a{ margin:0px 3px; color:#4c4c4c;}
.headrt span.hd1{ width:188px; height:20px;}
.rightsm{ width:430px;}
span.hd3{ padding-top:1px;}
span.hd1 .input{ width:142px; height:15px; margin-top:2px; padding-left:5px; margin-left:2px;}
.rightxm ul li{ float:left;}
.rightxm{width:240px;}
span.hd1 a{ width:34px; height:20px;}


/*-------- 20151114 --------*/

.toperweima{position:absolute;left: -33px;top: 6px;cursor:pointer;font-size: 13px;color: #333;}
.thisimgcont{display:none;}
.thisimgcont img{display:block;width:130px;height:130px;}

/*20180105*/
/*.online-service-20*/
.online-service-20{box-sizing: content-box;width:180px;border: 1px solid #efefef;background: #fff;}
.online-service-20 .online-service-header{height: 40px;line-height: 40px;background: #4BACE8 url(../Images/onlineService/kefu.png) 16px center no-repeat;}
.online-service-20 .online-service-header-text{margin-left: 46px;font-size:14px;color:#fff;}
.online-service-20 .online-service-header-close{float: right;width: 40px;height: 40px;background: transparent url(../Images/onlineService/del.png) center center no-repeat;cursor:pointer;}
.online-service-20 .online-service-accounts-item{height: 38px;line-height: 38px;border-bottom: 1px dashed #f7f7f7;}
.online-service-20 .online-service-accounts-item a{display: block;height: auto !important;margin-left: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: 14px;text-decoration: initial;}
.online-service-20 .online-service-accounts-item a:hover{text-decoration: underline;}
.online-service-20 .online-service-accounts-item a img{margin-right: 5px;height: 18px;max-height: 18px;overflow: hidden;}

.online-service-20 .online-service-contacts-title {height: 40px;line-height: 40px;border-bottom:1px solid #f5f5f5;background: transparent url(../Images/onlineService/lianxi.png) 16px center no-repeat;}
.online-service-20 .online-service-contacts-title-text {font-size:14px;margin-left: 45px;}

.online-service-20 .online-service-contacts-item {height: auto;line-height: 30px;margin: 4px 15px;font-size: 14px;color: #666;}
.online-service-20 .online-service-contacts-item-content{line-height: 24px;font-size: 14px;margin-left:10px;word-break: break-all;}

.online-service-20 .online-service-qrcode {}
.online-service-20 .online-service-qrcode-title {height: 40px;line-height: 40px;background: transparent url(../Images/onlineService/erweima.png) 16px center no-repeat;}
.online-service-20 .online-service-qrcode-title-text{margin-left: 45px;font-size:14px;}
.online-service-20 .online-service-qrcode-content {padding-bottom: 10px;}
.online-service-20 .online-service-qrcode-img{display: block;width: 128px;height: 128px;margin: 0 auto;}

.online-service-20 .online-service-toggle-btn{position: absolute;left: 225px;top:50%;margin-top: -60px;width: 40px;height: 120px;z-index: 1001;/**background: #4BACE7 url(../Images/onlineService/left.png) center 90px no-repeat;**/background: #4BACE8 url(../Images/onlineService/kefu.png) 8px 10px no-repeat;text-align: center;cursor: pointer;border: 1px solid #ccc;}
.online-service-20.left .online-service-toggle-btn{left: 181px;background-image:url(../Images/onlineService/left.png);}
.online-service-20.right .online-service-toggle-btn{ left: -40px; background-image:url(../Images/onlineService/right.png);}
.online-service-20 .online-service-toggle-btn.left{/**background-image:url(../Images/onlineService/left.png);**/background-image:url(../Images/onlineService/kefu.png);}
.online-service-20 .online-service-toggle-btn.right{background-image:url(../Images/onlineService/right.png);}
.online-service-20 .online-service-toggle-btn-text{display: block;width: 14px;margin: 44px auto 0;color:#fff;line-height: 16px;font-size: 14px;}

.online-service-20.out{width: 0;border:0;}
.online-service-20.out .online-service-header,
.online-service-20.out .online-service-content{display:none;}

.online-service-20.red .online-service-header, 
.online-service-20.red .online-service-toggle-btn{background-color:#e60012;}
.online-service-20.green .online-service-header, 
.online-service-20.green .online-service-toggle-btn{background-color:#a9e047;}
.online-service-20.blue .online-service-header, 
.online-service-20.blue .online-service-toggle-btn{background-color:#4BACE8;}
.online-service-20.yellow .online-service-header, 
.online-service-20.yellow .online-service-toggle-btn{background-color:#ffb800;}
.online-service-20.black .online-service-header, 
.online-service-20.black .online-service-toggle-btn{background-color:#010101;}