@charset "utf-8";
/* CSS Document */
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{margin:0;padding:0;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
img {border:none;max-width:100%;max-height:100%;display:inline-block;vertical-align: middle;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;/*border:none;*/}
textarea{resize:none;overflow:auto;}
body{font-size:12px;font-family:"微软雅黑";overflow-x:hidden;color:#333;}
/* end reset */

/* public */
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{content:'';display: block;height:0;clear: both;visibility:hidden;}
.pic_box{display:table-cell;vertical-align:middle;text-align:center;}
.pic_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}

.img_box{position: relative;}
.img_box img{ position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);}

h1,h2,h3,h4,h5{font-weight:normal;}


.main{width:100%; max-width:1400px; margin:0 auto;}

@font-face
{
font-family: Abg;
src: url('../fonts/SourceHanSansCN-Light.otf')
    ,url('../fonts/SourceHanSansCN-Light.eto'); 

}
 






.sidebar-wrapper {position:relative; height:100%; overflow: auto; font-size:20px;display:none;}
#dowebok {background-color:#000; }
#dowebok .nav {margin-top:50px; line-height:50px;list-style-type:none;padding:0 20px;}
#dowebok .nav a {display:block;color: #ddd;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok ul.nav li{border-bottom:1px dashed #333;}




.side-mask{
	position: fixed; 
	top: 0px; 
	bottom: 0px; 
	left: 0px; 
	width: 100%; 
	height:100%;
	z-index: 2999;
	display: none;
	background:rgba(0,0,0,.3);
}

.sidebar2{
	position: fixed; 
	top: 0px; 
	bottom: 0px; 
	width: 100%; 
	left: 0px; 
	max-width:640px;
	height:100%;
	z-index: 3000;
	display: none;
	background:#fff;
}

 
#dowebok2 {background-color:#fff;}
#dowebok2 .pro_nav {width:160px; margin:50px auto 50px auto; line-height:50px;list-style-type:none;}
#dowebok2 .pro_nav a {display:block;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok2 ul.pro_nav>li:first-child{
	color:#444;
	font-size:30px;
	line-height:30px;
	margin-bottom:20px;
}
#dowebok2 ul.pro_nav>li>a{
	color:#444;
	font-size:16px;
	line-height:40px;
}
#dowebok2 ul.pro_nav>li>ul>li{
	color:#999999;
	font-size:16px;
	line-height:40px;
	padding-left:30px;
}
#dowebok2 ul.pro_nav>li>.nav_bd{
	display:none;
}
#dowebok2 ul.pro_nav li.on{
	color:#444;
}


#dowebok2 .close2{
	position: absolute;
	right:20px;
	top:20px;
	z-index: 9999;
	width:40px;
    height: 40px;
    line-height:40px;
    float:right;
    display: inline-block;
    cursor: pointer;
    background: url(../images/close.png)no-repeat center right;
	background-size:26px 26px;
}











/*.pages*/
.pages{
    text-align:center;
}

.pages a{
    float:left;
    color:#888;
    font-size:15px;
    line-height:30px;
    display: inline-block;
    padding: 0 10px;
    border:none;
    margin:0 5px;
    font-family: "微软雅黑";
}




.pages a:hover,
.pages a.on{
    color:#444;
	text-decoration: underline;
}



.pages div{
    display: inline-block;
    *zoom: 1;
}
.pages div:before,.pages div:after{
    content:'';
    display: block;
    height:0;
    clear: both;
    visibility:hidden;
}


.pages3{
    text-align:center;
}
.pages3 a{
    float:left;
    color:#888;
    font-size:15px;
    line-height:30px;
    display: inline-block;
    border:none;
    margin:0 20px;
    font-family: "微软雅黑";
}

.pages3 div{
    display: inline-block;
    *zoom: 1;
}
.pages3 div:before,.pages3 div:after{
    content:'';
    display: block;
    height:0;
    clear: both;
    visibility:hidden;
}











/*.bannero*/
.bannero{
    width:100%;
	display: block;
}
.bannero img{
	width:100%;
}
.bannero_mobile{
	width:100%;
	display: block;
}
.bannero_mobile img{
	width:100%;
}




/*.banner*/
.banner{
    width:100%;
}
.banner .swiper-slide a{
    display: block;
}
.banner .swiper-slide{
    width:100%;
    display: block;
}
.banner .swiper-slide img{
	width:100%;
}
.banner .swiper-pagination{
    position:absolute;
    left:0;
    bottom:20px; 
    margin:auto;
    padding:0;
    text-align:center;
    width: 100%;
    z-index:30;
}
.banner .swiper-pagination-bullet{
    display:inline-block;
    width:45px;
    height:2px;
    cursor:pointer;
    outline: none;
    opacity:1;
	background:#707070;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 8px;
}
.banner .swiper-pagination-bullet-active{
    width:45px;
    height:2px;
	background:#fff;
}





/*.banner_mobile*/
.banner_mobile{
    width:100%;
}
.banner_mobile .swiper-slide a{
    display: block;
}
.banner_mobile .swiper-slide{
    width:100%;
    display: block;
}
.banner_mobile .swiper-slide img{
	width:100%;
}
.banner_mobile .swiper-pagination{
    position:absolute;
    left:0;
    bottom:20px; 
    margin:auto;
    padding:0;
    text-align:center;
    width: 100%;
    z-index:30;
}
.banner_mobile .swiper-pagination-bullet{
    display:inline-block;
    width:45px;
    height:2px;
    cursor:pointer;
    outline: none;
    opacity:1;
	background:#707070;
}
.banner_mobile .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 8px;
}
.banner_mobile .swiper-pagination-bullet-active{
    width:45px;
    height:2px;
	background:#fff;
}





/*在小于1500px像素的屏幕*/
@media (max-width: 1500px){




}

/*在小于1300px像素的屏幕*/
@media (max-width: 1300px){


}



/*在小于768px像素的屏幕*/
@media (max-width: 768px){



}





/*在小于480px像素的屏幕*/
@media (max-width: 480px){


.pages3 a{
	margin:0 6px;
}	
	
}











/* index_pro */ 
.index_pro{
	padding:10px 0;
	background:#fff;
}
.index_pro_box1 .ipro_right{
	float:right;
	max-width:71%;
}
.index_pro_box1 .ipro_right li{
	float:left;
	width:25%;
	height:254px;
}
.index_pro_box1 .ipro_right li .ipro_list{
	width:100%;
}
.index_pro_box1 .ipro_right li .ipro_list .list{
	padding: 18px 0;
    margin-top: 90px;
    display: block;
    width: 100%;
    border: 1px solid #d2d2d2;
    display: flex;
    justify-content: center;
    align-items: center;
	-webkit-transition: all .6s ease-in-out ;
	-moz-transition: all .6s ease-in-out ;
	-ms-transition: all .6s ease-in-out ;
	-o-transition: all .6s ease-in-out ;
	transition: all .6s ease-in-out ;
}
.index_pro_box1 .ipro_right li .ipro_list .list .txt{
	float:left;
	margin-right:50px;
}
.index_pro_box1 .ipro_right li .ipro_list .list .txt h4{
	color:#444;
	font-size:16px;
	line-height:30px;
}
.index_pro_box1 .ipro_right li .ipro_list .list .txt p{
	color:#888;
	font-size:15px;
	line-height:30px;
	text-transform:uppercase;
	font-family:"Arial";
}
.index_pro_box1 .ipro_right li .ipro_list .list .txt_ico{
	float:right;
}


.index_pro_box1 .ipro_right li .ipro_list .section{
    display: block;
    transition: 0.6s;
    width: 100%;
    opacity: 0;
    height: 0;
    overflow: hidden;
    background: #3c3c3c;
	-webkit-transition: all .6s ease-in-out ;
	-moz-transition: all .6s ease-in-out ;
	-ms-transition: all .6s ease-in-out ;
	-o-transition: all .6s ease-in-out ;
	transition: all .6s ease-in-out ;
}
.index_pro_box1 .ipro_right li .ipro_list .section a{
	text-align:center;
	display: block;
	float:left;
	width:50%;
	color:#fff;
	font-size:14px;
	line-height:24px;
}
.index_pro_box1 .ipro_right li .ipro_list:hover .list{
	margin-top:0;
}
.index_pro_box1 .ipro_right li .ipro_list:hover .section{
	opacity: 1;
    min-height: 115px;
    height: auto;
    border: 1px solid #c6c6c6;
    padding-top: 8px;
    padding-bottom: 8px;
}
.index_pro_box1 .ipro_right li .ipro_list:hover .section a:hover {
    text-decoration: underline;
}

.index_pro .index_pro_box1 .htit{
	float:left;
	margin:90px 0;
}











/*在小于1400px像素的屏幕*/
@media (max-width: 1400px){
.index_pro .main{
	width:98%;
	margin:0 auto;
}

	
}

/*在小于1300px像素的屏幕*/
@media (max-width: 1300px){
.index_pro_box1 .ipro_right li{
	width:33%;
}
.index_pro_box1 .ipro_right li:last-child{
	display: none;
}
	
}

/*在小于990px像素的屏幕*/
@media (max-width: 990px){
.index_pro .main{
	width:92%;
	margin:0 auto;
}
.index_pro_box1 .ipro_right{
	max-width:560px;
	width:65%;
}
.index_pro_box1 .ipro_right li{
	width:50%;
}
.index_pro_box1 .ipro_right li:nth-child(3),
.index_pro_box1 .ipro_right li:last-child{
	display: none;
}
	
}

/*在小于767px*/
@media (max-width: 768px){

.index_pro .index_pro_box1 .htit{
	float:left;
	margin:10px 0;
}	
	
	
}


/*在小于767px*/
@media (max-width: 480px){
	
	
}


/*在小于360px像素的屏幕*/
@media (max-width: 360px){
	
	
}








/* ipro_swiper */
.ipro_swiper{
	width:100%;
	margin-top:24px;
	position: relative;
}
.ipro_swiper .sprev,
.ipro_swiper .snext{
	position: absolute;
	bottom:50%;
	z-index: 11;
	width:40px;
	height:60px;
	outline:none;
	cursor: pointer;
}
.ipro_swiper .sprev{
	left:20px;
	background:url(../images/l_bg.png) no-repeat center center;
	background-size:27px 49px;
}
.ipro_swiper .snext{
	right:20px;
	background:url(../images/r_bg.png) no-repeat center center;
	background-size:27px 49px;
}
.ipro_swiper .swiper-container{
	padding-bottom:50px;
}
.ipro_swiper .swiper-container .swiper-slide a{
	display: block;
}
.ipro_swiper .swiper-container .swiper-slide{
	background-size:cover;
	background-repeat:no-repeat;
	background-positiom:center;
	height:700px;
	position: relative;
	border-radius:20px;
}
.ipro_swiper .swiper-container .swiper-slide a{
	display: block;
	width:100%;
	height:100%;
}
.ipro_swiper .swiper-container .swiper-slide  .text_box{
	position: absolute; 
	left: 20px;
	bottom: 20px; 

 }
 .ipro_swiper .swiper-container .swiper-slide  .text_box h3{
	 color:#fff;
	 font-size:36px;
	 margin-bottom:0px;
	 text-align:left;
 }
.ipro_swiper .swiper-container .swiper-slide .text_box .text{
	color:#fff;
	font-size:15px;
	line-height:30px;
	text-align:center;
	max-width:750px;
	margin:30px auto 50px auto;
}
.ipro_swiper .swiper-container .swiper-slide .text_box span{
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	border-bottom:2px solid #fff;
	display: block;
	margin:0 auto;
	text-transform:uppercase;
}




.ipro_swiper .swiper-pagination-bullet{
    display:inline-block;
    width:10px;
    height:10px;
    cursor:pointer;
    outline: none;
    opacity:1;
	background:#b6b6b6;
	border-radius:100%;
}
.ipro_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px;
}
.ipro_swiper .swiper-pagination-bullet-active{
    width:10px;
    height:10px;
	background:#80715a;
}





/*在小于1500px像素的屏幕*/
@media (max-width: 1500px){
	
	
}

/*在小于1300px像素的屏幕*/
@media (max-width: 1300px){
.ipro_swiper .swiper-container .swiper-slide{
	height:600px;
}	
	
}

/*在小于990px像素的屏幕*/
@media (max-width: 990px){
	
	
}

/*在小于767px*/
@media (max-width: 768px){
.ipro_swiper .sprev,
.ipro_swiper .snext{
	display: none;
}

.ipro_swiper .swiper-container .swiper-slide{
	height:250px;
}

.ipro_swiper .swiper-container .swiper-slide .text_box{
	width:92%;
}
.ipro_swiper .swiper-container .swiper-slide .text_box .text{
	max-width:100%;
	margin:30px auto 0 auto;
}
.ipro_swiper .swiper-container .swiper-slide .text_box span{
	display: none;
}
.ipro_swiper .swiper-container .swiper-slide .text_box h3{
	font-size:20px;
}
	
}


/*在小于767px*/
@media (max-width: 480px){
.ipro_swiper .swiper-container .swiper-slide .text_box .text{
	display: none;
}
.ipro_swiper .swiper-container .swiper-slide .text_box span{
	display: block;
}
	
	
	
}


/*在小于360px像素的屏幕*/
@media (max-width: 360px){
	
	
}




/* index_case */
.index_case{
	padding:20px 0;
}
.index_case .left{
	float:left;
	width:49.5%;
	position: relative;
}
.index_case .left a{
	display:block;
}
.index_case .left .txt{
	position: absolute;
	top:60px;
	left:7%;
	z-index: 11;
}
.index_case .left .txt p{
	font-family: Abg;
    color: #444;
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;
}
.index_case .left .txt h3{
	color: #444;
    font-size: 26px;
    line-height: 36px;
    font-family: Abg;
	margin-top:30px;
}

.index_case .left .pic{
	width:100%;
	padding-top:92.5%;
	height:0;
	background-size:cover;
	background-repeat: repeat;
	background-position:left bottom;
}

/*在小于1400px像素的屏幕*/
@media (max-width: 1400px){
.index_case .main{
	width:98%;
	margin: 0 auto;
}
	
}


/*在小于990px像素的屏幕*/
@media (max-width: 990px){
.index_case .main{
	width:92%;
	margin: 0 auto;
}

	
	
}

/*在小于767px*/
@media (max-width: 768px){
.index_case{
	padding:20px 0;
}
.index_case .left{
	float:static;
	width:100%;
}

	
	
}



/*在小于360px像素的屏幕*/
@media (max-width: 360px){

.index_case .left .txt p{
	font-size:17px;
	line-height:20px;
}
.index_case .left .txt h3{
	font-size:20px;
	margin-top:5px;
}

	
}





/* htit */
.htit{
	text-align:left;
	padding-bottom:30px;
	background:url(../images/h_bg1.png) no-repeat left bottom;
	background-size:17px auto;
}
.htit h2{
	color:#444;
	font-size:16px;
	line-height:27px;
	font-family:"微软雅黑";
}
.htit p{
	color:#444;
	font-size:20px;
	line-height:32px;
	text-transform:uppercase;
	font-family:"Arial";
}




.iab {
	padding-bottom:20px;
}
.iab .main{ width:92%; margin:0px auto;}

.iab .text_box {
	padding-top: 55px;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #f5f5f5;
}

.iab .text_box .pub_tit {
	margin-bottom: 25px;
}


.pub_btn {
	color: #333;
	font-size: 12px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display:inline-block;
	margin: 0px 20px !important;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	border:1px solid #1d1d1f;
}




.pub_tit i {
	color: #000;
	font-size: 22px;
	font-family: cn;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.iab .text_box .text {
	color: #333;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 40px;
}

.iab .text_box .text p {
	margin-bottom: 55px;
}

.iab .text_box .text p:last-child {
	margin-bottom: 0;
}
.iab .text_box .pub_btn{
	margin: 0 auto;
}


.footer .main{padding-top: 55px;
	 width:92%; margin:0px auto; background-color: #f5f5f5; overflow:hidden;
	 }

.footer{
	
padding-bottom: 75px;	
}





.footer .footer_logo{
	width: 190px;
	height: 75px;
	display: block;
	margin: 0 auto;
}
.footer .txt {
	text-align: center;
}
.footer .txt h4{
	color: #4c4949;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer .txt p{
	color: #666;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 30px;
}
.footer .phone{
	margin-bottom: 60px;
}
.footer .phone a{
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	width: 180px;
	height: 45px;
	line-height: 45px;
	padding-left: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	display: block;
	border-radius: 10px;
	background-color: #a51f24;
	position: relative;
}
.footer .phone a::after{
	content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 15px;
    height: 15px;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    background-image: url(../images/footer_phone.png);
}



.footer_btn {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99999;
	background-color: #A51F24;
}
.footer_btn .list {
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom:10px;
	box-sizing: border-box;
	border-right: 1px solid #ffffff;
}
.footer_btn .list i {
	width: 20px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 5px;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px;
}
.footer_btn .list:nth-child(1) i {
	background-image: url(../images/footer_icon1.png);
}
.footer_btn .list:nth-child(2) i {
	background-image: url(../images/footer_icon2.png);
}
.footer_btn .list:nth-child(3) i {
	background-image: url(../images/footer_icon3.png);
}
.footer_btn .list:nth-child(4) i {
	background-image: url(../images/footer_icon4.png);
}

.footer_btn .list:nth-child(5) i {
	background-image: url(../images/footer_icon5.png);
}
.footer_btn .list h4 {
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}


/*弹窗视频 */
#c-video-box{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center}
#c-video-box .c-btn{position:fixed;top:30px;right:30px;width:50px;height:50px;color:#fff;background:#fff;border-radius:50%;transition:.5s; z-index:9;}
#c-video-box .c-btn:after,#c-video-box .c-btn:before{content:"";position:absolute;bottom:24px;left:10px;width:30px;height:2px;background:#333;transition:.5s}
#c-video-box .c-btn:hover{background:#7D63EB}
#c-video-box .c-btn:hover:after,#c-video-box .c-btn:hover:before{background:#fff}
#c-video-box .c-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#c-video-box .c-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#c-video-box video{position:fixed;left:0;top:0;height:100%;width:100%;background:#000}


@media (max-width: 990px){
.ind_news.main{
	width:92%;
	margin: 0 auto;
	padding-bottom: 60px;
}

	



/*ind_news*/
.ind_news{background:#ffffff; padding-bottom:20px;}
.ind_news .auto-inner{position: relative;}
.ind_news .ind_title a.more{ display: none}
.ind_news .column_list{ position:relative; margin-top:20px;}
.ind_news .hot{ width:45.45454545454545%; position:absolute; left:0;top:0; height:100%; overflow:hidden;}
.ind_news .column_list .list{ float:right;width: 52.72727272727273%;}
.ind_news .column_name{ position: absolute; right: 0; margin-top: -74px; max-width: 360px; width: 100%}
.ind_news .column_name li{ float: left; width: 25%; text-align: center}
.ind_news .column_name li a{ display: inline-block; cursor: pointer;}
.ind_news .column_name li.show a{ color: #ab1e2c; border-bottom: solid 2px #ab1e2c}
.ind_news .column_list .pic {position: relative}
.ind_news .column_list .pic img{ width: 100%}
.ind_news .column_list .pic video {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; object-fit: cover}
.ind_news .column_list .txt{ background: #fff; position: relative; padding-right: 20%;}
.ind_news .column_list .txt a{ display: block;}
.ind_news .column_list .txt h3 a{font-size:22px;padding: 5px 0;display:block;font-weight:bold;color:#151515;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ind_news .column_list .txt .p{font-size:14px;color:#666666;display:-webkit-box;display: box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.ind_news .column_list .txt time{position:absolute;right:5%;top:35%;color:#666666;line-height:1.2}
.ind_news .column_list .txt time span{display: block;font-size:26px;}
.ind_news .column_list .txt:before{ content: '';display: block; position:absolute;right: 20%;top:30%;width:1px;height:40%;background:#ccc}
.ind_news .column_list li:hover{box-shadow: 0 10px 40px rgba(0,0,0,0.1)}
.ind_news .column_list .hot .txt a{padding: 9.085% 6%}
.ind_news .column_list .list .txt a{padding: 8.736% 6%}
@media(max-width:1200px){
	.ind_news .column_list .txt h3 a{ font-size: 18px;}
	.ind_news .column_list .txt time span{ font-size: 20px}
}
@media(max-width:1023px){
	.ind_news .hot{ width:100%; position: static; left:0;top:0; height:100%; overflow:hidden; margin-bottom:30px;margin-top:30px;}
	.ind_news .column_list .list{ float:none;width:100%;}
}
@media(max-width:960px){
    .ind_news{padding-bottom:20px;}
}
@media(max-width:768px){
	.ind_news .column_list .txt time span{font-size:14px;}
	.ind_news .hot,
	.ind_news .column_list .list{ width: 100%; float: none}
	.ind_news .column_list .hot{ padding-bottom:100%;}
	.ind_news .column_list .hot .txt a,
	.ind_news .column_list .list .txt a{ padding:15px}
	.ind_news .column_list .txt h3 a{ font-size: 16px; line-height: 22px; font-weight: normal;-webkit-line-clamp: 2;display: -webkit-box;	display: box;word-break: break-all;	-webkit-box-orient: vertical;white-space:inherit}
	.ind_news .column_list .hot{ margin-bottom: 2.2% ; display:none;}
	.ind_news .column_list .txt .p{ color: #999; display: none}
	.ind_news .column_list .txt time{ right: 15px; top: 50%; margin-top: -22px; line-height: 22px;}
	.ind_news .column_name{ position: relative; max-width: inherit; margin: 3% 0}
	.ind_news .ind_title a.more{ display: block}
}

.dot {display: block;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
/*column_list*/
.ind_news .column_list .list li {overflow:hidden;margin-bottom:8%;}
.ind_news .column_list .list li.li3{ margin-bottom:0;}
.ind_news .column_list .list .image {width:250px;float: left;}
.ind_news .column_list .list .image a {display:block;padding-top: 62.5%;background-size:cover; background-repeat:no-repeat;}
.ind_news .column_list .list .txt {width: calc(100% - 272px);float: left;background-color: transparent;padding: 10px 0 0 20px;}
.ind_news .column_list .list .txt a {padding: 0 !important;display: inline}
.ind_news .column_list .list .txt a:hover{color:#e11419;}
.ind_news .column_list .list .txt:before {display: none}
.ind_news .column_list .list .txt time {position:static}
.ind_news .column_list .list .slick-dots {position: static;width: 100%;background-color: #fff}
.ind_news .column_list .list .slick-dots li:before {background:#000}

@media(max-width: 768px) {
 .ind_news .column_list .list .image {width: 100%}
 .ind_news .column_list .list .txt {width: 100%;padding: 10px 0 0 10px;} 
}


/**************abouts*******************/

@media (max-width: 990px){
.abouts.main{
	width:92%;
	margin: 0 auto;
	font-size:14px;
	line-height:26px;
	padding-top:40px;
	padding-bottom: 110px;
	
}

.abouts img{ max-width:100%; height:auto;}
}



/**************join*******************/

@media (max-width: 990px){
.join.main{
	width:92%;
	margin: 0 auto;
	font-size:14px;
	line-height:26px;
	padding-top:40px;
	padding-bottom: 80px;
	
}

.join img{ max-width:100%; height:auto;}
}