* {padding: 0;margin: 0;font-family: "Microsoft YaHei";list-style: none;text-decoration: none;}

img {border: 0;}

#wrap {width:1200px;height:100%;background:#FFF;margin:0 auto;padding:10px;box-shadow: 0 0px 30px 15px #DDD;margin-top:20px;}

body {abackground: url(../images/605628b5aa8760c.jpg);background-size: 100%;background-position: 0px -100px;}

.header {width: 100%;height: auto;abackground:transparent url(../images/b6e835379b9c3b6a1db4055ef4d04403.jpg);abackground-size:100%;abackground-position:0px -55px;}



.container {width: 1200px;margin: 0 auto;overflow: hidden; padding:10px; background:#FFF}

.b-wrap {overflow: hidden;background:#FFF;border: 1px solid #eee;abox-shadow: 0 0 8px 1px #e4e5e6;-webkit-abox-shadow: 0 0 8px 1px #e4e5e6;-moz-box-shadow: 0 0 8px 1px #e4e5e6;}

.tits {width: 100%;padding: 10px;margin: 10px 0;overflow: hidden;}

.tits h3 {display: inline-block;width: 138px;float: left;color: #FFF;font-weight: bold;font-size: 18px;background: url(../images/title.png);background-size: 100% 100%;line-height: 2;text-align: center;}

.tits em {font-style: normal;color: #999;margin-left: 10px;display: inline-block;margin-top: 6px;font-size:14px;}

.tits .more {display: inline-block;width: auto;float: right;color: #5FB2FF;margin-right: 20px;}

.tits i {display:inline-block;width:7px;height:7px;background:#ccc;border-radius:7px;margin-left:7px;}





.xn-bg {background: #FFF;}



.icon {display: inline-block;}





.nav-top li {float: left;}

.nav-top li span {color: #FFF;margin: 0 10px;}

.nav-top a {color: #FFF;}

.top-i {padding: 20px 0;position:relative;}

.top-i a {display:inline-block;}

.slideLeft {float: left;}


.tell {position:absolute;top:15px;left:35%;right:0;margin:auto;}

.count {margin-left:710px;margin-top:20px;width:300px;position:relative;}

.count p {font-size:16px;font-weight:700;color:#660000;}

.count .textC {

	position:absolute;

	 width:150px;

	 overflow:hidden;

	 height:30px;

	 line-height:30px;

	bottom:-30px;

}

.textC span {

 color: #13BEEC;

 font-size: 28px;

 font-weight: bold;

 font-family: Georgia, "Times New Roman", Times, serif;

 position: absolute;

}

.search {float:right;width:360px;z-index:999;position:relative;text-align:center;margin-top:20px;}

.search input {width:58%;height:30px;border:1px solid #253654;border-right:none;vertical-align:middle;color:#999;padding-left:5px;outline:none;}

.search button {display:inline-block;width:30%;height:32px;border:1px solid #253654;vertical-align:middle;font-size:15px;cursor:pointer;color:#FFF;background:#253654 url(../images/search.png) no-repeat 16px 8px;background-size:16px;}

.search-name {width:100%;margin:5px 0;}

.search-name span {font-size:15px;color:#666;}

.search-name a {display:inline-block;font-size:14px;color:#666;margin-right:5px;}

.search-name a:hover {color:red;}





.sildeRight {float: right;}




.nav-wrap {width: 100%;background: rgba(0,0,0,0.02);margin-top: 20px;position:relative;z-index:9999;}

.nav-wrap li {float: left;padding: 0 36px;line-height: 50px;overflow:hidden;}

.nav-wrap a {display: inline-block;font-size: 18px;color: #333;}

.nav-wrap a:hover {color: #1b6a3a; border-bottom:1px solid #1b6a3a}


.nav-wrap li.active a {color: #FFF;}

.menu {width: 100%;height:auto;background: #FFF;position: absolute;aleft: 0;right:0;z-index: 999;

box-shadow: 0 3px 4px rgba(0,0,0,0.18);    border-top: 1px solid #e0e0e0;padding: 20px;text-align: center;display: none;

}

.menu a {display: inline-block;awidth: 150px;aheight: 150px;margin:0 20px;}

.menu img {width: 100px;height: 100px;border-radius: 100px;box-shadow: 0 3px 4px rgba(0,0,0,0.18);}

.menu p {amargin: 10px 0;color:#666;}

.menu p:hover {color:#1b6a3a;}


.nbsp {width:100%;height: 3px;background:#253654;}



/*轮播样式*/

.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; }
.banner { width: 100%;}
.banner .dots { position: absolute; left: 0; right: 0; bottom: 20px;}

.banner .dots li {display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; 
	border: 2px solid #ff6900; border-radius: 6px; cursor: pointer; opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}

.banner .dots li.active {background: #ff6900;opacity: 1;}
.banner .arrow { position: absolute; top: 230px;}
.banner #al { left: 15px;}
.banner #ar { right: 15px;}



/*轮播样式结束*/

.footer {width: 100%;overflow: hidden;margin: 20px 0 0 0;background:url(../images/navbg.jpg) repeat-x left top #253654}
.footer-box{width: 1200px;margin: 0 auto;overflow: hidden; padding:10px;}
.footer-top {width: 100%;padding: 30px 0;overflow: hidden;}

.footer-top li {display: block;float: left;width: 295px;text-align: left;}

.footer-top li i {display: inline-block;vertical-align: middle;width: 70px;height: 70px;background: url(../images/f-icon.png) no-repeat;}

.footer-top .f-txt {display: inline-block;vertical-align: middle;font-size: 12px;color: #666;margin-left: 20px;line-height: 25px;}

.footer-top big {font-size: 18px;color: #323232;}

.footer-links {padding-top: 10px; height:248px}

.dgg {width: 100%;color: #ccc;overflow: hidden;border-bottom: 1px #34373b solid;margin-top:10px;}

.dgg p {width: 120px;color: #FFF;background: #3b3e42;line-height: 24px;text-align: center;padding: 5px;border-radius: 3px;font-size: 14px;}

.links {padding: 15px 0;overflow: hidden;font-size: 14px;width: 1216px;margin-left: -18px;}

.links a {float: left;color: #ccc;margin: 0 18px;}

.footer-links ul {padding-top: 30px;overflow: hidden; float:left}

.footer-links ul li {float: left;text-align: left;width: 160px; background:rgba(0, 0, 0, 0) url("../images/dotted_line_y.png") repeat-y scroll right top; margin-right:40px; height:125px}

.footer-links h3 {font-weight: bold;color: #FFF;margin-bottom: 15px;font-size: 14px;}

.footer-links a {color: #fff;line-height: 28px;font-size: 12px;}
.footer-links a:hover{ color:#D7B76A}

.tell-ft {color: #f1e831;}

.icon-tell {display: inline-block;width: 18px;height: 18px;background: url(../images/footer_phone.png);background-size: 100% 100%;margin-right: 5px;}

.info {text-align: center;color: #FFF;font-size: 14px;margin:40px 0 10px 0;}

.info a {font-size:16px;}



.chatPop {width:149px;height:179px;position:fixed;background:url(../images/698d0e98x8ce287d9535f&690.gif) no-repeat;background-size:100% 100%;right:0%;top:30%;margin:-100px 0 0 -150px;

z-index:999;}

.chatPop a {display:inline-block;width:100%;height:100%;}



.kuang{width: 500px;margin: 0 auto;margin-top:50px;border: 1px solid #DDD;overflow: hidden;padding: 10px;}

.kuang ul {width: 100%;position: relative;}

.kuang li {display: block;}

#mess{text-align: center}

.mask {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9;}

.myname {display: inline-block;float: left;width: 20%}

.content {display: inline-block;float: left;width: 80%;}

#mesText {width: 88%;height: 40px;resize: none;}

.send {width: 10%;float: right;height: 40px;}



.status {height: 100px;background: red;position: fixed;right: 0;bottom: 350px;text-align: center;padding: 10px;}

.status a {display: block;text-decoration: none;margin: 5px 0;color: #FFF;}



.hb {width: 400px;height: 300px;position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: url(../images/hb2.png);background-size: 100%;display: none;z-index:9999999999999;}



.yh {width: 300px;height: 300px;position: fixed;top: 400px;right: 0;background: url(../images/52053e6b8c91c4c4960b8062b2ef1a07.png);background-size: 100%;background-position:80px 0px;z-index:99999999;cursor:pointer;}

canvas{width:100%;height:100%;display:none;position:fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index:1;}



@-webkit-keyframes rotation{

from {-webkit-transform: rotate(0deg);}

to {-webkit-transform: rotate(360deg);}

}

.rotation{

-webkit-transform: rotate(360deg);

animation: rotation 3s linear infinite;

-moz-animation: rotation 3s linear infinite;

-webkit-animation: rotation 3s linear infinite;

-o-animation: rotation 3s linear infinite;

}


//
.cpWrap {width: 100%;abackground: #DDD;}

		.cpWrap ul {width:100%;position:relative;overflow:hidden;padding-bottom:15px;}

		.cpWrap li {width:258px;float:left;amargin:10px;background:#FFF;overflow:hidden;padding:10px;border:1px solid #EEE;transition: all .2s linear;transform: translate3d(0,2px,0); margin:5px 12px 0 0}

		.cpWrap li:hover {box-shadow: 0 15px 30px rgba(0,0,0,0.1);transform: translate3d(0,-2px,0);}

		.cpWrap ul li a {display:inline-block;width:100%;}

		.cpWrap a img {width:100%;height:160px;}

		.cpWrap p {margin:5px 0;color:#666;font-size:15px;}

		.cpWrap p.name {color: #000;font-weight: 900;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;

		white-space:nowrap;}

		.cpWrap p.cc {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;

		white-space:nowrap;}

		.page-wrap {width:100%;margin:20px 0;text-align:center;}

		.page-wrap span.current {background:#FF3333;padding:5px 10px;color:#FFF;border-radius:2px;}

		.page-wrap a {padding:5px 5px;background:#FFF;border:1px solid #DDD;border-radius:2px;color:#428bca}