@charset "utf-8";
/*返回顶部图标*/
@font-face {
font-family: 'iconfont';
src: url('https://juzer-1251729470.cos.ap-beijing.myqcloud.com/fonts/font_1448280342_143227.eot') format('embedded-opentype'),
url('../other/font_1448280342_143227.woff') format('woff'),
url('../other/font_1448280342_143227.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.top-cbl-ico {
display: block;
font-size: 25px;
text-align: center;
height: 30px;
line-height: 30px;
margin-top: 7px;
color: #ffcc66;
}
.cbl-cd-ico {
width: 28px;
height: 28px;
font-size: 13px;
color: #fff;
border-radius: 50px;
margin: 0 10px;
text-align: center;
line-height: 28px;
display: inline-block;
}
.cbl-logins-ico {
font-size: 30px;
text-align: center;
line-height: 50px;
color: #fff;
border-radius: 50px;
height: 50px;
width: 50px;
display: block;
}
.gotop {
background: url(../images/icon_top.png) no-repeat;
background-size: 36px;
width: 36px;
height: 36px;
cursor: pointer;
position: fixed;
right: 12px;
z-index: 9999;
opacity: .5;
bottom: 90px;
}
/*轮播图*/
.lz-forum-pic { position: relative; }
.lz-pic-on { position: absolute; top: 10px; left: 10px; z-index: 2; }
.lz-pic-on li { overflow: hidden; width: 5px; height: 5px; margin: 3px; float: left; border: 1px solid #FFF; text-indent: 200px; }
.lz-pic-on li.on { background: #FFF; transform: none; -webkit-animation: fadeInDown 1s ease 0s 1 both; -webkit-animation-play-state: initial; }
.lz-pic-index { overflow: hidden; height: 160px; }
.lz-pic-index li { position: relative; overflow: hidden; float: left; width: 100%; height: 160px; }
.lz-pic-index li img { width: 100%; height: 160px; }
.lz-pic-index li .lz-tit { position: absolute; right: 0; bottom: 0; left: 0; padding-left: 10px; line-height: 38px; background: rgba(0,0,0,0.4); color: #fff; font-size: 1.1em; z-index: 2; }
/*顶部导航*/
.jyli{height:42px;width:100%;}
.header {height: 42px; background:url(../images/sydb.png) no-repeat left top; background-size:100% 100%; overflow: hidden;position: fixed;  z-index: 999; top: 0px; width: 100%;max-width:780px; }
.header .logo { padding: 5px; width: 105px; height: 32px; }
.header .logo img { width: 100%; height: 100%; }
.header .menu-btn { position: absolute; top: -1px; right: 5px; bottom: 0px; left: 100px; z-index: 500; }
.header .menu-btn a { display: block; width: 29px; float: right; height: 100%; padding: 0px 1px; }
.header .menu-btn a img { width: 29px; height: 29px; margin-top: 7px; }
.header .nav { overflow: hidden; background-color: #313131; }
.header .nav li { width: 20%; float: left; height: 45px; }
.header .nav li:hover { background-color: #f23c00; }
.header .nav li a { line-height: 45px; color: #FFF; display: block; text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; }
.bottom { height: 44px; background: #596975; overflow: hidden; position: fixed; left: 0px; z-index: 998; bottom: 0px; width: 100%; box-shadow: 0px -1px 1px rgba(0,0,0,0.5); }
.bottom li { float: left; width: 25%; height: 44px; text-align: center; line-height: 10px; }
.bottom li img { width: 30px; height: 30px; }
.bottom li a { font-size: 13px; color: #fff; }
.aside-left { transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5 sease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; }
.aside-left.on { transform: translateX(-280px); -ms-transform: translateX(-280px); -moz-transform: translateX(-280px); -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); }
.aside { position: fixed; top: 0px; right: -280px; z-index: 0; bottom: -200px; padding-bottom: 200px;background: #FAFAFA; transition: all 0.5s ease-in-out; -moz-transition: all 0.5 sease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; width: 280px; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); }
.aside::after {  content: " ";  width: 15px;  position: absolute;  left: 0;  top: 0;  bottom: 0;  box-shadow: 5px -10px 7px rgba(0,0,0,0.3) inset;}
.aside.on { z-index: 3000; transform: translateX(-280px); -ms-transform: translateX(-280px); -moz-transform: translateX(-280px); -webkit-transform: translateX(-280px); -o-transform: translateX(-280px); }
.search-box { position: absolute; top: 0px; right: 30px; left: auto; bottom: 0px; background-color: #FFFFFF; transition: all 0.5s ease-in-out; -moz-transition: all 0.5 sease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all. 0.5s ease-in-out;}
.search-box { position: absolute; top: 0px; right: 30px; left: auto; bottom: 0px; background-color: #FFFFFF; transition: all 0.5s ease-in-out; -moz-transition: all 0.5 sease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all. 0.5s ease-in-out;}
.search-box.on { left: -100px; right: -5px; }
.search-box img { top: 0px; right: 3px; position: absolute; }
.search-box.on img { right: 10px; }
.search-box .search-box-text { display: none; height: 34px; border: solid 1px #3d9dff; margin: 5px; border-radius: 5px; }
.search-box .search-box-text input { border: none; margin: 0px 20px; font-size: 14px; outline: medium; width: 80%; }
.search-box.on .search-box-text { display: block; }
.search-show { display: none; position: fixed; top: 0; right: 0px; bottom: 0px; left: 0px; z-index: 1998; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5 sease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; }
.search-show.on { display: block; }
.xk_svers { width: 280px; overflow:hidden; margin-bottom:10px;}
.xk_sver { width: 280px; height: 105px;background: #fff;}
.xk_sver img { width: 50px; height: 50px; }
.xk_sver li a { float: left; width: 50px; height: 75px; border-radius: 5px; margin-left: 60px; margin-top: 20px; color: #555; font-size: 14px; text-align: center; line-height: 20px; }
.xk_sver y a { float: right; width: 50px; height: 75px; border-radius: 5px; margin-right: 60px; margin-top: 20px; color: #555; font-size: 14px; text-align: center; line-height: 20px; }
.xk_sverqq { width: 100%; height: 35px; }
.xk_sverqq li a { float: left; width: 50%; height: 35px; line-height: 35px; color: #fff; font-size: 12px; text-align: center; background: rgba(0,174,255,0.7); }
.xk_sverqq li a:hover { background: rgba(0,174,255,0.9); }
.xk_sverqq y a { float: left; width: 50%; height: 35px; line-height: 35px; color: #fff; font-size: 12px; text-align: center; background: rgba(14,184,70,0.7); }
.xk_sverqq y a:hover { background: rgba(14,184,70,0.9); }
.xk_sverqq img { width: 20px; height: 20px; vertical-align: middle; }
.xk_user { float: left; width: 280px; background: #fff; padding-top: 15px; padding-bottom: 10px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); overflow: hidden;}
.xk_user li { float: left; width: 100%; height: 70px; }
.xk_user y a { float: left; width: 40px; height: 70px; background: url(../images/userzx.png) no-repeat 50% 50%; opacity: 0.7; filter: alpha(opacity=70); background-size: 30px 40px; }
.xk_user y a:hover { background: url(../images/userzx.png) no-repeat 50% 50% #EB5A5C; opacity: 1; filter: alpha(opacity=100); background-size: 30px 40px; }
.xk_user li a { display: block; overflow: hidden; padding: 2.5px 0 2.5px 20px; color: #767676; line-height: 0px; }
.xk_user li a:hover { background: rgba(244, 244, 244, 0.7); }
.xk_user li .tx { width: 50px; height: 50px; float: left; margin-right: 10px; overflow: hidden;border-radius: 50px;overflow: hidden; border: 1px solid #CBCBCB; background: #fff; padding: 2px;}
.xk_user li .tx img { width: 100%; border-radius: 50px; height:100%;}
.xk_user li .name { float: left; position: relative; margin-top: 20px; }
.xk_user li p1 { font-size: 18px; color: #555; font-weight: bold;}
.xk_user li p2 { font-size: 10px; position: absolute; top: 25px; left: 0; white-space: nowrap; }
.xk_usercd { float: left; width: 100%; height: 35px; background: #fff; margin-top: 10px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);}
.xk_usercd li a { float: left; width: 20%; height: 35px; line-height: 35px; text-align: center; font-size: 13px; color: #333; }
.xk_usercd li a:hover { background: rgba(244, 244, 244, 0.7); }
.xk_usercd li p3 { position:absolute; top:102px; right:58px; width:15px; height:15px; border-radius:5px; color: #FFFFFF; background-color: #FF0000; border-radius: 8px 8px 8px 8px; font-size: 12px; font-stle: normal; line-height: 15px; text-align: center; font-weight: bold;}
.xk_userbg { width: 280px; height: 150px;}
.nv { overflow-y: auto;}
.nv ul { overflow:hidden;}
.nv li { height: 37px;border-bottom: 1px solid #DDD;}
.nv span { width:35px; height:35px; margin:2.5px 10px; }
.nv span img {width: 25px; height: 25px;vertical-align: -5px;}
.nv a { display: block;font-size: 15px; line-height: 37px; color: #222; padding-left:15px;}
.nv a:hover { background:#F8F8F8;}
.oy .nv { overflow-y: auto; }

.swiper-container{ text-align: center;}
.swiper-container img{max-width: 100%;}
.swiper-pagination-bullet-active{ background:#ffc231; }

.contact-box{ background: #fff; height: auto; overflow: hidden; padding-bottom: 15px;}
.contact-box h3{height: 40px; line-height: 40px; padding: 20px 0 0; background: #fff; text-align: center; font-size: 18px;}
.contact-box .short-line{ text-align: center; height: 2px; margin-bottom: 20px;}
.contact-box .short-line span{ display:block; width:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.contact-box ul li{ float: left; width: 44%; margin: 5px 3%;}
.contact-box ul li dl dt{ text-align: center;}
.contact-box ul li dl dt img{ width: 60px; height: 60px;}
.contact-box ul li dl dd{ text-align: center;}
.contact-box ul li dl dd.font{ font-size: 16px;margin-bottom: 5px;}

.prospecl{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 15px 0; margin-top: 5px; background: #fff;}
.prospecl h2{ text-align: center; font-size: 17px; padding: 10px 0;}
.prospecl .short-line{ text-align: center; height: 2px}
.prospecl .short-line span{ display:block; width:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.prospecl .protips{ padding: 10px;}
.prospecl .protips li{ line-height: 50px; height: 50px; padding-left: 6%; background: #f5f5f5; float: left; width: 48%; margin:0  1% 5px 1%; box-sizing:border-box;}
.prospecl .protips li img{ width: 30px; height: 30px; vertical-align: middle; margin-right: 10px;}

.about-box{ background: #fff;}
.about-box h1,.rongyu h3{ font-size: 16px; padding: 15px 0; text-align: center; color: #555;}
.about-box p.textfont{ font-size: 14px; line-height: 1.9; padding: 15px;}
.about-box .short-line,.rongyu .short-line{ text-align: center; height: 2px}
.about-box .short-line span,.rongyu .short-line span{ display:block; width:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.rongyu{ padding-top:80px; background: url(../images/aboutbg.png) no-repeat;  background-position: top center; background-color: #fff;overflow: hidden;}
.rongyu h3{ color: #fff;}
.rongyu ul li{ width: 42%;margin: 5px 2%; padding: 2%; float: left;height: 145px;line-height: 141px; background: #fff; font-size: 0;}
.rongyu ul li img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.rongyu .short-line span{ background: #fff; }

.xk_gfnew29 { margin: 20px; border: solid 1px #dfdfdf; border-radius: 3px; padding: 7px; background: #fff url(../img/new_mark.png) no-repeat right 7px; height: auto; }
.xk_gfnew29 li { font-size: 12px; color: #F26F3C; height: 25px; line-height: 25px; width: 100%; }
.xk_gfnew29 p { width: 100%; font-size: 14px; line-height: 25px; color:#3f3f3f; text-indent: 2em; }