﻿/* style */

body {
	font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	color: #444;
}
a {
	color: #444;
}
a:hover {
	color: #435680;
	text-decoration: none;
}
header {
	background-color: #fff;
	z-index: 999;
}
header nav.navbar {
	height: 80px;
	line-height: 80px;
	margin-bottom: 0px;
}
header nav button.navbar-toggle {
	background: #425C94;
	margin-top: 23px;
	margin-right: 0px;
	overflow: hidden;
}
header nav button.navbar-toggle .icon-bar {
	background: #fff;
}
header nav ul.navbar-nav li a {
	padding: 15px 0px;
}
header nav ul.navbar-nav li a.now {
	color: #425C94;
}
header nav ul.navbar-nav li a:hover, header nav ul.navbar-nav li a.dropdown-toggle:hover {
	background: none;
}
header nav ul.navbar-nav li a:focus, header nav ul.navbar-nav li a.dropdown-toggle, header nav ul.navbar-nav li a.dropdown-toggle:focus {
	background: none;
}
header nav ul.navbar-nav li .dropdown-menu li {
	margin: 0px;
}
header nav ul.navbar-nav li .dropdown-menu li a {
	padding: 8px 15px;
}
header nav ul.navbar-nav li .dropdown-menu li a:hover {
	background: #f5f5f5;
}
header .logo {
	padding: 0px;
	height: 80px;
	line-height: 80px;
}
header .logo img {
	max-height: 50px;
	display: inline;
}
header .dropdown .dropdown-menu {
	border-radius: 0px;
	left: 0px;
}
header .dropdown .dropdown-menu li a {
	color: #333;
	margin: 0px;
}
 @media (min-width: 768px) {
 header {
 min-height: 80px;
}
 header nav .tool span.glyphicon {
 display: inline;
}
 header .logo img {
 max-height: 70px;
}
 header nav ul.navbar-nav {
 padding: 20px 0px 0px;
}
 header nav ul.navbar-nav li a, header nav ul.navbar-nav li a.dropdown-toggle {
 color: #444;
 padding: 10px 20px;
}
 header nav ul.navbar-nav li a:hover, header nav ul.navbar-nav li a.dropdown-toggle:hover {
 color: #425C94;
 text-decoration: none;
}
 header nav ul.navbar-nav li a.now {
 color: #425C94;
 text-decoration: none;
}
 header nav ul.navbar-nav li .dropdown-menu:before {
 position: absolute;
 top: -7px;
 left: 19px;
 display: inline-block;
 border-right: 7px solid transparent;
 border-bottom: 7px solid #ccc;
 border-left: 7px solid transparent;
 border-bottom-color: rgba(0, 0, 0, 0.2);
 content: '';
}
 header nav ul.navbar-nav li .dropdown-menu:after {
 position: absolute;
 top: -6px;
 left: 20px;
 display: inline-block;
 border-right: 6px solid transparent;
 border-bottom: 6px solid #fff;
 border-left: 6px solid transparent;
 content: '';
}
}
 @media (max-width: 768px) {
 .met_nav__box {
 padding: 0px;
}
 .met_nav__box .navbar-nav {
 border-top: 1px solid #425C94;
 margin: 0px 0px 7.5px;
 padding-right: 15px;
 padding-left: 15px;
 padding-top: 7.5px;
}
}
 @media (min-width: 1200px) {
 header nav ul.navbar-nav li {
 margin: 0px 5px;
}
 header nav ul.navbar-nav li a, header nav ul.navbar-nav li a.dropdown-toggle {
 padding: 10px 15px;
}
}
/*index*/

.index_banner {
	height: 200px;
	background: #425C94 url(../images/pattern-1.png);
}
.index_banner ul {
	padding: 0px;
}
.index_banner .flexslider {
	border: 0;
}
.index_banner .flex-control-nav {
	bottom: 10px;
	z-index: 9;
}
.index_banner .flexslider .slides li a {
	display: block;
	font-size: 0px;
	width: 100%;
	height: 100%;
}
.index_banner .flexslider .slides li {
	height: 200px;
}
 @media (min-width: 480px) {
 .index_banner {
 height: 300px;
}
 .index_banner .flexslider .slides li {
 height: 300px;
}
}
 @media (min-width: 768px) {
 .index_banner {
 height: 500px;
}
 .index_banner .flexslider .slides li {
 height: 500px;
}
}
 @media (min-width: 992px) {
 .index_banner {
 height: 625px;
}
 .index_banner .flexslider .slides li {
 height: 625px;
}
}
 @font-face {
 font-family: flexslider-icon;
 src: url(fonts/flexslider-icon.eot);
 src: url(fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(fonts/flexslider-icon.woff) format('woff'), url(fonts/flexslider-icon.ttf) format('truetype'), url(fonts/flexslider-icon.svg#flexslider-icon) format('svg');
 font-weight: 400;
 font-style: normal
}
.flex-container a:focus, .flex-container a:hover, .flex-slider a:focus, .flex-slider a:hover {
	outline: 0
}
.flex-control-nav, .flex-direction-nav, .slides, .slides>li {
	margin: 0;
	padding: 0;
	list-style: none
}
.flex-pauseplay span {
	text-transform: capitalize
}
.flexslider {
	margin: 0;
	padding: 0
}
.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden
}
.flexslider .slides img {
	width: 100%;
	display: block
}
.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
html[xmlns] .flexslider .slides {
	display: block
}
* html .flexslider .slides {
	height: 1%
}
.no-js .flexslider .slides>li:first-child {
	display: block
}
.flexslider {
	border: 4px solid #fff;
	position: relative;
	zoom: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, .2)
}
.flexslider .slides {
	zoom: 1
}
.flexslider .slides img {
	height: auto
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}
.loading .flex-viewport {
	max-height: 300px
}
.carousel li {
	margin-right: 5px
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, .8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out
}
.flex-direction-nav a:before {
	font-family: flexslider-icon;
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: rgba(0, 0, 0, .8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}
.flex-direction-nav a.flex-next:before {
	content: '\f002'
}
.flex-direction-nav .flex-prev {
	left: -50px
}
.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: .7;
	left: 10px
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: .7;
	right: 10px
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: .8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000
}
.flex-pauseplay a:before {
	font-family: flexslider-icon;
	font-size: 20px;
	display: inline-block;
	content: '\f004'
}
.flex-pauseplay a:hover {
	opacity: 1
}
.flex-pauseplay a.flex-play:before {
	content: '\f003'
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #555;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px
}
.flex-control-paging li a:hover {
	background: #fff
}
.flex-control-paging li a.flex-active {
	background: #fff;
	cursor: default
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}
.flex-control-thumbs img:hover {
	opacity: 1
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default
}
 @media screen and (max-width:860px) {
 .flex-direction-nav .flex-prev {
 opacity: 1;
 left: 10px
}
 .flex-direction-nav .flex-next {
 opacity: 1;
 right: 10px
}
}
#index .about {
	padding: 50px 0px 10px;
}
#index .about .list {
	text-align: center;
	margin-bottom: 40px;
}
#index .about .list a {
	text-decoration: none;
}
#index .about .list i.fa {
	font-size: 40px;
	color: #425C94;
	border: 3px solid #425C94;
	text-align: center;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 99px;
}
#index .list a:hover>i.fa {
	border: 3px solid #9f0110;
	background: #9f0110;
	color: #ffffff;
}
#index .about h3 {
	font-size: 18px;
	color: #425C94;
	font-weight: bold;
	margin: 30px 0px 15px;
	word-break: break-all;
}
#index .about p {
	margin: 0px 20px;
	line-height: 1.6;
	word-break: break-all;
}
 @media (min-width: 768px) {
 #index .about {
 padding: 80px 0px 40px;
}
 #index .about .list i.fa {
 font-size: 50px;
 width: 100px;
 height: 100px;
 line-height: 100px;
}
}
 @media (min-width: 992px) {
 #index .about {
 padding: 100px 0px;
}
 #index .about .list {
 margin-bottom: 0px;
}
}
#index .product {
	padding: 50px 0px;
	background: #f5f5f5 url(../images/pattern-1.png);
}
#index .product h3 {
	font-size: 30px;
	text-align: center;
	margin: 30px 0px 60px;
}
#index .product .list {
	text-align: center;
	margin-bottom: 20px;
}
#index .product .list p {
	margin: 10px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
#index .product .list a {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	color: #333;
	display: block;
	padding: 15px;
	background: #fff;
}
#index .product .list a img {
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari 和 Chrome */
	-o-transition: opacity 0.5s; /* Opera */
	margin: 0px auto;
}
#index .product .list a:hover {
	color: #000;
	text-decoration: none;
}
#index .product .list a:hover img {
	opacity: 0.6;
}
#index .product .row {
	margin-right: -5px;
	margin-left: -5px;
}
#index .product .list {
	padding-right: 5px;
	padding-left: 5px;
}
 @media (min-width: 768px) {
 #index .product .row {
 margin-right: -15px;
 margin-left: -15px;
}
 #index .product .list {
 padding-right: 15px;
 padding-left: 15px;
}
}
#index .newslist {
	padding: 50px 0px;
	background: #fff;
}
#index .newslist h4 {
	font-size: 30px;
	text-align: center;
	margin: 20px 0px 50px;
}
#index .newslist .list {
	margin-bottom: 20px;
	border-bottom: 3px solid #425C94;
	background: #f5f5f5;
	padding: 15px;
	border-radius: 4px;
}
#index .newslist .list h3 {
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin-bottom: 15px;
}
#index .newslist .list h3 i {
	color: #425C94;
	margin-right: 10px;
}
#index .newslist .list p {
	color: #777;
	height: 42px;
	overflow: hidden;
}
 @media (min-width: 768px) {
 #index .newslist .list {
 margin-bottom: 40px;
 padding: 30px;
}
}
 @media (min-width: 992px) {
 #index .newslist .list {
 margin-bottom: 40px;
 padding: 30px;
}
}
#index .contact {
	padding: 50px 0px;
	min-height: 500px;
	background: #425C94 url(../images/pattern-1.png);
	color: #fff;
}
#index .contact h4 {
	font-size: 30px;
	text-align: center;
	margin: 20px 0px 50px;
}
#index .contact .contact-details {
	color: #ffffff;
	margin: 30px 0px;
}
#index .contact .contact-details a {
	color: #ffffff;
}
#index .contact .contact-details a {
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari 和 Chrome */
	-o-transition: color 0.5s; /* Opera */
}
#index .contact .contact-details a:hover {
	color: #003c64;
	text-decoration: none;
}
#index .contact .contact-details li {
	margin-bottom: 5px;
	font-size: 16px;
}
#index .contact .contact-details li i {
	margin-right: 5px;
}
#index .contact input, #index .contact textarea {
	padding: 10px 15px;
	border-color: #fff;
}
#index .contact button {
	background: #cecece;
	padding: 10px 50px;
	margin: 20px 0px;
}
#index .contact button {
	transition: background 0.5s;
	-moz-transition: background 0.5s; /* Firefox 4 */
	-webkit-transition: background 0.5s; /* Safari 和 Chrome */
	-o-transition: background 0.5s; /* Opera */
}
#index .contact button:hover {
	background: #004d80;
	color: #fff;
}
#index .contact form {
	margin: 0px 10px;
}
#index .contact form .form-group {
	text-align: center;
}
footer {
	background: #444;
	line-height: 1.2;
}
footer .container {
	padding: 15px;
	color: #b3b3b3;
	position: relative;
}
footer .container .erweima {
	text-align: center;
}
footer .container .erweima a {
	margin: 0px 5px;
}
footer .container .erweima i.fa {
	font-size: 22px;
	margin-right: 10px;
	color: #aaa;
	border-radius: 99px;
}
footer .container .erweima i.fa {
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari 和 Chrome */
	-o-transition: color 0.5s; /* Opera */
}
footer .container .erweima a:hover i.fa {
	color: #eee;
}
footer .container .erweima img {
	max-width: 110px;
}
footer .container .erweima p {
	margin-top: 5px;
}
footer .container .txt a {
	color: #b3b3b3;
	margin-left: 5px;
	line-height: 30px;
}
footer .container a {
	color: #b3b3b3;
}
footer .foot_nav {
	margin-bottom: 10px;
}
footer .foot_nav a {
	margin-right: 20px;
}
footer .popover-content {
	padding: 0px;
}
footer .popover.top {
	margin-top: -20px;
	margin-left: -8px;
}
footer .weixinbox {
	cursor: pointer;
}
.weixinme {
	display: none;
}
 @media (min-width: 768px) {
 footer .container .erweima {
 text-align: right;
 padding-top: 15px;
}
}
/*内页*/

.md_position {
	background: #f0f0f0;
}
.md_position .breadcrumb {
	background: #f0f0f0;
	margin-bottom: 0px;
	padding: 15px 0px;
}
.col-nav ul.nav {
	text-align: center;
}
.col-nav li {
	display: inline-block;
	padding: 20px 15px;
	
}
.col-nav li a {
	padding: 0px;
	padding: 10px 15px;
	background:#f2f8fc;
}
.col-nav li a i {
	margin-left: 5px;
}
.col-nav li a:hover {
	background: #2690FF;
	color:#fff
}
.col-nav li.now a.tt {
	background: #2690FF;
	color: #fff;
}
.col-nav li ul li {
	padding: 0px;
	display: block;
}
.col-nav li ul li a {
	padding: 8px 12px;
	display: block;
}
.col-nav li ul li a:hover {
	background: #425C94;
	color: #fff;
}
.col-nav li ul li.now a {
	background: #425C94;
	color: #fff;
}
.col-nav li a.dropdown-toggle:focus, .col-nav li a.dropdown-toggle:hover, .col-nav li a.dropdown-toggle {
	background: none;
	text-decoration: none;
}
.col-nav li .dropdown-menu {
	border-radius: 0px;
	left: 0px;
}
.md_show {
	background: #f0f0f0;
	padding: 20px 0px;
}
.md_show .container {
	background: #fff;
}
.md_show .banner {
	text-align: center;
}
.md_show img.bannerimg {
	max-width: 100%;
	max-height: 450px;
}
.md_show .md_content {
	padding: 15px 0px;
	text-align:center;
}
.min-banner {
	height: 140px;
	background: #60c2ec url(../images/pattern-1.png);
}
.min-banner-box {
	height: 140px;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
.min-banner-box h2 {
	margin: 37px 0px 5px;
	font-size: 39px;
	font-weight: 300;
}
.min-banner-box p {
	font-size: 16px;
}
.met_pager {
	text-align: center;
	padding: 30px 0;
}
.met_pager a {
	border: 1px solid #ddd;
	text-align: center;
	background: #fff;
	padding: 6px 12px;
	text-align: center;
	color: #425C94;
}
.met_pager a:hover {
	background: #f5f5f5;
	text-decoration: none;
}
.met_pager .PreSpan, .met_pager .NextSpan {
	border: 1px solid #ddd;
	padding: 6px 12px;
	background: #fff;
	color: #999;
	cursor: default;
}
.met_pager .firstPage, .met_pager .lastPage {
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	min-width: 40px;
	_width: 40px;
	color: #aaa
}
.met_pager a.Ahover {
	background: #425C94;
	border-color: #425C94;
	color: #fff;
	cursor: default;
}
.met_pager a.Ahover:hover {
	background: #425C94;
	border-color: #425C94;
	color: #fff
}
.met_pager .PageText {
	margin-left: 10px;
	color: #aaa;
	display: none;
}
.met_pager input {
	display: none;
}
.met_pager #metPageT, #metPageB {
	text-align: center;
	border: 1px solid #ccc;
	color: #aaa
}
.met_pager #metPageT {
	width: 40px;
	padding: 6px 5px 5px
}
.met_pager #metPageB {
	min-width: 40px;
	_width: 40px;
	padding: 6px 0 5px;
	cursor: pointer;
}
*html .met_pager #metPageT {
	height: 13px;
	line-height: 13px
}
*html .met_pager #metPageB {
	padding: 0;
	height: 28px;
	line-height: 20px
}
*+html .met_pager #metPageT {
	height: 13px;
	line-height: 13px
}
*+html .met_pager #metPageB {
	padding: 0;
	height: 28px;
	line-height: 20px
}
.md_news .news_list ul {
	list-style: none;
	padding: 0px 0px;
}
.md_news .news_list ul li {
	margin-bottom: 0px;
	padding: 20px 0px;
	border-bottom: 1px solid #eee;
}
.md_news .news_list ul li h4 {
	margin: 0px 0px 10px;
	font-size: 16px;
	font-weight: bold;
}
.md_news .news_list ul li h4 a {
	color: #333;
	font-weight: bold;
}
.md_news .news_list ul li .tt {
	margin-bottom: 0px;
	color: #777;
	height: 40px;
	overflow: hidden;
}
.md_news .news_list ul li span.time {
	margin-bottom: 5px;
	display: none;
	color: #999;
}
.md_news .news_list ul li span.time a {
	color: #999;
}
.md_news .news_list ul li span.time a:hover {
	color: #425C94;
	text-decoration: none;
}
.md_news .news_list ul li a:hover {
	color: #425C94;
	text-decoration: none;
}
.md_news .media-left img {
	max-width: 100px;
}
 @media (min-width: 768px) {
 .md_news .news_list ul li h4 {
 margin: 10px 0px;
}
 .md_news .media-body, .md_news .media-left, .md_news .media-right {
 display: table-cell;
}
 .md_news .media-left {
 padding-right: 15px;
}
 .md_news .media-left img {
 max-width: 180px;
}
 .md_news .news_list ul li p {
 height: auto;
 overflow: visible;
}
 .md_news .news_list ul li span.time {
 display: block;
}
}
.md_shownews {
	background: #f0f0f0;
	padding-bottom: 20px;
}
.md_shownews .col-md-9 {
	background: #fff;
	padding-bottom: 0px;
}
.md_shownews .col-md-3 {
	background: #f0f0f0;
	padding-bottom: 0px;
}
.md_shownews .met_title {
	font-size: 28px;
	margin-top: 10px;
}
.md_shownews .met_infos {
	color: #999;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.md_shownews .met_infos a {
	color: #425C94;
}
.md_shownews .met_tools {
	border-top: 1px solid #ddd;
	margin: 30px 0px 0px;
	position: relative;
	padding: 15px;
}
.md_shownews .met_tools .met_page {
	clear: both;
	color: #818181;
	padding: 0px;
	margin-top: 5px;
}
.md_shownews .met_tools .met_page li {
	list-style: none;
	padding: 5px 0px;
}
.md_shownews .met_tools .met_page li span {
	padding-right: 5px;
}
.md_shownews .met_tools .met_page a {
	color: #425C94
}
.md_shownews .md_left {
	background: #fff;
	padding: 15px 0px;
}
.md_shownews .md_right h4 {
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-bottom: 20px;
	margin: 20px 0px 10px;
	color: #666;
}
.md_shownews .md_right h4 span {
	position: absolute;
	left: 50%;
	top: 12px;
	width: 160px;
	background: #f0f0f0;
	margin-left: -80px;
}
.md_shownews .md_right ul {
	padding: 15px 0px;
}
.md_shownews .md_right ul li a:hover {
	background: #425C94;
	color: #fff;
}
.morelist {
	padding: 20px 0px 50px;
	background: #f0f0f0;
}
.morelist .container {
	background: #fff;
	padding-bottom: 25px;
}
.morelist h4 {
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin: 20px 0px;
	color: #666;
}
.morelist .list h3 {
	font-size: 16px;
}
.morelist .list h3 a {
	color: #666;
}
.morelist .list p {
	color: #999;
}
 @media (min-width: 768px) {
 .md_shownews {
 background: #f0f0f0;
 padding-bottom: 50px;
}
 .md_shownews .col-md-9 {
 background: #f0f0f0;
 padding-bottom: 20px;
}
 .md_shownews .col-md-3 {
 padding-bottom: 20px;
}
 .md_shownews .md_left {
 padding: 20px;
}
 .md_shownews .md_right {
 background: #fff;
}
 .md_shownews .md_right h4 {
 font-size: 18px;
 padding: 20px 15px;
 margin: 0px;
 text-align: left;
 border-bottom: 1px solid #eee;
}
 .md_shownews .md_right h4 span {
 position: static;
 margin-left: 0px;
 display: inline;
 background: none;
}
}
/*产品模块*/

.md_product {
	background: #f0f0f0;
}
.md_product .container {
	background: #f0f0f0;
}
.md_product .row {
	padding-top: 20px;
}
.md_product .list {
	background: #fff;
	margin: 0px 0px 20px;
	padding: 10px;
}
.md_product .list img {
	margin: 0px auto;
}
.md_product .list h2 {
	font-size: 14px;
	margin: 20px 0px 0px;
	height: 35px;
	overflow: hidden;
	text-align: center;
}
.md_product .list a {
	color: #333;
	text-decoration: none;
}
.md_product .list a img {
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari 和 Chrome */
	-o-transition: opacity 0.5s; /* Opera */
}
.md_product .list a:hover {
	color: #000;
}
.md_product .list a:hover img {
	opacity: 0.6;
}
.md_product .showporduct {
	background: #fff;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.md_showporduct {
	background: #fff;
}
.md_showporduct .container {
	background: #fff;
}
.md_product .showporduct .imgshow {
	padding: 0px;
}
.md_product .showporduct .imgshow .danimgbox {
	list-style: none;
	padding: 0px;
}
.md_product .showporduct .imgshow .danimgbox img {
	cursor: zoom-in;
}
.md_product .showporduct .imgshow #gallery .ad-image img {
	cursor: zoom-in;
}
.md_product .showporduct .imgshow .imgbox img {
	margin: 0px auto;
}
.md_product .showporduct .imgshow .textbox ul {
	padding: 0px;
	list-style: none;
}
.md_product .showporduct .imgshow .textbox ul li {
	padding: 10px;
}
.md_product .showporduct .imgshow h1.met_title {
	font-size: 32px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.md_product .showporduct .imgshow .met_tools_code {
	padding: 5px;
	margin-top: 5px;
}
.md_product .showporduct .imgshow .met_editor {
	background: #f0f0f0;
	margin-top: 15px;
	padding: 10px;
	font-size: 14px;
}
.md_product .showporduct .nav-tabs {
	margin: 20px 0px 0px;
}
.md_product .showporduct .table-responsive {
	border: none;
}
.md_product .showporduct .tab-content .met_editor {
	margin: 10px 0px;
}
.md_product .showporduct .tab-content .met_editor {
	margin: 0px;
}
 @media (min-width: 768px) {
 .md_showporduct {
 background: #f0f0f0;
}
 .md_showporduct .container {
 background: #f0f0f0;
}
 .md_product .showporduct .imgshow {
 padding: 15px;
}
 .md_product .showporduct .nav-tabs {
 margin: 20px 15px 0px;
}
 .md_product .showporduct .tab-content .met_editor {
 margin: 15px;
}
}
.product_morelist {
	padding: 20px 0px 30px;
	background: #f0f0f0;
}
.product_morelist .container {
	padding-bottom: 25px;
}
.product_morelist h4 {
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-bottom: 20px;
	margin: 0px 0px 40px;
	color: #666;
}
.product_morelist h4 span {
	position: absolute;
	left: 50%;
	top: 12px;
	width: 160px;
	background: #f0f0f0;
	margin-left: -80px;
}
.product_morelist .list {
	background: #fff;
	margin: 0px 0px 20px;
	padding: 10px;
}
.product_morelist .list img {
	margin: 0px auto;
}
.product_morelist .list h2 {
	font-size: 14px;
	margin: 20px 0px 0px;
	height: 35px;
	overflow: hidden;
	text-align: center;
}
.product_morelist .list a {
	color: #333;
	text-decoration: none;
}
.product_morelist .list a img {
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari 和 Chrome */
	-o-transition: opacity 0.5s; /* Opera */
}
.product_morelist .list a:hover {
	color: #000;
}
.product_morelist .list a:hover img {
	opacity: 0.6;
}
.md_product .showtext {
	background: #fff;
}
.md_product .showtext .met_editor {
	padding: 15px 0px;
}
.md_product .md_news {
	background: #fff;
}
.md_product .img_list .media {
	padding: 20px;
	background: #fff;
}
.md_product .left .clomn ul li .dropdown i.fa {
	margin-left: 5px;
}
.md_product .left .clomn ul li .dropdown .dropdown-menu {
	right: 0px;
	top: 40px;
	border-radius: 0px;
}
/*side*/

.ad-gallery {
	width: 100%
}
.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0
}
.ad-gallery .ad-image-wrapper {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100
}
.ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev {
	background: url(../images/non-existing.jpg) \9
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image, .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {
	background: url(../images/icon-arrowbtn.png) no-repeat 0 0;
	width: 24px;
	height: 49px;
	display: block!important;
	position: absolute;
	top: 47%;
	left: 0;
	z-index: 101
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../images/icon-arrowbtn.png) no-repeat 0 -50px;
	width: 24px;
	height: 49px;
	right: 0;
	left: auto
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0!important;
	width: 100%!important;
	z-index: 9
}
.ad-gallery .ad-image-wrapper .ad-image img {
	display: block;
	max-width: 100%;
	width: auto!important;
	height: auto!important
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(../images/opa75.png);
	color: #000
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: 0 0;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png')
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block
}
.ad-gallery .ad-controls {
	height: 20px;
	display: none
}
.ad-gallery .ad-info {
	float: left
}
.ad-gallery .ad-slideshow-controls {
	float: right
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: .9em
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic
}
.ad-gallery .ad-nav {
	width: 100%;
	position: relative
}
.ad-gallery .ad-back, .ad-gallery .ad-forward {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10
}
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px
}
.ad-gallery .ad-back {
	cursor: pointer;
	left: -20px;
	width: 13px;
	display: none;
	background: url(../images/ad_scroll_back.png) 0 22px no-repeat
}
.ad-gallery .ad-forward {
	cursor: pointer;
	display: none;
	right: -20px;
	width: 13px;
	background: url(../images/ad_scroll_forward.png) 0 22px no-repeat
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	width: 100%
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 338px;
	list-style: none
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 5px
}
.ad-gallery .ad-thumbs li a {
	display: block
}
.ad-gallery .ad-thumbs li a img {
	border: 2px solid #bbb;
	display: block
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: 2px solid #337ab7
}
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px
}
/*over*/



.md_img .img_list .media {
	padding: 30px 15px;
	border-bottom: 1px solid #eee;
}
.md_img .img_list .media-left {
	padding-right: 20px;
}
.md_img .img_list .media a {
	color: #333;
}
.md_img .img_list .media h4 {
	font-size: 22px;
	margin-bottom: 15px;
}
.met_editor {
	line-height: 1.8;
	font-size: 16px;
}
.met_editor ul, .met_editor ol {
	padding: 0 0 0 25px;
	margin: 0
}
.met_editor p  img {
width:100%;
}
.met_editor img {
	width: 100%;
    height: 100%;
}
.met_editor blockquote {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left: 4px solid #ddd
}
.met_editor table {
	width: 100%!important;
	margin-bottom: 1.6rem;
	border-spacing: 0!important;
	border-collapse: collapse!important;
	padding: 0!important;
	border: 0
}
.met_editor table td {
	border: 1px solid #ddd!important
}
.met_editor table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
 padding:.7rem;
	line-height: 1.6;
	vertical-align: top;
	border-top: 1px solid #ddd
}
.met_editor table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 1px solid #ddd
}
.met_editor blockquote {
	margin-top: 5px;
	background: #f5f5f5;
	border-left: none;
	font-size: 16px;
	padding: 15px;
}
.met_editor .editorlightgallery {
	padding: 0px;
	list-style: none;
}
.met_editor .editorlightgallery li {
	display: inline;
}
.md_feedback {
	background: #f0f0f0;
}
.md_feedback .container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.md_feedback .feedback {
	background: #fff;
}
.qipncn-form input, .qipncn-form textarea, .qipncn-form button, .qipncn-form select {
	border-radius: 0px;
}
.qipncn-form .codeimg img {
	height: 34px;
}
.qipncn-form button.btn-success {
	padding: 12px 0px;
	display: block;
	width: 100%;
}
.qipncn-form .control-label {
}
.formcode input, .formcode textarea, .formcode button {
	border-radius: 0px;
}
.formcode .modal-content {
	border-radius: 0px;
}
.formcode .codeimg {
	margin: 0px auto 20px;
	text-align: center;
}
.formcode .codeimg img {
	height: 40px;
}
#feedback {
	padding: 30px 0px;
}
#searchlist {
	padding: 15px 0
}
#searchlist li {
	padding-left: 10px;
	margin-bottom: 6px;
	line-height: 1.5
}
#searchlist ul {
	list-style: none;
	padding: 0;
	margin: 0
}
#searchlist ul li {
	padding: 3px 5px;
	margin-bottom: 10px
}
#searchlist ul li img {
	display: none
}
#searchlist .search_title {
	display: block;
	padding: 2px 0
}
#searchlist .search_title a {
	font-size: 16px;
	color: #12C;
	text-decoration: underline
}
#searchlist .search_title em {
	color: #c00;
	text-decoration: underline;
	font-style: normal
}
#searchlist .search_detail {
	display: block
}
#searchlist .search_detail a {
	text-decoration: underline;
	color: #12C
}
#searchlist .search_content em {
	color: #c00;
	font-style: normal
}
#searchlist .search_updatetime {
	display: block;
	margin-top: 5px;
	color: green
}
#searchlist a:hover {
	text-decoration: underline
}
.md_search {
}
.md_search form {
	margin: 20px 0px;
}
.qpcntopmagin {
	margin-top: 15px;
}













/* 小屏幕（平板，大于等于 768px） */

@media (min-width: 768px) {
 .md_product .showporduct .nav-tabs>li>a {
 padding: 10px 30px;
}
}



/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: 992px) {
 footer .container .erweima {
 margin-top: 0px;
}
 .md_product .left .contact {
 display: block;
}
 .md_shownews .met_tools .met_page {
 position: absolute;
 right: 15px;
 top: 10px;
}
 .md_shownews .met_tools .met_page li {
 display: inline;
 margin-left: 30px;
}
 .md_shownews .met_editor {
 padding: 0px 10px;
}
 .qipncn-form button.btn-success {
 padding: 6px 30px;
 display: inline;
 width: auto;
}
}
/*下载模块*/

.md_download {
	padding: 15px;
}
.md_download .metlist {
	margin-bottom: 20px
}
.md_download .metlist dt {
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 5px 8px 0;
	background: url(../images/dt-9.gif) no-repeat 5px 11px
}
.md_download .metlist dd {
	color: #999;
	padding: 8px;
	background: #f7f8fa
}
.md_download .metlist dd b {
	font-weight: normal
}
.md_download .metlist dd div {
	float: right
}
.md_download .metlist dd span {
	padding-right: 20px
}
.md_download .metlist dd a {
	color: #1c57c4
}
.md_download .metlist dd a.down {
	color: #fa1a1a
}
.md_showdownload {
	background: #f0f0f0;
	padding-bottom: 50px;
}
.md_showdownload .container {
	background: #fff;
}
.md_showdownload .met_title {
	font-size: 28px;
	margin-top: 10px;
}
.md_showdownload .met_infos {
	color: #999;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.md_showdownload .met_infos a {
	color: #425C94;
}
.md_showdownload .met_tools {
	border-top: 1px solid #ddd;
	margin: 30px 0px 0px;
	position: relative;
	padding: 15px;
}
.md_showdownload .met_tools .met_page {
	clear: both;
	color: #818181;
	padding: 0px;
	margin-top: 5px;
}
.md_showdownload .met_tools .met_page li {
	list-style: none;
	padding: 5px 0px;
}
.md_showdownload .met_tools .met_page li span {
	padding-right: 5px;
}
.md_showdownload .met_tools .met_page a {
	color: #425C94
}
.md_showdownload a.btn {
	margin: 10px 0px;
	border-radius: 0px;
}
.md_showdownload ul.nav {
	margin: 0px 0px 20px;
}
#showdownload {
	padding: 20px;
}
 @media (min-width: 992px) {
 .md_showdownload .met_tools .met_page {
 position: absolute;
 right: 15px;
 top: 10px;
}
 .md_showdownload .met_tools .met_page li {
 display: inline;
 margin-left: 30px;
}
 .md_showdownload .met_editor {
 padding: 0px 10px;
}
}
/*留言模块*/

#messagelist {
	padding-bottom: 30px;
}
#messagelist .metlist {
	margin-top: 30px;
	border: 1px solid #ddd;
}
#messagelist .metlist dt {
	padding: 10px;
	background: #F8F8F8;
	font-weight: normal;
	border-bottom: 1px solid #eee
}
#messagelist .metlist dt span.name {
	color: #777;
}
#messagelist .metlist dt span.time {
	padding-left: 5px;
	color: #ccc;
	font-size: 12px
}
#messagelist .metlist dt span.tt {
	float: right;
	padding-right: 5px;
	color: #aaa
}
#messagelist .metlist dd.info span.tt {
	display: none;
	clear: both
}
#messagelist .metlist dd.info span.text {
	display: block;
	line-height: 1.5;
	padding: 15px;
}
#messagelist .metlist dd.reinfo span.tt {
	display: none;
	padding: 10px 5px 0;
	color: #2c7199
}
#messagelist .metlist dd.reinfo span.text {
	display: block;
	line-height: 1.5;
	margin: 0px 15px 15px;
	background: #F7F7F7;
	padding: 10px;
	border-left: 3px solid #eee;
}
/*招聘模块*/

#joblist {
	padding: 15px
}
#joblist dl {
	padding: 10px 5px 10px;
	margin-top: 30px;
	border: 1px solid #ddd
}
#joblist dt {
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold
}
#joblist dd .dtail {
	padding: 5px 10px 0;
	border-top: 1px solid #ddd
}
#joblist dd .dtail span {
	margin-right: 15px
}
#joblist dd .dtail a {
	color: #1c57c4
}
#joblist dd .editor {
	padding: 10px
}
#joblist dd .mis {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	font-size: 12px
}
#joblist dd .mis span {
	margin-right: 15px;
	color: #999
}
#showjob h1.title {
	font-size: 24px;
	padding: 15px 5px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px
}
/*友情链接*/

#linklist {
	padding: 15px 15px 25px
}
#linklist .ctitle {
	margin: 10px 0 10px;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd
}
#linklist .inside {
	padding: 15px 0 0
}
#linklist .metlist .img li {
	list-style: none;
	display: inline;
	padding-right: 5px
}
#linklist .metlist .img img {
	width: 88px;
	height: 31px
}
#linklist .metlist .txt li {
	list-style: none;
	float: left;
	width: 88px;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	overflow: hidden
}
/*jobcv*/

.v52fmbx_hr {
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 0 5px 0 15px;
	font-weight: bold;
	font-size: 16px;
	background: #ddd;
	height: 60px;
	line-height: 60px;
}

:-ms-input-placeholder {
 color:#999
}
.met-focus {
	border: 1px solid #23b7e5!important
}
.v52fmbx {
	border: 1px solid #ddd;
	border-top: 0;
	overflow: hidden;
	text-align: left;
	margin: 20px;
}
.v52fmbx dl:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}
.v52fmbx dl {
	width: 100%;
	zoom: 1;
	background: #fff
}
.v52fmbx dl {
	border-top: 1px solid #ddd;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -ms-flexbox;
	position: relative;
	padding: 5px 0
}
.v52fmbx dl dt {
	padding: 15px 15px 10px 15px;
	width: 105px;
	text-align: left;
	font-weight: normal;
	overflow: hidden;
	line-height: 1.2
}
.v52fmbx dl dd {
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	box-flex: 1.0;
	-ms-flex: 1;
	padding: 2px 0 0 15px;
	margin: 10px 0
}
.v52fmbx dl dd label input {
	position: relative;
	top: 1px;
	margin-right: 3px
}
.v52fmbx dl dd .fbox {
	margin: 0 10px 0 0
}
.v52fmbx dl dd .tips {
	color: #aaa
}
.v52fmbx dl dd .tips:hover {
	color: #f00
}
.v52fmbx dl dd.labelinline label {
	display: inline
}
.v52fmbx dl dt.addimgdt {
	padding: 10px 5px 10px
}
.v52fmbx dl dt.addimgdt p {
	height: 30px;
	line-height: 30px;
	margin-bottom: 8px
}
.v52fmbx dl.noborder {
	border-bottom: 0
}
.formerror {
	margin-top: 6px;
	height: 20px;
	line-height: 20px
}
.formerror .fa-times {
	color: #fff;
	border-radius: 3px;
	padding: 1px 2px;
	font-size: 16px;
	margin-right: 5px;
	background: red
}
.formerror .fa-check {
	color: #fff;
	border-radius: 3px;
	padding: 2px;
	font-size: 14px;
	margin-right: 5px;
	background: #10aa00
}
.formerrorbox {
	border: 2px solid #f00!important
}
.v52fmbx dl dd.ftype_description {
	color: #fff;
	padding: 8px;
	margin: 0 5px;
	background: #6c6fbf
}
.ftype_input .fbox {
	float: left
}
.ftype_input .tips {
	float: left;
	padding-top: 5px
}
.ftype_input .fbox input {
	width: 350px;
	height: 28px;
	line-height: 28px\9;
	padding: 2px 5px;
	border: 1px solid #dcdfe0;
	background-color: #fff;
	color: #333;
	outline: 0;
	border-radius: 2px
}
.placeholder-ie {
	position: relative
}
.placeholder-ie label {
	position: absolute;
	left: 8px;
	top: 7px;
	cursor: text;
	color: #999
}
.ftype_textarea .tips {
	display: block
}
.ftype_textarea textarea {
	width: 350px;
	line-height: 1.5;
	height: 100px;
	padding: 7px 5px;
	border: 1px solid #dcdfe0;
	background-color: #fff;
	color: #333;
	outline: 0
}
.ftype_select .tips, .ftype_select-linkage .tips {
	display: block;
	margin-top: 5px
}
select {
	line-height: 31px;
	height: 31px;
	vertical-align: middle;
	background-color: #fff;
	outline: 0;
	border: 1px solid #ccc;
	padding: 4px;
	color: #656565
}
.ftype_radio .fbox label {
	font-weight: normal;
	height: 28px;
	line-height: 28px;
	margin: 0;
	display: block
}
.ftype_radio .fbox input[type='radio'] {
	border-radius: 100%;
	bottom: 3px;
	height: 15px;
	position: relative;
	vertical-align: middle;
	width: 15px;
	margin: 0;
	position: relative;
	top: -1px;
	margin-right: 6px
}
.ftype_radio .formerror {
	margin-top: 0
}
.ftype_checkbox .fbox input[type='checkbox'] {
	border-radius: 100%;
	bottom: 3px;
	height: 15px;
	position: relative;
	vertical-align: middle;
	width: 15px;
	margin: 0
}
.ftype_checkbox .fbox label {
	font-weight: normal;
	height: 28px;
	line-height: 28px;
	margin: 0;
	display: block
}
.ftype_checkbox .fbox input {
	position: relative;
	top: -1px;
	margin-right: 6px!important
}
.ftype_checkbox .formerror {
	margin-top: 0
}
.ftype_transverse .fbox label {
	display: inline;
	margin-right: 15px
}
.submit {
	display: block;
	background: #23b7e5;
	border: 0 none;
	height: 34px;
	line-height: 26px;
	padding: 0 35px;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	font-family: 'Microsoft YaHei', Tahoma, Verdana, 'Simsun'
}
.submit:hover {
	background: #38c4f0
}
.submit.active {
	background: #1ba4cf
}
.v52fmbx dl dd.ftype_code input {
	width: 80px;
	margin-right: 10px
}
.v52fmbx dl dd.ftype_code img {
	height: 30px;
	position: relative;
	bottom: 2px
}
a.kanbuqing:hover {
	color: #eee;
}
html {overflow-x:hidden;}

.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px; right:0;}
.side_content{width:180px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:180px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 10px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; padding-top:10px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {    border-left: 2px solid #4695dd;
    border-right: 2px solid #4695dd; background:#fff;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}