/* ================================================
Copyright: Yunnan University of Business Management
Web: www.ynjgy.com
Author: Zhang Biao

color1:#a33326;  color2:#a31100;  color3:#113399;
================================================ */
@media (min-width:1200px) {.container { max-width: 1600px;}}

* { margin:0px; padding:0px; border:none; outline:none;}
body { font-size:16px; color:#222; line-height:150% !important; font-weight:400; font-family:"微软雅黑", Arial; background:#fff; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing:antialiased;}
ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0; font-weight:400;}
a{ color:inherit; text-decoration:none; cursor:pointer;}
a:active, a:hover{ text-decoration:none; outline:none; color:#a31100;}
button:focus, input:focus, textarea:focus{ outline:none; box-shadow:none;}
i{ font-style:normal; font-weight:400;}
h1,h2,h3,h4,h5,h6,p,span,i{ margin:0; padding:0;}
img { display:inline-block; max-width:100%; height:auto; object-fit:cover; transition-delay:.1s; transition-timing-function:ease-in-out; transition-duration:.7s; transition-property:all;}
select::-ms-expand { display:none;}
.thumb { position:relative; overflow:hidden;}
.thumb img { transform: scale(1.00); transition: 0.5s;}
.thumb:hover img { transform: scale(1.05);}
.img-wrap { position:relative; width:100%; height:0px; padding-top:100%;}
.clear:after{ display:block; content:""; clear:both;}
.clear { *zoom:1;}
.page-wrapper { width:100%; position:relative; z-index:10; margin:0 auto;}
.line1,.line2,.line3,.line4,.line5,.line6 { width:100%; line-height:100%; font-size:0; clear:both; overflow:hidden; margin:0 auto;}
.line1 { height:10px;}
.line2 { height:20px;}
.line3 { height:30px;}
.line4 { height:40px;}
.line5 { height:50px;}
.line6 { height:60px;}
.font12 { font-size:12px;}
.font13 { font-size:13px;}
.font14 { font-size:14px;}
.font15 { font-size:15px;}
.font16 { font-size:16px;}
.font17 { font-size:17px;}
.font18 { font-size:18px;}
.font19 { font-size:19px;}
.font20 { font-size:20px;}
.font21 { font-size:21px;}
.font22 { font-size:22px;}
.font23 { font-size:23px;}
.font24 { font-size:24px;}
.font30 { font-size:30px;}

/** ================ header ================ **/
.headbg { width:100%; height:100%; background:none; position:absolute; top:0; left:0; z-index:-1; overflow:hidden;}
.headbg .bg1 { position:absolute; left:50%; top:0; width:3000px; max-width:100%; height:130px;}
.headbg .bg1:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#113399;}
.main-header { width:100%; position:relative; background:#fff; display:table; margin:30px 0; z-index:1;}
.main-header .logo { width:30%; display:table-cell; vertical-align:middle;}
.main-header .logo img { padding-right:20px; max-width:100%;}
.main-header .headbox { display:table-cell; vertical-align:middle; position:relative; -ms-flex-pack:center !important; justify-content:center !important; right:40px;}
.headtop { width:100%; position:absolute; top:0; text-align:right;}
.headtop dl dd { margin-left:15px; padding:8px 12px; border:2px solid #eaeaea; background:#fff; text-align:center; display:inline-block;}
.headtop dl dd:first-child{ margin-left:0px;}
.headtop dl dd p i { font-size:18px; color:#444;}
.headtop dl dd span { font-size:15px; width:100%; color:#808080;}
.headtop dl dd:hover { border:2px solid #cdd4e9; background:#f6f7fb; transition:900ms;}
.headtop dl dd:hover i { color:#113399;}
.headtop dl dd:hover span { color:#0f2259;}
.headtop dl dd.top3 { display:none;}
.headtxt { display:table-cell; vertical-align:middle; text-align:center; background:#113399; color:rgba(255,255,255,0.9); width:160px; padding-top:8px;}
.headtxt span { width:100%; padding-bottom:10px; float:left;}
.headtxt span i { font-size:40px;}
.headtxt:hover { background:#0e2770; color:#fff; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out;}
.headtxt a:hover { color:#fff;}
.imgtit { width:200px; height:133px; display:none;}

/** main-menu **/
.headbox .headnav { width:100%; position:absolute; bottom:0; z-index:10;}
.mobile-nav-toggler { position:absolute; color:#3786ff; display:none; cursor:pointer; z-index:10;}
.mobile-nav-toggler i { font-size:24px; background:#a33326; padding:8px 15px; color:#fff;}
.mobile-nav-toggler i:hover { background:#61160e;}
.main-menu { position:relative;}
.main-menu .navbar-collapse  { display:block !important;}
.main-menu ul { text-align:right;}
.main-menu .navigation > li { display:inline-block;}
.main-menu .navigation > li:first-child { margin-left:0;}
.main-menu .navigation > li > span { color:#000; font-size:24px; margin-left:56px;}
.main-menu .navigation > li > span i { font-size:12px; padding-left:12px;}
.main-menu .navigation > li > span a:hover { color:#a33326;}
.main-menu .navigation > li > ul{ position:absolute; top:180%; right:0; width:160px; opacity:0.8; padding:15px 0px; text-align:center; background-color:rgba(255,255,255,0.9); border-top:#a33326 2px solid; filter:alpha(opacity=0);
    -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; 
	-webkit-box-shadow:0px 4px 4px 1px rgba(0,0,0,0.01); box-shadow:0px 4px 4px 1px rgba(0,0,0,0.2); -webkit-transform:rotateX(-50deg); transform:rotateX(-50deg); -webkit-transform-origin:0 0; transform-origin:0 0;}
.main-menu .navigation > li > ul > li{ position:relative; width:100%; padding:0px 10px;}
.main-menu .navigation > li > ul > li > a { position:relative; display:block; padding:14px 0px; border-bottom:1px solid rgba(0,0,0,0.05); color:#444;}
.main-menu .navigation > li > ul > li > a:hover { color:#a33326; font-weight:bold;}
.main-menu .navigation > li > ul > li:last-child > a { border-bottom:none;}
.main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; filter:alpha(opacity=100); top:180%; -webkit-transform:rotateX(0); transform:rotateX(0);}
.main-menu .navigation > li.dropdown .dropdown-btn { display:none;}
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul { display:block !important; visibility:hidden; opacity:0;}

/** mobile-menu **/
.mobile-menu{ position:fixed; left:0; top:0; min-width:300px !important; width:70%; height:100%; opacity:0; visibility:hidden; z-index:100;}
.mobile-menu .navbar-collapse{ display:block !important;}
.mobile-menu .nav-logo{ position:relative; padding:30px 5px; text-align:left;}
.mobile-menu-visible{ overflow:hidden;}
.mobile-menu-visible .mobile-menu{ opacity:1; visibility:visible;}
.mobile-menu .menu-backdrop{ position:fixed; top:0; right:0; width:100%; height:100%; background:#a33326;
    -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease;}
.mobile-menu-visible .mobile-menu .menu-backdrop{ opacity:0.8; visibility:visible;
    -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;
    -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}
.mobile-menu .menu-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; max-height:100%; overflow-y:auto; background:#f7f7f7; opacity:0; padding:0 25px; z-index:100;
    visibility:hidden; border-radius:0px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}
.mobile-menu-visible .mobile-menu .menu-box{ opacity:1; visibility:visible;
    -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;
    -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}
.mobile-menu-visible .mobile-menu .menu-box::-webkit-scrollbar { display:none;}
.mobile-menu .close-btn { position:absolute; right:-40px; top:100px; width:40px; height:40px; background:#61160e; color:#fff; display:table; text-align:center; z-index:3; cursor:pointer;
    -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease;}
.mobile-menu .close-btn i {display:table-cell; vertical-align:middle;}
.mobile-menu .close-btn:hover{ background:#300d09;}
.mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform:rotate(180deg);  -ms-transform:rotate(180deg); transform:rotate(180deg);}
.mobile-menu .navigation{ position:relative; display:block; width:100%; float:none;}
.mobile-menu .navigation li { position:relative; display:block; border-top:1px solid rgba(0,0,0,0.05); line-height:55px; font-size:16px; font-weight:800;}
.mobile-menu .navigation:last-child{ border-bottom:1px solid rgba(0,0,0,0.05);}
.mobile-menu .navigation li span i { display:none;}
.mobile-menu .navigation li.dropdown .dropdown-btn { position:absolute; right:6px; top:12px; width:32px; height:32px; text-align:center; line-height:32px; background:rgba(0,0,0,0.1); border-radius:2px; cursor:pointer;
    -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.mobile-menu .navigation li.dropdown .dropdown-btn i { color:rgba(0,0,0,0.5); font-size:14px;}
.mobile-menu .navigation li.dropdown .dropdown-btn.open{ background:#a33326; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.mobile-menu .navigation li.dropdown .dropdown-btn.open i { color:#fff;}
.mobile-menu .navigation li > ul > li:first-child{ border-top:1px solid rgba(0,0,0,0.05);}
.mobile-menu .navigation li ul li { line-height:42px; color:#555; font-size:14px; display:block; border-top:1px dashed rgba(0,0,0,0.05);}
.mobile-menu .navigation li ul li > a { margin-left:20px; font-weight:400; display:block;}
.mobile-menu .navigation li ul li:hover { background:#f0f0f0;}
.mobile-menu .navigation li ul li:hover a { font-weight:800;}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{ display:none;}
.mobile-menu .mobile{ position:relative; padding:0px 25px;}
.mobile-menu .social-links li{ position:relative; display:inline-block; margin:0px 10px 10px;}
.mobile-links { position:relative; padding:30px 0;}
.mobile-links dl { width:100%; display:inline-table;}
.mobile-links dl dd { padding:10px 0; font-size:12px; border:2px solid #eaeaea; background:#fff; display:table-cell; vertical-align:middle; text-align:center;}
.mobile-links dl dd.top1 { width:30%;}
.mobile-links dl dd.top2 { width:30%; border-left:none; border-right:none;}
.mobile-links dl dd.top3 { width:40%;}
.mobile-links dl dd p i { font-size:18px; color:#444;}
.mobile-links dl dd span { font-size:13px; width:100%; color:#808080;}
.mobile-links dl dd:hover { background:#f6f7fb; transition:900ms;}
.mobile-links dl dd:hover i { color:#113399;}
.mobile-links dl dd:hover span { color:#0f2259;}
div#mCSB_1_container{ top:0px !important;}

/*--------------------------------------------------------------
  Search Popup
--------------------------------------------------------------*/
.serch-only{ border:0; clip:rect(0,0,0,0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.search-popup { position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:999; padding:0 50px; display:flex;
    justify-content:center; align-items:center; transform:translateY(-110%); transition:transform 500ms ease, opacity 500ms ease;}
.search-popup.active { transform:translateY(0%);}
.search-over { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:0.75;}
.search-content { width:100%; max-width:560px;}
.search-content form { display:flex; flex-wrap:wrap; position:relative; background-color:#fff; border-radius:0px; overflow:hidden;}
.search-content form input[type="search"],
.search-content form input[type="text"] { width:100%; background-color:#fff; font-size:16px; border:none; outline:none; height:66px; padding-left:20px; padding-right:90px;}
.search-content .thm-btn2 { padding:0; width:68px; height:68px; display:flex; justify-content:center; align-items:center; text-align:center; position:absolute; top:0; right:-1px; border-radius:0; background-color:#113399; 
    border:none; transition:all 200ms linear;transition-delay:0.1s; color:#fff;}
.search-content .thm-btn2::before { display:none;}
.search-content .thm-btn2:hover { background-color:#a33326; color:#fff;}
.search-content .thm-btn2 i::before { margin:0; color:#fff;}
.search-content .thm-btn2 i { font-size:24px;}

/*--------------------------------------------------------------
  Swiper
--------------------------------------------------------------*/
.swiper1 { width:100%; height:auto; clear:both;}
.swiper1 .swiper-slide { text-align:center; max-height:500px;}
.swiper1 .swiper-slide img { max-width:100%; height:auto;}
.swiper1 .swiper-pagination-bullet { width:10px; height:10px; background-color:rgba(0,0,0,0.8); margin:0 15px; margin-bottom:10px !important;}
.swiper1 .swiper-pagination-bullet-active { width:25px; border-radius:8px; background-color:#a33326;}
.swiper1 .mbanner { position:relative;}
.swiper1 .mbanner .mbanner-txt { height:100%; position:relative;}
.swiper1 .mbanner .mbanner-txt img { position:absolute; top:50%; left:30px; transform:translateY(-50%);}
.swiper1 .mbanner .mbanner-txt:hover { -webkit-filter: contrast(150%);filter: contrast(150%); position:relative; left:1px; top:1px;}
.swiper1 .mbanner .mbanner-gif { height:100%; position:relative; text-align:right;}

/*--------------------------------------------------------------
  Service
--------------------------------------------------------------*/
.servicebox { width:100%; background:url(../images/bj2.jpg) top center no-repeat; background-size:cover; margin:0 auto;}
.service { width:100%;}
.service .nav-tabs { -ms-flex-pack:center !important; justify-content:center !important; margin:60px 0; border:none;}
.service .nav-tabs li { margin:0 45px; position:relative;}
.service .nav-tabs li a { color:#555;}
.service .nav-tabs li a:hover { color:#000;}
.service .nav-tabs li .active { color:#a33326; font-weight:800;}
.service .nav-tabs li .active::after { content:''; width:60%; height:2px; background-color:rgba(163,51,38,0.2); position:absolute; left:20%; right:20%; bottom:-20px; box-sizing:border-box;}
.service .tab-content dl  { width:100%; background-color:rgba(255,255,255,0.9); padding:50px 0; text-align:center; border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,.07); margin-bottom:30px;}
.service .tab-content dl dt { padding:15px; text-align:center; display:inline-block; border-radius:8px;}
.service .tab-content dl dt i { font-size:40px; line-height:100%; font-weight:400; color:#fff;}
.service .tab-content dl dd { padding-top:15px;}
.service .tab-content dl:hover {  background-color:rgba(255,255,255,0.5); box-shadow:0 0 8px rgba(0,0,0,.2);}
.service .tab-content dl:hover dd { font-weight:800; color:#333;}
.service .ser-more { margin:20px 0 40px 0; text-align:center; color:#666;}
.service .ser-more i { font-size:20px; padding-left:12px;}
.service .ser-more a:hover { font-weight:800; color:#333;}

/*--------------------------------------------------------------
  News
--------------------------------------------------------------*/
.news { width:100%;}
.news .nav-tabs { margin:50px 0; border:none; padding:0 15px; position:relative;}
.news .nav-tabs li { margin-right:90px; position:relative;}
.news .nav-tabs li:last-child { margin-right:0;}
.news .nav-tabs li a { color:#555;}
.news .nav-tabs li a:hover { color:#000;}
.news .nav-tabs li .active { color:#a33326; font-weight:800;}
.news .nav-tabs li .active::after { content:''; width:60%; height:2px; background-color:rgba(163,51,38,0.2); position:absolute; left:20%; right:20%; bottom:-20px; box-sizing:border-box;}
.news .nav-tabs li.more1 { color:#a33326; position:absolute; right:0; margin-right:20px;}
.more1 i { font-size:24px; color:#777;}
.more1 i:hover { color:#a33326;}
.news .tab-content { width:100%;}
.news-hot { width:100%;}
.news-hot h4 { position:relative;}
.news-hot h4 p { width:100%; height:auto; position:relative; z-index:1; border-top-left-radius:10px; border-top-right-radius:10px;}
.news-hot h4 p img { width:100%; height:325px;}
.news-hot h4 span { position:absolute; left:12px; top:12px; z-index:10; background:rgba(0,0,0,0.5); color:#fff; padding:8px 12px; font-size:12px; font-weight:400; border-radius:4px;}
.news-hot h4 span a:hover { font-weight:800; color:#fff;}
.news-hot h4 span:hover { background:rgba(161,51,38,0.5);}
.news-hot dl { width:100%; position:relative; margin-top:60px;}
.news-hot dl dt { width:12%; height:130px; background:#a33326; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:#fff; display:inline-block; text-align:center; font-weight:400; float:left;}
.news-hot dl dt p { font-size:56px; line-height:150%; margin-top:5px;}
.news-hot dl dd { width:88%; padding-left:30px; float:left;}
.news dl dd.one1 { height:20px; line-height:20px; font-weight:800; overflow:hidden;}
.news dl dd.one2 { white-space:nowrap; color:#9c9c9c; margin:21px 0;}
.news dl dd.one2 i { padding-right:10px; margin-left:26px;}
.news dl dd.one2 i:first-child { margin-left:0;}
.news dl dd.one3 { color:#898989; height:48px; line-height:24px; overflow:hidden;}
.news dl dd.one4 { white-space:nowrap; color:#9c9c9c; margin:21px 0; display:none;}
.news dl dd.one4 i { padding-right:10px; margin-left:26px;}
.news dl dd.one4 i:first-child { margin-left:0;}
.news-list { width:100%;}
.news-list dl { width:100%; border-bottom:#f0f0f0 1px solid; padding:28px 0; float:left;}
.news-list dl:first-child { padding-top:0;}
.news-list dl:last-child { border-bottom:none;}
.news-list dl dt { float:left; margin-right:26px; border-radius:10px;}
.news-list dl dt img { width:200px; height:132px;}
.news-list dl dt span { position:absolute; left:12px; top:12px; z-index:10; background:rgba(0,0,0,0.5); color:#fff; padding:3px 8px; font-size:12px; font-weight:400; border-radius:4px;}
.news-list dl dt span a:hover { font-weight:800; color:#fff;}
.news-list dl dt span:hover { background:rgba(161,51,38,0.5);}
.news-list-two { margin-bottom:28px; float:left;} 
.news-list-two dl { border-bottom:#f0f0f0 1px dashed !important; padding-bottom:28px !important;}

/*--------------------------------------------------------------
  Shuju
--------------------------------------------------------------*/
.shujubox { width:100%; background:#f7f7f7; padding-bottom:30px; margin:0 auto;}
.shuju-tt { width:100%; padding:40px 0; text-align:center;}
.shuju-tt h3 { line-height:200%;}
.shuju-tt p { color:#898989;}
.shuju1 { width:100%; background:rgba(255,255,255,1); display:flex; padding:40px 30px; border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,.04); margin-bottom:30px; float:left;}
.shuju1 dl { flex:1; float:left;}
.shuju1 dl dt { color:#898989;}
.shuju1 dl dd { font-size:40px; line-height:100%; margin-top:20px;}
.shuju1 p { width:90px; min-height:90px; background:#f2f2f2; border-radius:50%; display:flex;}
.shuju1 p span { margin:auto;}
.shuju1 p span i { font-size:50px; line-height:100%; color:#a33326;}
.shuju2 { width:100%; padding:35px 30px; background:rgba(255,255,255,1); border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,.04); margin-bottom:30px;}
.shuju2 dl dt { color:#000; line-height:150%;}
.shuju2 dl dd { color:#898989;}
.shuju2 dl dd span { color:#a33326;}
.shuju2-box { width:100%; margin-top:30px; text-align:center;}
.shuju2-box img { width:93%; height:100%;}
.shuju3 { width:100%; padding:35px 30px; background:rgba(255,255,255,1); border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,.04); margin-bottom:30px;}
.shuju3-tt { width:100%; margin-bottom:40px; float:left;}
.shuju3-tt dl { float:left;}
.shuju3-tt dl dt { color:#000; line-height:150%;}
.shuju3-tt dl dd { color:#898989;}
.shuju3-tt dl dd span { color:#a33326;}
.shuju3-tt ul { float:right;}
.shuju3-tt .nav-tabs { border:none;}
.shuju3-tt .nav-tabs li { margin-right:10px;}
.shuju3-tt .nav-tabs li a { color:#555; background:#ececec; padding:6px 20px; border-radius:20px;}
.shuju3-tt .nav-tabs li a:hover { color:#fff; background:#a33326; opacity:0.5;}
.shuju3-tt .nav-tabs li .active { color:#fff; background:#a33326; font-weight:800;}
.shuju3-box { width:100%; margin-top:30px; text-align:center;}
.shuju3-box img { width:auto; height:100%;}

/*--------------------------------------------------------------
  Fuwu
--------------------------------------------------------------*/
.fuwu-tt { width:100%; position:relative;}
.fuwu-tt h3 { display:inline;}
.fuwu-tt h3 i { font-size:inherit; padding-right:12px; color:#a33326;}
.fuwu-tt span { float:right;}
.fuwu h6 { margin:30px 0 20px 0; border-radius:10px;}
.fuwu li { width:100%; line-height:45px; display:flex;}
.fuwu li p { flex:1; overflow:hidden; padding-right:15px; height:45px;}
.fuwu li p b { font-weight:400; color:#a33326; padding-right:15px; font-size:inherit;}
.fuwu li span { width:80px; color:#a3a3a3; overflow:hidden;}
.fuwu li span i { color:#daada8; padding-right:12px;}
.swiper2 { width:100%; height:100%; position:relative;}
.swiper2 .swiper-slide { text-align:center; background:#fff;}
.swiper2 .swiper-slide .vedio-pic { width:100%; border-radius:10px;}
.swiper2 .swiper-slide .vedio-pic img { min-width:100%; height:auto;}
.swiper2 .swiper-slide .vedio-tit { text-align:left; margin-top:30px;}
.swiper2 .swiper-slide .vedio-tit i { color:#a33326; font-size:inherit; padding-right:12px;}
.swiper2 .swiper-button-prev:after,
.swiper2 .swiper-button-next:after{ display:none;} 
.swiper2 .swiper-button-prev,
.swiper2 .swiper-button-next { width:30px; height:40px; background-size:100%; border-radius:0%; top:45%;}
.swiper2 .swiper-button-prev { background:url(../images/arrow1.png) 50% no-repeat; left:0;}
.swiper2 .swiper-button-next { background:url(../images/arrow2.png) 50% no-repeat; right:0;}

/*--------------------------------------------------------------
  Links
--------------------------------------------------------------*/
.links { width:100%; padding:15px 15px; box-shadow:0 0 8px rgba(0,0,0,.07); display:flex;}
.links h4 { display:inline-table; align-self:center; margin-right:10px;}
.links ul { display:inline-table; align-self:center; flex:1;}
.links li { padding-right:30px; float:left;}
.links li a { color:#555;}
.links li:last-child { padding-right:0;}

/*--------------------------------------------------------------
  Footer
--------------------------------------------------------------*/
.footer { width:100%; background:#a33327; margin:0 auto;}
.foot1 { width:100%; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.07); position:relative; top:-40px; z-index:1; clear:both;}
.foot1 h4 { width:100%; font-size:18px; font-weight:normal; text-align:center; padding:30px 15px; color:#c8c8c8;}
.foot1 h4 span { padding:0 13px; display:inline-block; line-height:30px;}
.foot1 h4 span a { color:#4c1e18;}
.foot1 h4 span a:hover { text-decoration:underline;}
.foot2 { width:100%; padding:0 0 30px 0; color:rgba(255,255,255,0.8) !important; float:left;}
.foot2 a { color:rgba(255,255,255,0.8) !important;}
.foot2 a:hover { color:#fff !important; font-weight:bold;}
.foot2 .foot-logo { opacity:0.8; width:85%;}
.foot2 .foot-add { margin-left:10%;}
.foot2 .foot-add p { font-size:14px; line-height:30px;}
.foot2 .foot-add p i { font-size:inherit; padding-right:8px;}
.foot2 .foot-meiti { text-align:right;}
.foot2 .foot-meiti h4 { font-size:15px; font-weight:normal; color:#bd4f43; margin-top:20px;}
.foot2 .foot-meiti h4 span { padding:0 6px;}
.meiti { text-align:right;}
.meiti span { font-size:18px; display:inline-block; vertical-align:text-bottom;}
.meiti .grp { display:inline-block; margin-right:15px; vertical-align:text-bottom; position:relative;}
.meiti .grp:last-child { margin-right:0;}
.meiti .grp a { font-weight:normal;}
.meiti i:hover { color:#fff;}
.meiti i { font-size:46px;}
.meiti .grp:hover .drop{ display:block;}
.meiti .drop { width:140px; position:absolute; left:50%; margin-left:-70px; top:-160px; z-index:30; padding-bottom:15px; display:none;}
.meiti .drop .box { background-color:#fff; padding:5px; box-shadow:0 0 8px rgba(0,0,0,.07); position:relative;}
.meiti .box::after { content:''; position:absolute; width:0; height:0; border-style:solid; border-width:6px 6px 0 6px; border-color:#fff transparent transparent transparent; left:50%; bottom:-6px; margin-left:-6px;}
.meiti .tp { width:100%;}
.footer-bottom { width:100%; background:#300d09; padding:15px 15px; text-align:center; clear:both; overflow:hidden; margin:0 auto;}
.footer-bottom span { color:#ac9e9d; font-size:14px; padding:0 10px;}
.footer-bottom span a { color:#ac9e9d;}
.footer-bottom span a:hover { color:#fff;}
/**scroll**/
.scroll-to-top { position:fixed; right:20px; bottom:80px; width:45px; height:45px; color:#fff; font-size:18px; line-height:45px; text-align:center; z-index:1000; background:#300d09; border-radius:50%; display:none;
    -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; cursor:pointer; opacity:0.6;}
.scroll-to-top:hover { background:#300d09; border-radius:0; opacity:1;}


/*--------------------------------------------------------------
  SubPage  ************************
--------------------------------------------------------------*/
.subcontainer { width:100%; height:100%; background:#f7f7f7;}
.subfoot { background:#f7f7f7;}

.subtop { width:100%; background:url(../images/subbj.jpg) #f7f7f7 top center no-repeat; background-size:cover; clear:both; padding:40px 0; position:relative; display:inline-block; float:left;}
.subtop-home { width:100%; background:url(../images/bj3.jpg) left top repeat-y; padding-left:30px; float:left;}
.subtop-home h2 { margin-bottom:5px; font-size:26px; font-weight:800; line-height:100%; color:#4b110d;}
.subtop-home ul { display:table;}
.subtop-home li { padding:7px 14px; margin-right:15px; margin-top:15px; background:rgba(0,0,0,0.11); display:inline-table;}
.subtop-home li:last-child { margin-right:0;}
.subtop-home li.active { background:#a33326; color:#fff;}
.subtop-home li:hover { background:#4b1610; color:#fff;}
.subtop-home li a:hover { color:#fff;}

.subbox { width:100%; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.04); clear:both; margin-bottom:40px; float:left;}
.subnr { width:100%; font-size:16px; line-height:30px; padding:30px 30px; color:#333; overflow:hidden; float:left;}
.subnr img { max-width:100%; height:auto; display:inline-block; padding:8px 0;}
.nrtt1 { width:100%; font-size:20px; font-weight:800; padding-bottom:20px; margin-top:20px; color:#a33326; position:relative;}
.nrtt1::after { content:''; width:50px; height:2px; background-color:rgba(163,51,38,0.2); position:absolute; left:0; bottom:10px; box-sizing:border-box;}

.subtt1 { width:100%; padding:30px 30px 0 30px; overflow:hidden; float:left;}
.subtt1 h4 { font-size:14px; line-height:24px; font-weight:400; color:#1b8788; margin-bottom:6px;}
.subtt1 h4 i { font-size:12px; padding:0 8px; color:#999;}
.subtt1 h4 span { }
.subtt1 h4 span:last-child { padding-right:0;}
.subtt1 h3 { margin-bottom:20px; line-height:160%; font-size:22px; font-weight:800;}
.subtt1 p { font-size:14px; color:#888; padding-bottom:6px; border-bottom:#ececec 1px solid;}
.subtt1 p span { padding-right:18px;}
.subtt1 p span:last-child { padding-right:0;}
.subtt1 p i { font-size:inherit; padding-right:6px;}

.subtt2 { width:100%; padding:30px 30px 20px 30px; border-bottom:#ececec 1px solid; display:table;}
.subtt2 dl { display:flex; float:left;}
.subtt2 dl dt { margin-right:20px;}
.subtt2 dl dt i { font-size:60px; line-height:60px; font-weight:400;}
.subtt2 dl dd { flex:1;}
.subtt2 dl dd h3 { font-size:22px; font-weight:800;}
.subtt2 p { width:100%; margin-top:12px; height:14px; line-height:14px; font-size:14px; color:#898989; overflow:hidden;}
.subtt2 p span { padding-right:12px; margin-right:12px; border-right:2px solid #e6e6e6;}
.subtt2 p span:last-child { padding-right:0; margin-right:0; border-right:none;}
.subtt2 p span i { padding-right:6px;}
.subtt2 h4 { display:inline-table; float:right;}
.subtt2 h4 span { margin-left:15px; display:inline-block;}
.subtt2 h4 span:first-child  { margin-left:0}
.subtt2 h4 span i { font-size:inherit; padding-right:10px;}
.subtt2 h4 span a { padding:13px 18px; font-size:16px; font-weight:800;}
.subtt2 h4 span.fan1 a { background:#ffffff; color:#300d09; border:#300d09 1px solid;}
.subtt2 h4 span.fan2 a { background:#300d09; color:#ffffff; border:#300d09 1px solid;}
.subtt2 h4 span a:hover { background:#a33326; border:#a33326 1px solid; color:#fff;}

.subnext { width:100%; background:#fff; -webkit-box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); box-shadow:0px 0px 4px 0px rgba(222, 225, 227, 0.8); margin-bottom:2px; margin-top:20px; float:left;}
.subnext ul { width:100%; padding:20px;}
.subnext li { width:100%; padding:0 10px; height:45px; line-height:45px; overflow:hidden;}
.subnext li { color:#c00004; font-weight:600;}
.subnext li a { color:#123266; font-weight:normal;}
.subnext li a:hover { color:#c00004;}

.subfenye {font-size:16px !important; background:#fff; margin-top:10px; margin-bottom:20px; text-align:center; width:100%; padding:15px 15px; float:left;}
.subfenye span { padding:0 5px;}
#fenye table { margin:auto;} 
#pagelist { padding:30px 0; text-align:center;} 
#pagelist a { float:left; width:30px; height:30px; line-height:30px; background:#fff; border-radius:3px; font-size:14px; border:1px solid #e3e3e3; margin:0 5px; color:#5b5b5b;} 
#pagelist a:hover { color:#49120c; } 
#pagelist .prev,
#pagelist .next { display:block; height:30px; width:30px } 
#pagelist .next img,#pagelist .next img { margin-top:-3px } 
#pagelist .prev:hover { background:url(paging-prevh.png) center no-repeat 50% 50%;} 
#pagelist .next:hover { background:url(paging-nexth.png) center no-repeat 50% 50%;} 
#pagelist .curr,
#pagelist .curr:hover { background:#49120c; color:#fff; border:1px solid #49120c;} 
#pagelist .prev { background:url(paging-prev.png) no-repeat 50% 50%;} 
#pagelist .next { background:url(paging-next.png) no-repeat 50% 50%;} 
 
.subpic1 { width:100%; padding:30px 30px; display:flex; border-bottom:#f2f2f2 3px solid; float:left;}
.subpic1:last-child { border-bottom:none;}
.subpic1 h4 { width:16%; margin-right:30px;}
.subpic1 h4 img { width:100%; height:auto;}
.subpic1 h5 { width:35%; margin-right:30px;}
.subpic1 h5 img { width:100%; height:auto;}
.subpic1 ul { flex:1; position:relative;} 
.subpic1 li { width:100%;}
.subpic1 li.tt1 { font-size:30px;}
.subpic1 li.tt2 { padding:10px 0; margin-bottom:20px; border-bottom:#f2f2f2 1px dashed;}
.subpic1 li.tt2 span { background:#f0ead4; color:#7e7450; padding:5px 10px; display:inline-table; margin-top:12px; margin-right:12px;}
.subpic1 li.tt3 { line-height:30px; color:#555;}
.subpic1 li.tt4 { font-size:28px; position:relative;}
.subpic1 li.tt4::after { content:''; width:10%; height:2px; background-color:rgba(163,51,38,0.2); position:absolute; left:0; bottom:-20px; box-sizing:border-box;}
.subpic1 li.tt5 { font-size:15px; line-height:26px; margin-top:40px; margin:40px 0; color:#555;}
.subpic1 li.tt6 { }
.subpic1 li .tan1 { display:inline; margin-right:30px;}
.subpic1 li .tan1:last-child { margin-right:0;}
.subpic1 li .tan1 a { display:inline-block; color:#999; text-align:center;}
.subpic1 li .tan1 a:hover { color:#a33326;}
.subpic1 li .tan1 a i { font-size:40px; line-height:100%; font-weight:400;}
.subpic1 li .tan1 a span { display:block; padding-top:6px;}
.subpic1 li .tan1 .modal-content { padding:10px 10px;}
.subpic1 li .tan1 .modal-title { font-size:16px; font-weight:bold; color:#49120c; white-space:nowrap;}
.subpic1 li .tan1 .modal-body { font-size:15px; line-height:30px;}

.box1 { border-left:#e8ccc9 2px solid; display:flex; overflow:hidden;}
.news1 { padding:30px 0; box-shadow:0 0 6px rgba(0,0,0,.07); margin-bottom:15px;}
.news1 .sub-time { text-align:center; margin-right:20px; align-self:center; padding:0 30px; border-right:#f3f3f3 1px solid;}
.news1 .sub-time b { display:block; color:#444; font-size:38px; height:45px; line-height:45px; margin-bottom:5px; font-weight:600;}
.news1 .sub-time span { color:#888; display:block; font-size:17px;}
.news1 .sub-tit1 { flex:1; align-self:center; overflow:hidden; padding-right:30px;}
.news1 .sub-tit1 h3 { height:40px; line-height:40px; font-size:20px; font-weight:800; color:#222; overflow:hidden; margin-bottom:12px;}
.news1 .sub-tit1 h5 span { font-size:14px; line-height:14px; padding:6px 10px; font-weight:400; background:#f5e8e6; color:#b0a7a5; margin-top:6px; float:left;}
.news1 .sub-tit1 p { font-size:14px; line-height:22px; max-height:44px; overflow:hidden; color:#777;}
.news1:hover .box1 { border-left:#c00004 2px solid;}
.news1:hover .sub-time b { color:#a33326;}

.news2 { padding:30px 30px; border-bottom:#eee 1px dashed; display:flex;}
.news2 .sub-pic1 { width:211px; height:140px; margin-right:30px;}
.news2 .sub-pic1 img { width:100%;}
.news2 dl { flex:1;}
.news2 dl dd i { padding-right:10px; margin-left:26px;}
.news2 dl dd i:first-child { margin-left:0;}
.news2 dl dd.nn1 { max-height:24px; line-height:24px; font-size:20px; font-weight:800; color:#222; overflow:hidden;}
.news2 dl dd.nn2 { max-height:48px; line-height:24px; overflow:hidden; color:#777; font-size:14px; margin:22px 0;}
.news2 dl dd.nn3 { color:#9c9c9c;}
.news2 dl dd.nn4 { max-height:24px; line-height:24px; overflow:hidden; color:#777; font-size:14px; margin:22px 0;}
.news2 dl dd.nn5 { padding-top:15px;}
.news2 dl dd.nn5 span a { padding:10px 18px; margin-right:15px; color:#fff; background:#f2f2f2; opacity:0.6;}
.news2 dl dd.nn5 span a:hover { opacity:1; font-weight:800;}
.news2 dl dd.nn5 span i { padding-left:8px;}
.news2 dl dd.nn5 span.btn1 a { background:#8c92a5;}
.news2 dl dd.nn5 span.btn2 a { background:#ae9997;}

.subfuwu { width:100%; display:flex;}
.subfuwu .tab-content { flex:1;}
.subfuwu .nav-tabs { width:250px; padding:30px 0; border:none; border-right:#f5f5f5 2px solid; display:table;}
.subfuwu .nav-tabs li { width:100%; font-size:18px; display:block; position:relative;}
.subfuwu .nav-tabs li a { color:#333; display:block; height:56px; line-height:56px; padding:0 20px; position:relative;}
.subfuwu .nav-tabs li a p { display:inline-block; float:left}
.subfuwu .nav-tabs li a span { display:inline-block; text-align:right; padding-left:10px; font-weight:400; font-size:18px; color:#999; float:right;}
.subfuwu .nav-tabs li a:hover { color:#a33326; background:#f5f5f5; font-weight:800;}
.subfuwu .nav-tabs li a.curr { color:#fff; font-weight:800; background:rgba(73,18,12,1);}
.subfuwu .nav-tabs li a.curr span { color:#fff; opacity:0.7;}
.subfuwu .nav-tabs li a.curr::after { content:''; position:absolute; right:-2px; top:0; height:inherit; border-right:#49120c 2px dashed;}
.subfuwu .nav-tabs li .active { color:#a33326; font-weight:800; background:#f5f5f5;}
.subfuwu .nav-tabs li .active::after { content:''; position:absolute; right:-2px; top:0; height:inherit; border-right:#a33326 2px dashed; opacity:0.5;}

.fuwu1 { width:100%;}
.fuwu1 dl { display:flex; border-bottom:1px solid #f0f0f0; padding:30px 30px;}
.fuwu1 dl dt { margin-right:20px;}
.fuwu1 dl dt i { font-size:50px; line-height:50px; font-weight:400; opacity:0.4;}
.fuwu1 dl dd { flex:1;}
.fuwu1-dd { display:flex;}
.fuwu1-dd .fuwu-1 { flex:1;}
.fuwu1-dd .fuwu-1 h3 { width:100%; font-size:18px; font-weight:800;}
.fuwu1-dd .fuwu-1 p { width:100%; margin-top:12px; height:14px; line-height:14px; font-size:14px; color:#898989; overflow:hidden;}
.fuwu1-dd .fuwu-1 p span { padding-right:12px; margin-right:12px; border-right:2px solid #e6e6e6;}
.fuwu1-dd .fuwu-1 p span:last-child { padding-right:0; margin-right:0; border-right:none;}
.fuwu1-dd .fuwu-1 p span i { padding-right:6px;}
.fuwu1-dd .fuwu-2 { display:table;}
.fuwu1-dd .fuwu-2 span { font-size:16px; display:table-cell; vertical-align:middle; -ms-flex-pack:center !important; justify-content:center !important;}
.fuwu1-dd .fuwu-2 span:last-child { margin-right:0;}
.fuwu1-dd .fuwu-2 span a { padding:10px 15px; margin-right:15px; color:#fff; opacity:0.6;}
.fuwu1-dd .fuwu-2 span a:hover { opacity:1; font-weight:800;}
.fuwu1-dd .fuwu-2 span i { padding-left:8px;}
.fuwu1-dd .fuwu-2 span.btn1 a { background:#113399;}
.fuwu1-dd .fuwu-2 span.btn2 a { background:#a33326;}
.fuwu1 dl:hover { background:#fffdf5;}
.fuwu1 dl:hover h3 { color:#a33326;}
.fuwu1 dl:hover dt i { opacity:0.8;}

.subcontact { width:100%; background:#fff; border:#fff 1px solid; box-shadow:0 0 6px rgba(0,0,0,.04); text-align:center; padding:15px 15px; margin-bottom:30px;}
.subcontact dt { margin:50px 0;}
.subcontact dt i { background:rgba(163,51,38,0.5); border-radius:50%; font-size:40px; padding:20px; color:#fff; font-weight:400;}
.subcontact dd h3 { font-size:22px; margin-bottom:20px; color:#333;}
.subcontact dd { color:#666; line-height:28px;}
.subcontact p { background:#300d09; color:#fff; padding:10px 10px; margin-top:10px;}
.subcontact:hover { border:rgba(163,51,38,0.3) 1px dashed;}
.subcontact:hover dt i { background:#49120c;}
.subcontact:hover dd h3 { color:#a33326;}

/**subabout**/
.sub-about { width:100%; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.04); display:flex; padding:30px 30px; float:left;}
.about1 { flex:1; position:relative;}
.about2 { width:35%; padding-left:30px;}
.about1-tt { width:100%; color:#333;}
.about1-tt h3 { font-size:22px; font-weight:800; margin-bottom:30px; color:#49120c; position:relative;}
.about1-tt h3::after { content:''; width:50px; height:2px; background-color:rgba(163,51,38,0.2); position:absolute; left:0; bottom:-15px; box-sizing:border-box;}
.about1-tt p { font-size:16px; line-height:30px;}
.about1-tj { width:100%; position:absolute; bottom:15px; text-align:center;}
.about1-tj .col-lg-3 { padding-right:10px !important; padding-left:10px !important;}
.about1-tj dl { padding:40px 10px; background:#f3efea;}
.about1-tj dl:hover { background:#113399;}
.about1-tj dl:hover i { color:rgba(255,255,255,0.9);}
.about1-tj dl:hover dd { color:rgba(255,255,255,0.7);}
.about1-tj dl:hover p { color:#fff;}
.about1-tj dl dt i { font-size:50px; line-height:100%; font-weight:400; color:#a33326;}
.about1-tj dl dd { color:#333; font-size:15px;}
.about1-tj dl dd p { font-size:24px; padding:20px 0 10px 0; color:#49120c;}
.about1-tj dl dd p span { font-size:30px; font-weight:800; padding-right:3px;}

.sub-boxtt { width:100%; text-align:center; position:relative; margin:35px 0;}
.sub-boxtt h3 { position:relative; display:inline; font-size:22px; font-weight:800; margin-bottom:30px; color:#49120c;}
.sub-boxtt h3::after { content:''; height:2px; background-color:rgba(163,51,38,0.2); position:absolute; left:15px; right:15px; bottom:-15px; box-sizing:border-box;}
.sub-lead { width:100%; float:left;}
.sub-lead dl { width:100%; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.04); position:relative; padding:30px 30px; float:left;}
.sub-lead dl dt { width:40%; padding-right:20px; float:left;}
.sub-lead dl dd { width:60%; float:left;}
.sub-lead dl dd.ld1 { font-size:20px; line-height:100%; margin-bottom:15px;}
.sub-lead dl dd.ld2 span { background:#f0ead4; color:#7e7450; padding:5px 10px; font-size:14px;}
.sub-lead dl dd.ld3 { line-height:26px; height:78px; color:#555; font-size:15px; margin:15px 0; overflow:hidden;}
.sub-lead dl dd.ld4 { margin-top:10px; display:inline-block;}
.sub-lead dl dd.ld4 a { background:#afafaf; color:#fff; font-size:14px; padding:5px 10px;}
.sub-lead dl dd.ld4 a:hover { background:#a33326; color:#fff;}
.sub-lead dl dd.ld4 i { padding-left:6px;}

.sub-keshi { width:100%; margin-bottom:40px; float:left;}
.sub-keshi dl { width:100%; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.04); position:relative; padding:30px 30px; float:left;}
.sub-keshi dl dt { width:100%; float:left;}
.sub-keshi dl dt img { width:100%;}
.sub-keshi dl dt span { width:100%; background:#49120c; color:#fff; font-weight:800; padding:8px 0; text-align:center; float:left;}
.sub-keshi dl dd { width:100%; float:left;}
.sub-keshi dl dd.ks1 { margin:20px 0; line-height:28px; height:112px; overflow:hidden; color:#555;}
.sub-keshi dl dd.ks2 { width:100%; display:table; color:#314067;}
.sub-keshi dl dd.ks2 span { width:50%; display:inline-table;}
.sub-keshi dl dd.ks2 span i { padding-right:6px;}

/**remodal**/
html.remodal-is-locked { overflow:hidden; -ms-touch-action:none; touch-action:none;}
.remodal,[data-remodal-id] { display: none;}
.remodal-overlay { position:fixed; z-index:9999; top:-5000px; right:-5000px; bottom:-5000px; left:-5000px; display: none;}
.remodal-wrapper { position:fixed; z-index:10000; top:0; right:0; bottom:0; left:0; display:none; overflow:auto; text-align:center; -webkit-overflow-scrolling: touch;}
.remodal-wrapper:after { display:inline-block; height:100%; margin-left:-0.05em; content:"";}
.remodal { position:relative; outline:none; -webkit-text-size-adjust:100%; -ms-text-size-adjust:90%; text-size-adjust:100%; text-align:left;}
.remodal-is-initialized { display:inline-block;}

.remodal-box1 { padding:5px;}
.remodal-box1 li { line-height:35px;}
.remodal-box1 li.one1 { font-size:20px; font-weight:800; border-bottom:#ccc 1px solid; padding-bottom:10px; margin-bottom:10px;}
.remodal-box1 li.one1 span { background:#f0ead4; color:#7e7450; padding:4px 10px; font-size:16px; font-weight:normal; margin-left:10px;}
.remodal-box1 li i { padding-right:8px; color:#555;}