@charset "utf-8";
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff;}
html { min-width: 1340px;}
.container { width: 1340px; margin: 0 auto; padding: 0 30px;}

@keyframes fade { 0% { opacity: 1;}
  100% { opacity: 0.1;} }
.header { padding: 10px 0 12px; background-image: url(../images/head_bg.jpg); background-repeat: no-repeat; background-position: right center; background-color: transparent; background-size: cover;}

.logo { display: block; width: 60%; margin: 20px 0 30px;}
.logo img { width: 100%;vertical-align: top;}

.jbbtn { display: inline-block;
    color: #fff;
    background: #b62321;
    padding: 6px 45px;
    border-radius: 4px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    letter-spacing: 1px; transition: all .3s; -ms-transition: all .3s;}
.jbbtn:hover { opacity: .85; transform: translateY(-2px); box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .3);}
.top-link { display: inline-block; vertical-align: top;}
.top-link a { font-size: 14px; font-weight: 500; line-height: 36px; color: #555; text-align: left; margin: 0 15px 0 0;}
.top-link a:hover { color: #c13432; text-decoration: underline !important;}

.search { display: inline-block; vertical-align: top; padding: 0 0 0 12px; font-size: 0; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(193, 52, 50, 0.85); border-radius: 4px;}
.search form { white-space: nowrap;}
.search .input { vertical-align: top; width: 200px; height: 30px; font-size: 14px; font-weight: 500; line-height: 30px; color: #333; text-align: left;}
.search .input::placeholder { color: #808080;}
.search .submit { vertical-align: top; width: 32px; height: 30px; background-image: url(../images/h_icon1.jpg); background-repeat: no-repeat; background-position: 20% 50%; background-color: transparent; background-size: auto;}

.nav { position: relative; z-index: 2; background: #c13432;}
.nav li { position: relative; float: left; width: 120px; margin: 0 33.857px;}
.nav li:first-child { margin-left: 0;}
.nav li:last-child { margin-right: 0;}
.nav li a { display: block; font-size: 22px; font-weight: bold; line-height: 50px; color: #fff; text-align: center; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
.nav li:hover > a { background: #a52c27;}
.nav li.cur > a { background: #a52c27;}
.nav .lv2 { display: none; position: absolute; top: 100%; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; background: rgba(193, 52, 50, 0.9);}
.nav .lv2 a {  font-size:18px;font-weight: 400; line-height: 38px; border-bottom: 1px solid #fff;}
.nav .lv2 a:hover { font-weight: bold; background: #a52c27;}
.nav .lv2 dd:last-child a { border: none;}

.tt1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tt2 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.tt3 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.tt4 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}

.tt5 { display: block; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

.img-scale { display: block; overflow: hidden;}
.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: transform 0.4s linear 0s; -moz-transition: transform 0.4s linear 0s; -o-transition: transform 0.4s linear 0s; transition: transform 0.4s linear 0s;}
.img-scale .img-frame { overflow: hidden;}
.img-scale .img { /*背景图替换img*/ height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -webkit-transition: transform 0.4s linear 0s; -moz-transition: transform 0.4s linear 0s; -o-transition: transform 0.4s linear 0s; transition: transform 0.4s linear 0s;}
.img-scale .img img { min-height: 100%;}

.column { margin: 0 0 10px;}
.column h3 { display: inline-block; padding: 0 0 0 10px; font-size: 22px; font-weight: 500; line-height: 26px; color: #000; text-align: left; border-left: 6px solid #c13432;}

.more { font-size: 14px; font-weight: 500; line-height: 26px; color: #999; text-align: left;}
.more:hover { color: #c13432;}

.title { font-size: 16px; font-weight: 500; line-height: 36px; color: #000; text-align: left;}

.date { font-size: 14px; font-weight: 500; line-height: 36px; color: #888; text-align: left;}

.info { font-size: 14px; font-weight: 500; line-height: 22px; color: #666; text-align: left; text-indent: 2em;}

.index-main { position: relative; z-index: 1; background: #f9f9f9;}
.index-main .container { padding: 20px 30px 20px; background: #fff;}

.news-slick { width: 55.46875%; font-size: 0;}
.news-slick .img-scale { position: relative;}
.news-slick .img-scale .img { padding: 45.7% 0 0;}
.news-slick .text { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 0 135px 0 14px; background: rgba(0, 0, 0, 0.65);}
.news-slick .title { color: #fff; -webkit-transition: all 0.3s linear 0.3s; -moz-transition: all 0.3s linear 0.3s; -o-transition: all 0.3s linear 0.3s; transition: all 0.3s linear 0.3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}
.news-slick .slick-active .title { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.news-slick .slick-dots { position: absolute; top: auto; right: 18px; bottom: 13px; left: auto; z-index: 1;}
.news-slick .slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; background: #ddd; border-radius: 50%; cursor: pointer;}
.news-slick .slick-dots li.slick-active { background: #c13432;}

.gzdt { width: 41.625%;}
.gzdt .switch-tag { margin: 0 0 12px;}
.gzdt .switch-tag h3 { display: inline-block; margin: 0 35px 0 0; font-size: 22px; font-weight: 500; line-height: 26px; color: #888; text-align: left; border-left: 6px solid transparent; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; cursor: pointer;}
.gzdt .switch-tag h3.active { padding: 0 0 0 10px; color: #000; border-color: #c13432;}
.gzdt .switch-tag .more { display: none;}
.gzdt .switch-tag .more.active { display: block;}
.gzdt .list1 { display: none;}
.gzdt .list1.active { display: block;}

.h-slick { width: 100%; margin: 20px 0 24px;}
.h-slick .slick-slide { border: none;}
.h-slick .img-scale { width: 100%;}
.h-slick img { width: 100%; height: auto;max-height:220px; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}

.djfg { width: 31.25%;}

.ljwh { width: 31.25%; margin: 0 3.125%;}



.list1 li {position: relative; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.list1 li:hover { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px);}
.list1 li:hover .title { color: #c13432;}
.list1 .title { display: inline-block; vertical-align: top; width: calc(100% - 10px);}
.list1 .title::before { display: inline-block; content: ""; width: 0; height: 0; border: 6px solid transparent; border-left-color: #c13432;}

.list1 li .date { position: absolute; right:10px;top:0px;}

.footer { background: #b62321;}
.footer .container { padding: 12px 30px;}

.yqlj h6 { display: inline-block; vertical-align: top; font-size: 18px; font-weight: 700; line-height: 28px; color: #fff; text-align: left;}
.yqlj ul { display: inline-block; vertical-align: top; font-size: 0; margin: 0 0;}
.yqlj ul > li { display: inline-block; vertical-align: top;  padding: 0 10px;}
.yqlj ul li::before { display: inline-block; content: ""; width: 0; height: 0; border: 6px solid transparent; border-left-color: #fff;}
.yqlj ul a { font-size: 16px; font-weight: 500; line-height: 28px; color: #fff; text-align: left;}
.yqlj ul a:hover { text-decoration: underline !important;}

.QR-code { font-size: 14px; font-weight: 500; line-height: 22px; color: #fff; text-align: left;}
.QR-code .img { display: inline-block; vertical-align: middle;}
.QR-code .img img { width: 80px; vertical-align: top;}
.QR-code .text { padding: 0 0 0 10px; display: inline-block; vertical-align: middle;}
.QR-code .text i { display: block; width: 25px; height: 25px; margin: 0 0 5px; background-image: url(../images/h_icon7.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto;}

.copy { padding: 7px 0; font-size: 14px; font-weight: 500; line-height: 30px; color: #fff; text-align: center; background: #961f24;}
.jbzn { width: 31.25%;}
.jbzn .content-box { height: 240px; margin: 15px 0 0; padding: 18px 25px 0; background-image: url(../images/h_bg2.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover;}
.jbzn .links { font-size: 0; margin: 0 -20px;}
.jbzn .links > li { display: inline-block; vertical-align: top; width: 50%; padding: 0 20px;}
.jbzn .links a { display: block; padding: 10px 0; font-size: 16px; font-weight: 500; line-height: 26px; color: #fff; text-align: center; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; position: relative; overflow: hidden;}
.jbzn .links a i { display: block; width: 42px; height: 42px; margin: 0 auto 5px; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%;}
.jbzn .links a:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);}
.jbzn .links li:nth-child(1) a { background: #b62321;}
.jbzn .links li:nth-child(1) i { background-image: url(../images/h_icon2.jpg);}
.jbzn .links li:nth-child(2) a { background: #b62321;}
.jbzn .links li:nth-child(2) i { background-image: url(../images/h_icon3.jpg);}
.jbzn .contact { margin: 10px 0  0; font-size: 14px; font-weight: 500; line-height: 26px; color: #222; text-align: left;}
.jbzn .contact .tips { display: inline-block; vertical-align: top; padding: 0 0 0 30px; background-image: url(); background-repeat: no-repeat; background-position: 0 50%; background-color: transparent; background-size: auto;}
.jbzn .contact .tips.t1 { background-image: url(../images/h_icon4.jpg);}
.jbzn .contact .tips.t2 { background-image: url(../images/h_icon5.jpg);}
.jbzn .contact .tips.t3 { background-image: url(../images/h_icon6.jpg);}
.jbzn .contact .text { display: inline-block; vertical-align: top;}

.section { background: #f9f9f9;}
.section .container { background: #fff;}

.place { padding: 0 0 0 35px; font-size: 14px; font-weight: 500; line-height: 45px; color: #999; text-align: left; background-image: url(../images/h_icon9.jpg); background-repeat: no-repeat; background-position: 10px 50%; background-color: transparent; background-size: auto;}
.place a { color: #999;}
.place a:hover { color: #c13432;}

.bg1 { position: relative; background: #fff; border: 1px solid #e6ebf4; box-shadow: 0 3px 4px #dfe3eb;}
.bg1::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: 25%; z-index: 1; width: 1px; height: 100%; background: #e6ebf4;}

.sidebar { width: 20%; margin: 35px 0;}
.sidebar h1 {  font-size: 25px; font-weight: 700; line-height: 80px; color: #b62321; text-align: center; background-image: url(../images/h_bg2.jpg); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: 100% 100%;}
.sidebar .lv2-nav li { position: relative; margin: 7px 0 0;}
.sidebar .lv2-nav a { display: block;  font-size: 17px; font-weight: 500; line-height: 50px; color: #000; text-align: center; background: #f2f2f2; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.sidebar .lv2-nav a:hover { color: #fff; background: #c13432;}
.sidebar .lv2-nav li.cur { border-color: #c13432; background: #fff;}
.sidebar .lv2-nav li.cur > a { color: #fff; background: #c13432;}

.main { width: 77.7%; min-height: 700px; padding: 25px 30px; border-left: 1px solid #e9e9e9;}
.main .list1 li { border-bottom: 1px dashed #ddd;}
.main .list1 .title { width: calc(100% - 120px); line-height: 45px;}
.main .list1 .date { line-height: 45px;}

.cur-column { margin: 0 0 10px; border-bottom: 1px solid #e6ebf4;}
.cur-column h3 { display: inline-block; margin: 0 0 -1px; font-size: 20px; font-weight: 700; line-height: 45px; color: #000; text-align: left; border-bottom: 3px solid #c13432;}


.article h1{height:auto;line-height:1.5;padding-top:10px;font-size:1.75rem; font-weight:normal; text-align:center;}
.article h2{padding-top:10px;font-size:1.2rem;text-align:center;}
.article .infos{ position:relative;display:block;color:#777;border-top:1px dashed #f5f3e7;line-height:1;padding:0.8rem 0;font-size:0.875rem;margin-top:10px;text-align:center;}
.article .infos span{margin-left:3px;}
.article .infos i{font-style:normal;}
.content{text-align:justify;text-justify:inter-ideograph;position:relative;font-size:1.15rem;line-height:1.8;color:#000;}
.content img {max-width:100%;display:block;margin:auto;height:auto}
.content embed {max-width:100%;margin:10px auto;display:block}
.content a {text-decoration:underline}
.content p,.content div{margin:.5rem 0;line-height:1.8;color:#333;text-align:justify;text-justify:inter-ideograph;letter-spacing:1px;}
.content p a,.content p a span {padding:0;color:#3399FF}
.content h1,.content h2,.content h3,.content h4 {margin:1rem 0 0;padding:0 3px 1px;font-weight:700;position:relative;display:inline-block;background:linear-gradient(to bottom,transparent 56%,rgba(189,202,219,0.3) 0%) no-repeat}
.content h1 {font-size:1.8rem;line-height:1.8rem}
.content h2 {font-size:1.6rem;line-height:1.6rem}
.content h3 {font-size:1.4rem;line-height:1.4rem}
.content h4 {font-size:1.2rem;line-height:1.2rem}

.content hr {display:block;margin:5% 0;}

.content img{max-width:100%;height:auto !important;margin:0 auto}
.content img.ir{float:right;margin-left:20px}
.content video{background:#000;max-width:100%;height:auto !important;margin:0 auto}
.content .pi{text-align:center;font-family:"\6977\4F53","\6977\4F53_GB2312";margin-top:-10px}
.content blockquote,.content pre{margin:20px;padding:0 20px;border-left:5px solid #eaeef1;}
.content ol,.content ul{margin:10px 20px}
.content ol li{list-style:decimal}
.content ul li{list-style:disc}
.content table{margin-bottom:20px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.content th{padding:5px 10px;border-right:1px solid #ddd;border-top:1px solid #ddd;font-size:1.125rem;}
.content td{padding:5px 10px;border-right:1px solid #ddd;border-top:1px solid #ddd;text-indent:0em!important;font-size:1.125rem;}
.content td p{line-height:1;text-indent:0em!important;}

.near{margin:10px 0rem;padding:1rem 0;box-shadow:0 1px 0 #e6e9ed,0 -1px 0 #e6e9ed}
.near ul{ display:block;list-style:none;}
.near li{line-height:2rem;}
.near li a{color:#333}

.return{display:inline-block; margin:10px 0.5rem;padding:0 1rem;border:1px solid #dcdcdc;border-radius:5px;height:2rem;line-height:2rem;font-size:1rem;float:right;color:#333}
.return:hover{background:#2e3d4c;color:#adb5bd;border:1px solid #2e3d4c}
 a.return{color:#333}

.tags {width:100%;margin:4% 0 2%;line-height:2rem;flex-wrap:wrap;text-align:right}
.tags span{ float:right;font-size:0.875rem;}

.cl:after{content:"\200B";display:block;height:0;clear:both}
.cl{*zoom:1}
.col21{width:49.99%;float:left}
.col31{width:33.33%;float:right}
.col32{width:66.66%;float:left}

.setting_tool {position:fixed;bottom:28%;right:0;width:46px;box-shadow:0 0 8px rgba(180,180,180,.2);z-index:99;background:#fff}
.setting_tool a {font-size:1.4rem;text-align:center;line-height:46px;width:46px;height:46px;display:block;cursor:pointer;background:#fff}
.setting_tool div {display:none;position:absolute;width:200px;right:100%;background:#fff;padding:10px;box-shadow:0 0 2px rgba(0,0,0,.3)}
.setting_tool.colors div.c {display:block;height:154px;bottom:-128px;z-index:-2}
.setting_tool.colors div.c ul {text-align:center;padding:4px 0;font-size:12px}
.setting_tool.colors div.c li {cursor:pointer}
.setting_tool.colors div.c li.color {display:inline-block;width:50px;border-radius:5px;margin:0 2px;background:#fff;color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;height:28px;line-height:28px}
.setting_tool.colors div.c li.color.sepia {background:#eae0be;color:#704214}
.setting_tool.colors div.c li.color.night {background:#2e3d4c;color:#adb5bd}
.setting_tool.colors div.c li.hr {display:block;width:100%;height:1px;background:rgba(0,0,0,.06);margin:8% 0 6%}
.setting_tool.colors div.c li.font {display:inline-block;width:50px;font-size:16px;line-height:20px;margin:0 16px;font-family:sans-serif}
.setting_tool.colors div.c li.font.serif {font-family:serif}
.setting_tool.colors div.c li.font:hover {font-weight:700}
.setting_tool.search div.s {display:block;height:46px;bottom:46px;z-index:-1;padding:0;width:220px;}
.setting_tool.search div.s input {height:46px;bottom:42px;width:100%;padding:0 10px;font-size:.9rem}





.article { padding: 22px 38px; background: #fff;}
.article1 .title { font-size: 24px; font-weight: 500; line-height: 38px; color: #c13432; text-align: center;}
.article1 .sub { margin: 30px 0 40px; padding: 15px 0; font-size: 14px; font-weight: 500; line-height: 26px; color: #666; text-align: center; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.article1 .content { padding: 0 0 40px; font-size: 16px; font-weight: 500; line-height: 32px; color: #000; text-align: left;}
.article1 .content p { text-indent: 2em;}
.article1 .content img, .article1 .content video { display: block; max-width: 100%; height: auto !important; margin: 20px auto;}
.article1 .content table { max-width: 100%; margin: 20px auto;}
.article1 .content table p { text-indent: 0;}
.article1 .content iframe { max-width: 100%; margin: 20px auto;}
.article1 .cont-page { padding: 25px 0 0; border-top: 1px dashed #ccc;}
.article1 .cont-page a { display: block; padding: 4px 0; font-size: 15px; font-weight: 500; line-height: 27px; color: #666; text-align: left; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.article1 .cont-page a span { color: #000; font-weight: 700;}
.article1 .cont-page a:hover { color: #c13432; -webkit-transform: translateX(2px); -moz-transform: translateX(2px); -o-transform: translateX(2px); transform: translateX(2px);}

#browser-modal { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; color: #303233; text-align: center;}
#browser-modal .browser-modal-cover { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; height: 100%; width: 100%; background-color: #111;}
#browser-modal .browser-content { width: 700px; margin: 120px auto 0; padding: 50px 0 80px; background-color: #fff; border-radius: 5px;}
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px;}
#browser-modal .browser-content .browser-text-title { font-size: 24px; text-transform: uppercase;}
#browser-modal .browser-content .browser-text-desc { margin: 30px 0 20px; font-size: 14px;}
#browser-modal .browser-content .browser-list { width: 600px; height: 130px; margin: 20px auto;}
#browser-modal .browser-content .browser-item { float: left; width: 150px; margin: 0 auto; padding: 20px 0;}
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto 10px; font-size: 80px; line-height: 80px;}
#browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.jpg) no-repeat 0 0;}
#browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.jpg) no-repeat 0 -100px;}
#browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.jpg) no-repeat 0 -200px;}
#browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.jpg) no-repeat 0 -300px;}
#browser-modal .browser-content .browser-item a { display: block; cursor: pointer;}
#browser-modal .browser-content .browser-item a:hover { text-decoration: underline !important;}
#browser-modal .browser-content .browser-item a img { display: block; max-width: 100px; width: 100px; height: 100px; margin: 0 auto;}
#browser-modal .browser-content .browser-item a h4 { margin-top: 20px; text-align: center; font-size: 18px; font-weight: 700;}

#list-page {font-family: Arial; text-align: center; margin: 25px 0 30px !important;}
#list-page .p_pages a, #list-page span, #list-page .p_goto a {font-size: 14px; width: auto; height: auto; margin-top: 5px;}
#list-page .p_pages a, #list-page .p_no_d, #list-page .p_fun_d, #list-page .p_goto a {padding: 7px 9px; border: 1px solid #aaa; border-radius: 4px; color: #111;}
#list-page .p_pages .p_no_d, #list-page a:hover, #list-page .p_goto a {background: #c13432; font-weight: bold; color: #fff; border-color: #c13432;}
#list-page .p_t{ padding: 0 2px 0 0; color: #777;}
#list-page .p_first, #list-page .p_first_d, #list-page .p_last, #list-page .p_last_d{display: inline-block;}
#list-page .p_pages span{color: #aaa;}
#list-page .p_goto input { font-family: 'Arial'; color: #333; border-radius: 2px; width: 40px; height: 30px; line-height: 30px; vertical-align: bottom;}

#list-page  a {color: #333;}

/*# sourceMappingURL=style.css.map */