@charset "utf-8";
/*通用样式*/
@font-face {
	font-family:pingfang;
	src: url(pingfang.otf);
}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'pingfang', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "pingfang";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
div { box-sizing:border-box;}

/* CSS Document */
.header {height: 100px; background: #ffffff;}
.banner {overflow: hidden;}
.banner img { display: block; width: 100%;}
.container { width: 1400px; max-width: 92%; margin: 0 auto;}
.header a.logo { margin-top: 20px; float: left;}
.header a.logo img { display: block; height: 60px;}
.nav { float: right;}
.nav li { width: 124px; position: relative; float: left;}
.nav li h2 { text-align: center; line-height: 100px;}
.nav li h2 a { transition: all .5s; display: block; color: #333333; font-size: 16px;}
.nav li dl {min-width: 100%; display: none; padding: 0 14px; box-sizing: border-box; background: #AC2E35; left: 50%; transform: translateX(-50%); z-index: 2; position: absolute; top: 100px; }
.nav li dt {text-align: center; white-space: nowrap; font-size: 16px; line-height: 22px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.3);}
.nav li dt a { color: #ffffff;}
.nav li dt span { font-size: 10px; vertical-align:10px;}
.nav li dt:last-child { border: none;}
.nav li.cur h2 a,.nav li:hover h2 a{ background: #AC2E35; color: #ffffff;}

.searchBox { margin-left: 40px; position: relative; float: right;}
.searchBox span { display: block; background: url(../images/search.png) center no-repeat; width: 20px; height: 100px; cursor: pointer;}
.searchSub { display: none; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 2; position: absolute; right: 0; top: 100px;}
.searchBox::after { content: ''; height: 32px; width: 1px; background: #EEEEEE; position: absolute; left: -20px; top: 34px;}
.searchSub button { background: url(../images/searchbtn.png) center no-repeat #AC2E35; width: 40px; height: 40px; outline: none;
border: none; position: absolute; right: 0; top: 0; cursor: pointer;}
.searchSub input { outline: none; border: none; height: 40px; width:220px; box-sizing: border-box; padding: 0 40px 0 10px;}
.banner span { background: rgba(255,255,255,.6); opacity: 1;}
.banner span.swiper-pagination-bullet-active { background:#AC2E35 ;}
.homeCont { background: #F7F7F7; padding: 60px 0 120px;}
.typeList ul {background: #ffffff; overflow: hidden; border-radius: 6px;}
.typeList li { padding: 30px 0; position: relative; text-align: center; float: left; width: 16.666666666%;}
.typeCont { padding: 10px 0; position: relative;}
.typeCont span { margin-bottom: 9px; display: block; font-size: 18px; color: #AC2E35;}
.typeCont p { color: #333333; font-size: 36px; line-height: 50px; margin-bottom: 13px;}
.typeCont img { max-width: 80%; transition: all .8s; display: block; margin: 0 auto 22px;}
.typeCont i { display: block; background: url(../images/enter.png) center no-repeat; width: 41px; height: 41px; margin: 0 auto;}
.typeList .typeCont::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #EEEEEE;}
.typeList li:last-child .typeCont::after { display: none;}
.typeList li::before { transition: all .8s; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(172,46,53,0.1) 100%);}
.typeList li::after { transition: all .8s; content: ''; position: absolute; bottom: 0; left: 0; height: 12px; background: #AC2E35; width:0;}
.typeList li:hover::before { height: 100%;}
.typeList li:hover::after { width: 100%;}
.typeList li:hover img { transform: scale(1.1);}
.questionList { margin-top: 60px;}
.questionList li { transition: all .5s; float: left; background: #ffffff; border-radius: 6px; box-sizing: border-box; padding: 30px 30px 27px; width: 32%; margin-right: 2%;}
.questionList li:nth-child(3) { margin-right: 0;}
.questionTag { margin-bottom: 30px; background: url(../images/tag.png) center no-repeat; text-align: center; width: 70px; height: 44px;
line-height:32px; font-size: 20px; display: block; color: #ffffff;}
.questionDesc h2 { margin-bottom: 17px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; line-height: 36px; font-size: 26px; color: #333333;}
.questionDesc p { height: 128px; margin-bottom: 40px; color: #666666; font-size: 16px; line-height: 32px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.questionList li a { transition: all .5s; display: block; background: url(../images/icon3.png) 84px center no-repeat; width: 108px; border: 1px solid #AC2E35;
border-radius: 6px; line-height: 38px; color: #AC2E35; font-size: 16px; text-indent: 16px;}
.questionList li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.questionList li a:hover { background: url(../images/icon3on.png) 84px center no-repeat #AC2E35; color: #ffffff;}
.footerLeft p span { display: block;}
.footerLeft p { margin-bottom: 12px; font-size: 16px; color: #666666; position: relative; padding-left: 32px;}
.footerLeft p img {position: absolute; left: 0; top: 12px; transform: translateY(-50%);}
.footerTop { padding: 40px 0 16px;}
.footLogo { display: block; margin-bottom:30px;}
.footerLeft { float: left; width: 360px; max-width: 100%;}
.footerLink { float: right;}
.footerLink li { float: left; margin-left: 30px;}
.footerLink li:first-child { margin-left: 0;}
.footerLink li h2 { color: #333333; font-size: 18px; line-height: 26px; margin-bottom: 8px;}
.footerLink li h2 a { color: #333333;}
.footerLink li p { color: #666666; font-size: 16px; line-height: 2.5;}
.footerLink li p span { font-size: 10px; vertical-align: top;}
.footerLink li p a {transition: all .5s; color: #666666;}
.footerLink li p a:hover  { color:#AC2E35;}
.copyRight { text-align: center; line-height: 70px;}
.copyRight .container { border-top: 1px solid #EEEEEE;}
.copyRight a { color: #999999; font-size: 14px; transition: all .5s;}
.copyRight span { color: #999999; font-size: 14px; margin: 0 15px;}
.copyRight a:hover { color: #AC2E35;}
.articlePage { padding-bottom: 5.2vw; background: #F7F7F7;}
.location { font-size: 16px; color: #333333; padding: 24px 0; line-height: 32px;}
.location a { color: #999999;}
.location span { vertical-align: -2px; display: inline-block;background: url(../images/arr.png) center no-repeat; width: 16px; height: 16px;}
.articleBox { background: #ffffff; padding: 24px;}
.articleTitle { line-height: 36px; padding: 0 0 25px; border-bottom: 1px solid #EEEEEE; font-size: 26px; font-weight: bold; color: #000000; text-align: center;}
.articleTag { color: #999999; text-align: center; font-size: 14px; line-height: 20px; padding: 17px 0; border-bottom: 1px solid #EEEEEE;}
.articleInfor { margin-top: 24px;}
.articleInfor p { color: #333333; font-size: 16px; line-height: 2; margin-bottom: 24px;}
.articleInfor p:last-child { margin-bottom: 0;}
.articleInfor img { display: block; margin: 0 auto 24px; max-width: 100%;}
.majorPage { padding: 60px 0 5.2vw;}
.majorArticle { float: left; padding: 24px; background: #ffffff; border-radius: 6px; width: calc(100% - 712px);}
.majorList { float: right; width: 688px;}
.majorList li { border-radius: 6px; transition: all .8s; margin-bottom:18px; box-sizing: border-box; padding:10px; background: #ffffff; float: left; width: 31%; margin-right: 3.5%;}
.majorList li:nth-child(3n) { margin-right: 0;}
.majorPage { background: #F7F7F7;}
.majorList li h2 { font-weight: bold; font-size:18px; color: #333333; line-height: 32px;}
.majorList li p { height: 26px; color: #AC2E35; font-size: 14px; line-height: 26px; margin-bottom: 8px;}
.majorList li p span { font-size: 10px; vertical-align:4px;}
.majorList li h2 i { vertical-align: -2px; display: inline-block; background: url(../images/enter.png) center no-repeat; width: 18px; height: 18px;
background-size: 100% auto; margin-left: 10px;}
.majorList li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.majorArticle h2 { font-weight: bold; margin-bottom: 30px; position: relative; line-height: 40px; font-size: 26px; color: #333333; padding-bottom: 22px;}
.majorArticle h2::after { content: ''; position: absolute; left: 0; bottom: 0; height: 6px; width: 74px; background: #AC2E35;}
.majorArticle p { font-size: 16px; color: #333333; line-height: 2;}
.majorArticle p:last-child { margin-bottom: 0;}
.nutArt { padding: 24px; border-radius: 6px; float: left;width: calc(100% - 384px); background: #ffffff;}
.nutArt h2 { font-weight: bold; margin-bottom: 30px; position: relative; line-height: 40px; font-size: 26px; color: #333333; padding-bottom: 22px;}
.nutArt h2::after { content: ''; position: absolute; left: 0; bottom: 0; height: 6px; width: 74px; background: #AC2E35;}
.nutArt h2 span { font-size: 10px; vertical-align:10px;}
.nutArt p { font-size: 16px; color: #333333; line-height: 2;}
.nutArt video {display:block;outline: none; margin:0 auto; width:600px;max-width:100%}
.nutArt img {max-width: 100%;}
.nutSlide { float: right; width: 360px;}
.nutSlide li { margin-bottom: 24px; padding: 16px 16px 16px 32px; background: linear-gradient(340deg, #FFFFFF 0%, #FFF2F3 100%);}
.nutSlide li h2 { position: relative; text-indent: ; font-size: 18px; line-height: 32px; color: #333333;}
.nutSlide li h2::after { content: ''; position: absolute; width: 3px; height: 20px; background: #AC2E35; left: -12px;
top: 50%; transform: translateY(-50%);}
.nutSlide p { color: #666666; font-size: 16px; line-height: 24px;}
.nutSlide p a {color: #666666;}
.nutArt p { margin-bottom:16px;}
.antiCont .majorArticle { width: calc(100% - 477px);}
.antiCont .majorList { width: 451px;}
.antiCont .majorList li { width: 47.45%; margin: 0; margin-bottom: 24px;}
.antiCont .majorList li:nth-child(2n) { float: right;}
.majorList li img { display: block; width: 100%;}
#screen { background: rgba(0,0,0,0.5); display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.headerSearch { max-width: calc(100% - 160px); margin-top: 25px; overflow: hidden; border-radius: 8px; float: right; width: 890px; height: 50px; background: #F5F5F5;}
.headerSearch button { padding: 0; border: none; height: 50px; float: right; width: 100px; background: url(../images/searchbtn.png) 20px center no-repeat #AD2D35;
font-size: 16px; color: #ffffff; text-align: left; text-indent: 48px;}
.headerSearch input { height: 50px; border: none; outline: none; background: none; float: left; width: calc(100% - 100px); box-sizing: border-box; padding: 0; font-size: 16px; text-indent: 14px;}
.resultPage { background: #F7F7F7; padding: 40px 0; min-height: calc(100vh - 442px);}
.resultCont li{ overflow: hidden; border-bottom: 1px solid #EEEEEE; padding: 40px 0;}
.resultPic { float: left; width: 122px; height: 76px; overflow: hidden; border-radius: 8px;}
.resultPic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.resultCont { background: #ffffff; border-radius: 6px; padding: 0 40px;}
.resultCont li:hover img { transform: scale(1.2);}
.resultTxt { float: right; width: calc(100% - 146px);}
.resultTxt h2 { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 18px; color: #333333; line-height: 25px; margin-bottom: 11px;}
.resultTxt p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 color: #666666; font-size: 14px; line-height: 20px;}
.resultCont li:last-child { border: none;}
@media screen and  (max-width:1280px){
	.nav li h2 a { font-size: 14px;}
	.header { height: 60px;}
	.searchBox span { height: 60px;}
	.nav li h2 { line-height: 60px;}
	.header a.logo { margin-top: 10px;}
	.header a.logo img { height: 40px;}
	.nav li dl { top: 60px;}
	.nav li dt a { font-size: 14px;}
	.searchBox::after { top: 14px;}
	.searchSub { top: 60px;}
	.typeCont span { font-size: 16px;}
	.typeCont p { font-size: 28px; line-height: 40px;}
	.footerLink li { margin-left: 3vw;}
	.headerSearch button,.headerSearch input,.headerSearch { line-height: 40px; height: 40px;}
	.headerSearch { margin-top: 10px;}
}
@media screen and  (max-width:1200px){
	body {padding-top: 60px;}
	.header { z-index: 6; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; left: 0; top: 0; width: 100%;}
	.menu { background: url(../images/d1.png) center no-repeat; width: 30px; height: 30px; position: absolute; right:4%;
	top: 15px;}
	.searchBox { margin-right: 45px;}
	.nav{position: fixed;width:100%;height: calc(100% - 60px);top: 60px; background: #fff;overflow: auto;left: -110%; z-index: 5;}
	.nav li{width: 100%;float:none;}
	.nav h3 a{padding: 0 10px;line-height: 50px;color: #333;border-bottom: 1px solid #eee;}
	.sub{position: static; padding: 15px 10px;}
	.nav li h2 { transition: all .5s;}
	.nav li h2 a { display: inline;}
	.nav li.cur h2,.nav li:hover h2 { background: #AC2E35;}
	.nav li dl { transform: translate(0); position: static;}
	.nav li dt { padding: 10px 0;}
	.nav li h2 { line-height: 40px;}

}
@media screen and  (max-width:1080px){
	.majorArticle{ float: none; width: 100%; margin-bottom: 20px;}
	.majorList { width: 100%; float: none;}
	.majorList li { float: left; margin: 0 0 2%; width: 49%;}
	.majorList li:nth-child(2n) { float: right;}
}
@media screen and  (max-width:780px){
.resultTxt { width: calc(100% - 134px);}
.resultPage { padding: 20px 0;}
.resultCont { padding: 0 20px;}
.resultCont li { padding: 20px 0;}
.headerSearch { max-width: calc(100% - 120px);}
.headerSearch button { width: 40px; text-indent: 0; text-align: center; font-size: 14px; background: #AD2D35;}
.headerSearch input { width: calc(100% - 40px); font-size: 14px;}
.majorArticle p { font-size: 14px; margin-bottom: 14px;}
.antiCont .majorList { width: 100%;}
.majorList li p { font-size: 12px;}
.majorArticle { margin-bottom: 20px; max-width: none; float: none; width: 100%!important;}
.articleTitle { font-size: 20px;}
.location { font-size: 14px;}
.articleInfor p { font-size: 14px;}
.nutArt h2,.majorArticle h2 { margin-bottom: 20px; font-size: 20px; line-height: 2; padding: 0;}
.nutArt p { font-size: 14px; margin-bottom: 14px; text-align: justify;}
.nutArt h2::after,.majorArticle h2::after { width: 30px; height: 2px;}
.nutArt { margin-bottom: 20px;}
.nutSlide li { margin-bottom: 10px;}
.nutSlide li h2 { font-size: 16px;}
.nutSlide p { font-size: 14px;}
.nutArt,.nutSlide { float: none; width: 100%;}
.majorPage { padding: 20px 0;}
.footerTop { padding: 20px 0;}
.typeList li { width: 50%;}
.homeCont { padding: 20px 0;}
.typeCont span { margin-bottom: 0;}
.typeCont p { font-size: 20px; margin: 0; line-height: 1.5;}
.typeList li { background: #ffffff; margin-bottom: 10px; padding: 10px 0;}
.typeList ul { background: none;}
.questionList li { margin: 0 0 10px; float: none; width: 100%; padding: 14px;}
.questionList li a { font-size: 14px;}
.footerLink { display: none;}
.footerLeft p { font-size: 14px;}
.footLogo { margin-bottom: 20px; text-align: center;}
.questionList { margin-top: 0;}
.questionTag { margin-bottom: 0;}
.questionDesc p { margin-bottom: 10px; font-size: 14px;}
.questionDesc h2{ font-size:20px; margin-bottom: 0;}
.copyRight a { display: block;}
.copyRight span { display: none;}
.copyRight { line-height: 1.5;}
.copyRight .container { padding: 10px 0;}
.majorList li h2 { font-size: 20px;}
.antiCont .majorList li { margin-bottom: 2%; width: 49%;}
}