@charset "utf-8";
/* CSS Document */
* {
	border: none;
	color: #444;
	font-family: Verdana, Arial, SansSerif;
	font-size: 14px;
	list-style: none;
	line-height: 24px;
	outline: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
body {
	border-top: 5px solid #12298c;
}
.clear {
	clear: both;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 22px;
	margin-bottom: 10px;
}
h2, h2 a {
	font-size: 20px;
}
h3, h3 a {
	font-size: 16px;
}
.more {
	font-weight: bold;
}
.nav li, .pull_left,.col_left li, .col_list  li, .col_bottom li,.col_list_bottom li, .list2 li,.about_bottom li, .owl-item {
	float: left;
}
.pull_right {
	float: right;
}
.nav, .width1170, #content, #footer p {
	width: 1170px;
	margin: 0 auto;
}
.width1170 {
	overflow: hidden;
}
#header {
	background: #f1f1f1 url(../../images/bg-header-pattern.jpg) repeat-x left top;
	padding: 25px 0;
}
.nav ul {
	margin-top: 10px;
}
.nav li a {
	display: block;
	line-height: 42px;
	font-weight: bold;
	padding: 0 25px;
	font-size: 14px;
	text-transform: uppercase;
}
.nav li a.active, .nav li a:hover {
	text-decoration: none;
	color: #00aeef;
}
#pull ,.right_list p{
	display: none;
}
.subnav {
	background: #f3f3f3;
	padding: 15px 0;
}
.subnav i {
	margin: 0 10px;
}
.col_top,.col_top2,#content,.col_about,.about_bottom{
	margin:80px auto;
}
.col_top_right{
	width:480px;
}
.col_top_left{
	width:650px;
}
.h_line {
	margin: 20px auto 25px;
	display:block;
}
.col_top .more {
	color:#12298c;
}
.col_top .more img{
	vertical-align:middle;
	margin-left:15px;
}
.col_top p{
	margin:30px auto;
	height:96px;
	overflow:hidden;
}
.col_right{
	width:370px;
}
.col_left{
	width:750px;
}
.col_left ul{
	width:780px;
	margin-top:30px;
}
.col_left li{
	width:318px;
	margin-right:30px;
	margin-bottom:30px;
	padding:10px 20px;
	border:1px solid #ccc;
}
.col_left .text{
	width:220px;
}
.col_left h3,.col_list_bottom h3,.col_list li h3,.col_bottom h3,.list2 li h3{
	white-space:nowrap;
	overflow:hidden;
}
.col_left p,.col_list_bottom li p{
	height:48px;
	margin:5px auto 10px;
	overflow:hidden;
}
.hot{
	background:#12298c;
	padding:40px 0; 
}
.hot p,.hot a{
	font-size:20px;
	color:#fff;
}

.hot a{
	border:2px solid #fff;
	padding:10px 20px;
	margin-left:20px;
  }

.col_list ul,.col_bottom ul,.col_list_bottom ul,.list2 ul,.about_bottom ul{
	width: 1200px;
	margin-top:50px;
}
.col_list,.col_bottom,.col_list_bottom,.list2{
	margin:80px auto;
}
.col_list li,.col_list_bottom li ,.about_bottom li{
	width: 370px;
	margin-right: 30px;
}
.col_list li  {
	text-align: center;
	position: relative;
}
.col_list  li .text {
 	padding: 10px ;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background:#000;
	filter: alpha(opacity=80);
	background:rgba(0,0,0,0.7)
}
.col_list li a,.col_list  li p{
	color:#fff;
}
.col_list  li p,.col_list li .more{
	display:none;
}
.col_list_img,.col_list  li:hover .more{
	display:block;
}
.col_list  li:hover p{
	display:block;
	margin:10px auto;
}
.col_list  li:hover .text{
	top:0;
	padding:30px 20px;
}
.col_bottom li,.list2 li {
	width: 570px;
	margin-right: 30px;
}
.col_bottom .text {
	width: 390px;
}
.col_bottom .text  p,.list2 li p{
	height:68px;
	overflow: hidden;
	margin:10px auto;
}
.col_middle_warp {
	background:#100f0b url(../../images/index_pro_bg.jpg) no-repeat left top;
	padding: 80px 0;
}
.col_middle_warp .more {
	border: 1px solid #fff;
	display: block;
	color: #fff;
	padding: 8px 20px;
	width: 90px;
	margin: 20px 0 0;
}
.col_middle .top_text {
	padding: 40px;
	width: 450px;
	margin: 0 auto;
	filter: alpha(opacity=70);
	background: rgba(0,0,0,0.7);
}
.col_middle h1, .col_middle p  {
	color: #fff;
}
.col_list_bottom .text{
	margin-top:15px;
}
.bg {
	background: #f1f1f1;
	padding: 10px 0;
}
.list li,.list2 li{
	margin-bottom:50px;
}
.list2  li .text {
	width:300px;
}

/*------right_sidebar------*/
.right_sidebar{
	width:270px;
}
.right_list  {
	margin-bottom: 50px;
}
.right_list li a, .right_list ul.active {
	display: block;
}
.right_list .drop {
	border-top: 1px solid #d1d1d1;
	padding: 12px 20px 12px 30px;
	font-weight: bold;
	zoom: 1;
	background: #ededed url(../../images/more.jpg) no-repeat 10px center;
}
.right_list .drop span {
	margin-top: 4px;
}
.right_list ul ul {
	display: none;
	padding: 5px 5px 5px 30px;
}
.right_list li li {
	padding: 3px 0;
	list-style-type: square;
}
 /*----left_content--------*/
.left_content{
	width:870px;
}
.topimg{
	margin-bottom:40px;
}
 .topimg_right{
	position:relative;
	width:240px;
 }
.topimg_right p{
	position:absolute;
	background:rgba(0,0,0,0.5);
	top:0;
	bottom:0;
	left:0;
	right:0;
	color:#fff;
	padding:20px;
}
.content_text,.form p,.about_bottom li,.main_top{
	margin-bottom:30px;
}
 .mb20{
	margin-bottom:20px;
}
.main_top .text{
	width:470px;
}
.online a{
	display:block;
	width:100px;
	padding:5px 20px;
	background:#12298c;
	color:#fff;
	margin-top:20px;
}
table, #parameter .para_table {
	width: 100%;
}

/*form*/
table, #parameter .para_table {
	width: 100%;
}
.form td {
	padding: 10px 0;
}
.form .input-xlarge {
	height: 28px;
	width: 99%;
	padding: 8px 5px;
	background: #f1f1f1;
}
.contact_main_left .form input.input-xlarge {
	width:48%;
}
.form select.input-xlarge {
	height: 36px;
	width: 100%;
}
.form textarea.input-xlarge {
	height: 120px;
}
.checkbox {
	display: block;
	float: left;
	margin-right: 10px;
}
.checkbox input, .radio input {
	vertical-align: middle;
}
.submit input {
	padding: 4px 10px;
	background: #e57006;
	color: #fff;
}
label {
	display: inline-block;
	padding-right: 20px;
}
/*----------contact ---------------*/
.contact_main_left{
	width:680px
}
.contact_main_right{
	width:370px;
	background:#666;
	padding:30px;
	margin-top:10px;
}
.contact_main_right li,.contact_main_right strong{
	color:#fff;
	line-height:42px;
}
/*------------about------------*/
.col_about .col_left li{
	width:360px;
	padding:0;
	border:none;
}
.col_about .col_left p {
	height:auto;
	margin:0;
 }
.about_bottom li img{
	display:block;
}
.col_about .col_left ul{
	margin-top:0;
}
/*-------------footer----------------*/
#footer {
	background: #050a1d;
	padding: 15px 0;
}
#footer p {
	color: #aaa;
}
/*banner*/
.banner, .banner .item {
	position: relative;
}
.banner, .map {
	width: 100%;
	overflow: hidden;
}
.banner img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.banner .text {
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
}
.banner p {
	color: #fff;
	font-size: 20px;
	width: 500px;
}
.carousel-warp h1 {
	width: 700px;
}
.carousel-warp h1 a {
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 32px;
	color: #fff;
	font-size: 26px;
}
.banner .more {
	margin-top: 20px;
}
.banner .more a {
	display: block;
	color: #fff;
	width: 180px;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	text-transform: uppercase;
	background: #00aeef;
}
.post-slider-btn button {
	height: 37px;
	width: 37px;
	background: #000;
	color: #fff;
	filter: alpha(opacity=10);
	opacity: 0.1;
	position: absolute;
	top: 45%;
}
.banner:hover .post-slider-btn button {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.banner .post-slider-btn .next {
	right: 0;
}
.banner .post-slider-btn .prev {
	left: 0;
}




.breadcrumb li{ display:inline-block;}
.single-img img{ margin-right:12px;}
.single-content h3{ margin:26px 0 6px;}
.single-content ul li{ list-style:disc inside;}
.page-content p{ margin-top:10px;}

.chat_img{ margin-bottom:1em;}
.post{ overflow:hidden; margin:2.5em 0;}
.post img{ float:left; margin-right:15px; border:solid 2px #666666;}
.post p{ margin:0.8em 0;}
.price{ color:#F30; font-weight:bold; font-size:1.1em;}
.related{ margin-top:20px;}
.related ul{ margin-top:6px;}
.related li{ float:none; width:auto; text-align:left;}
.related li a{ color:#000;}

.email p{ text-align:center; margin:0; padding:0.3em 0; border-top:dashed 1px #999999; background-color:rgb(27,79,117);}
.email p a{ color:#F60; font-weight:bold; font-size:0.8em;}
.email p a:hover{ color:#FFF; text-decoration:none;}






 @media all and (max-width:1190px) {
  
.nav, .width1170, #footer p, #content {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
 .nav, .width1170, #footer p, #content ,.col_left li,.contact_main_right,.contact_main_left .form input.input-xlarge {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.logo img ,.col_top img,.col_right img,.col_list img,.col_list_bottom img,.list2 img,.map img,.about_bottom img,.left_content img,.top_img img{
	width: auto;
	max-width: 100%;
	height: auto;
}
.col_left ul,.col_list ul,.col_bottom ul,.col_list_bottom ul, .list2 ul,.about_bottom ul{
	width:100%;
}
.col_left .text,.col_bottom .text,.list2 li .text{
	width:auto;
	float:none;
}
.col_left p{
	margin:0;
}
.col_right{
	margin-top:70px;
}
.col_left li>a,.col_bottom li>a{
	margin-right:10px;
}
.col_list  li p{
	height:48px;
	overflow:hidden;
}
.list li,.about_bottom li{
	margin-bottom:20px;
}
.list2 li>a{
	margin-right:20px;
}
.topimg_right p{
	padding:10px;
}
.topimg_right{
	overflow:hidden;
}
.col_top_right,.contact_main_right{
	width:40%;
}
.col_top_left,.contact_main_left {
	width:57%;
}
.col_right{
	width:32%;
}
.col_left{
	width:66%;
}
.left_content,.topimg_left {
	width:70%;
}
.right_sidebar,.topimg_right {
	width:28%;
}
.top_img ,.main_top .text{
	width:48%;
}
.col_left li,.col_bottom li,.list2 li,.col_about .col_left li{
	width:49%;
	margin-right:2%;
}
.col_list li,.col_list_bottom li,.about_bottom li{
	width:32%;
	margin-right:2%;
}
   .col_left li:nth-child(2n),.col_list li:nth-child(3n),.col_bottom li:nth-child(2n),.col_list_bottom li:nth-child(3),.list2 li:nth-child(2n),.about_bottom li:nth-child(3n) {
	margin-right: 0;
}
.nav li:last-child a{
	padding-right:0;
}
.contact_main_left .form input.input-xlarge{
	height:44px;
	margin-right:2%;
	width:48.5%;
}
.contact_main_left .form input.input-xlarge:nth-child(2){
	margin-right:0;
}
.col_about .col_left li:nth-child(3){
	clear:both;
}
#parameter {
	overflow-x: auto;
}
.carousel-warp h1 a {
	font-size: 18px;
}
}
 @media all and (max-width:930px) {
.list2 li>a{
	width:180px;
}
.contact_main_left .form input.input-xlarge{
	width:48%;
}
.contact_main_right li, .contact_main_right strong{
	line-height:36px;
}
.main_top .text{
	width:auto;
	float:none;
}
.top_img{
	margin:0 20px 10px 0;
}
.banner .text {
	top: 15%;
}
.banner .item img {
	min-height: 190px;
}

}
 @media all and (max-width:767px) {
#header{
	padding:18px 0;
}
.nav li a{
	padding:0 18px;
	
}
.nav ul{
	margin-top:0;
}
.logo{
	width:96px;
	}
.col_top p, .h_line{
	margin:10px auto;
}
.col_top_left {
	float:none;
	width:auto;
}
.col_top_right{
	margin-left:15px;
}
.col_top, .col_top2, #content, .col_about, .about_bottom{
	margin:50px auto;
}
 .col_right{
	display:none;
	
}
 .col_left,.contact_main_left,.contact_main_right,.right_sidebar,.left_content{
	width:100%;
}
.col_list  li:hover p{
	margin:auto;
}
.col_bottom li,.list2 li{
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}
.contact_main_right{
	margin-bottom:30px;
}
.contact_top_text{
	text-align:center
}
#content{
	position:relative;
}
.left_content{
	padding-top:60px;
}
.right_list{
	position:absolute;
	left:15px;
	right:15px;
	top:0;
	background:#fafafa;
}
.right_list p{
	display:block;
	border:2px solid #ddd;
	padding:5px 10px;
	background:url(../../images/right_pull.jpg) no-repeat 97% center;
}
.right_list ul{
	display:none;
	}
.banner p {
	font-size: 16px;
}
.banner .text {
	top: 8%;
}
.carousel-warp h1 {
	width: 70%;
	max-height: 54px;
	overflow: hidden;
}
.banner p {
	width: 65%;
	max-height: 72px;
	overflow: hidden;
}
.banner .more a {
	width: 120px;
	font-size: 13px;
	line-height: 36px;
}
.banner .more {
	margin-top: 5px;
}




#chat-container {
	display:none;
}

}
 @media all and (max-width:639px) {
	 .nav ul {
	width: 100%;
	margin-top: 10px;
	display: none;
}
#pull {
	display: block;
	background: url(../../images/pull.jpg) no-repeat right center;
	padding-right: 30px;
	color: #013781;
	font-weight: bold;
	margin-top: 10px;
}
.nav li {
	width: 100%;
	border-top: 1px solid #ddd;
}
.col_left li{
	padding:10px;
}
.col_middle .top_text{
	width:100%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.col_list  li:hover .text{
	padding:10px 20px;
}
.list li,.list li:nth-child(3n){
	width:49%;
	margin-right:2%;
}
 .list li:nth-child(2n){
	 margin-right:0;
 }
.about_bottom li{
	margin-bottom:10px;
}
.banner .more a {
	line-height: 24px;
	margin: 0 auto;
}
.carousel-warp h1, .banner p {
	text-align: center;
	width: 100%;
}
}
 @media all and (max-width:567px) {
.col_top_right,.col_top_left,.top_img ,.main_top .text{
	width:100%;
	text-align:center;
}
.col_top_right {
	margin-bottom:15px;
}
.hot,.col_left h1,.col_middle,.col_list,.col_bottom,.col_list_bottom,#footer,.list2 .top_text,.col_about .col_left,.about_bottom,.content_text,.form p,.form h2{
	text-align:center;
}
.hot a{
	float:none;
	display:block;
	margin:0 auto 15px;
	width:150px;
}
.col_middle_warp .more,.online a{
	margin:20px auto 0;
}
.col_list  li,.col_list li:nth-child(3n),.col_list_bottom li,.col_list_bottom li:nth-child(3){
	width:100%;
	max-width:370px;
	float:none;
	margin:0 auto 20px;
}
.col_bottom li>a,.top_img{
	float:none;
	margin-bottom:10px;
	display:inline-block;

}
.list li,.list li:nth-child(3n),.about_bottom li,.about_bottom li:nth-child(3n){
	width:49%;
	margin-right:2%;
	float:left;
}
 .list li:nth-child(2n),.about_bottom li:nth-child(2n),.top_img{
	 margin-right:0;
 }
	.col_left li,.contact_main_left .form input.input-xlarge,.col_about .col_left li{

		width:100%;
		margin-right:0;
		margin-bottom:15px;
		}
	.contact_main_left .form td{
		padding:0;
}
.contact_main_left .submit input {
	margin-top:20px;
}

}