html,body{font-family: "微软雅黑";}


.video_info_box{
}
.item{
}

.item a{
	display:block;
}


.navheight_:after{
	clear: both;
	width: 0;
	height: 0;
	content: " ";
	display:block;
}



.litkhide{}

/**
 * 补充的样式
 */
.cp_li{
	float: left;
	width: 16.66666%;
	list-style: none;
	padding: 0px 10px;
}
.cp_ul1{
	
	margin-bottom: 0px;
	overflow: hidden;
margin: 0px -10px;

}

.cp_font{
	width: 100%;
	height:200px;
	background: #0387f9;
	position: relative;
}
.icon_img{
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -20px;
	color: #FFF;
	font-size: 40px;
	
}

.icon_font{
	position: absolute;
	top: 55%;
	left: 50%;
	margin-left: -60px;
	color: #FFF;
	font-size: 24px;
	
	
	
}
.cp_li_a:hover .cp_font{
	background: #005197;
}
















*{	margin: 0 auto;	padding: 0;}
.height{height:580px;}
.left{float: left;}
.right{float: right;}
.padding_left{padding-left: 5px;}
.padding_right{padding-right: 5px;}
.padding_bottom{padding-bottom: 5px;}
.padding_top{padding-top: 5px;}
.padding_top20{padding-top: 20px;}
.text{background: red;}
.container{
	width: 1250px;
	padding-left:0px;
	padding-right: 0px;
}
.navbar-collapse{
	padding: 0px;
	margin: 0px;
}
.media_{
	padding-left: 20px; padding-top: 30px;
	float: right;
}
.index_two_list{
	padding: 0px;
	list-style: none;text-align: center;
	background: white;
	display: none;
	position: absolute;
	width: 150px;
	right:-40%;
	border: 1px solid gray;
	z-index:100;
}
.index_two_list li{
	padding: 10px 0px;
    margin: 0px auto;
    
}
.index_two_list li:hover{
	background:#005197;
	
}
.index_two_list li:hover a{
	color:white;
}
.nav-two-show{
	display: block;
	
	
}
.media_ li:hover ul li a{
	text-decoration: none;
	
}
/*购买意向栏*/
.border_cl_show{
    position: fixed;
    top: 20%;
    left: 0%;
    width: 22px;
    display:none;
    background: #0074B7;
    
    font-size: 20px;
    font-weight: bold;
}
.border_cl_show div a{

color:white;
}
.border_cl_show div a:hover{
	text-decoration:none;
}
.close2{
	padding:5px
}
.border_cl_right_show{
    position: fixed;
    top: 20%;
    right:0%;
    width: 22px;
    display:none;
    background: #0074B7;
    font-size: 20px;
    font-weight: bold;
}
.border_cl_right_show div a{

color:white;
}
.border_cl_right_show div a:hover{
	text-decoration:none;
}
.show_img:hover+.border_cl_right_show_img{
	display:block;
	
}
.border_cl_right_show_img{
	

    position: fixed;
    top: 55%;
    right: 8.4%;
	display:none;

}




.sbmtitle{
	background: url(../img/submit_title.jpg) no-repeat;
	height: 55px;
}
.icon_list{
	float: left;
	padding-top: 8px;
	padding-left: 5px;
	height: 23px;
	width: 20px;
}
.btn_sub{
	background: url(../img/submit.jpg) no-repeat;
	position: absolute;
	left: 120px;
	top: 270px;
	border: none;
	color: white;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	width: 67px;
	
}
li a{
	color: black;
}
.navtitle{
	background-color: white;
	width: 100%;
}

.navtitle_img{
	padding-top: 16px;
	
}
.navheight{
	line-height: 50px;
	width: 100%;
	padding-left: 137px;
}


.navbar-fixed-top .navbar-collapse {
	max-height: 420px;
	max-width: 100%px;
	position: absolute;
		z-index: 1;opacity: 0.8;
}
.titleimgstyle{
	height: 32px;
	width: 33px;
	float: left; 
	background: url(../img/Ellipse.jpg) no-repeat;
	border:none;
	margin-left: 5px;
}
.titleimgstyle:active{
	border: 0px;
}


.titleinputtext{
	width: 170px; 
	display: inline-block;
	float: left;
}
.one{ color: white;font-size: 70px;}
.two{color: white;font-size: 21px; border: 1px solid white;}
.three{color: white;font-size: 38px;}
.video_info_box{
	width: 100%;
	overflow: hidden;
}
.video-bg{
	
	height: auto;
	width: 100%;
	
	
}
.video-bg img{
	max-width:100%;
	width:auto;
	height:auto;
	}
.video-bg-font{
	position: absolute;
	top: 30%;
	left: 30%;
	text-align: center;
	z-index: 2;
	
}
.border{
	
	width: 195px;
	height: 315px;
	background: #FFFFFF;
	position: fixed;
	top:30%;
	left:0%;
	border:1px solid #00A0DE;
	border-radius:7px;
	z-index:1;
}

.border form input{
	width:150px;
	height:30px;
	padding-left: 11px;
	margin-left: 5px;
}
.border form p{
	display: inline-flex;
	padding:5px 0px 0px 2px;
	margin-left: 5px;
	
}
.border_right{
	background: url(../img/fudo.png) no-repeat;
	position: fixed;
	top:125px;
	right:0px;
	height: 555px;
	width: 120px;
	z-index: 9;		
}
.qq_addrss{
	padding-top: 90px;
	padding-left: 20px;
}
.qq_addrss_top{
	padding: 3px 0px;
}
.ewm_top_ul{
	text-align: center;
	padding-top:74px;
	list-style: none;
}

.ewm_top_ul li img{
	background: #005197;
}
.ewm_top_li{background: #005197;width: 60px;height: 60px;}
.ewm_top_font{width: 40px;padding-top: 10px;color: white;}


h4{
	margin: 0px;
}
.form-group{
	padding-top: 10px;
	margin-bottom: 0px;
}
.title{
	background:#006CAF;
	color: white;
}
.title h4{
	padding: 20px;
}
.title h4 span{color: black;position: relative;top: -15px;right: -10px;}

/*box_1部分*/
/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 37%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
i.padding_bottom100{
	padding-bottom: 147%;
}

i.pic-size-padding60{padding-bottom:60%;}
i.pic-size-padding100{padding-bottom:100%;}
i.pic-size-padding66.2{padding-bottom:66.2%;}
i.pic-size-padding47{padding-bottom:47%;}
i.pic-size-padding80{padding-bottom:80%;}
.img_wh{
	border: 1px solid white;
	padding:4px;
}

.box_1{
	background-image: url(../img/index_box_1.jpg);
	background-color: #FFFFFF;
	height: auto;
	width: auto;
}
.img_font{
	width: 100%;
	height: 125px;
	
}
.imgborder{
	height: auto;
	width: auto;
	
	
}
.box_2 .btn_1{
	padding: 15px 30px;
	background: none;
	height: 50px;
	width: 170px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	margin: 50px 0px;
}
.btn_1{
	padding: 15px 30px;
	background: none;
	height: 50px;
	width: 170px;
	border: 1px solid #333333;
}
.btn_box{
	text-align: center;
	padding: 45px 0px;	
}
/*box_2部分*/
.img_font{
	text-align: center;
	font-size: 30px;
	line-height: 100px;
}
.box_2{
	background-image: url(../img/index_box_2.jpg);	
	height: auto;
	
}
.box_2 h4{
	color: white;
	width: 100%;
	text-align: center;
	padding: 90px 0px;
	font-size: 40px;
}
.img-flex{
	width: 1250px;
	
}
.img-flex ul{
	list-style: none;
	margin: 0px -15px;
	overflow: hidden;
}
.img-flex ul li{
	padding: 0px 15px;width: 20%;
	padding-top: 10px;
	float: left;
}
/*box_3部分*/
.box_3{
	background: url(../img/box_3_bg_.jpg);
}

.box_3 ul{
	text-align: center;
}
.tab_box{
	height:auto;
	width: 1250px;
	margin:0px auto;
}
.tab_box_1{
	width:1250px;
	overflow: hidden;
}
.tab_box_1 ul{
	margin: 0px -5px;
	
}
.li_width{
width: 24.2022222%;	margin:0px 5px;
float: left;padding: 0px;

}
.li_width h5{
	font-size: 18px; color: #005197;padding: 10px 10px 10px 5px;font-weight: bold;margin-top: 0px;margin-bottom: 0px;   text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display:block;
}
.li_width p{
	color: gray;
	text-align: start;
	padding: 0px 20px 20px 20px;
}
.tabs-box .nav > li{
	display: inline-block;
	padding-top: 100px;
    padding-bottom: 80px;
    margin: 0px 30px;
}
.tabs-box .nav > li h3{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 40px;}
.img-responsive{width: 100%;}
.container-cp {
					width: 1250px;
					margin: 0 auto;
				}
				
				.cp-box {
					margin: 0 -5px;
					overflow: hidden;
					text-align: center;
				}
					.m_hover{
					position: relative;
				   
				}
				.m_hover_show{  
					position: absolute;   bottom: -80px;  left: 0;  width: 100%;   background: #005197; padding:15px;color: white;
					opacity: 0;
					 transition:  1s;
   					 -webkit-transition: 1s;
					}
				.m_hover:hover .m_hover_show{
					bottom: 0;
					opacity: 1;
				}
				.cp-l,
				.cp-rt,
				.cp-rb {
					padding: 5px;
					float: left;
				}
				
				.cp-l {
					width: 750px;
				}
				
				.cp-r {
					width: 510px;
					float: left;
				}
				
				.cp-rt {
					width: 50%;
				}
				
				.cp-rb {
					width: 100%;
				}
				
@media only screen and (max-width:768px ) {

	.tab-content img{width:100%;}
	.tab-content * img{width:100%;}
	
	.item a{
		height: auto;
	}
	
	
	
		.item{
		height: auto;
	}
	
	
	
	/**
	 * 响应式补充
	 * 
	 */
	
	.img_font{
		line-height: 0;
		padding: 5px 15px;
		height: auto;
	}
	.img_font img{
	width: 100%;
	}
	.cp_li{
		width: 33.3333333%;
		padding:5px 5px;
	}
	.cp_font{
		height: 50px;
		text-align: center;
	}
	.icon_img{
		font-size: 30px;
		position: initial;
	}
	.icon_font,.hd{
		display: none;
		position: initial;
	}
		
	.cp_li:hover .icon_font{
		display: block;
	}
	.cp_li:hover .icon_img{
		display: none;
	}
	.icon_font{
		font-size: 14px;
		padding-top:5px ;
	}

	
	
	
	
	
	
	
	
	.box_2 .btn_1{
		margin:0px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.navbar-header img{
	display: inline-block;
	padding-top: 5px;
}
.img-flex ul{
	margin: 0px;
	padding:0px 10px;
	
}

.box_2 h4{
	padding:20px 0px;
	font-size:30px;
}
.btn_box{padding:0px;}
.img-flex ul li{
	width: 50%;
	
	padding:5px;

	
	}
.tabs-box .nav>li{
	margin: 0px;		
	}
	.tab_box{
		width: 100%;
	}
.video_info_box{
	height: auto;
	background: none;
}
.tab_box_1{width: inherit;}
.img-flex,.li_width{
	width: 100%;
}
.container{width: 100%;padding-left:25px;padding-right:25px;}
.video-bg{
	background: none;
}
.navheight_{
	float: left;
	padding-right: 30px;
}
.navtitle{
		height: 0px;
		position: inherit;
	}
	.navbar{
		margin-bottom: 0px;
	}
	.box_top_img{
		height: 98px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display: inline;
	}
			.navheight_{
		background: white;
		z-index: 1;
		opacity: 1;
	}
	.border{
		display: none;
	}
	.border_right{
		display:none;
	}
	.video-bg-font{
		display: none;
	}
	
	.container-cp {
						width: 100%;
						padding: 0 15px;
					}
					.cp-box img {
						width: 100%;
					}
					.cp-l {
						width: 100%;
					}
					.cp-r {
						width: 100%;
					}
	}
	
	
	
	
	.nav > li:last-of-type{
		display:inline-block;
		
	}
	
	
	
	
	@media screen and (min-width: 320px) and (max-width:768px) {
		.media_{
			padding:0;
			float:none;
			margin:0;
			width:100%;
			text-align:center;
		}
			.navheight_{padding-right:0;margin:0 auto;margin-left:0px !important;width:100%; }
		
		.index_two_list{position:initial;background: #eee;}
		.time-img{width:auto !important;}
	}
	
	
	@media screen and (min-width: 320px) and (max-width:991px) {
		.cp_font .icon_font{display:block;line-height:50px;text-align:center;margin-left:0;padding-top:0;}
		.icon_img{display:none;}
		.phone-tit{position:fixed !important;background:#fff;z-index:999;}
		.phone-tit .container{padding:0;}
		.phone-tit .navbar-header{margin:0;}
		.phone-tit .navbar-toggle{padding-bottom:0;}
		.phone-tit .navbar-header img{height:48px;}
		
		.media_ li:nth-child(8) form{
			    display: flex;
			justify-content: left;
		}
		
		.navbar{border:none;}
		
		.left-nav ul{margin-bottom:0;}
		.container-box .zn_nav{display:block;position:initial;float:none;width:100%;margin-bottom:20px;}
		.container-box .zn_nav_top{margin-top:0;width:100%;height:55px;line-height:55px;}
		
		.tab-content * video{width:100% !important;}
		.tab-content video{width:100% !important;}		
		.index_two_list li{margin-left:0;padding-left:10px;}
		.index_two_list li a{display:block;}
		.index_two_list {text-align:left;width:100%;}
		.nav > li > a{text-align:left;}
		.nav > li:last-of-type{display:block;}
		.icon-daosanjiao{font-size:12px;float:right;}
		
	}
	
	@media screen and (min-width: 992px) {
		 .icon_img{display:block;}
		 
		 .phone-tit{position:fixed !important;background:#fff;z-index:999;}
		 
		 .icon-daosanjiao{display:none;}
		 
		 
		
	}
	
	a:hover{text-decoration:none;}