@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'arial','Microsoft Yahei', 'Hiragino Sans GB','Helvetica Neue','Helvetica','tahoma','Verdana','sans-serif', "WenQuanYi Micro Hei","\5B8B\4F53"; }
html, body { width: 100%; background: #fff; }
img { border: none; }
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#c9161d;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
@font-face
{
font-family:GOTHIC;
src: url("GOTHIC.ttf")
    ,url("GOTHIC.eot"); /* IE9+ */
}
.main { width: 1200px; height: 100%; margin: 0 auto; }
.symain { width: 1560px; height: 100%; margin: 0 auto; position:relative;}
@media screen and (max-width: 1660px) { .symain { width:90%; margin:0 auto; } }
@media screen and (max-width: 1260px) {.symain { width:90%; margin:0 auto; } }
@media screen and (max-width: 780px) {.symain { width: 92%; padding: 0; } }
.fl { float: left; }
.fr { float: right;}
@media screen and (min-width: 1360px) {
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft19{ font-size:19px;}
.ft24{ font-size:24px;}
.ft28{ font-size:28px;}
.ft32{ font-size:32px;}
}
@media screen and (max-width: 1360px) and (min-width:640px) {
.ft16{ font-size:15px;}
.ft18{ font-size:16px;}
.ft19{ font-size:18px;}
.ft24{ font-size:20px;}
.ft28{ font-size:22px;}
.ft32{ font-size:28px;}
}
@media screen and (max-width:640px) {
.ft16{ font-size:13px;}
.ft18{ font-size:14px;}
.ft19{ font-size:15px;}
.ft24{ font-size:18px;}
.ft28{ font-size:18px;}
.ft32{ font-size:21px;}
}


.indban{ display:block;}
.indban img{ display:block; width:100%;}

.indtitle{ text-align:center; margin-bottom:3%;}
.indtitle span{ font-weight:700; display:block; line-height:2; position:relative; margin-bottom:10px;}
.indtitle span:before{ content:""; left:50%; bottom:0; width:30px; height:3px; background:#444; position:absolute; margin-left:-15px;}
.indtitle i{ font-family:"GOTHIC"; text-transform:uppercase; color:#666;}

.indfuwu{ padding:3% 0;}
.indfuwu ul{ margin-top:2%;}
.indfuwu li{ position:relative;}
@media screen and (min-width:960px) {
.indfuwu li{ width: calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; float:left;}
.indfuwu li:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:960px) and (min-width:640px) {
.indfuwu li{ width: calc(50% - 15px); margin-right:30px; margin-bottom:30px; float:left;}
.indfuwu li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:640px) {
.indfuwu li{ margin-bottom:15px;}
}
.indfuwu li a{ display:block; position:relative;}
.indfuwu li a img.kbimg{ display:block; width:100%;}
.indfuwu li a img.pimg{ object-fit: cover; position:absolute; width:100%; height:100%; left:0; top:0;}
.indfuwu li a span{ position:absolute; width: calc(100% - 40px); left:20px; bottom:20px; z-index:5; background-color:rgba(0,0,0,0.5); text-align:center; color:#fff; line-height:2.5;}
.indfuwu li a:hover span{ background:#c9161d;}

.indlishi{ background:url(../images/bg1.jpg) center no-repeat; background-attachment:fixed; padding:3% 0 6%; background-size:100%; position:relative;}
.indlishi .symain{ padding-top:80px;}
.indlishi_img{ overflow:hidden; position:relative;}
.indlishi_img img{ display:block; width:100%;}
.indlishi_img img.fimg{ position:absolute; left:50%; top:50%; z-index:5; max-width:320px; height:auto; transform: translate(-70%,-50%);}
.indlishi_body{ background:#fff; box-sizing: border-box; padding:4% 5% 10%;}
@media screen and (min-width:960px) {
.indlishi_img{ width:50%; max-height:520px;}
.indlishi_body{ position:absolute; width:60%; right:0; top:0px;}
}

.indlishi_body span{ line-height:2; display:block; color:#c9161d; margin-bottom:30px;}
.indlishi_body p{ line-height:2.2; color:#666;}
.indlishi_body a{ position:absolute; left:0; bottom:0; color:#fff; padding:16px 25px 16px 70px; background:url(../images/more.png) #c9161d left 10px center no-repeat;  transition: all 0.3s; }
.indlishi_body a:hover{ background:url(../images/mores.png) #fdd100 left 10px center no-repeat; color:#111;}

.indnews{ background:#f4f3f9; padding:3% 0;}
.indnews ul{ max-width:1160px; margin:3% auto 0;}
.indnews ul li{ background:#fff; margin-bottom:12px;}
.indnews ul li span{ color:#666; font-size:15px;}
.indnews ul li a{ font-size:16px;}
@media screen and (min-width:960px) {
.indnews ul li{ padding:20px 25px; line-height:2.5;}
.indnews ul li span{ float:right; }
}
@media screen and (max-width:960px) {
.indnews ul li{ padding:15px; line-height:24px;}
.indnews ul li span{ display:block;}
}

.indlixi{ background:url(../images/bg2.jpg) center no-repeat; padding:3% 0;}
.indlixi_con{ float:left; color:#fff;}
.indlixi_con p{ line-height:2; position:relative; padding-bottom:10px; margin-bottom:15px;}
.indlixi_con p:before{ content:""; left:0; bottom:0; width:20px; height:4px; background:#fff; position:absolute;}
.indlixi_con span{ display:inline-block; font-weight:700; letter-spacing:2px; font-family:"GOTHIC";}
.indlixi_tit{ float:right; color:#fff;}
.indlixi_tit span{ font-family:"GOTHIC"; font-weight:700; display:block; line-height:2.5; position:relative; margin-bottom:15px; text-align:right;}
.indlixi_tit span:before{ content:""; right:0; bottom:0; width:80px; height:4px; background:#fff; position:absolute;}

.indab{ padding:3% 0;}
@media screen and (min-width:960px) {
.indab_con{ float:left; width:55%;}
.indab_nav{ float:right; width:40%;}
}

.indab_con span{ letter-spacing:2px; line-height:3; display:block;}
.indab_cons{ color:#666; line-height:1.5;}
.indab_nav{ max-width:350px;}
.indab_nav span{ letter-spacing:2px; line-height:3; display:block;}
.indab_navs{ float:left;}
.indab_navs img{ border:1px #ddd solid; max-width:140px;}
.indab_navy{ float:right;}
.indab_navy a{ display:block; line-height:2;}

.footer{ background:#111; padding:25px 0; color:#eee; font-size:15px;}
.footer a{ color:#eee; }
.footer span{ margin-right:20px;}
.footer i{ float:right;}

.info{ padding:3% 0; background:#f4f3f9;}

@media screen and (min-width:960px) {
.about_img{ width:50%; float:right;}
.about_body{ width:55%; top:60px;}
}
.about_img{overflow:hidden; position:relative;}
.about_img img{ display:block; width:100%;}
.about_body{ background:#fff; position:relative; box-sizing: border-box; padding:4%;}
.about_body { line-height:2.2; color:#666;}
.about_body img{ max-width:100% !important; height:auto !important;}

.jmlist{ margin:0 auto; max-width:1200px;}
.jmlist li{ background:#fff; position:relative; margin-bottom:22px; overflow:hidden;}
@media screen and (min-width:960px) {
.jmlist li span{ position:absolute; width:300px; height:100%; left:0; top:0;}
.jmlist li span em{ position:absolute; width:100%; left:0; top:50%; transform: translateY(-50%);}
.jmlist li span i{ position:absolute; left:0; top:-40px; color:rgba(255,255,255,0.1); font-size:80px; font-weight:700; font-family:Arial;}
.jmlist li p{ padding:25px; margin-left:300px;}
}
@media screen and (max-width:960px) {
.jmlist li span{ display:block; position:relative; text-align:center;}
.jmlist li span i{ display:none; }
.jmlist li p{ padding:15px; font-size:14px;}
}
.jmlist li span{ background:#bf141c;}
.jmlist li span em{ text-align:center; color:#fff; display:inline-block;}



.newslist{ display:block;}
.newslist li{ background:#fff;}
@media screen and (min-width:760px) {
.newslist li{ width: calc(50% - 15px); margin-right:30px; margin-bottom:30px; float:left;}
.newslist li:nth-child(2n){ margin-right:0;}
.newslist li a .nbody{ width: calc(100% - 150px);}
}
@media screen and (max-width:760px) {
.newslist li{ margin-bottom:15px;}
.newslist li a .nbody{ width: calc(100% - 120px);}
}
.newslist li a{ display:block; padding:20px; height:260px; position:relative;}
.newslist li a:before{ content:""; left:0; bottom:0; width:0px; height:2px; background:#3133a0; position:absolute; transition: all 0.3s; }
.newslist li a:hover:before{ content:""; width:100%; height:2px;}
.newslist li a .ntime{ float:left; width:100px; background:#bf141c; color:#fff; padding:10px 15px; box-sizing: border-box;}
.newslist li a .ntime span{ display:block; position:relative; padding-bottom:10px; margin-bottom:10px;}
.newslist li a .ntime span:before{ content:""; left:0; bottom:0; width:20px; height:2px; background:#fff; position:absolute;}
.newslist li a .ntime i{ line-height:2;}
.newslist li a .nbody{ float:right;}
.newslist li a .nbody em{ line-height:1.5; display:block; margin:10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.newslist li a .nbody p{ font-size:13px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; line-height:2; margin-bottom:20px;}
.newslist li a .nbody i{ color:#999; background:url(../images/morea.jpg) right no-repeat; padding-right:55px; font-size:14px;}

.news_view{ background:#fff; padding:30px;}
.ntit{ padding:45px 0; line-height:35px; text-align:center; font-weight:100; color:#444; font-size:26px;}
.jhurl{ height:39px; line-height:39px; font-size:14px; text-align:center; color:#999; background:#f0f0f0; margin-bottom:15px;}
.jhurl span{ padding:0 15px;}
.nwcon{ height:auto; font-size:15px; line-height:30px; color:#555; padding:25px 0;}
.nwcon img{ max-width:100% !important; height:auto !important;}
.context{ line-height:30px; margin:25px 0; border-top:1px #ddd solid; padding:8px 25px;}
.context ul{ margin:0; padding:0;}
.context ul li{ height:30px; line-height:30px; font-size:15px;}
@media only screen and (min-width:640px){
.context ul li{ width:50%; float:left;}
}
.context ul li a{ color:#888; font-size:15px;}
.context ul li a:hover{ color:#cf1d2b;}

.lixilist{ background:#fff; padding:30px;}
.lixilist li{ float:left; text-align:center;}
@media only screen and (min-width:760px){
.lixilist li{ width:20%; }
}
@media only screen and (max-width:760px){
.lixilist li{ width:50%; }
}
.lixilist li i{ display:inline-block; border:1px #ccc solid; border-radius:50%;}
.lixilist li i img{ padding:20px;}
.lixilist li p{ margin:10px 0; color:#444; font-size:15px;}
.lixilist li p span{ display:block; line-height:2; color:#777;}
.lixilist li p em{ font-family:"GOTHIC";}

.mymap{ width:100%; height:480px; border-top:1px #ddd solid;}