/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}


/*首页弹窗*/
.grayscale_bg2 {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10000;
	left: 0;
	top: 0;
}

.grayscale_bg2 .grayscale {
	width: 50%;
	height: 80%;
	position: absolute;
	left: 25%;
	top: 10%;
	box-sizing: border-box;
}

.grayscale_bg2 .x {
	position: absolute;
	right: 0;
	top: -50px;
	width: 50px;
	height: 50px;
	background: url(../images/img_close.png) no-repeat center;
	cursor: pointer;
}

.grayscale_bg2 .img {
	width: 100%;
	height: 100%;
	text-align: center;
}

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

@media screen and (max-width:1400px) {
	.grayscale_bg2 .grayscale {
		width: 70%;
		height: 80%;
		left: 15%;
		top: 10%;
	}
}

@media screen and (max-width:758px) {
	.grayscale_bg2 .grayscale {
		width: 80%;
		height: 80%;
		left: 10%;
		top: 10%;
	}
	.grayscale_bg2 .x {
		top: -30px;
		width: 20px;
		height: 20px;
		background-size: cover;
	}
}

@media screen and (max-width:470px) {
	.grayscale_bg2 .grayscale {
		width: 100%;
		height: 70%;
		left: 0%;
		top: 20%;
	}
	.grayscale_bg2 .x {
		top: -30px;
		right: 10px;
		width: 20px;
		height: 20px;
		background-size: cover;
	}
}

.page span{display:inline-block;margin:0 2px;vertical-align:middle}
.page a{display:inline-block;width:36px;height:36px;line-height:36px;border-radius:50%;color:#666; overflow:hidden}
.page,.page a{text-align:center}
.page a.Pmodern,.page a:hover{background:#c5c5c6}
.PIndex{padding-right:10px}
.PEnd{padding-left:10px}
.PIndex a,.PEnd a{position:relative}
.PIndex a::before,.PEnd a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#3a466b;background-position:center;background-repeat:no-repeat;transition:0.5s}
.PIndex a::before{background-image:url(../images/ico_17.png)}
.PEnd a::before{background-image:url(../images/ico_18.png)}
.PIndex a:hover::before,.PEnd a:hover::before{background-color:#1e294a}
@media screen and (max-width: 758px){
.page .Ppagelist{display:none}
.PEnd{padding-left:10px}
.PIndex{padding-right:10px}
}

.lvshi_list .right .right_topli li{ float: none;width: 100%; height: 490px;}
.lvshi_list .right .right_topli dl{height:100%;}
.lvshi_list .right .right_topli dt{ width:50%; height:100%; text-align: center;}
.lvshi_list .right .right_topli dd{ float: left; width:50%; text-align: center; padding:10% 80px 0 0;color: #fff;box-sizing: border-box;}
.lvshi_list .right .right_topli .txt a{color: #fff;font-size:42px;border: 1px solid rgba(255,255,255,0.3);padding:0 8px;}
.lvshi_list .right .right_topli .tct{color: #fff;font-size:36px;font-weight: lighter;padding-bottom: 30px;}
.lvshi_list .right .right_topli .tit{color: #fff;font-size:22px;font-weight:400;line-height: 1.8;}
.lvshi_list .right .right_topli .tat a{color: #fff;}
@media screen and (max-width:1200px){
.lvshi_list .right .right_topli li{height:400px;}
.lvshi_list .right .right_topli .txt a{;font-size:36px;}
.lvshi_list .right .right_topli .tct{font-size:26px;}
.lvshi_list .right .right_topli .tit{font-size:16px;}
}
@media screen and (max-width:1002px){
.lvshi_list .right .right_topli li{height:320px;}
.lvshi_list .right .right_topli .txt a{;font-size:36px;}
.lvshi_list .right .right_topli .tct{font-size:26px;padding-bottom:20px;}
.lvshi_list .right .right_topli .tit{font-size:16px;padding-bottom:20px;}
.lvshi_list .right .right_topli dd{padding:8% 40px 0 0}
}
@media screen and (max-width:470px){
.lvshi_list .right .right_topli li{height:220px;}
.lvshi_list .right .right_topli dl{background-position:10% top}
.lvshi_list .right .right_topli .txt a{;font-size:26px;}
.lvshi_list .right .right_topli .tct{font-size:16px;padding-bottom:15px;}
.lvshi_list .right .right_topli .tit{font-size:14px;padding-bottom:15px;}
.lvshi_list .right .right_topli dd{padding:8% 0 0 0}
}

.lm_yyjx li{ padding: 15px 0;}
.lm_yyjx .li_box{ border: 4px solid #f7f7f7; display: flex; align-items: stretch }
.lm_yyjx .li_l{ width: 24%; box-sizing: border-box; padding: 0 40px; text-align: center; background: #fff; }
.lm_yyjx .li_l img{ max-width: 100%;}

.lm_yyjx .li_r{ width: 76%; background-color: #f7f7f7; box-sizing: border-box; padding: 60px 70px 84px;}
.lm_yyjx .li_r .title{ font-size: 24px; color: #3a466b; line-height: 1.5; position: relative; font-weight: 300;}
.lm_yyjx .li_r .title::before{ content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d2d6db;}
.lm_yyjx .li_r .title span{ display: inline-block; position: relative; padding-bottom: 12px;}
.lm_yyjx .li_r .title span::before{ content: " "; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #3a466b;}
.lm_yyjx .li_r .title span::after{ content: " "; position: absolute; left: 0; bottom: -36px; width: 100%; height: 35px; background: linear-gradient(to bottom, rgba(215,217,223,1) 0%, transparent 50%);}

.lm_yyjx .li_r .text{ padding-top: 40px; font-size: 16px; line-height: 1.4;}
.lm_yyjx .li_r .text p{ margin: 10px 0;}

/* 小PC-1680 */
@media screen and (max-width: 1800px){

}

/* 小PC-1440 */
@media screen and (max-width:1600px){

}

/* 小PC-1366 */
@media screen and (max-width:1400px){

}

/* ipad-1024*768 */
@media screen and (max-width:1200px){
    .lm_yyjx .li_l{ padding: 40px 20px; width: 30%;}
    .lm_yyjx .li_r{ padding: 40px 50px; width: 70%;}
    .lm_yyjx .li_r .title{ font-size: 20px;}
    .lm_yyjx .li_r .title span::after{ bottom: -26px; height: 25px;}
    .lm_yyjx .li_r .text{ font-size: 14px; padding-top: 30px}

}

/* ipad-ç«–-768*1024 */
@media screen and (max-width:1002px){
    .lm_yyjx li{ padding: 10px 0;}
    .lm_yyjx .li_r{ padding: 40px;}
    .lm_yyjx .li_r .title{ font-size: 18px;}

}

/* 手机 */
@media screen and (max-width:758px){
    .lm_yyjx li{ padding: 5px 0;}
    .lm_yyjx .li_box{ display: block;}
    .lm_yyjx .li_l,
    .lm_yyjx .li_r{ width: 100%;}
    .lm_yyjx .li_r .text{ padding-top: 20px;}
    .lm_yyjx .li_l{ padding:0;}
    .lm_yyjx .li_l img{ max-width: 180px;}
    .lm_yyjx .li_r{ padding: 30px 20px;}
    .lm_yyjx .li_r .title{ font-size: 14px;}


}