﻿.side_ul li@charset "utf-8";
/* General styles for all menus */
.cbp-spmenu{background:#005bac;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:#012d59;}
.cbp-spmenu a:active{background:#012d59;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;}

body {font-family:"微软雅黑"}
li {padding:0px; margin:0px; list-style-type:none;}
.clear {clear:both;}
.color {color:#ce3b28;}
.bg_252525 {background:#00468e;}
.bg_ce3b28 {background:#ce3b28;}
.bg_11213b {background:#11213b;}
.bg_color {background:#00468e;}
.fluid {width:100%; height:auto; overflow:hidden;}
.bg {background:url(../images/bg.jpg);}
.padding_20 {padding:20px 0px;}
.padding_40 {padding:40px 0px;}
.bor_bot {border-bottom:#e5e5e5 solid 1px;}
.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;}
.radius0 {-moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; border-radius:0px;}
.radius3 {-moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.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%;}

/* 链接颜色 */

a {color:#fff;}
a:link {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

.pc_head { position:relative; display:none; border-top:2px solid #005bac}
.pc_head .logo {height:auto; overflow:hidden; position:relative;}
.pc_head .logo img {height:85px;}

.pc_head .pc_nav {height:50px; border-bottom:#005bac 2px solid; box-shadow:0 0 8px #d8d8d8; -webkit-box-shadow:0 0 8px #d8d8d8; -moz-box-shadow:0 0 8px #d8d8d8; -o-box-shadow:0 0 8px #d8d8d8;}
.pc_head .pc_nav .n_list {height:50px; float:left; position:relative;}
.pc_head .pc_nav .n_list .a_link {height:50px; line-height:50px; color:#111; font-size:15px; padding:0px 28px; display:block; font-weight:bold;}
.pc_head .pc_nav .n_list .a_link.hover {background:#005bac; color:#fff;}
.pc_head .pc_nav .n_list .a_link:hover {background:#005bac; color:#fff;}
.pc_head .pc_nav .n_list ul {width:160px; height:auto; overflow:hidden; background:#fff; border:#e5e5e5 solid 1px; padding:10px 0px; position:absolute; top:50px; left:0px; z-index:999; display:none;}
.pc_head .pc_nav .n_list ul li a {height:40px; line-height:40px; color:#333; font-size:14px; display:block; padding-left:20px;}
.pc_head .pc_nav .n_list ul li a:hover {background:#005bac; color:#fff;}

.pc_head .p_right {width:400px; height:auto; position:absolute; top:15px; right:0px;}
.pc_head .p_right span {height:30px; line-height:30px; color:#434343; display:block; text-align:right; padding-right:20px;}
.pc_head .p_right a {height:30px; line-height:30px; color:#cd3b27; font-size:24px; text-align:right; display:block; padding-right:20px;}

.menu_btn {display:block; float:right;}
.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%;}

.intro span {height:50px; line-height:50px; font-size:30px; color:#333; text-align:center; display:block; padding:30px 0px;}
.intro p {line-height:20px; font-size:14px; color:#555; text-align:center; display:block; padding:20px 0px 0px;}

.category {text-align:center; padding-bottom:10px;}
.c-center {display:inline-block;}
.category a {height:30px; line-height:30px; color:#555; display:block; float:left;}
.category a:hover {color:#444;}
.category span {height:30px; line-height:30px; color:#444; font-size:12px; display:block; margin:0px 15px; float:left;}

.pro_list {display:block; padding:0px 0px 20px; margin:10px 0px; background:#fff; border:1px solid #d8d8d8;}
.pro_list h3 {height:40px; line-height:40px; font-size:14px; color:#555; font-weight:bold; display:block; text-align:left; padding:0px 5px; margin:0px;; text-align:center;}
.pro_list h3 a {color:#555;}
.pro_list h3 a:hover {color:#ce3b28;}
.pro_list img {width:100%;}
.pro_list p {height:40px; overflow:hidden; line-height:20px; font-size:14px; color:#777; display:block; padding:0px 5px; margin:0px;}

.team_list {display:block; padding:0px 0px 20px; margin:10px 0px; background:#fff;}
.team_list img {display:block; padding:10%;}
.team_list h3 {height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#555; font-weight:bold; display:block; text-align:center; padding:0px 5px; margin:0px;}
.team_list h3 a {color:#555;}
.team_list h3 a:hover {color:#ce3b28;}
.team_list img {width:100%;}
.team_list p {height:40px; overflow:hidden; line-height:20px; font-size:14px; color:#777; display:block; text-align:center;}

.news_list {height:110px; padding:10px 0px; position:relative;}
.news_list .l_pic {width:80px; height:80px; position:absolute; top:20px; left:20px;}
.news_list .l_pic img {width:80px; height:80px; display:block;} 
.news_list .r_intro {height:80px; padding-left:120px;}
.news_list .r_intro span {height:auto; overflow:hidden; display:block;}
.news_list .r_intro span.n_title {height:40px; line-height:40px; font-size:16px; color:#333; font-weight:bold; overflow:hidden;}
.news_list .r_intro span.n_title a {color:#333;}
.news_list .r_intro span.n_intro {height:50px; line-height:25px; font-size:14px; color:#666; overflow:hidden;}

.links {height:auto; overflow:hidden;}
.links a {height:35px; line-height:35px; overflow:hidden; color:#666; padding:0px 10px; display:block; float:left;}

.foot {height:100px; background:url(../images/bot.jpg) no-repeat center top; padding:10px 0px;}
.foot_text p {line-height:25px; color:#fff; text-align:center; padding:0px; margin:0px;}

.foot_link {height:30px; overflow:hidden; text-align:center;}
.foot_link_c {height:30px; line-height:30px; margin:0px auto; display:inline-block;}
.foot_link_c a {line-height:30px; display:block; color:#fff; font-size:14px; padding:0px 10px; float:left;}
.foot_link_c span {line-height:30px; display:block; color:#fff; font-size:14px; float:left;}
.foot_link_c a:hover {color:#fff;}

.page-list {height:45px; padding:10px 0px; clear:both; text-align:center;}
.page-list .pages {display:inline-block;}
.page-list a {width:100px; height:40px; line-height:40px; background:#ddd; display:block; color:#666; font-size:14px; font-weight:bold; text-align:center; margin-right:10px; float:left;}
.page-list a:hover {background:#ce3b28; color:#fff;}
.page-list span {width:100px; height:40px; line-height:40px; background:#ddd; display:block; color:#666; font-size:16px; font-weight:bold; text-align:center; margin-right:10px; float:left;}

.side_t {height:40px; line-height:40px; color:#fff; font-size:16px; background:#005bac; padding:0px 10px;}
.side_ul {height:auto; overflow:hidden; padding:0px; margin:0px;}
.side_ul li { line-height:40px; display:block; background:#eee; color:#666; margin-top:10px;  position:relative;}
.side_ul li a {  line-height:40px; color:#666; display:block; padding-left:10px}
.side_ul li a i {width:5px; height:40px; display:block; background:#005bac; position:absolute; top:0px; left:0px;}
.side_ul li.hover {background:#ddd;}
.side_ul li.hover a {color:#000;}
.side_ul li:hover {background:#ddd;}
.side_ul li:hover a {color:#000;}

.ss_title {height:40px; border-bottom:#ddd solid 1px; clear:both; position:relative;}
.ss_title span {height:40px; line-height:40px; color:#000; font-size:16px; font-weight:bold; display:block; padding-right:30px; border-bottom:#ddd solid 1px; position:absolute; top:0px; left:0px;}

.articleList {height:auto; overflow:hidden; padding:10px 0px; margin:0px; display:block;}
.articleList li {height:40px; line-height:40px; overflow:hidden; border-bottom:#d9d9d9 dashed 1px; clear:both; position:relative;}
.articleList li a {height:40px; line-height:40px; display:block; color:#333;  }
.articleList li time {width:100px; height:40px; line-height:40px; color:#999; text-align:right; position:absolute; top:0px; right:0px;}
.articleList li a:hover {color:#ce3b28;}

.side_xx {height:auto; overflow:hidden; padding:20px 0px; text-align:left;}
.side_xx p {line-height:25px; color:#666;}
.side_xx a {line-height:25px; color:#666;}
.side_xx img {max-width:100%; display:inline-block; float:none}

.s_n_title {height:50px; line-height:50px; 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:#3498db;}

.topbar3 {width:102px; height:102px; margin-top:20px; margin-right:0px; border:#e5e5e5 solid 1px; float:right; display:none;}

.b_title {height:45px; border-bottom:#d2d2d2 solid 1px; position:relative;}
.b_title span {width:80px; height:45px; line-height:45px; font-size:16px; color:#333; font-weight:bold; border-bottom:#00468e solid 1px; position:absolute; top:0px; left:0px; z-index:1;}
.b_title a {height:45px; line-height:45px; font-size:16px; color:#999; display:block; float:right;}

.about p {line-height:30px; color:#333; font-size:14px;}

.video_list {height:auto; overflow:hidden; display:block; margin-top:10px; position:relative;}
.video_list img {width:100%;}
.video_list span {width:100%; height:40px; line-height:40px; color:#f6f6f6; font-size:12px; font-weight:bold; text-align:center; display:block; background:rgba(0,0,0,0.6); overflow:hidden; padding:0px 20px; position:absolute; bottom:0px; left:0px;}

/* 首页轮播图 */

.slides {width:100%; height:auto; overflow:hidden; position:relative;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}

.slidesjs-pagination {height:10px; position:absolute; bottom:10px; left:45%; 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:#00468e; color:#00468e;}
.slidesjs-pagination li a:hover {background:#00468e; color:#00468e;}

.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;}

.banner img {width:100%;}

.btn_music{width:30px; height:30px; background:url(../images/playbtn.png) no-repeat center center; -webkit-background-size:100% auto; position:fixed; top:10px; right:10px; z-index:99999999;}
.on{display:block;}
.off{display:none;}
.small_ul { padding:0; margin:0; background:#fff;}
.small_ul li{ background:none; margin:0;padding:0; line-height:25px; display:inline-block; width:48%; height:30px}
.small_ul li a { line-height:30px; display:inline-block;padding:0 10px; text-decoration:solid; height:30px; overflow:hidden;}
.checkmore{
float:right; line-height:25px; color:#fff;background:#005bac; padding:0 10px;margin-top:30px
}
.checkmore:hover { color:#fff;}
.checkmore1{
line-height:25px; color:#fff;background:#005bac; padding:5px 10px;margin-top:30px;width:100px;
}
.checkmore1:hover { color:#fff;}

@media (min-width: 1200px) {
	
/*电脑宽屏*/
.checkmore{display:block;}
.checkmore1{display:none;}
.pc_head {display:block;}
.m_head {display:none;}

.w_p_5 {padding:0px 5%;}

.s_banner {width:1170px; height:230px; margin:0px auto; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto;}

}

@media (min-width: 999px) and (max-width: 1199px) {
	
/*电脑普屏*/
.checkmore{display:block;}
.checkmore1{display:none;}
.pc_head {display:block;}
.m_head {display:none;}

.s_banner {width:950px; height:230px; margin:0px auto; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto;}

}
@media (min-width: 768px) and (max-width: 1000px) {
	
/*平板电脑*/
.checkmore{display:block;}
.checkmore1{display:none;}
.pc_head {display:none;}

.m_head {height:80px; background:#005bac;}
.m_head .m_title {height:80px; line-height:80px; color:#fff; font-size:20px; display:block; float:left;}

.menu_btn {width:80px; height:80px;}
.menu_btn span {width:80px; height:80px;}

.s_banner {width:750px; height:230px; margin:0px auto; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto;}

}

@media (min-width: 480px) and (max-width: 767px) {

/*手机横屏*/
.checkmore{display:none;}
.checkmore1{display:block;}
.pc_head {display:none;}

.m_head {}
.m_head .m_title {height:60px; line-height:60px; color:#fff; font-size:20px; display:block; float:left;}
.navition {height:60px; width:100%; background:#005bac}
.menu_btn {width:60px; height:60px;}
.menu_btn span {width:60px; height:60px;}

.page-list {height:40px; overflow:hidden; text-align:center;}
.page-list .pages {display:inline-block;}
.page-list a {width:70px; height:40px; line-height:40px; font-size:12px;}
.page-list span {width:70px; height:40px; line-height:40px; font-size:12px;}

.s_banner {width:100%; height:200px; margin:0px auto; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; -ms-background-size:100% auto;}

.pro_list h3 {height:40px; line-height:20px; font-size:14px;}

}

@media (max-width: 479px) {
	
/*手机竖屏*/
.checkmore{display:none;}
.checkmore1{display:block;}
.space-10 {width:100%; height:5px; clear:both;}
.space-20 {width:100%; height:10px; clear:both;}
.space-30 {width:100%; height:15px; clear:both;}
.space-40 {width:100%; height:20px; clear:both;}
.space-50 {width:100%; height:25px; clear:both;}

.pc_head {display:none;}


.m_head .m_title {height:60px; line-height:60px; color:#fff; font-size:20px; display:block; float:left;}
.navition {height:60px; width:100%; background:#005bac}
.menu_btn {width:60px; height:60px;}
.menu_btn span {width:60px; height:60px;}

.intro span {font-size:20px;}
.intro p {font-size:12px;}

.pro_list h3 {height:40px; line-height:20px; font-size:14px;}

.pro_list,.team_list h3 {font-size:14px;}
.pro_list,.team_list h3 a {color:#555;}
.pro_list,.team_list p {font-size:12px;}

.page-list {height:40px; overflow:hidden; text-align:center;}
.page-list .pages {display:inline-block;}
.page-list a {width:48px; height:30px; line-height:30px; font-size:12px;}
.page-list span {width:48px; height:30px; line-height:30px; font-size:12px;}

.s_banner {width:100%; height:160px;}

.slidesjs-pagination {height:10px; position:absolute; bottom:0px; left:30%; z-index:998;}

.foot_text p {font-size:12px;}
.foot_text a {font-size:12px;}

}


.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;}