﻿@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Microsoft Yahei, Hiragino Sans GB, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

a{text-decoration:none;color:#444}
a:hover{color:#f60}
img{max-width:100%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
input,select,textarea{font-size:12px;color:#444;font-family:"寰蒋闆呴粦","Microsoft Yahei";outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:0 0}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#c6c6c6}
::-moz-placeholder{color:#c6c6c6}
::-ms-input-placeholder{color:#c6c6c6}
select::-ms-expand{display:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
.ani{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.wp{width:100%;max-width:1200px;margin:0 auto}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}

.p_t_20{padding-top: 20px;}
.p_b_20{padding-bottom: 20px;}
.m_b_20{margin-bottom: 20px !important;}

/*浮动定位*/
.fl {float:left; display:inline}
.fr {float:right; display:inline}
.fb { font-weight:bold;}
.noborder{border:0 !important;}
.noBg{background:none !important;}


/*清除浮动*/ 
.clearboth{clear:both; font-size: 0; line-height: 0;}
.clearfix:after { clear: both; content: '.'; display: block; font-size: 0; line-height: 0; overflow:hidden; visibility: hidden; width: 0; height: 0; }
* html .clearfix, *:first-child+html .clearfix{ zoom:1;}

/*链接*/
a {color:#555;text-decoration:none;}
a:hover {color:#ff0700; text-decoration:none;}

.linkWhite a{color:#fff; }
.linkWhite a:hover{color:#fff;}
.linkRed a{color:#e01f00;}
.linkRed a:hover{color:#e01f00;}
.linkGray a{color:#777}
.linkGray a:hover{ color:#e01f00}
.linkBlack a{color:#333!important}
.linkBlack a:hover{color:#e01f00}
.tRed{color:#e01f00}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#900;}
.ml30{margin-left:30px}


/*头部*/

.wrapper{ width:100%; height:auto; display:block; margin:0 auto; }
.block{ width:1200px; height:auto; display:block; margin:0 auto;  position:relative; overflow: hidden;}

nav {height: 60px;line-height: 60px;background: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, 10%);}
.nav {display: flex;justify-content: space-between;}
.nav_left .logo {width: 110px;height: 60px;}
.nav_left .slogon {height: 36px;line-height:36px;padding:10px;background: #cc0000;color:#fff; }
.nav_list {display: flex;height: 60px;line-height: 60px;}
.nav_list li {position: relative;display: flex;align-items: center;padding-left: 22px;}
.nav li a {font-size: 16px;color: #222222;margin-right: 22px;}
.nav li:last-child a {margin-right: 0;}
.nav li:after {content: "";position: absolute;top: 23px;right: 0px;background: #eeeeee;width: 2px;height: 15px;}
.nav li:last-child:after {background: none;}
.nav li>img {margin-right: 13px;}

.wp{width:100%;max-width:1200px;margin:0 auto}
/* 底部 */

footer {
    position: relative;
    background: #2D3237;
    width: 100%;
    height: 60px;
    color: #848484;
}

/* footer:before {
    content: "";
    position: absolute;
    top: -190px;
    left: 0;
    background: #F7F8F8;
    width: 100%;
    height: 190px;
} */

.footer {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_left, .footer_right {
    display: flex;
    align-items: center;
}





/* 标题栏 */
.title1{
    color: #cc9966;
    font-size: 53px;
    line-height: 110%;
    font-family: "宋体";
    font-weight: bold;
    text-align: center;
    margin: 20px auto 20px;
}

/* 左侧栏 */

.box_left {
    width: 900px;
    height: auto;
}

.detail_title {
    min-height: 48px;
    line-height: 48px;
    color: #000;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
}

/**/

.topic .detail_article_content {
    width: 750px;
    margin-left: 96px;
    border: none;
}

.topic .banner {
    width: 100%;
    height: 100%;
	min-height:200px;
	background:url(../images/banner_bg.gif) center top no-repeat #fff;
}

.topic .banner img {
    width: 100%;
    height: 100%;
}

.topic .banner  h2{width:98%;padding-top:40px;font-size:38px;font-weight:800;line-height:68px;color:#cc0000;text-align:center;}
.guide{margin:12px auto;width:95%;height:100px;overflow:hidden;}
.guide strong{background-color: #FF331C;border-radius: 4px;padding: 2px 8px;color: #FFF;font-size: 16px;margin-right: 10px;width: 49px;height: 27px;line-height: 27px;}
.topic .detail_title {
    margin-bottom: 20px;
}

.intro {
    font-size: 20px;
    color: #777777;
    line-height: 36px;
	padding-bottom:20px;
}

.intro em {
    background-color: #FF331C;
    border-radius: 4px;
    padding: 2px 8px;
    color: #FFF;
    font-size: 16px;
    margin-right: 10px;
    width: 49px;
    height: 27px;
    line-height: 27px;
}


.listTitle {
    position: relative;
    margin-bottom: 60px;
}

.listTitle:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -60px;
    background: url(../images/bg_shadow.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 30px;
}

.listTitle span{
    background: #F3F4F4!important;
    border-radius: 6px;
    padding: 6px 10px;
    color: #222222;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
	margin: 0 0 10px 20px;
	display: inline-block;
}
.listTitle span:hover{background:#cccccc!important;}

.listTitle a:first-child {
    margin-left: 0;
}

ul.ywsd {
    padding-top: 20px;
}

ul.ywsd + ul.ywsd {
    border-top: 1px dotted #cac0ba;
    margin-top: 16px;
}

ul.ywsd li {
    font-size: 18px;
}

ul.ywsd li {
    display: block;
    background: url("../images/ywsd-icon.png") left center no-repeat;
    box-sizing: border-box;
    padding-left: 20px;
    height: 46px;
    line-height: 46px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: transform .1s linear;
}

ul.ywsd li a:hover {
    transform: translateX(.5px) translateY(-.5px);
}


.topic .footmore {
    text-align: center;
    border-bottom: 1px solid #eee;
}

.topic .footmore a {
    color: #444444;
    font-size: 16px;
}
.t-more img{margin-left:10px;}

.more1{margin-right:10px;}
.more1:hover{color:#ff331c!important;}



/* 右侧栏 */

.box_right {
    width: 300px;
    height: auto;
}

.aside_wrap {
    background: #F7F8F8;
    padding: 24px 0;
	width:300px;
}

.nav_title {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #000;
    padding: 0 0 27px 30px;
}

.nav_title:before {
    content: "";
    background: #FF331C;
    width: 4px;
    height: 20px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 3px;
}

.aside_wrap .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.aside_wrap .list:last-child {
    border: none;
    margin-bottom: 0;
}

.aside_wrap .list a {
    font-size: 16px;
    color: #000;
}
.aside_wrap .list #list_a{
    width:240px;
    height:82px;
    overflow:hidden;
    
}


.aside_wrap .list img {
    max-width: 240px;
    height: auto;
	transition: all .5s;
    overflow: hidden;
}
.aside_wrap .list img:hover {
    transform:scale(1.05);
}

.aside_wrap .list p {
    width: 240px;
    text-align: left;
    /* overflow: hidden; */
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* display: block; */
}


    .slick-row2{height: 0;overflow: hidden;padding-top: 65%;position: relative;}
    .slick-row2 .slider{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .slick-row2 .item{display:block;position:relative}
    .slick-row2 .pic{padding-top:65%;position:relative}
    .slick-row2 .pic img{position:absolute;top:0;left:0;width:100%;height:100%}
    .slick-row2 .txt{position:absolute;bottom:0;left:0px;right:0px;z-index:2;background-color: rgba(0,0,0,.7);}
    .slick-row2 .txt p{padding: 0 100px 0 15px;line-height:45px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}
    .slick-row2 .slick-dots{position:absolute;bottom:16px;right:16px;z-index:2}
    .slick-row2 .slick-dots li{float:left;margin-right:5px}
    .slick-row2 .slick-dots li button{width:12px;height:12px;background-color:#fff;font-size:0;border:none;cursor:pointer;border-radius:50%}
    .slick-row2 .slick-dots li.slick-active button{background-color:#2db354}
	

    .conList_box {padding-bottom: 0;margin-bottom:10px;}
    .conList_box span.head {display: block;background-color: #fff;height: 40px;line-height: 40px;}
    .conList_box span.head i {color: #ED3F39;}
    .conList_box span.head em {color: #777777;}
    .conList_box span.head .more {float: right;color: #777777;font-size: 0.28rem;}
    .conList_box > a dl{border-bottom: 1px solid #eee;padding:20px 0;margin: 0;}
	.conList_box > a dl:hover{background:#f3f3f3;}
    .conList_box > a dd {float: left;margin: 0;position: relative;}
    .conList_box > a dd img {width: 142px;height: 103px;}
    .conList_box > a dd img[class=video_icon] {position: absolute;top: 25%;left: 30%;width: 50px;height: 50px;background-image: none;}
    .conList_box > a h3 {color: #222222; font-size: 20px;padding-left: 30px;overflow: hidden;/* height: 1rem; */-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;font-weight:normal;}

    .head-title {font-size: 20px;color: #000 !important;font-weight: bold;background: url('../images/background_pink@2x.png');background-size: 75% 50%;background-repeat: no-repeat;background-position-y: bottom;height: 40px;display: inline-block;}
    .more-icon {width: 12px;height: 12px;display: inline-block;margin-left: 6px;margin-top: 4px;background: url('../images/icon_enter_normal@2x.png');background-size: cover;}

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

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

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

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

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

@media screen and (max-width: 1280px) {
	nav,footer {display:none }
	.wp{width:98%;}
}

@media screen and (max-width: 1024px) {
	.box_right,.detail_title{display:none;}
    .box_left {width: 100%;height: auto;margin:0 auto;overflow:hidden;}	
    .m_t_30 {margin-top: 0px !important;}	
	
}

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

@media screen and (max-width: 768px) {
	
	.block{ width:100%;}
	.topic .detail_article_content {width: 100%;margin-left: 0;}
	.footer {width: 100%;background:#fff;}		
	.intro {font-size: 22px;}
	.intro em {font-size: 20px;}	
	.more1{margin-right:10px;}
	.p_t_20{padding-top: 10px;}
	.p_b_20{padding-bottom: 10px;}
	.m_b_20{margin-bottom: 10px !important;}

	.conList_box span.head {display: block;background-color: #fff;height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 142px;height: 103px;}
    .conList_box > a h3 {font-size: 24px;padding-right: 30px;padding-left: 0;}	
    .footer_left, .footer_right {display:none;  }
	
	.topic .banner {min-height:100px;}
	.topic .banner  h2{width:98%;padding-top:20px;font-size:30px;font-weight:800;line-height:68px;color:#cc0000;text-align:center;}
}

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

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

@media screen and (max-width: 640px) {
	.footer {
		height: 98px;
	}
	.intro {
		font-size: 20px;
	}
	.intro em {
		font-size: 26px;
	}

	
    .listTitle {margin-bottom: 40px;}
    .listTitle:after {bottom: -40px;}
	.listTitle span {margin: 0 0 18px 18px;font-size: 24px;line-height: 40px;}	

	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 192px;height: 128px;}
    .conList_box > a h3 {font-size: 20px;}	
}

@media screen and (max-width: 576px) {
	.footer {
		height: 88.2px;
	}
	.intro {
		font-size: 25.2px;
	}
	.intro em {
		font-size: 23.4px;
	}
	
    .listTitle {margin-bottom: 40px;}
    .listTitle:after {bottom: -40px;}
	.listTitle span {margin: 0 0 16.2px 16.2px;font-size: 21.6px;line-height: 40px;}	
	
	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 172px;height: 115px;}
    .conList_box > a h3 {font-size: 20px;padding-right: 20px;}		
	.footer_left {width:100%;font-size:12px;}
	.footer_right {display: none;}
}

@media screen and (max-width: 540px) {
	.footer {
		height: 82.6875px;
	}
	.intro {
		font-size: 23.625px;
	}
	.intro em {
		font-size: 21.9375px;
	}
	
    .listTitle {margin-bottom: 50px;}
    .listTitle:after {bottom: -50px;}
	.listTitle span {margin: 0 0 15.1875px 15.1875px;font-size: 20.25px;line-height: 40px;}	
	
	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 162px;height: 108px;}
    .conList_box > a h3 {font-size: 20px;}	
	
}

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

	.footer {
		height: 78.4px;
	}
	.intro {
		font-size: 22.4px;
	}
	.intro em {
		font-size: 20.8px;
	}
	
    .listTitle {margin-bottom: 40px;}
    .listTitle:after {bottom: -40px;}
	.listTitle span {margin: 0 0 14.4px 14.4px;font-size: 19.2px;line-height: 35px;}	

	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 153px;height: 102px;}
    .conList_box > a h3 {font-size: 20px;}	

}

@media screen and (max-width: 480px) {
	.footer {
		height: 73.5px;
	}
	.intro {
		font-size: 20px;
	}
	.intro em {
		font-size: 17.5px;
	}

    .listTitle {margin-bottom: 35px;}
    .listTitle:after {bottom: -35px;}
	.listTitle span {margin: 0 0 13.5px 13.5px;font-size: 18px;line-height: 30px;}

	.conList_box span.head {height: 30px;line-height: 30px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 144px;height: 96px;}
    .conList_box > a h3 {font-size: 20px;}	
	
}

@media screen and (max-width: 414px) {
	.footer {
		height: 63.39375px;
	}
	.intro {
		font-size: 18.1125px;
	}
	.intro em {
		font-size: 16.81875px;
	}
	
    .listTitle {margin-bottom: 30px;}
    .listTitle:after {bottom: -30px;}
	.listTitle span {margin: 0 0 11.64375px 11.64375px;font-size: 15.525px;line-height: 28px;}

	.conList_box span.head {height: 30px;line-height: 30px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 124px;height: 83px;}
    .conList_box > a h3 {font-size: 20px;}	
	
}

@media screen and (max-width: 400px) {
	.footer {
		height: 61.25px;
	}
	.intro {
		font-size: 16.5px;
		line-height:28px;
	}
	.intro em {
		font-size: 16.25px;
	}
	
    .listTitle {margin-bottom: 35px;}
    .listTitle:after {bottom: -35px;}
	.listTitle span {margin: 0 0 11.25px 11.25px;font-size: 15px;line-height: 26px;}		

	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 120px;height: 80px;}
    .conList_box > a h3 {font-size: 20px;}	
	

}

@media screen and (max-width: 384px) {
	.footer {
		height: 58.8px;
	}

    .listTitle {margin-bottom: 34px;}
    .listTitle:after {bottom: -34px;}
	.listTitle span {margin: 0 0 10.8px 10.8px;font-size: 14.4px;line-height: 24px;}

	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 115px;height: 77px;}
    .conList_box > a h3 {font-size: 18px;}		

}

@media screen and (max-width: 375px) {
	.footer {
		height: 57.421875px;
	}

    .listTitle {margin-bottom: 34px;}
    .listTitle:after {bottom: -34px;}
	.listTitle span {margin: 0 0 10.546875px 10.546875px;font-size: 14.0625px;line-height: 24px;}		
    .conList_box > a dl{padding:10px 0;}
	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 112px;height: 75px;}
	.conList_box > a dd img[class=video_icon] {top: 25%;left: 40%;width: 30px;height: 30px;}
    .conList_box > a h3 {font-size: 18px;}	
	

}

@media screen and (max-width: 360px) {
	.footer {
		height: 55.125px;
	}
	.intro {
		font-size: 15.75px;
	}
	.intro em {
		font-size: 14.625px;
	}
	
    .listTitle {margin-bottom: 30px;}
    .listTitle:after {bottom: -30px;}
	.listTitle span {margin: 0 0 10.125px 10.125px;font-size: 13.5px;line-height: 23px;}	

	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd {float: right;}
    .conList_box > a dd img {width: 108px;height: 72px;}
    .conList_box > a h3 {font-size: 17px;}	


}

@media screen and (max-width: 320px) {
	.footer{height: 49px;}
	.intro{font-size: 14px;}
	.intro em {font-size: 13px;}
    .listTitle {margin-bottom: 30px;}
    .listTitle:after {bottom: -30px;}
	.listTitle span {margin: 0 0 9px 9px;font-size: 12px;line-height: 22px;}	
	.conList_box span.head {height: 50px;line-height: 50px;}
    .conList_box > a dd img {width: 96px;height: 64px;}
    .conList_box > a h3 {font-size: 16px;}	
	.head-title {font-size: 18px;color: #000 !important;}	

}	