﻿@charset "utf-8";
/* CSS Document */

 /* 导航样式 */
.navbar-wapper{ /*position: absolute;*/top:0; left:0; right:0; z-index:20;} 
.navbar-brand{ width:248px; padding: 0 15px; margin: 35px 0; margin-left: 50px!important; }
.navbar-brand img{ width:218px; height:39px; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #2a8ae2;}
@media (max-width:320px){
	.navbar-brand img{width:150px; height:27px; }
}
@media (min-width: 320px) and (max-width:375px){
	.navbar-brand img{width:150px; height:27px; }
}
@media (min-width: 375px) and (max-width:414px){
	.navbar-brand img{width:150px; height:27px; }
}
@media (min-width: 414px) and (max-width:768px){
	.navbar-brand img{width:205px; height:37px; }
}
@media (min-width: 768px) and (max-width:1200px){
	.navbar-brand img{width:205px; height:37px; }
}

.navbar-inverse { background-color:transparent; border-color: #080808;}
.navbar { position: relative; min-height: 70px;border: 0; margin-bottom: 0; background: #2577c2}
.nav > li{width: 150px; color: #fff; text-align: center; font-size: 18px;}
.fl{ display:inline-block; float:left;}
.nav > li > a{ width: 100%; text-align:center; line-height:70px;  }
.nav > li > a.active{ color:#fff; }
.navbar-inverse .navbar-nav > li > a{color: #ffffff; font-size: 18px; height: 70px; line-height: 70px; padding: 0}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li.cur > a{background: #0c5495}
.navbar-inverse .navbar-toggle .icon-bar{background: #2a8ae2/*#000*/}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background: none}
.navbar-inverse .navbar-toggle{border-color: /*#333*/#2a8ae2}
@media (min-width: 768px) and (max-width:1200px){
	.navbar { min-height: 50px;}
    .nav > li{width: 115px; font-size: 16px;}
    .navbar-inverse .navbar-nav > li > a{height: 50px; line-height: 50px;}
    .company_firm_bg{padding: 50px 20px;}
}
@media (max-width: 768px){
	.navbar { min-height: 50px;}
    .nav > li{width: 90px; font-size: 16px;}
    .navbar-inverse .navbar-nav > li > a{height: 50px; line-height: 50px;}

} 
@media (max-width: 767px){
	.navbar-wapper{ top:57px; height:50px;  left:0; right:0; z-index:20;} 
	.navbar-brand{ width:150px; padding:13px 0 0 15px; margin: 0!important}
	.navbar-inverse { background:rgba(255,255,255,0.8); }
	.navbar{ padding-bottom:0; padding-top:0; min-height: 50px; }
	.navbar-nav{ margin-bottom:0;  margin-top: 0; background:rgba(42,138,226,0.8);   }
	.nav > li{width: 100%; padding:0 15px; }
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li.cur > a{background: none}
	.navbar-inverse .navbar-nav > li > a{height: 35px; line-height: 35px; border-bottom:1px solid #fff; }
	.navbar-toggle{margin-top: 0; margin-left: 0;}
}
@media (max-width: 320px){
	.carousel-inner{height:150px;}	
	.img-responsive,
	.thumbnail > img,
	.thumbnail a > img,
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
	  display: block;
	  max-width: 100%; 
	  height: 150px;
	}  
}

@media (max-width: 767px){
	.banner-sub{ min-height:350px; }
} 

.company{padding-top: 50px; overflow: hidden;}
.company h2{color: #333333; font-size: 30px; line-height: 30px; background: url(../images/ico_line.png) no-repeat center; text-align: center; margin-bottom: 30px; margin-top: 0}
.company .company_img{/*padding: 0;*/ display: block;}
.company .company_img .img{width: 100%; height: 338px; display: block; overflow: hidden;}
.company .company_img .img img{width: 100%; height: 338px;}
.company .company_intr{/*padding-right: 0;*/ padding-left: 50px;}
.company .company_intr h3{color: #333333; font-size: 22px;}
.company .company_intr .text_border{height: 2px; background: #666666; width: 70px; margin-top: 30px; margin-bottom: 35px;}
.company .company_intr .content{color: #666666; font-size: 14px; line-height: 25px; max-height: 150px; overflow: hidden; }
.company .company_intr .more{color: #2a8ae2; font-size: 14px; height: 20px; line-height: 20px; margin-top: 30px; display: block;}
.company_firm_col{ margin-left:0; margin-right:0; }
.company_firm{padding: 0 20px;}
.company_firm_bg{background: #f6f6f6; padding: 70px 0 40px; height: inherit;}
.company_firm_bg .img{width: 110px; height: 98px; text-align: center; margin: 0 auto}
.firm_img1{background: url(../images/business_ico1.png) no-repeat center;}
.firm_img2{background: url(../images/business_ico2.png) no-repeat center;}
.firm_img3{background: url(../images/business_ico3.png) no-repeat center;}
.firm_img4{background: url(../images/business_ico4.png) no-repeat center;}
.company_firm_bg h4{color: #333333; font-size:24px; text-align: center; margin-top: 50px; margin-bottom: 20px; }
.company_firm_bg .border{width: 70px; height: 1px; background: #333333; margin: auto;}
.company_firm_bg:hover h4{color: #2577c2}
.company_firm_bg:hover .border{background: #2577c2}
.company_firm_bg:hover .firm_img1{background: url(../images/business_ico01.png) no-repeat center;}
.company_firm_bg:hover .firm_img2{background: url(../images/business_ico02.png) no-repeat center;}
.company_firm_bg:hover .firm_img3{background: url(../images/business_ico03.png) no-repeat center;}
.company_firm_bg:hover .firm_img4{background: url(../images/business_ico04.png) no-repeat center;}
.news{padding-top: 50px; overflow: hidden; padding-bottom: 80px;}
.news h2{color: #333333; font-size: 30px; line-height: 30px; background: url(../images/ico_line.png) no-repeat center; text-align: center; margin-bottom: 30px; margin-top: 0}
.news_left{  padding-right: 55px;}
.news_left .img{width: 100%; height: 309px;}
.news_left .img img{width: 100%; height: 100%}
.news_left h1{color: #2577c2; font-size: 22px; height: 30px; line-height: 30px; margin: 30px 0 20px; overflow: hidden;}
.news_left h1 a{ color: #2577c2; }
.news_left .content{color: #666666; font-size: 14px; line-height: 25px; max-height: 50px; overflow: hidden; }
.news_left .more{color: #2a8ae2; font-size: 14px; height: 20px; line-height: 20px; margin-top: 20px; display: block;}
.news_right{ }
.news_right .news_right_col{border: 1px solid #cccccc; padding: 20px 25px; overflow: hidden; margin-bottom: 25px; margin-top: 5px;}
.date{width: 16%; float: left; border-right: 1px solid #ccc}
.date span{display: block; height: 48px; line-height: 48px;}
.date .day{color: #333333; font-size: 30px;}
.date .year{color: #666666; font-size: 16px;}
.news_right_col_con{width: 84%; float: left; padding-left: 40px;}
.news_right_col_con span{display: block;}
.news_right_col_con .title{color: #4390d7; font-size: 18px; height: 25px; line-height: 25px; overflow: hidden; margin-bottom: 20px;}
.news_right_col_con .content{color: #666666; font-size: 14px; line-height: 25px; max-height: 50px; overflow: hidden; }


@media (min-width: 768px) and (max-width:1200px){
    .company_firm_bg{padding: 50px 20px;}
    .company_firm{width: 25%!important;}
}
@media (max-width:768px){
	.company{padding-top: 20px;}
	.company h2{font-size: 20px; margin-bottom: 15px}
	.company .company_img{/*padding: 0 10px;*/}
	.company .company_img .img{height: inherit;}
	.company .company_img .img img{height: 100%}
	.company .company_intr{padding: 0 15px;}
	.company .company_intr h3{font-size: 18px;}
	.company .company_intr .text_border{margin: 15px 0}
	.company .company_intr .more{margin-top: 15px;}
	/*.company_firm_col{padding: 0 10px;}*/
	.company_firm{/*width: 50%;*/ margin-bottom: 20px; padding:0 15px; }
	.company_firm_bg{padding: 30px 10px;}
	.company_firm_bg h4{margin: 15px 0; font-size: 18px;}
	.company_firm_bg .img{background-size: 50%; height: 60px; width: 90px;}
	.company_firm_bg:hover .img{background-size: 50%; height: 60px; width: 90px;}
	.news{padding: 20px 0 30px;}
	.news h2{font-size: 20px; margin-bottom: 15px}
	.news_left{padding: 0 15px; margin-bottom: 15px;}
	.news_left .img{height: inherit;}
	.news_left h1{margin: 15px 0 5px;}
	.news_left .more{margin-top: 10px;}
	.news_right{padding: 0 15px;}
	.news_right .news_right_col{padding: 10px 15px; margin-bottom: 10px;}
	.date{padding-right: 5px;}
	.date span{line-height: 20px; height: 40px;}
	.date .day{font-size: 20px;}
	.date .year{ word-break: break-all;}
	.news_right_col_con{padding-left: 15px;}
	.news_right_col_con .title{ margin-bottom:  10px;}
}
@media (max-width:320px){
}
@media (min-width: 320px) and (max-width:375px){
}
@media (min-width: 375px) and (max-width:414px){
}
@media (min-width: 414px) and (max-width:768px){
}
@media (min-width: 768px) and (max-width:1200px){ 
}



/*公司简介 组织结构 企业文化 制造基地*/
.list-current{color: #999999; font-size: 16px; height: 80px; line-height: 80px;}
.list-current a{color: #999; font-size: 16px;}
.list-current a:hover{color: #2577c2}
.left_menu{padding-right: 40px;}
.menu_list{background: #2577c2; min-height: 100px; padding: 0 20px; overflow: hidden;}
.left_menu .top_menu{color: #fffefe; font-size: 20px; height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #ffffff;}
.list_menu{padding-top: 30px;}
.list_menu li a{color: #fff; text-align: center; height: 40px; line-height: 40px; overflow: hidden; display: block;}
.list_menu li.active a,.list_menu li a:hover{color: #2577c2; background: url(../images/ico_left.png) #fff no-repeat 10px; background-size: 10px 10px;}
.right_content{overflow: hidden;}
.right_title h2{color: #333333; font-size: 24px; margin: 0; height: 25px; line-height: 25px;/* border-bottom: 2px solid #2577c2;*/ border-left: 3px solid #2577c2; padding-left: 10px;}
.border2{width: 100%; height: 2px; background: #2577c2; margin-top: 20px;}
.info_con{color: #999999; font-size: 16px; line-height: 35px; min-height: 500px;  padding-top: 30px; overflow: hidden; padding-bottom: 80px;}
.info_con .img{width: 100%; max-width: 880px; height: inherit; margin: 20px auto; text-indent: 0}
.info_con .img img{width: 100%; height: 100%;}
.info_con ul li{text-indent: 0; background: url(../images/list_circle.png) no-repeat left; padding-left: 20px; color: #666666; font-size: 16px; line-height: 25px; margin: 5px 0}
.corporate_con{width: 50%; float: left;}
.corporate_con .img{width: 400px; height: 300px; margin: 10px 0; float: right;}
.corporate_con .img img{width: 100%; height: 100%;}
.make_con{color: #999; font-size: 18px; line-height: 35px; min-height: 500px; padding-top: 30px; overflow: hidden; padding-bottom: 80px;}
.make_con h1{color: #606060; font-size: 20px; font-weight: bold; margin: 0; line-height: 35px; text-indent: 0}
.make_con .img{width: 750px; height: 500px; margin: 50px auto; text-indent: 0}
.make_con .img img{width: 100%; height: 100%;}

/*新闻动态*/
.news_con{min-height: 500px; padding-top: 40px; padding-bottom: 60px; overflow: hidden;}
.news_list{overflow: hidden;}
.news_list li{overflow: hidden; margin-bottom: 40px;}
.news_list li .img{width: 34%; height: 200px; float: left; display: block;}
.news_list li .img img{width: 100%; height: 100%;}
.news_list .news_list_con{width: 62%; float: right;}
.news_list .news_list_con .h1{color: #2577c2; font-size: 20px; margin: 0; line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 10px; display: block;}
.news_list .news_list_con .con{color: #666666; font-size: 14px; line-height: 25px; height: inherit; max-height: 125px; overflow: hidden;  display: block;}
.news_list .news_list_con .dates,.news_list .news_list_con .post{color: #999999; font-size: 14px; max-width: 155px; height: 25px; line-height: 25px; overflow: hidden; float: left; margin-top: 5px;}
.fl{float: left!important;}
.fr{float: right!important;}
.news_con h2{color: #333333; font-size: 30px; line-height: 35px; margin-top: 0; text-align: center;}
.news_con .release_time{font-size: 14px; color: #999; text-align: center; line-height: 25px; height: 25px; overflow: hidden;}
.news_con .detail{color: #666666; font-size: 16px; line-height: 30px; /*text-indent: 2em*/}
.news_con .detail img{ width:inherit!important; height:inherit!important; max-width:100%!important; }

.news_con .detail .img{text-indent: 0; margin: 60px auto; width: 554px; height: 251px;}
.news_con .detail .img img{width: 100%; height: 100%;}
.nextpage{margin-top:35px; margin-bottom: 20px; height: 25px; line-height: 25px; display: block;overflow: hidden;}
.nextpage .lastArticl,.nextpage .nextArticl{height:25px; max-width:400px; display: block; overflow: hidden; font-size: 16px; color: #999999;}
.nextpage .nextArticl{color: #2577c2; }


/*公司业务*/
.business_con{min-height: 500px; padding-top: 40px; padding-bottom: 60px; overflow: hidden;}
.business_con .detail{color: #999999; font-size: 16px; line-height: 40px;}
.business_con .detail p{margin-bottom: 30px;}
.business_con .detail p:last-child{margin-bottom: 0}
.business_con .detail .img{width: 800px; max-width: 800px; height: inherit; text-indent: 0; margin: 40px auto;}
.business_con .detail .img img{width: 100%; height: 100%;}

/*产品展示*/
.product_con{min-height: 500px; padding-top: 40px; padding-bottom: 60px; overflow: hidden;}
.product_list{overflow: hidden;}
.product_list li{overflow: hidden; margin-bottom: 40px;}
.product_list li .img{width: 34%; height: 200px; float: left; display: block;}
.product_list li .img img{width: 100%; height: 100%;}
.product_list .product_list_con,.product_list .model{width: 62%; float: right;}
.product_list .product_list_con .h1{color: #2577c2; font-size: 20px; font-weight: bold; margin: 0; line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 10px; display: block;}
.product_list .product_list_con .con{color: #666666; font-size: 16px!important; font-family: "微软雅黑"!important; line-height: 25px; height: 100px; max-height: 125px; overflow: hidden;  display: block;}
    .product_list .product_list_con .con *{ font-size: 16px!important; font-family: "微软雅黑"!important; }
.product_list .model{color: #666666; font-size: 16px; display: block; line-height: 16px; height: inherit; /*max-height: 50px;*/ overflow: hidden; margin-top: 25px;}
.product_list .model a{font-style: normal; font-size: 16px; padding:0 10px; color: #666; border-right: 1px solid #666666}
.product_list .model a:last-child{border-right: 0}
.product_list .model a:hover{color: #2577c2}
.product_con .detail{color: #8c8c8c; font-size: 18px;/*text-indent: 2em;*/ line-height: 35px;}
.product_con .detail h1{color: #606060; font-size: 20px; font-weight: bold; margin: 0; line-height: 40px; text-indent: 0}
.product_con .detail .pic{width: 100%; text-indent: 0;}
.product_con .detail .pic .img{width: 400px; margin:  20px; height: 400px; display: block; float: left;}
.product_con .detail .pic .img img{width: 100%; height: 100%;}


/*案例展示*/
.case_col2{padding: 0}
.case_col2 .case_col_img{width: 100%; height: inherit;}
.case_col2 .case_col_img img{width: 100%; height: 100%;}

.case_con{ overflow: hidden; margin-top: 40px; margin-left: -10px; margin-right: -10px; padding-bottom: 150px;}
.case_pic img{width: 100%;}
.case_col2{ padding:0 10px; /*margin-left: 20px;*/ margin-bottom: 40px;}
.case_col_con{width: 100%; height: 84px; line-height: 84px; background: #f7f7f7; border-bottom: 2px solid #2577c2; padding: 0 20px;text-align: center;}
.case_col_con h3{color:#333333 ; font-size:18px ; margin: 0; line-height: 84px; height: 84px; overflow: hidden;}
.case_col_con:hover{background: #2577c2; color: #fff}
.case_col_con:hover h3{color: #fff}
.case_col_img{ position:relative; }
.case_col_img img{ width:100%;}
.case_text2{left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%; text-align:center; display:none; position:absolute;}
.case_text2 .case_text_ico{ background:url(../images/serach_ico.png) no-repeat; width:34px; height:35px; display:inline-block; margin-top:130px;   }
.case_col_img img{ width:100%; height:100%; }
.detail_case{padding-top: 70px; padding-bottom: 95px; overflow: hidden;}
.detail_case h1{color: #333333; font-size: 30px; line-height: 35px; text-align: center;}
.case_list{padding: 60px 0}
.case_list:nth-child(odd){background: #f5f5f5}
.case_list .img{width: 400px; height: 300px; margin: auto}
.case_list .img img{width: 100%; height: 100%;}
.case_col_text{display: table; height: 300px; text-align: center;}
.case_col_bg{display: table-cell; vertical-align: middle;}
.case_col_bg .tit{width: 95%; margin: 0 auto; /*height: 91px;*/ /*line-height: 91px;*/ overflow: hidden; max-height:300px;}
.case_col_bg .tit .num{background: url(../images/num_ico.png) no-repeat center; width: 91px; height: 91px; display: block; float: left; background-size: 100%; line-height: 91px; font-size: 24px; color: #2577c2}
.case_col_bg .tit .title{color: #333333; font-size: 22px; height: 91px; display: table; float: left; padding-left: 20px; width: 460px; text-align: left;}
.case_col_bg .tit .title span{display: table-cell; vertical-align: middle;}

@media (min-width: 768px) and (max-width:1200px){
}
@media (max-width:768px){
	.right_content{padding-left: 15px; margin-top: 20px;}
	.list-current{height: inherit; line-height: 25px; margin-bottom: 10px;}
	.info_con{padding: 20px 0; line-height: 25px; min-height: 200px; }
	.corporate_con{width: 100%;}
	.corporate_con .img{width: 100%; height: inherit;}
	.left_menu{padding-right: 15px;}
	.make_con .img{width: 100%; height: inherit; margin: 20px auto;}
	.news_con{min-height: 200px; padding: 20px 0;}
	.news_list li .img{height: inherit;}
	.news_list .news_list_con .con{max-height: 20px}
	.news_list li{margin-bottom: 15px;}
	.news_con .detail .img{width: 100%; height: inherit; margin: 20px auto;}
	.nextpage{height: inherit;}
	.business_con{min-height: 200px; padding: 20px 0;}
	.business_con .detail{line-height: 25px; }
	.business_con .detail p{margin-bottom: 20px;}
	.business_con .detail .img{width: 100%; margin: 20px auto;}
	.product_con .detail .pic .img{width: 100%; margin: 20px 0; height: inherit; }
	.product_con{padding: 20px 0}
	.case_con{margin-top: 20px; padding-bottom: 20px;}
	.case_col2{margin-bottom: 20px;}
	.case_text2 .case_text_ico{margin-top: 100px;}
	.case_col_con,.case_col_con h3{height: 40px; line-height: 40px;}
	.case_list .img{width: 100%; height: 100%;}
	.detail_case{padding: 20px 15px}
	.case_col_bg .tit{width: 100%; height: inherit; margin-top: 15px;}
	.detail_case h1{font-size: 20px; margin: 0}
	.case_list{padding: 30px 0}
	.case_col_bg .tit .num{width: 70px;  height: 70px; line-height: 70px;}
	.case_col_bg .tit .title{width: 78%; height: 70px;}
	.case_col_bg{margin-top: 10px;}
	.make_con{font-size: 16px; line-height: 25px; padding-bottom: 30px;}
	.news_con h2{font-size: 20px;}
	.product_list .product_list_con .con{display: none;}
	.product_list li .img{height: inherit;}
	.product_list li{margin-bottom: 15px;}
	.product_list .model{margin-top: 0; line-height: 20px}
	.product_con .detail{font-size: 16px; line-height: 25px;}
	.case_col_text{height: inherit; margin: 10px 0}
	.product_list .model a{font-size: 14px; border-right: 0; float: right; line-height: 20px; width: 75%;}
	.product_list .model span{width: 25%; float: left;}
	.nextpage .lastArticl, .nextpage .nextArticl{float: left!important;}
}
@media (max-width:320px){
	.info_con ul li{font-size: 14px;}
	.news_list .news_list_con .con{display: none;}
	.case_col_text{height: inherit;}
	.case_col_bg .tit .title{width: 73%!important;}

}
@media (min-width: 320px) and (max-width:375px){
	.case_col_bg .tit .title{width: 76%;}
}
@media (min-width: 375px) and (max-width:414px){
}
@media (min-width: 414px) and (max-width:768px){
}
@media (min-width: 768px) and (max-width:1200px){ 
}


/*****联系我们*****/
 
.contact{   padding:50px 0 135px;  }
.contact .Link_col h2{font-size: 24px; color: #333333}
.contact .Link_col ul{padding: 0; margin:0;}
.contact .Link_col .add{ font-size:18px;color:#333333;line-height:26px; display:block;list-style: none; margin-top: 30px}
.contact .Link_col .add .arial{font-size: 18px; color: #333333}
.contact .Link_col .add_item{  width:26px; height:26px; background-size:100%; float:left; display:inline-block; margin-right:20px; }
.contact .Link_col .add_item01{ background:url(../images/link01.png) no-repeat; background-size:100%;}
.contact .Link_col .add_item02{ background:url(../images/link02.png) no-repeat; background-size:100%;}
.contact .Link_col .add_item03{ background:url(../images/link03.png) no-repeat; background-size:100%;}
.contact .Link_col .add_item04{ background:url(../images/link04.png) no-repeat; background-size:100%;}
.contact .Validform_checktip{font-size: 12px; color: #666666; height: 20px; line-height: 20px; overflow: hidden;}
.contact .need{ margin-bottom:0px; padding:5px 15px;} 
.contact .form-control{ border:1px solid #b4bbc1; background:#fff; border-radius:0; outline:none!important; padding-top:25px; padding-bottom:25px; color:#929292; font-size:16px; box-shadow: none;}
.contact .form-control-text{border:1px solid #b4bbc1; width:100%; background:#fff; border-radius:0; outline:0; padding:15px; height:106px;  color:#929292; font-size:16px;resize: vertical; }
.contact .need .small{outline: none; height: 24px; line-height: 24px;}
.btn_sure{ border:0; outline:0; background:#2577c2; color:#fff; width:200px; height:50px; font-size:16px; margin-top:10px;    }
@media (max-width: 1230px){
}
@media (max-width: 768px){
	.linkUs{padding: 20px 0 40px 0}
	.Link_con{margin-top: 0}
	.Link_con .Link_col h2{font-size: 18px;}
	.Link_con .Link_col .add{ line-height: 30px; margin-top: 10px;}
	.Link_con .Link_col .add_item{width: 30px; height: 30px;}
	.contact{padding-top: 20px; padding-bottom: 40px;}
	.contact .Link_col .add{margin-top: 15px;}
	.contact .form-control{padding-top: 10px; padding-bottom: 10px;}

}
@media (min-width: 1230px){
}
@media (min-width: 992px) and (max-width:1230px){
}
@media (min-width: 768px) and (max-width:992px){
}
@media (min-width: 414px) and (max-width:767px){
}
@media (min-width: 375px) and (max-width:414px){ 
}
/*****联系我们 end*****/


#map {
    height: 500px;
    border: 0;
    font-size: 12px;
}
.BMapLabel {
    border: 0!important;
    font-size: 18px!important;
    left: -140px!important;
    top: -37px!important;
    background: none!important;
    color: #000!important;
    font-weight: bold!important;
    font-family: 宋体
}

.news_list .join_list_con { width:100%!important; }
@media (max-width: 768px){
 .news_list .join_list_con .con { max-height:75px; }

}

/*20170731增加视频css*/
.spkt_img {
 text-align:center; text-indent:0; margin:20px auto; }
#ckplayer_a1{
    width:100%;  height:500px; text-align:center; padding:0 50px; display:inline-block
 }
 @media (max-width: 768px){
#ckplayer_a1 {
     height: 300px; padding:0;
 }
}