*{margin:auto;padding:0;box-sizing: border-box;}

body{font: normal 1em ;background: #f8f8f8;font-family: "微软雅黑"}

.container{margin:auto;width: 100% !important; max-width: 100% !important;}


.layui-col-xs6 ,.layui-col-md12{

	    width: 100% !important;

	}
.shadow{box-shadow: 5px 5px 5px #999;}



.banner{width: 100%;overflow:hidden;position: relative;}

.banner img{width: 100%; }

.banner .banner-span{position: absolute;bottom: 15px;left:calc(50% - 615px);color: #FFF;font-size: 12px;height: 30px;line-height: 30px;}

.banner .banner-span span {padding-left: 5px}

.banner .banner-span i {margin-right: 5px}

.banner .content{position: absolute;top: 120px;width: 60%;left: 20%;

	text-align: center;margin:auto;color:#fff;}

.banner .content .title{font-size: 1.6em;font-weight: 550;}

.banner .content .text{display: flex;margin:auto;margin-top: 1em}

.banner .content .text>div{border:1px solid #fff;border-radius: 2px;padding:4px 8px;

	opacity: 0.8}





.left .showimg:first-child{margin-top: 5px;}

.left .showimg{width: 100%;overflow: hidden;margin-top: 20px;/*height: 120px;*/

	overflow: hidden;position: relative;border-radius: 8px;cursor: pointer;}

.left .showimg img{width: 100%;}

.left .showimg .zhe{position: absolute;bottom: 0;line-height: 3em;color:#fff;font-weight: 550;

	border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;

	background: rgba(0,0,0,0.8);font-size: 1.2em;text-align: center;width: 100%;}



.right{background: #fff;margin-top: 20px;border-radius: 8px;

	padding:10px 10px 40px;}

.right .title{text-align: center;padding:30px 10px;

	border-bottom: 1px dashed #dddddd;margin-top: 10px}

.right .title .big{font-size: 1.2em;color: #1558a0}

.right .title .small{font-size: 1em;color: #8c8c8c;margin-top: 10px}

.right .con{color:#6d6d6d;margin-top: 10px;}

.right .con .top{font-weight: bold}

.right .con>div{color:#6d6d6d;padding:30px 10px 0;}

.right .con .bottom{width: 80%;text-align: center;overflow: hidden;margin:auto;}

.right .con .bottom img{width: 100%;}

.banner-bg{background: #FFF;margin-right: 20px;box-shadow: 2px 3px 3px #dcd8d8;}

.layui-col-space30>* {

    padding: 0;

    margin-top: 30px

}

.detail-content{

	padding: 50px 100px;

}

.detail-content-tital{	text-align: center;}

.detail-content-tital-samll{

	margin-top: 20px;

	color: #706F71;

	padding-bottom: 25px;

	border-bottom:1px solid #f1f1f1; 

	text-align: center;

}

.detail-content-tital-samll .lef-title{

	margin-right:20px; 

}

.detail-content-tital h1{



    font-size: 20px;
	font-weight: 600;

}

.detail-content-info{

	margin-top: 30px;

	line-height:30px;

	text-indent:25px;

	color: #706F71;

}

.detail-content a{

	color:#706F71;

}

.detail-content a:hover{

	color:#1558A0;

}

.detail-content .to-up{

	float: left;

}

.detail-content .to-down{

	float: right;

}

.detail-content-image{

	padding: 20px;

}

.detail-content-more p{

	color:#706F71;

	line-height:30px;

	font-size: 12px;

}

.detail-content-tj-div{

	clear: both;

	padding: 20px 100px;

}

.detail-content-tj-info{

	margin-top: 30px;

	padding-left: 7px;

}

.detail-content-tj-info li{

	width: 42%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	height: 50px;

	line-height: 50px;

	float: left;

	padding-left: 25px;

	border-bottom: 1px solid #f1f1f1;

}

.detail-content-tj-info li:before{

	content: "●";

    color: #ffb800;

    position: relative;

    right: 10px;



}

.detail-content-tj-info .mr{

	 margin-right: 60px;

}

@media screen and (min-width: 1200px){



 	.left .showimg .zhe{line-height: 4em}



	.right{padding:30px 20px 50px;}

	.right .title{padding:30px 50px 40px;}

	.right .con{margin-top: 20px;padding:0 10px;}

	.right .con>div{padding:30px 10px 0;}

}

@media screen and (min-width: 980px) and (max-width: 1200px){

	.detail-content {

	    padding: 50px 30px;

	}

	.detail-content-image,.detail-content-image img{

	width: 100%;

	}

}

@media screen and (min-width: 768px) and (max-width: 980px){

	.detail-content {

	    padding: 50px 30px;

	}

	.detail-content-image,.detail-content-image img{

	width: 100%;

	}

	.detail-content-tj-info .mr {

	    margin-right: 20px;

	}

	.detail-content-tj-info li {

    width: 48%;

    height: 50px;

    line-height: 50px;

    float: left;

    padding-left: 25px;

    border-bottom: 1px solid #f1f1f1;

	}

	.detail-content-tj-div {

	    clear: both;

	    padding: 20px 30px;

	}

	.banner .banner-span {

    position: absolute;

    bottom: 1%;

    left: 1%;

    color: #FFF;

    padding-left: 5px;

    font-size: 12px;

}





}

@media screen and (max-width: 768px) {

	.banner .banner-span {

    position: absolute;

    bottom: 2%;

    left: 3%;

    color: #FFF;

    padding-left: 5px;

    font-size: 0.1em;

}

.layui-col-space30>* {

    padding: 0;

    /* margin-top: 30px; */

}

.banner-bg {

    background: #FFF;

    /* margin-right: 20px; */

    box-shadow: 2px 3px 3px #dcd8d8;

}

.detail-content {

    padding: 50px 15px;

}

.detail-content-tital h1 {

    font-weight: 600;

    font-size: 20px  ;

}

.detail-content-info {

    margin-top: 30px;

    line-height: 25px;

    text-indent: 25px;

    color: #706F71;

    font-size: 12px;

}


.detail-content-image,.detail-content-image img{

	width: 100%;

}

.detail-content-more p {

    color: #706F71;

    line-height: 25px;

    font-size: 12px;

}

.detail-content .to-up {

    /* float: left; */

    width: 100%;

    display: block;

    text-align: left;

    padding-left:15% 

}

.detail-content .to-down {

    /* float: right; */

    margin: 10px 0;

    width: 100%;

    display: block;

    text-align: left;

    padding-left:15% 



}

.detail-content-tj-div {

    clear: both;

    padding: 20px 20px;

}

.detail-content-tj-info li {

    width: 100%;

    height: 50px;

    line-height: 50px;

    float: left;

    padding-left: 25px;

    border-bottom: 1px solid #f1f1f1;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}
 	.left .showimg .zhe{line-height: 2em}

 	.right .title{padding: 14px 0}

	.right .title .small{margin-top: 2px}

	.right .con>div{padding:14px 10px 0;}



	
}