/**********公用部分****************/
* {
    box-sizing: border-box;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}
[class*="col-"] {
    float: left;
    padding:5px 15px;
}
video {
    width: 100%;
    height: auto;
}

/*************标题样式***************/
.h2{
height:30px;
line-height:30px;
border-bottom:#ccc solid 1px;
margin-top:10px;
}
.h2 h2{
border-left:#fd8d0c solid 5px;
margin-left:10px;
height:22px;
line-height:22px;
font-size:15px;
color:#001872;
padding-left:10px;
width:80%;
float:left;
}
.h2 a{
display:block;
width:15%;
float:right;
height:22px;
line-height:22px;
font-size:14px;
color:#666;
text-align:right;
}
.h2 a:hover{
color:#f00;
}
/************************/
.h2_2{
height:40px;
line-height:40px;
background:#2e4169;
padding-top:10px;
}
.h2_2 h2{
border-left:#fff solid 5px;
margin-left:10px;
height:22px;
line-height:22px;
font-size:15px;
color:#fff;
padding-left:10px;
width:80%;
float:left;
}
.h2_2 a{
display:block;
width:15%;
float:right;
height:22px;
line-height:22px;
font-size:14px;
color:#fff;
text-align:right;
}
/********************/
.h2_3{
height:40px;
line-height:40px;
border-bottom:#ccc solid 1px;
background:#394869;
}
.h2_3 h2{
border-left:#fd8d0c solid 5px;
height:40px;
line-height:40px;
font-size:15px;
color:#fff;
padding-left:10px;
width:80%;
float:left;
}
.h2 a{
display:block;
width:15%;
float:right;
height:22px;
line-height:22px;
font-size:14px;
color:#666;
}
.h2 a:hover{
color:#f00;
}



@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
/******************头部1******************************/
.header1:after{
content:"";
clear:both;
display:block;
}
.header1{
font-size:13px;
color:#666;
background:#ddd;
}
/*************************************************/
.header2:after{
content:"";
clear:both;
display:block;
}
/***********************************************/
.nav:after{
content:"";
clear:both;
display:block;
}
.nav{
height:45px;
line-height:45px;
background:#394869;
}
.nav img{
display:none;
}
.nav ul{}
.nav ul li{
float:left;
}
.nav ul li a{
color:#fff;
display:block;
width:100%;
height:45px;
line-height:45px;
padding:0px 10px;
}
.nav ul li a:hover{
background:#fd8d0c;
}

.nav2{
height:45px;
line-height:45px;
background:#eee;
padding: 0;
}
.nav2 ul{}
.nav2 ul li{
float:left;
}
.nav2 ul li a{
color:#666;
height:45px;
line-height:45px;
padding:0px 10px;
}

.nav2 ul li a:hover{

}
/******************************************************/
.banner {
	width: 100%;
	margin: 0 auto
}

.fullSlide {
	width: 100%;
	position: relative;
	height: 410px;
	background: #000
}

.fullSlide .bd {
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden
}

.fullSlide .bd ul {
	width: 100%!important
}

.fullSlide .bd li {
	width: 100%!important;
	height: 410px;
	overflow: hidden;
	text-align: center
}

.fullSlide .bd li a {
	display: block;
	height: 410px
}

.fullSlide .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	height: 30px;
	line-height: 30px
}

.fullSlide .hd ul {
	text-align: center
}

.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 42px;
	height: 11px;
	margin: 1px;
	overflow: hidden;
	background: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	line-height: 999px
}

.fullSlide .hd ul .on {
	background: #fff
}

.fullSlide .prev,.fullSlide .next {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -30px;
	left: 3%;
	z-index: 1;
	width: 40px;
	height: 60px;
	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
	display: none
}

.fullSlide .next {
	left: auto;
	right: 3%;
	background-position: -6px -137px
}
/***********************主体第一行*********************************/
.row1:after{
content:"";
clear:both;
display:block;
}

.company_video{
min-height:300px;
}
/***************************************************************/
.pro:after{
content:"";
clear:both;
display:block;
}
.pro{
width:98%;
margin:10px auto;
}
.pro_title{
height:45px;
line-height:45px;
background:#2e4169;
}
.pro_title:after{
content:"";
clear:both;
display:block;
}
.pro_title li{
height:43px;
line-height:43px;
margin:2px 2px 0px 2px;
float:left;
}
.pro_title li a{
padding:0 10px;
display:block;
width:100%;
cursor:pointer;
}
.pro_title_a{
background:#2e4169;
color:#fff;
}
.pro_title_hover{
background:#fff;
color:#333;
}
.pro_content:after{
content:"";
clear:both;
display:block;
}
.pro_content{
border:#2e4169 solid 2px;
border-top:none;
}
.pro_content ul{}
.pro_content ul h2{
display:none;
}
.pro_content ul li{
width:22%;
float:left;
margin:17px;
}
.pro_content ul li a{
display:block;
width:100%;
}
.pro_content ul li a img{
max-width:290px;
max-height:317px;
width:290px;
height:240px;
}
.pro_content ul li a span{
display:block;
overflow:hidden;
height:35px;
line-height:35px;
background:#666;
color:#fff;
padding:0 10px;
text-align:center;
}
/**********************************************************/
.new{}
.new div li{
height:40px;
line-height:40px;
overflow:hidden;
border-bottom:#ddd dashed 1px;
font-size:15px;
}
.new div li span{
font-size:14px;
float:right;
color:#666;
display:block;
width:18%;
text-align:right;
}
.new div li a{
color:#666;
display:block;
width:80%;
float:left;
}
.new div li a:hover{
color:#fd8d0d;
}
/*******************************/
.zhanshi{
height:600px;
overflow:hidden;
}
.zhanshi ul{
display:block;
padding:10px;
}
.zhanshi ul li{
height:auto;
}
.zhanshi ul li img{
width:98%;
}
/***************************************************/
.footer1:after{
content:"";
clear:both;
display:block;
}
.footer1{
background:#efefef;
padding:15px;
}
.footer1 h2{
height:30px;
line-height:30px;
color:#666;
font-size:14px;
}
.footer1 ul{
padding:8px 0;
}
.footer1 ul a{
float:left;
margin:5px 10px;
font-size:13px;
color:#666;
}
/***********************/
.footer2:after{
content:"";
clear:both;
display:block;
}
.footer2{
padding:15px;
background:#071c29;
text-align:center;
line-height:25px;
color:#fff;
}


/************************************************************/
.list:after{
content:"";
clear:both;
display:block;
}
.list{
background:#ececec;
padding:10px;
}
.pro_list:after{
content:"";
clear:both;
display:block;
}
.pro_list{
border-bottom:#ccc solid 1px;
}
.pro_list h2{
height:60px;
line-height:60px;
background:#026fcb;
color:#fff;
text-align:center;
font-size:18px;
font-weight:400;
}
.pro_class:after{
content:"";
clear:both;
display:block;
}
.pro_class{
border-left:#ccc solid 1px;
border-right:#ccc solid 1px;
padding:10px;
background:#f6f6f6;
position:relative;
}
.pro_class h3{
display:block;
height:55px;
line-height:55px;
text-align:center;
font-size:15px;
font-weight:400;
border-bottom:#e2e2e2 solid 1px;
}
.pro_class h3 a{
color:#4f4f4f;
}
.pro_class h3 a:hover{
color:#055da6;
}
.pro_class ul{
border:#085da3 solid 2px;
background:#ededed;
width:200%;
display:block;
position:absolute;
left:100%;
top:0px;
display:none;
padding:10px;
z-index:2;
}
.pro_class ul li{
width:50%;
float:left;
height:30px;
line-height:30px;
}
.pro_class ul li a{
display:block;
color:#666;

}

/*****************************************/
.art_list{}
.img_list:after{
content:"";
clear:both;
display:block;
}
.img_list{
background:#fff;
border:#ccc solid 1px;
border-top:none;
display:block;
}

.img_list li{
border:#ddd solid 1px;
display:block;
width:21%;
float:left;
margin:2%;
}
.img_list li:after{
content:"";
clear:both;
display:block;
}
.img_list li img{
width:auto;
max-width:100%;
height:180px;
border:none;
}
.img_list li span{
height:30px;
line-height:30px;
background:#ccc;
color:#333;
display:block;
text-align:center;
overflow:hidden;
}


.text_list{
background:#fff;
border:#ccc solid 1px;
border-top:none;
display:block;
}
.text_list:after{
content:"";
clear:both;
display:block;
}
.text_list li{
display:block;
width:100%;
padding:0 10px;
line-height:45px;
}
.text_list li:after{
content:"";
clear:both;
display:block;
}

.text_list li a{
color:#333;
}
.text_list li a:Hover{
color:#000099;
}

.text_list li span{
height:30px;
line-height:30px;
color:#ccc;
display:block;
text-align:center;
overflow:hidden;
width:20%;
text-align:right;
float:right;
}





#page_list{
display:block;
width:100%;
height:40px;
line-height:40px;
text-align:center;
color:#333;
background:#ccc;
clear:both;
}
#page_list a{
color:#333;
display:inline;
}
#page_list a:hover{
color:#f00;
}

#guanlianart{
width:100%;
}
#guanlianart li{
width:40%;
border:none;
float:left;
height:25px;
line-height:25px;
}
#guanlianart li a{
display:inline;
color:#333;
}



/**************************************************/
.art{
background:#fff;
border:#ccc solid 1px;
border-top:none;
font-size:14px;
line-height:30px;
}
.art p{
padding:10px;
}
.url_path{
height:35px;
line-height:35px;
padding:0 10px;
text-align:right;
font-size:13px;
color:#333;
}
.url_path a{
color:#333;
}
.art h3{
height:50px;
line-height:50px;
text-align:center;
color:#394869;
}
.art dt{
height:30px;
line-height:30px;
color:#666;
font-size:13px;
text-align:center;
}
.art dd{
display:block;
line-height:25px;
font-size:14px;
color:#333;
padding:10px;
}
.art dd img{
max-width:90%;
margin:10px auto;
}




.nextpro{
padding:10px;
font-size:13px;
text-align:center;
}
.nextpro a{
color:#333;
}

.xiangguanpro{}
.xiangguanpro:after{
content:"";
display:block;
clear:both;
}
.xiangguanpro li{
width:23%;
float:left;
padding:10px;
}

.xiangguanpro li img{
width:98%;
height:180px;
}
.xiangguanpro li a span{
height:30px;
line-height:30px;
overflow:hidden;
display:block;
text-align:center;
width:100%;
}




/****************手机调用部分***************************/
@media only screen and (max-width: 765px) {
    /* For tablets: */
    [class*="col-"] {
    width:100%;
	}
	img{
	max-width:80%;
	}
	.nav{
	position:relative;
	}
	.nav img{
	display:block;
	}
	.nav ul{
	display:none;
	position:absolute;
	background:#efefef;
	z-index:100;
	}
	.nav ul li{
	width:95%;
	border-bottom:#fff solid 1px;
	}
	.nav ul li a{
	color:#394869;
	}
	.nav ul li a:hover{
	color:#fff;
	}
.nav2{
	display:none;
}
	.pro_title{
	display:none;
	}
	.pro_content ul:after{
	content:"";
	clear:both;
	display:block;
	}
	.pro_content ul{
	display:block;
	width:100%;
	height:auto;
	}
	.pro_content ul h2{
	display:block;
	height:40px;
	line-height:40px;
	font-size:15px;
	background:#2e4169;
	color:#fff;
	padding:0 10px;
	}
	.pro_content ul li{
	width:85%;
	}
	.pro_content ul li img{
	width:85%;
	max-width:85%;
	}
	/*******************************/
	.pro_class ul{
	border:#085da3 solid 2px;
	background:#ededed;
	width:100%;
	display:block;
	position:absolute;
	top:60px;
	left:0px;
	height:auto;
	display:none;
	padding:10px;
	z-index:2;
	}
	.pro_class ul li{
	width:50%;
	float:left;
	height:30px;
	line-height:30px;
	}
	.pro_class ul li a{
	color:#666;
	}
	.img_list li{
	width:45%;
	float:left;
	}
	
	.url_path{
	height:auto;
	}
	.art h3{
	height:auto;
	}
	.xiangguanpro li{
	width:48%;
	}
	
	
	
	
}