@charset "utf-8";
/* CSS Document */
*{
	border:none;
	color:#444;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	list-style:none;
	line-height:22px;
	outline:none;
	padding:0;
	margin:0;
	text-decoration:none;
}
p{margin-bottom:15px;}
.clear{
	clear:both;
}
a:hover{
	text-decoration:underline;
}
h1{
	font-size:22px;
	font-weight:500;
	margin-bottom:10px;
}
h2,h2 a{
	font-size:20px;
	font-weight:500;
}
h3 ,h3 a{
	font-size:16px;
}
.pull_left,.nav li,.list li,.col_list li ,.col_left li,.list_box li,.col_1_2 li,.col_3,.right_list li, .owl-item{
	float:left;
}
.pull_right{
	float:right;
}
body{
	background:#ecedef url(../images/bodybg.jpg) repeat;
}
.mainbox{
	background:url(../images/mainbg.jpg) repeat-y center top;
}
.maintop{
	height:11px;
	background:url(../images/maintop.jpg) repeat-y center top;
}
.mainbottom{
	height:11px;
	background:url(../images/mainbottom.jpg) repeat-y center top;
}
.main{
	padding:30px 20px;
	background:#d0d5eb;
}
.top p,.main{
	width:1060px;
	margin:0 auto;
}
.top p,.top font,.top a{
	color:#fff;
}
.top a{
	text-decoration:underline;
}
.header{
	background:url(../images/haederbg.jpg) repeat-x center bottom;
	padding-bottom:9px;
}
.top{
	background:url(../images/headerbg.jpg) repeat-x;
	padding:16px 0;
}
.nav{
	margin:0 auto;
	height:44px\9;
	width:1100px;
}
.logo{
	margin-top:-10px;
}
.nav ul{
	background:#12298c;
	margin-top:40px;
	width:928px;
}
.nav li a,#pull{
	display:block;
	padding:12px 35px;
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	border-right:1px solid #444;
}
.nav li a:hover,.nav li a.active{
	background:url(../images/navbghover.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #e77812;
}

#pull,.right_top p{
	display:none;
}
/*bannenr*/
.banner img,.col_right img,.col_list li img,.project_list img,.list img,.project_top img{
	border:10px solid #fff;
	box-shadow:1px 1px 1px #999;
}
.subnav{
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
/*content*/
#content{
	margin-top:20px;
}
.col_left{
	width:730px;
}
.col_left ul{
	margin-top:25px;
	background:#aab0ca;
	padding:15px 0 20px 30px;
}
.col_left li{
	margin-right:28px;
		border-bottom:1px solid #ccc;
	overflow:hidden;
}
.col_left li a{
	line-height:34px;
	background:url(../images/arrow.jpg) no-repeat left center;
	width:180px;
	padding-left:25px;
		display:block;
	border-bottom:1px solid #777;

	white-space:nowrap;
}
.col_top{
	border-bottom:1px solid #8b93b8;
	padding:20px 0 40px;
}
.col_list{
	border-top:1px solid #fff;
	padding:40px 0;
	overflow:hidden;
}
.col_list ul,.list{
	width:1138px;
}
.col_list li,.list li{
	width:328px;
	margin-right:38px;
	
}
.col_list p,.list p{
	height:88px;
	overflow:hidden;
	margin-top:20px;
}
.col_list h2,.list h2{
	height:24px;
	margin-bottom:24px;
	border-left:3px solid #fff;
	padding-left:10px;
}
.project_list .text{
	width:700px;
	
}
.project_list li{
	margin-bottom:30px;
	border-bottom:1px solid #fff;}
.project_box{
		border-bottom:1px solid #8b93b8;
		padding-bottom:30px;

}
.text_a{
	height:120px;
	overflow:hidden;
	margin-bottom:20px;
}
.project_list  .last,.last .project_box{
	border:none;
}
.project_list .more{
	display:block;
	width:100px;
	color:#12298c;
font-weight:bold;
	text-align:center;
	line-height:32px;
	border:2px solid #fff;
}
.project_list p{
	margin:10px 0 15px;
}
.list li{
	margin-bottom:30px;
}
.col_bottom{
	padding-bottom:30px;
}
.col_3{
	margin-right:38px;
	width:328px;
}
.col_3 h2{
	margin-bottom:20px;
}
.col_3 h2 a{
	font-size:20px;
	font-weight:500;
}
.col_1_3 .more{
	font-weight:bold;
		background:url(../images/arrow2.jpg) no-repeat left center;
		padding-left:20px;
		margin-top:10px;
		display:block;

}
.col_2_3 li{
	margin-bottom:15px;
}
.col_2_3 li p{
	height:48px;
	overflow:hidden;
}
.col_2_3 img{
	margin-right:15px;
	border:3px solid #fff;
}
.col_3_3{
	margin-right:0;
}
.col_3_3 .input-xlarge{
	border:1px solid #aaa;
	height:20px;
	width:98%;
	padding:5px;
	background:none;
}
.col_3_3 .namebg{
	background:url(../images/u.jpg) no-repeat 96% center;
}
.col_3_3 .emailbg{
	background:url(../images/e.jpg) no-repeat 96% center;
}
.col_3_3  td{
	padding-bottom:8px;
}
.col_3_3 textarea.input-xlarge{
	height:64px;
}
.col_3_3 .btn{
	background:#0fbcf5;
	color:#fff;
	border-radius:2px;
	padding:5px 15px;
}
/*about*/
.about_top{
	text-align:center;
}
.about_top h1{
	font-size:30px;
}
.about_top p{
	font-size:20px;
	font-style:italic;
	margin-top:20px;
}
.about_top{
	margin:30px auto 40px;;
}
.about_box1 li{
	width:46%;
	overflow:hidden;
}
.about_box{
	margin:50px 0 0;
	border-bottom:1px solid #999;
}
.about_box img{
	margin-left:30px;
}
.box_a h2{
	margin-bottom:20px;
}
.about_list_top{
	border-top:1px solid #fff;
	padding:40px 0;
}
.about_list{
	padding-bottom:30px;
}
.about_list li{
	width:508px;
	overflow:hidden;
}
.about_list li img{
	border:5px solid #fff;
	margin-bottom:10px;
	margin-right:15px;
}
.about_list h3{
	margin-bottom:10px;
}
/*contact*/

/*left_content*/
.left_content{
	width:760px;
	overflow:hidden;
}
.product_top .topimg{
	padding-right:20px;
}
.content_text,.product_top {
	margin-bottom:30px;
}
.content_text  h3,.form h2{
	background:#dfe5fd url(../images/h2bg.jpg) no-repeat left top;
	border-bottom:3px solid #242d3c;
	background:;
	padding:6px 10px;
	color:#fff;
	margin-bottom:20px;
	text-transform:capitalize;
}
.content_text table{
	/*border-collapse:collapse;*/
	width:100%;
}
#parameter .para_table td{
	padding:0;
}
#parameter .odd,#parameter .even{
	background:none;
}
.left_content form{
	width:100%;
}
.form td{
	padding:10px 10px 0 0;
}
.form .input-xlarge{
	border:1px solid #aaa;
	height:20px;
	width:99%;
	padding:5px;
	background:#dfe5fd;
}
.form .checkboxa input{
	border:1px solid #aaa;
	background:#dfe5fd;
}
.form select.input-xlarge{
	height:30px;
	width:100%;
}
.form textarea.input-xlarge{
	height:90px;
}
.checkbox{
	display:block;
	float:left;
	margin-right:20px;
}
.submit input{
	padding:4px 10px;
	background:#242d3c;
	color:#fff;
	cursor: pointer;
	border-radius: 3px;  
}
.submit input:hover{
	background:#e94609;
}
.list_box{
	width:780px;
}
.list_box li{
	margin-right:20px;
	width:175px;
}
.project_top{
	margin-bottom:30px;
}
/*right_sidebar*/
.right_sidebar{
	width:270px;
}
.hot h2{
	/*background:#676e68;
	color:#fff;*/
	padding:10px 10px 15px;
}
.hot ul{
	border:1px solid #eee;
}
.right_top{
	background:#dde1f6;
}
.right_sidebar a:hover{
	text-decoration:none;
}
.right_sidebar h2,.right_sidebar li{
	border-bottom:1px solid #fff;
}
.right_sidebar h2{
	background:#242d3c;
	padding:10px;
	display:block;
	border-bottom:1px solid #999;
	color:#fff;
}
#pullspan,.right_sidebar ul ul{
	display:none;
}
.right_sidebar ul.active{
	display:block;
	border-bottom:1px solid #999;
}
.right_sidebar li a.active,.right_sidebar li li a:hover{
	color:#f00;
		background:url(../images/droplibg.jpg) no-repeat left center;
		border-bottom:1px solid #12298c;

}
.ul_list li li{
	border:none;
}
.ul_list li li a{
	padding:4px 15px 4px 25px;
	display:block;
}
.right_sidebar .drop{
	background:url(../images/dropbg.jpg) no-repeat left 17px;
	padding:10px 10px 10px 20px;
	display:block;
	border-bottom:1px solid #999;
}
.hot ul li a:hover{
	color:#e94609;
}
.contact_list span{
	padding:10px;
	display:block;
	border-bottom:1px solid #999;
}
.right_list ul{
	width:276px;
}
.right_list li{
	margin:6px 6px 0 0;
	border-bottom:none;
}
.right_list li img{
	display:block;
}
/*footer*/
#footer{
	text-align:center;
	margin:30px auto;
	color:#000;
}
.carousel-warp{
	position:relative;
}
.owl-carousel {
	display: none;
	position: relative;
	-ms-touch-action: pan-y;
}
.owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.banner .post-slider-btn .next, .banner .post-slider-btn .prev {
	height:37px;
	width:37px;
	background:#000;
	color:#fff;
	position:absolute;
	top:50%;
	margin-top:-18px;
	filter: alpha(opacity=0);
	opacity: 0;
}
.banner img {
	width:auto;
	max-width:100%;
	height:auto;
}

.banner .post-slider-btn .next {
	right:10px;
}
.banner .post-slider-btn .prev {
	left:10px;
}
.banner:hover .post-slider-btn .next, .banner:hover .post-slider-btn .prev {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.banner .item {
	position:relative;
}
.feature li{
	margin:10px 0 10px 0;
}

@media all and (max-width:1130px){
	 .top p,.main,.mainbox,.banner img,.main img,.form .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;
	}
	.banner img ,.main img,.logo img{
		width:auto;
		max-width:100%;
		height:auto;
	}
	 .top p{
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	.mainbox{
		width:100%;
		padding:0 10px;
		margin:0 auto;
		background-size:100% 4px ;
	}
	 .main,.col_list ul,.list,.list_box,.right_list ul{
		 width:100%;
	 }
	 .nav {
		 width:100%;
		 padding-top:30px;
	 }
	 .nav .logo{
		 margin-left:15px;
		 margin-top:-40px;
	 }
	.nav ul{
		margin-right:15px;
		float:none;
width:auto;
overflow:hidden;
margin-top:0;
}
.nav li{
	width:20%;
}
.nav li a{
	text-align:center;
	padding:12px 0;
}
.col_left{
	width:70%;
}
.col_right{
	width:28%;
}
.col_left ul{
	padding-left:10px;
}
.col_left li{
	width:32%;
	margin-right:1%;
}
.col_left li a{
	width:100%;
}
.col_left p{
	max-height:88px;
	overflow:hidden;
}
.project_box>a {
	width:30%;
}
.project_list .text{
	width:68%;
	}
.text_a{
	margin-bottom:5px;
}
.left_content{
	width:72%;
}
.right_sidebar{
	width:25%;
}
.form .input-xlarge{
	height:30px;
}
.product_top .topimg,.about_box img{
	width:45%;
}
.product_top .project_top{
	width:100%;
}
.col_list li,.list li,.col_3,.right_list li{
	width:32%;
	margin-right:2%;
}
.list_box li{
	width:23.5%;
	margin-right:2%;
}
.col_list li:nth-child(3n),.list li:nth-child(3n),.col_3_3,.list_box li:nth-child(4),.right_list li:nth-child(3n){
	margin-right:0;
}
body {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
#parameter {
	overflow-x:auto;
}
.about_box{
	padding-bottom:20px;
	border-top:1px solid #999;
}
.about_box:before{
	content:'';
	display:block;
	height:20px;
	border-top:1px solid #fff;
}
.about_list li{
	width:100%;
	margin-bottom:10px;
}
.about_list{
	padding-bottom:0;
}
}
@media all and (max-width:820px){
	.logo{
		width:150px;
	}
}
@media all and (max-width:797px){
	.top font{
		display:none;
	}
	.col_left{
	width:100%;
	float:none;
}
.col_left ul{
	clear:right;
}
.col_1_3{
	width:100%;
	margin-right:0;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}
.col_1_3:after{
	content:'';
	display:block;
	height:20px;
	border-bottom:1px solid #8b93b8;
}
.col_2_3,.col_3_3{
	width:49%;
}
}
@media all and (max-width:767px){
	h2,h2 a{
	font-size:16px;
}
h3 ,h3 a{
	font-size:14px;
}
.text_a{
	height:92px;
}
.project_list p{
	margin:0;
}
.left_content,.right_sidebar,.right_list ul{
	width:100%;
}
.nav li{
	width:100%;
	border-top:1px solid #3349a9;
}
.nav ul,.right_top ul,.right_top h2{
	display:none;
}
#pull{
	display:block;
	background:#12298c;
	margin:0 15px;
	text-align:right;
}
.left_content{
	margin-bottom:30px;
	padding-top:40px;
}
.left_cation{
	padding-top:0;
}
.right_list li,.right_list li:nth-child(3n){
	width:auto;
	margin-right:6px;
}
#content{
	position:relative;
}
.right_top{
	position:absolute;
	top:-20px;
	left:0;
	width:100%;
}
.right_top p{
	display:block;
	border:3px solid #fff;
	font-size:18px;
	padding:5px 10px;
	background:url(../images/right_pull.jpg) no-repeat 96% center;
}
}
@media all and (max-width:640px){
	.col_right{
	width:38%;
}
.col_left li{
	width:auto;
	margin-right:15px;
}
.banner img, .col_right img, .col_list li img, .project_list img, .list img ,.project_top img{
	border-width:5px;
}
.project_box>a {
	width:45%;
}
.project_list .text{
	width:53%;
	}
.about_box1 li{
	width:100%;
	text-align:center;
}
.about_box{
	margin-top:0;
}
.about_top,.about_box1 li{
	margin-bottom:20px;
}

}
@media all and (max-width:567px){
	.col_3{
		width:100%;
		margin-right:0;
	}
	.col_2_3{
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}
.col_2_3:after{
	content:'';
	display:block;
	height:20px;
	border-bottom:1px solid #8b93b8;
}
.col_3_3 table{
	width:100%;
}
.col_1_3{
	border-top:1px solid #8b93b8;
}
.col_1_3:before{
	content:'';
	display:block;
	height:20px;
	border-top:1px solid #fff;
}
}
@media all and (max-width:450px){
	.mainbox,.product_top .topimg{
		padding:0;
	}
	.col_right,.col_list li,.list li,.product_top .topimg,.about_box img{
		width:100%;
		margin-bottom:15px;
	}
	.col_left,.col_list,.list,.col_1_3,.col_3 h2,.product_top,.about_box,.about_list li,.about_list_top{
		text-align:center;
	}
	.col_left li{
		width:98%;
		text-align:left;
	}
	.col_right img,.project_list .more,.col_3_3 .btn{
		margin:0 auto;
		display:block;
	}
	.col_list h2,.list li h2{
		margin-bottom:5px;
		border:none;
	}
	.col_list p,.list li p{
		margin-top:10px;
		height:auto;
		max-height:88px;
	}
	.project_box>a,.project_list .text{
	width:100%;
	text-align:center;
	}
	.project_box>a{
		margin-bottom:15px;
	}
	.col_list,.about_list_top{
		padding:20px 0;
	}
	.form td{
		padding:2px 2px 0 0;
	}
	 .form td.submit,.col_top{
		 padding-top:10px;
	}
.main{
	padding:30px 10px;
}
#pull{
	text-indent:-999px;
	background:#12298c url(../images/pullbg.gif) no-repeat 96% center;
	text-align:left;
}
.top p{
	padding:0 10px;
	font-size:12px;
}
.top p a{
	font-size:12px;
}
.about_list li img{
	display:block;
	float:none;
	margin:0 auto 10px;
}
.about_list h3{
	margin-bottom:0;
}
}

.caiji li{
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #8b93b8;
}
.caiji li img{
	float: left;
	margin-right: 20px;
}

.caiji li a{
    display:inline-block;
    width: 200px;
    color: #12298c;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    border: 2px solid #fff;
    margin-top: 56px;
}

.related li{
	border:none;
	margin: 10px 0 0 0;
}

.related li a:hover{
	color: #e94609;
};