@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0; } 
div {margin:0 auto; overflow:hidden; height:auto;} 
em,i {font-style:normal; font-size:100%;}
img{border:none; display:block;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active {	text-decoration: none;}
ul,ol,li{list-style:none;}
body {font-size:12px; color:#333; line-height:20px; font-family:"微软雅黑";}

/*头部*/
.top{ width:100%;}
.top1{ width:100%; height:32px; background:url(../images/top01.jpg); line-height:32px;}
.top1a{ width:100%; max-width:1000px; line-height:32px; color:#999999;}
.top1a a{ float:right; color:#999999;}
.top1a span{ float:right; margin-left:10px; margin-right:10px;}
.top2{ width:100%; max-width:1000px; padding:16px 0;}
.top2a{ float:left;}
.top2b{ float:left; margin-left:13px; height:65px; padding:15px 0; width:300px;}
.top2b b{ width:100%; height:35px; font-size:20px; line-height:35px; color:#333333; display:block;}
.top2b p{ width:100%; height:30px; line-height:30px; font-size:16px; color:#666666; display:block;}
.top2b p span{ color:#0091ff;}
.top2c{ float:right; width:220px; height:65px; padding:15px 0 15px 65px; background:url(../images/top05.jpg) left center no-repeat;}
.top2c p{ width:100%; height:32.5px; line-height:32.5px;}
.top2c span{ height:32.5px; line-height:32.5px; font-size:14px; color:#333333; float:left;}
.top2c b{ height:32.5px; line-height:32.5px; color:#d71730; font-size:20px; float:left;}
@media (max-width:870px){.top{ display:none;}}

/*导航*/
.nav{ width:100%; height:46px; background:url(../images/nav01.jpg);}
.nav1{ width:100%; line-height:46px; max-width:1000px;}
.nav1 li{ width:10%; float:left; text-align:center; font-size:14px; background:url(../images/nav02.jpg) left center no-repeat; padding-left:2px; box-sizing:border-box;}
.nav1 li a{ color:#FFFFFF;}
.nav1 li:hover{background:url(../images/nav03.jpg);}
#nav1{ background:url(../images/nav03.jpg);}
@media (max-width:870px){.nav{ display:none;}}

/*手机头部*/
.x-top{ width:100%; padding:10px 0; display:none;}
.x-top1{ width:45%; float:left; text-align:center; }
.x-top1 img{ width:90%;}
.x-top2{ width:54%; float:right;border-left:1px solid #ccc;}
.x-top2a{ width:100%; float:left;}
.x-top2a img{ width:95%; margin-left:5%; }
.x-top2b{ width:100%; float:left; margin-top:5px;}
.x-top2b-1{ width:10%; float:left;margin-left:5%;}
.x-top2b-1 img{ width:100%;}
.x-top2b-2{ width:95%; float:left; font-size:20px; font-weight:bold; line-height:30px; background:url(../images/tel.png) left center no-repeat; text-indent:30px; margin-left:5%; color:#333333;}
.x-nav{ margin:0 auto; width:100%;display:none;}
.x-nav ul{ margin:0 auto; display:block;}
.x-nav li{ width:25%;  float:left; height:30px; text-align:center; background:#0091ff; border:1px solid #0061A8; border-top:none; border-left:1px solid #55B7FF;box-sizing:border-box;}
.x-nav li a{ color:#fff; text-align:center; line-height:30px;} 
@media (max-width:870px){.x-top{ display:block;}}
@media (max-width:870px){.x-nav{ display:block;}}

/*搜索*/
.search{ width:100%; max-width:1000px; height:44px; line-height:44px; color:#666666;}
.search a{ color:#666666; margin-left:10px; margin-right:10px;}
.search1{ width:56px; height:24px; float:right; margin-top:10px; background:url(../images/search01.jpg); border:none;}
.search2{ width:228px; height:24px; float:right; margin-top:10px; border:1px solid #d2d2d2; box-sizing:border-box; font-family:"宋体"; background:#FFFFFF; text-indent:5px; color:#c7c7c7; border-right:none;}
@media (max-width:870px){.search{ display:none;}}

/*banner*/
.banner{ width:100%;}
.banner img{ width:100%;}
.banner1{ width:100%; max-width:1000px;}
.banner1 img{ width:100%;}
.slideshow { clear: both; width:100%; height:auto; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }
.slidebar { position: absolute; left:50%; bottom:10px; margin-left:600px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #ff0; font-weight: 700; }
.slideshow SPAN.title { text-indent: 0px; }
.block { margin: 0;position: relative; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.comiis_wrap960, .comiis_wrapad { margin: 0 auto; width: 100%; }
.comiis_wrapad { overflow: hidden; }
.comiis_wrapad img { float: left; margin-top: 0px; width:100%; }
#slidesImgs li { width: 100%; display: none; }
.banner-box{position:relative;overflow:hidden; width:100%; display:none;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .bd li img{ width:100%;}
.banner-btn{width:100%;}
.banner-box .hd {position:absolute; bottom:20px;left:45%;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}

@media (max-width:980px){.comiis_wrapad{ display:none;}}
@media (max-width:980px){.banner-box{ display:block;}}
@media (max-width:980px){.banner-box .hd{ display:none;}}



/*左侧导航*/
.zcdh{ width:100%;padding-bottom:23px; background:url(../images/zcdh10.jpg) center bottom no-repeat #0086eb;}
.zcdh1{ width:100%; padding:17px 0 7px 0; border-bottom:1px solid #4fb3ff; line-height:23px; font-size:17px; color:#FFFFFF; text-align:center; background: url(../images/zcdh01.png) top center no-repeat;}
.zcdh1 span{ color:#5ebaff; font-size:12px; display:block;} 
.zcdh2{ width:100%; padding:5px 16px 22px 16px; box-sizing:border-box;} 
.zcdh2 li{ width:100%; margin-top:10px; height:33px; background:url(../images/zcdh02.jpg);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; padding-left:17px; box-sizing:border-box; line-height:33px;-moz-box-shadow: 1px 1px 2px #000;-webkit-box-shadow: 1px 1px 2px #000;box-shadow: 1px 1px 2px #000; float:left;}
.zcdh2 li a{ width:100%; display: block; background:url(../images/zcdh03.png) left center no-repeat; padding-left:17px; color:#333333; font-size:14px; box-sizing:border-box; font-weight:bold;}
.zcdh2 li:hover a{ color:#d71730;}
@media (max-width:1000px){.zcdh{ background:#0086eb; padding-bottom:0;}}
@media (max-width:1000px){.zcdh2 li{ width:15%; margin-right:0.83333333%; margin-left:0.833333333%; padding-left:5px;}}
@media (max-width:800px){.zcdh2 li{ width:18%; margin-left:1%; margin-right:1px;}}
@media (max-width:650px){.zcdh2 li{ width:23%; margin-left:1%; margin-right:1px;}}
@media (max-width:520px){.zcdh2 li{ width:30%; margin-left:1.66666666%; margin-right:1.66666666%;}}
@media (max-width:520px){.zcdh2{padding:5px 2px 22px 2px;}}
@media (max-width:390px){.zcdh2 li{ width:48%; margin-left:1%; margin-right:1%;}}

/*底部*/
.foot{ width:100%; background:#0091ff;}
.foot1{ width:100%; max-width:1000px;line-height:38px; padding-bottom:30px; background:url(../images/foot01.png) center bottom no-repeat #0079d4;}
.foot1 li{ width:10%; float:left; line-height:38px; text-align:center; background:url(../images/foot02.jpg) left center no-repeat;}
.foot1 li a{ color:#FFFFFF;}
.foot2{ width:100%; margin-top:5px; max-width:1000px; margin-bottom:28px;}
.foot2a{ float:left; padding-right:20px; background:url(../images/foot04.jpg) right center no-repeat;}
.foot2b{ float:left; margin-left:15px; line-height:27px; color:#FFFFFF;}
.foot2b a{ color:#FFFFFF;}
.foot2c{ float:right;}
@media (max-width:580px){.foot1 li{ width:20%;}}
@media (max-width:1000px){.foot2c{ display:none;}}
@media (max-width:1000px){.foot1{ display:none;}}
@media (max-width:660px){.foot2a{ width:100%; text-align:center; padding:0; background:none; display:none;}}
@media (max-width:660px){.foot2b{ width:100%; float:none; text-align:center; margin:auto;}}





.linkbox h3{float: left;height: 27px;line-height: 27px;margin-bottom: 5px;font-size: 14px;width:100%;padding-left: 10px;margin-top: 10px;display: inline; box-sizing:border-box;}

.linkbox ul{float: left;border: 1px solid #DEDEDE;line-height: 25px;width: 600px;padding: 7px 9px; box-sizing:border-box; width:100%;}

.linkbox ul li{float: left; padding:0; border:none; width:20%;}

.linkbox a{ color:#333333;}

.x-foot{ width:100%; height:60px; border-top:1px solid #D7D7D7; background:#FFFFFF; left:0; bottom:0; position:fixed; z-index:999; display:none;}
.x-foot li{ width:25%; float:left; text-align:center;}
.x-foot li img{ display:block; width:26px; height:26px; margin-top:10px;}
.x-foot li span{ width:100%; display:block; line-height:15px; margin-top:5px; color:#666666; font-size:12px; font-family:"宋体";}
@media (max-width:980px){ .x-foot{ display:block;}}
@media (max-width:980px){.foot{ margin-bottom:40px;}}


.side-bar a,.chat-tips i {
	background-image: url(../images/gdt-img.png);
	background-repeat: no-repeat;
}
/*右侧悬浮icon*/
.side-bar {
	width: 66px;
	position: fixed;
	top: 100px;
	right: 25px;
	font-size: 0;
	line-height: 0;
	z-index: 100; overflow:visible;
}
@media (max-width:980px){.side-bar{ display:none;}}
.side-bar a {
	width: 66px;
	height: 66px;
	display: inline-block;
	background-color: #669fdd;
	margin-bottom: 2px;
}
.side-bar a:hover {
	background-color: #D71730;
}
.side-bar .icon-qq {
	background-position: 0 -62px;
}
.side-bar .icon-chat {
	background-position: 0 -130px;
	position: relative;
}
.side-bar .icon-chat:hover .chat-tips {
	display: block;
}

.side-bar .icon-mail {
	background-position: 0 -266px;
}
.side-bar .icon-totop {
	background-position: 0 -334px;
}
.chat-tips {
	padding: 10px;
	border: 1px solid #d1d2d6;
	position: absolute;
	right: 78px;
	top: -55px;
	background-color: #ffffff; display:none;

}
.chat-tips i {
	width: 9px;
	height: 16px;
	display: inline-block;
	position: absolute;
	right: -9px;
	top: 80px;
	background-position:-88px -350px;
}
.chat-tips img {
	width: 138px;
	height: 138px;
}

.side-bar .icon-blog {
	background-position: 0 -198px;
	position: relative;
}
.side-bar .icon-blog:hover .chat-tips {
	display: block;
}