@charset "utf-8";
/* General styles for all menus */
.cbp-spmenu{background:#262528;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#888;}
.cbp-spmenu a:active{background:#888;color:#fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
.bg_color_1 {background:#86daff;}

htm {padding:0px; margin:0px;}
body {font-family:"微软雅黑"; background: url(../images/bg.jpg); }

.back1 {width:100%; height:auto; padding:0px 5px;}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both; height:0px;}
.top_bor {border-top:#e5e5e5 solid 1px;}
.bot_bor {border-bottom:#000 solid 1px;}
.img{width:100%;}
.padding15{ padding:15px;}

.container{ background: url(../images/bg_1200.png) repeat-y;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;}
input::-webkit-input-placeholder {color:#999;}
.input {width:100%; display:block; padding:10px 5px; background:#FFF; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {width:100%; display:block; padding:10px 5px; background:#FFF; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}

.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

.bg_fff {background:#fff;}
.bg_eaeaea {background:#eaeaea;}

.forms dl{
	padding:0px;
	margin: 10px 0px;
	-webkit-box-sizing:border-box;
}
.forms dd{
width:100%; display:block; height:auto; overflow:hidden;
}
.forms hr{
	margin:10px 0;
	border:0;
	border-top:1px solid #dddddd;
}

.forms dt{
	font-size: 16px;
	color: #606366;
	padding:5px 0px;
	line-height:30px;
}

.forms button{
	font-size: 16px;
	color: #fff;
	padding:5px 0px;
	line-height:30px;
    background:#666;
}

/* 链接颜色 */

a {color:#fff;}
a:link {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

.header {height:auto; overflow:hidden; text-align:center;}

.pc_head { background:url(../images/2312321312.png); -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto; background-size:100% auto;}
.pc_heads{ background:url(../images/20150828141454.png) no-repeat; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto; background-size:100% auto; height:22px; position:relative; z-index:999;}

.pc_head .navbox { display:inline-block; margin:0px auto;}
.pc_head .navbox a { color:#666666; font-size:15px; padding:0px 20px; display:block; float:left; margin:20px 0px;}
.pc_head .navbox a:hover{ color:#82c5ce; font-weight:bold;}
.pc_head .nav wbox a.hover{ color:#82c5ce; font-weight:bold;}
.pc_head .logo {height:auto; overflow:hidden; float:left; position:relative; top:-25px;}
.pc_head .logo a{ margin:0px;}
.pc_head .logo img {height:80px;}

.m_head {height:auto; overflow:hidden; background:url(../images/2312321312.png); -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto; background-size:100% auto;}
.m_head .logo img {height:80px;}
.m_head .navmenu {height:auto; overflow:hidden; padding:0px 10px; position:relative; background:#262528; margin:0px 5px;}

.m_head .m_title {color:#fff; display:block; float:left;}
.m_head .menu_btn {display:block; float:right;}
.m_head .menu_btn span {display:block; background:url(../images/menu.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.about{ height:auto; overflow:hidden;}
.about img{ margin-top:20px;}
.abouts form{ font-size:46px; color:#666;}
.abouts form span{ color:#5598c3;}
.abouts h3{ font-size:22px; color:#666; margin:5px 0px 10px;}
.aboutd ul{ height:auto; overflow:hidden;}
.aboutd ul li{ position:relative; height:30px; line-height:30px;}
.aboutd ul li a{ color:#666; padding-left:5px; float:left; display:block;}
.aboutd ul li i{ color:#666; padding-left:5px; float:left; display:block; margin-top:9px;}
.aboutd ul li span{ position:absolute; right:0px; color:#666;}

.shows{ position:relative;}
.show{position:absolute; width:100%; background:url(../images/20150828141454a.png) no-repeat center center; height:3px;text-align:center;}
.show span{ display:inherit; margin:0px auto; margin-top:-15px; font-size:24px;}

.new a{ display:block; color:#666; font-weight:700; text-align:center;}
.new a:hover{ color:#333;}
.new p{ color:#999;}
.new p:hover{ color:#333; font-weight:700;}

.bottom{ background:url(../images/0231459_14.png.png); margin-bottom:2px;}
.bottomd { position:relative;}
.bottoms { position:absolute; bottom:15px; right:0px;}
.bottoms span{ font-size:46px; color:#333; text-align:right;}
.bottoms p{ font-size:24px; color:#333; text-align:right;}

.footer {height:auto; overflow:hidden; clear:both; background:url(../images/0231443_3.png);-webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;text-align:center;}
.foot_text {height:auto; overflow:hidden; padding:20px 0px; display:inline-block; margin:0px auto;}
.foot_text p {line-height:25px; color:#999; padding:0px 20px; float:left;}
.foot_text a {line-height:25px; color:#999; display:block; padding:0px 20px; float:left;}


/* 首页轮播图 */

.slides {width:100%; height:auto; overflow:hidden; position:relative; z-index:998; margin-top:-10px; padding:0px 5px;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}

.slides img {width:100%;}

.slidesjs-pagination {height:10px; position:absolute; bottom:10px; left:50%; margin-left:-50px; z-index:998;}
.slidesjs-pagination li {width:10px; height:10px; line-height:10px; margin:0px 3px; float:left;}
.slidesjs-pagination li a {font-size:12px; text-align:center; color:#969696; font-size:0px; background:#fff; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#86daff; color:#86daff;}
.slidesjs-pagination li a:hover {background:#86daff; color:#86daff;}

.slidesjs-navigation {display:none;}
.slidesjs-navigation .slidesjs-previous {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:0px; position:absolute; top:50%; left:0px; z-index:999;}
.slidesjs-navigation .slidesjs-previous:hover {background:rgba(0,0,0,0.3); -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -ms-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.slidesjs-navigation .slidesjs-next {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:10px; position:absolute; top:50%; right:0px; z-index:999;}
.slidesjs-navigation .slidesjs-next:hover {background:rgba(0,0,0,0.3); -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -ms-border-bottom-left-radius:3px; border-bottom-left-radius:3px;}
.slides:hover .slidesjs-navigation {display:block;}

/* 首页板块 */

.bg{ background:url(../images/14083541574125_s.png) no-repeat; height:auto; overflow:hidden; text-align:center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.bg-box{ height:auto; overflow:hidden;}
.bg-box img{ display:inline-block; margin:0px auto; overflow:hidden; height:auto;}
.bg-box a{ display:block; color:#000; font-size:18px;}

.product{ height:auto; overflow:hidden;}
.product span{ font-size:24px; color:#111;}
.product p{ color:#555; line-height:24px;}
.product img{ width:100%;}

/* 二级页面 */

.banner {height:auto; overflow:hidden;}
.banner img {width:100%; height:auto; overflow:hidden;}

.stage_title {height:40px; line-height:40px; color:#fff; font-size:20px; padding:0px 20px; background:#d3880b;}

.side_ul {height:auto; overflow:hidden; padding:0px; margin:0px; display:block; clear:both; margin-top:10px;}
.side_ul li {height:30px;}
.side_ul li a {height:30px; line-height:30px; color:#111; display:block; padding-left:20px;}
.side_ul li:hover a {color:#fff; background:#d3880b;-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.side_ul li:last-child {border:none;}

.s_content {height:auto; overflow:hidden; padding:0px 10px;}
.s_content img{ max-width:100%;}

.s_title {height:40px; clear:both; position:relative;}
.s_title span {height:40px; color:#666; font-size:20px; display:block; padding-right:30px; position:absolute; top:0px; left:0px;}

.newslist {height:auto; overflow:hidden; padding:0px; margin:0px;}
.newslist li {height:45px; line-height:45px; overflow:hidden; clear:both; border-bottom:#e6e6e6 dashed 1px; position:relative;}
.newslist li i {width:4px; height:4px; background:#888; display:block; position:absolute; top:22px; left:0px;}
.newslist li a {height:45px; line-height:45px; display:block; color:#333; padding-left:15px; padding-right:90px;}
.newslist li time {width:80px; height:45px; line-height:45px; color:#999; position:absolute; top:0px; right:0px;}
.newslist li a:hover {color:#000;}

.items {height:120px; overflow:hidden; display:block; padding-left:120px; position:relative;}
.items img {width:100px; height:100px; position:absolute; top:0px; left:5px;}
.items span {height:40px; line-height:40px; overflow:hidden; color:#333; font-size:14px; font-weight:bold; display:block;}
.items font {height:50px; line-height:25px; overflow:hidden; color:#999; font-size:12px; display:block;}

.item {height:auto; overflow:hidden; display:block;}
.item img {width:100%;}
.item p {height:40px; line-height:20px; color:#333; font-size:12px;}
.item time {height:30px; line-height:30px; color:#999; font-size:12px;}

.video {height:auto; overflow:hidden; display:block; position:relative;}
.video .v_title {width:100%; height:40px; line-height:40px; color:#f6f6f6; font-size:12px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.6); overflow:hidden; padding:0px 20px; position:absolute; bottom:0px; left:0px;}

.s_n_title {height:50px; line-height:50px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; text-align:center;}
.s_d_date {height:30px; line-height:30px; text-align:center; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.s_d_date font {color:#e60012;}

/* 相关新闻 */

.more {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;}
.more span {height:30px; line-height:30px; display:block; color:#434343;}
.more a {height:30px; line-height:30px; display:block; color:#a0a0a0;}
.more a:hover {color:#666666;}

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;}
.morenews span {height:30px; line-height:30px; display:block; color:#434343;}
.morenews a {height:30px; line-height:30px; display:block; color:#a0a0a0;}
.morenews a:hover {color:#f8c10f;}

/* 分页样式 */

.page {height:auto; overflow:hidden; text-align:center; clear:both; margin-top:20px;}
.page .page_c {height:auto; overflow:hidden; display:inline-block;}
.page .page_c a {height:25px; line-height:25px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 15px; margin:0px 5px; float:left;}
.page .page_c span {height:25px; line-height:20px; display:block; padding:0px 10px; border:#fff solid 1px; background:#fff; margin:0px 5px; float:left;}
.page .page_c .prev {background:url(../images/page.png) no-repeat 4px 0px #fff;}
.page .page_c .next {background:url(../images/page.png) no-repeat 4px -40px #fff;}
.page .page_c a:hover {color:#999; border:#999 solid 1px;}
.page .page_c .prev:hover {background:url(../images/page.png) no-repeat 4px -60px #fff;}
.page .page_c .next:hover {background:url(../images/page.png) no-repeat 4px -20px #fff;}

@media (max-width: 479px) {

.pc_head {display:none;}
.pc_heads {display:none;}

.slides {margin:0px;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

.tool_btn {width:250px; margin:0px auto; float:none;}

.s_n_title {height:auto; overflow:hidden; line-height:25px; font-size:14px;}

.abouts form{ font-size:26px; color:#666;}
.bottoms span{ font-size:26px; color:#333; text-align:right;}
.bottoms p{ font-size:14px; color:#333; text-align:right;}
.foot_text p {line-height:25px; color:#999; padding:0px 20px; float:none; text-align:center;}
.foot_text a {line-height:25px; color:#999; display:block; padding:0px 20px; float:none; text-align:center;}
.aboutd ul li a{height: 30px;overflow: hidden;width: 200px;}
.padding15{ padding:5px;}
.container{background: url(../images/bg_750.png) repeat-y;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;}

}

@media (min-width: 480px) and (max-width: 767px)  {
.pc_head {display:none;}
.pc_heads {display:none;}

.slides {margin:0px; padding:0px;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

.tool_btn {width:250px; margin:0px auto; float:none;}

.padding15{ padding:5px;}
.aboutd ul li a{ padding-right:20px;}
.abouts form{ font-size:26px; color:#666;}
.bottoms span{ font-size:26px; color:#333; text-align:right;}
.bottoms p{ font-size:14px; color:#333; text-align:right;}
.foot_text p {line-height:25px; color:#999; padding:0px 20px; float:none; text-align:center;}
.foot_text a {line-height:25px; color:#999; display:block; padding:0px 20px; float:none; text-align:center;}
.container{background: url(../images/bg_750.png) repeat-y;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;}
}

@media (min-width: 768px) and (max-width: 999px){

.pc_head {display:none;}
.pc_heads {display:none;}

.slides {margin:0px; padding:0px;}

.m_head .m_title {height:50px; line-height:50px; font-size:14px;}

.menu_btn {width:40px; height:40px; margin-top:5px;}
.menu_btn span {width:40px; height:40px;}

.tool_btn {width:250px; margin:0px auto; float:none;}

.aboutd ul li a{ padding-right:20px;}
.container{background: url(../images/bg_750.png) repeat-y;
    -webkit-background-size: 750px auto;
    -moz-background-size: 750px auto;
    -ms-background-size: 750px auto;
    background-size: 750px auto;}
}

@media (min-width: 1000px) {

.pc_head {display:block;}
.pc_head .navbox a{ padding:0px 10px;}
.slides {top:0px;}
.m_head {display:none;}

.tool_btn {float:right;}

.pc_p_10 {padding-left:10px;}
   
}

@media (min-width: 1260px) {

.pc_head {display:block;}
.pc_head .navbox a{ padding:0px 20px;}
.m_head {display:none;}

.tool_btn {float:right;}

.pc_p_10 {padding-left:10px;}

}
.show_msg {width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; left:0px; top:0px; z-index:99;display:none;}
.show_msg .show_msg_text {width:360px; height:180px; background:rgba(0,0,0,0.4); margin-left:-180px; margin-top:-90px; position:fixed; left:50%; top:50%; z-index:99;}
.show_msg .show_msg_text .show_msg_text_b {width:350px; height:170px; margin:5px; background:url(../images/success.png) no-repeat 0px 40px #f7f7f7;}
.show_msg .show_msg_text .show_msg_text_b span {height:50px; line-height:50px; color:#4c4c4c; font-size:18px; text-align:center; font-weight:bold; padding:0px 10px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text {width:300px; height:auto; overflow:hidden; margin:120px auto; padding-left:130px; margin:0px auto;}
.show_msg .show_msg_text .show_msg_text_b .text b {color:#d31145; font-size:24px; line-height:40px; padding:20px 0px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text .btn {height:39px; line-height:39px; font-size:18px; text-align:center; display:block; margin-top:30px; float:left;}
.show_msg .show_msg_text .show_msg_text_b .text a.backbtn {color:#fff; padding:0px 20px; background:url(../images/c_list_2.png) no-repeat right center #d31145; border:#d31145 solid 1px;}
.show_msg .show_msg_text .show_msg_text_b .close {width:26px; height:26px; background:url(../images/close.png) no-repeat; cursor:pointer; position:absolute; top:15px; right:15px;}



/*移动端tabbar*/
.btmspace{
  padding-bottom: 50px;
}
.weui-tabbar{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  position:fixed;
  z-index:500;
  bottom:0;
  width:100%;
  background-color:#2a212a;
}
.weui-tabbar:before{
  content:" ";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  border-top:1px solid #C0BFC4;
  color:#C0BFC4;
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
}
.weui-tabbar__item{
  display:block;
  -webkit-box-flex:1;
  -webkit-flex:1;
          flex:1;
  padding:5px 0 0;
  font-size:0;
  color:#999999;
  text-align:center;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
  color:#ffffff;
}
.weui-tabbar__icon{
  display:inline-block;
  width:24px;
  height:24px;
}
i.weui-tabbar__icon,
.weui-tabbar__icon > i{
  font-size:21px;
  color:#ffffff;
}
.weui-tabbar__icon img{
  width:100%;
  height:100%;
}
.weui-tabbar__label{
  text-align:center;
  color:#ffffff;
  font-size:14px;
  line-height:1.8;
}
.sj {
  display: block;
}