@charset "utf-8";
/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css 
   |  * Info       : 双喜科技学校
   |  * Writer     : Flying  
   |  * Date       : 2019.7.16
   |  * Powered By KEW - www.chinakewei.net 
   +--------------------------oOO-----------+
                      |__|__|
                       || ||
                      ooO Ooo
*/
@import url("fonts.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;}
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body{font-size: 14px; line-height: 180%; font-family: "Microsoft Yahei","微软雅黑",Arial,Helvetica,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif"; margin: 0 auto; color: #444; background: #f6f6f6;  -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align: middle;}
input{ outline: none; transition: all .5s ease-in-out; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;  font-family:"Microsoft Yahei"}
::-moz-selection { background: #338fff; color: #fff; text-shadow: none; }
::selection { background: #338fff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
a:link, a:visited { text-decoration: none; color:#444;}
a:active, a:hover { text-decoration: none; outline:none; color:#da251c;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*在线客服*/
.side{position:fixed;width:54px;height:auto;right:5px; bottom: 15px; z-index:1000;}
.side ul li{width:54px;height:54px; line-height: 54px; float:left;position:relative;border-bottom:0px solid #28a2ed;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;  opacity:1;filter:Alpha(opacity=100);color:#fff; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block; opacity:1;filter:Alpha(opacity=100);transition:all 0.3s;}
.side ul li .sidetop:hover{ opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


/*PC站头部*/
#header-content{width: 100%; height: 120px; background: url(../images/header-bg.jpg) no-repeat center; hidden; }
#header-bar1{width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
#header-bar1 .logo{width: 398px; height: auto; float: left; padding-top: 28px; }
#header-bar1 .bar1-right{width: 520px; height: auto; float: right; text-align: right; color: #fff; }
#header-bar1 .bar1-right img{margin-right: 5px; margin-bottom: 2px; }
#header-bar1 .bar1-right a{color: #fff; }
#header-bar1 .bar1-right a:hover{color: #da251c; }

#header-navigation{width: 100%; height: 50px; background: #da251c; }
#header-bar2{width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
#header-bar2 .header-nav{width: 1080px; height: auto; float: left; }
#nav {margin:0 auto; width:1080px; height: auto; font-size:16px; position:  absolute; z-index:99; }
#nav .jquery {margin-right:0;padding:0;}
#nav .mainlevel {float:left; border-right:0; width:120px; height:auto; line-height:50px; /*IE6 only*/}
#nav .mainlevel a {text-align:center; text-decoration:none; display:block; width:120px; color: #fff; }
#nav .mainlevel a:hover {text-decoration:none; background: #ae0a01; color: #fff; }
#nav .mainlevel ul {display:none; position:absolute; top: 50px; }
#nav .mainlevel li {border-top:1px solid #bc170e; /*IE6 only*/}
#nav .mainlevel li a{background:#ae0a01; color: #fff; width:120px; font-size:14px; height:auto; line-height: 160%; padding: 10px 0; text-transform: none;}
#nav .mainlevel li a:hover{ background:#d52019; color: #fff; }
#header-bar2 .header-search{width: 120px; height: auto; float: right;padding-top: 8px; }
.search{width: 120px; height: auto; float: right; }
#container { width:120px; height: auto; margin:0 auto; position: absolute; background: url(../images/icon-search.png) no-repeat 50% 50%; text-align: center; }
#topnav a.menu-open { color:#666!important; outline:none; display: block; }
#topnav span{font-size: 32px; font-weight: bold;}
#signin_menu { display:none; background: #ddd;  position:absolute; width:300px; z-index:66; border:0 transparent; text-align:left; padding:10px; top: 42px; right: 0px; margin-top:0; margin-right: 0px;  font-size:14px; border-radius: 0 0 5px 5px; }
.search-content{width: 100%; height: auto;}
.search-content h2{float: left;}
.search-content h2>input{width: 245px; height: 35px; border: 0; background: #fff;  color: #8b8b8c; border-radius: 25px 0 0 25px;  text-align: left; text-indent: 1.0rem; }
.search-content h3{float: right;}
.search-content h3>input{width: 55px; height: 37px; border: 0; background: #da251c url(../images/icon-1.png) no-repeat 50% 50%; background-size: 50%;  cursor: pointer; border-radius: 0 30px 30px  0; }

/*PC站底部*/
#footer-content{width: 100%; height: auto; background: #000; overflow: hidden; }
#footer-bar1{width: 1200px; height: auto; margin: 0 auto; }
#footer-bar1 .footer-nav-left{width: 690px; height: auto; min-height: 340px; float: left; border-right: #1c1c1c solid 1px; padding: 35px 0; }
#footer-bar1 .footer-nav-left li{width: 138px; height: auto; float: left; }
#footer-bar1 .footer-nav-left li a{display: block; color: #bebebe; }
#footer-bar1 .footer-nav-left li a:hover{display: block; color: #da251c; }
#footer-bar1 .footer-nav-left li h2{color: #fff; margin-bottom: 10px; }

#footer-bar1 .footer-nav-right{width: 480px; height: auto; float: right; padding: 35px 0; }
.footer-nav-right-div01{width: 480px; height: auto; }
.footer-nav-right-div01-l{width: 360px; height: auto; float: left; color: #bebebe; }
.footer-nav-right-div01-l h2{color: #fff; margin-bottom: 10px; }
.footer-nav-right-div01-r{width: 120px; height: auto; float: right; }
.footer-nav-right-div01-r figure{width: 100%; height: auto; text-align: center; color: #bebebe; }
.footer-nav-right-div02{width: 100%; height: auto; margin-top: 30px; float: left; }

#footer-copyright{width: 100%; height: auto; background: #000; overflow: hidden; border-top: #1c1c1c solid 1px; }
#footer-bar2{width: 1200px; height: 50px; margin: 0 auto; }
#footer-bar2 a{color: #bebebe; }
#footer-bar2 a:hover{color: #da251c; }
#footer-bar2 .left{width: 250px; height: auto; line-height: 50px; float: left; text-align: left; color: #bebebe; }
#footer-bar2 .right{width: 930px; height: auto; line-height: 50px; float: right; text-align: right; color: #bebebe; }



/*综合首页*/
#movie{width: 100%; height: auto; text-align: center;}
.swiper-container {  width: 100%; height: 100%; }
.swiper-container1 { width: 100%; height: 100%; }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide img{transition: all .5s ease-in-out; }
.swiper-slide img:hover{transform: scale(1.10); }
.swiper-zoom-container img{width: 768px; height: auto; }
.swiper-zoom-container img:hover{transform: none; }

#home-bar1{width: 100%; height: auto; background: #fff; overflow: hidden; }
.home-notice{width: 1200px; height: 58px; margin: 0 auto; padding-top: 12px; }
.BreakingNewsController{width:100%; overflow:hidden; height:auto; position:relative;}
.BreakingNewsController .bn-title{display:inline-block; float:left; padding:5px 20px 0 20px; color:#da251c; line-height: 150%; }
.BreakingNewsController .bn-title h4{font-size: 18px; font-weight: bold; }
.BreakingNewsController .bn-title h5{font-family: 'Poppins-Regular'; text-transform: uppercase; color: #444; }
.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:50px;}
.BreakingNewsController ul li{list-style:none; padding:10px 20px; display:none;}
.BreakingNewsController ul li span{font-size: 12px; color: #999; margin-left: 3px; }
.BreakingNewsController ul li a{text-decoration:none; display:inline-block; overflow:hidden; padding:0;}
.BreakingNewsController ul li a:hover{text-decoration:none; color: #da251c; }
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0;}
.BreakingNewsController .bn-arrows span{display:block; width:20px; position:absolute; top:0; bottom:0; cursor:pointer; opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0; background:url(../images/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background:url(../images/bn-arrows.png) right center no-repeat;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

#home-bar2{width: 100%; height: auto; overflow: hidden; padding: 70px 0; }
.home-introduction{width: 1200px; height: auto; margin: 0 auto; }
.home-introduction-tit{width: 100%; height: auto; margin: 0 auto; position: relative; }
.home-introduction-tit h2{text-align: center; font-size: 30px; font-weight: bold; color: #000; }
.home-introduction-tit:before{position: absolute;  width: 380px; background: #ddd; height: 1px; bottom: 12px; left: 120px; content: '';}
.home-introduction-tit:after{position: absolute;  width: 380px; background: #ddd; height: 1px; bottom: 12px; right: 120px; content: '';}
.home-introduction-tit h3{text-align: center; text-transform: uppercase; font-family: 'Poppins-Regular'; color: #a3a3a3; margin-top: 5px; }

.home-introduction-txt{width: 680px; height: auto; min-height: 300px; margin: 30px auto; overflow: hidden; background: url(../images/img-1.jpg) no-repeat center right; padding-right: 520px; }
.home-introduction-txt h2{font-size: 24px; color: #c52620; text-align: left; }
.home-introduction-txt p{margin: 15px 0; text-indent: 2rem; line-height: 220%; }
.home-introduction-txt p a{color: #da251c; }
.home-introduction-txt p a:hover{color: #ff6600; }
.home-introduction-txt p strong{font-size: 24px; color: #c52620;}

.home-introduction-nav{width: 100%; height: auto; margin: 0 auto; }
.home-introduction-nav figure{width: 12.5%; height: auto; float: left; text-align: center; }
.home-introduction-nav figcaption{padding: 5px 0; font-size: 16px; }
.introduction-nav-01{width: 120px; height: 120px; background: url(../images/icon-2.png) no-repeat 50% 50% #b9211b; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-01:hover{display: block; background: url(../images/icon-2.png) no-repeat 50% 50% #da251c; }

.introduction-nav-02{width: 120px; height: 120px; background: url(../images/icon-3.png) no-repeat 50% 50% #50bc59; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-02:hover{display: block; background: url(../images/icon-3.png) no-repeat 50% 50% #da251c; }

.introduction-nav-03{width: 120px; height: 120px; background: url(../images/icon-4.png) no-repeat 50% 50% #d236a1; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-03:hover{display: block; background: url(../images/icon-4.png) no-repeat 50% 50% #da251c; }

.introduction-nav-04{width: 120px; height: 120px; background: url(../images/icon-5.png) no-repeat 50% 50% #d7a931; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-04:hover{display: block; background: url(../images/icon-5.png) no-repeat 50% 50% #da251c; }

.introduction-nav-05{width: 120px; height: 120px; background: url(../images/icon-6.png) no-repeat 50% 50% #42c3c8; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-05:hover{display: block; background: url(../images/icon-6.png) no-repeat 50% 50% #da251c; }

.introduction-nav-06{width: 120px; height: 120px; background: url(../images/icon-7.png) no-repeat 50% 50% #434fc5; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-06:hover{display: block; background: url(../images/icon-7.png) no-repeat 50% 50% #da251c; }

.introduction-nav-07{width: 120px; height: 120px; background: url(../images/icon-8.png) no-repeat 50% 50% #3884cf; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-07:hover{display: block; background: url(../images/icon-8.png) no-repeat 50% 50% #da251c; }

.introduction-nav-08{width: 120px; height: 120px; background: url(../images/icon-9.png) no-repeat 50% 50% #7144c3; border-radius: 50%; margin: 0 auto; transition: all .5s ease-in-out; }
.introduction-nav-08:hover{display: block; background: url(../images/icon-9.png) no-repeat 50% 50% #da251c; }

#home-bar3{width: 100%; height: auto; padding: 70px 0; background: #fff; overflow: hidden; }
.home-news{width: 1200px; height: auto; margin: 0 auto; }
.home-news-tit{width: 100%; height: auto; margin: 0 auto; position: relative; }
.home-news-tit h2{text-align: center; font-size: 30px; font-weight: bold; color: #000; }
.home-news-tit:before{position: absolute;  width: 380px; background: #ddd; height: 1px; bottom: 12px; left: 120px; content: '';}
.home-news-tit:after{position: absolute;  width: 380px; background: #ddd; height: 1px; bottom: 12px; right: 120px; content: '';}
.home-news-tit h3{text-align: center; text-transform: uppercase; font-family: 'Poppins-Regular'; color: #a3a3a3; margin-top: 5px; }

.home-news-list{width: 100%; height: auto; margin: 30px auto; overflow: hidden; }
.home-news-list-pic{width: 550px; height: auto; float: left; overflow: hidden; }
.home-news-list-pic figure img{transition: all .5s ease-in-out; }
.home-news-list-pic figure img:hover{transform: scale(1.05); }
.home-news-list-pic figcaption{padding: 10px 0; }
.home-news-list-pic figcaption h2{font-size: 18px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.home-news-list-pic figcaption h3{font-size: 12px; color: #b0b0b0; }
.home-news-list-pic figcaption p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.home-news-list-txt{width: 620px; height: auto; float: right; }
.home-news-list-txt li{width: 100%; height: auto; float: left; margin-bottom: 30px; }
.focus-news-pic{width: 220px; height: auto; float: left; overflow: hidden; }
.focus-news-pic img{transition: all .5s ease-in-out; }
.focus-news-pic img:hover{transform: scale(1.10); }
.focus-news-txt{width: 380px; height: auto; float: right; padding-left: 20px; }
.focus-news-txt h2{font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 16px; }
.focus-news-txt h3{font-size: 12px; color: #b0b0b0; }
.focus-news-txt p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

#home-bar4{width: 100%; height: auto; min-height: 810px;  padding: 70px 0; background: url(../images/img-6.jpg) no-repeat center; overflow: hidden; }
.home-jxts{width: 1200px; height: auto; margin: 0 auto; }
.home-jxts-tit{width: 100%; height: auto; margin: 0 auto; position: relative; }
.home-jxts-tit h2{text-align: center; font-size: 30px; font-weight: bold; color: #000; }
.home-jxts-tit:before{position: absolute;  width: 360px; background: #ddd; height: 1px; bottom: 12px; left: 120px; content: '';}
.home-jxts-tit:after{position: absolute;  width: 360px; background: #ddd; height: 1px; bottom: 12px; right: 120px; content: '';}
.home-jxts-tit h3{text-align: center; text-transform: uppercase; font-family: 'Poppins-Regular'; color: #a3a3a3; margin-top: 5px; }

.home-jxts-txt{width: 1200px; height: auto; margin: 50px auto; overflow: hidden; }
.home-jxts-txt-left{width: 495px; height: auto; float: left; }
.home-jxts-txt-right{width:630px; height: auto; float: right; padding-top: 100px; }
.jxts-txt-d1{width: 490px; height: 500px; background-color: rgba(255,255,255,0.40); padding: 30px; }
.jxts-txt-d1-content{width: 100%; height: 500px; }
/* 滚动内容区样式 */
.scroll_wrap {width: 100%;	height: 100%;	position: relative; overflow: hidden; }
/* 滚动内容样式 */
.scroll_wrap .scroll_cont {	height: 96%; width: 96%; overflow: hidden; padding: 2%; }
.scroll_wrap .scroll_cont h2{font-size: 26px; margin: 10px auto; overflow: hidden; padding: 15px 0; }
.scroll_wrap .scroll_cont h2 span{font-size: 60px; color: #da251c; font-family: '109-CAI978'; }
.scroll_wrap .scroll_cont p{text-indent: 2rem; }
/*.scroll_wrap .scroll_cont p { padding:15px;}*/
/* 滚动条 */
.scroll_wrap .scroll_bar {	position: absolute;	top:0;	right:0; width: 4px;	height: 100%; background-color: #fff; }
/* 滚动块 */
.scroll_wrap .scroll_slider {	position: absolute;	top: 0;	left: 0px;	width: 4px;	height: 48px;	background-color: #ff6600;	border-radius:5px;	opacity: .5; }
.scroll_wrap .scroll_slider:hover{	opacity: 1; }

#home-bar5{width: 100%; height: auto; padding: 70px 0; background: #fff; overflow: hidden; }
.home-zhuanye{width: 1200px; height: auto; margin: 0 auto; }
.home-zhuanye-tit{width: 100%; height: auto; margin: 0 auto; position: relative; }
.home-zhuanye-tit h2{text-align: center; font-size: 30px; font-weight: bold; color: #000; }
.home-zhuanye-tit:before{position: absolute;  width: 380px; background: #ddd; height: 1px; bottom: 12px; left: 120px; content: '';}
.home-zhuanye-tit:after{position: absolute;  width: 380px; background: #ddd; height: 1px; bottom: 12px; right: 120px; content: '';}
.home-zhuanye-tit h3{text-align: center; text-transform: uppercase; font-family: 'Poppins-Regular'; color: #a3a3a3; margin-top: 5px; }

.home-zhuanye-pic{width: 1220px; height: auto; margin: 50px auto 0 auto; overflow: hidden; }
.home-zhuanye-pic figure{width: 285px; height: auto; margin-right: 20px; float: left; overflow: hidden; }
.home-zhuanye-pic figure img{position: relative; transition: all .5s ease-in-out; }
.home-zhuanye-pic figcaption{ text-align: center; height: 50px; line-height: 50px; background-color: rgba(0,0,0,0.70); color: #fff; font-size: 18px; bottom: 50px; font-weight: bold; position: relative; z-index: 1; width: 285px; }
.home-zhuanye-pic figure:hover img{filter: brightness(150%); }

#home-bar6{width: 100%; height: auto; padding: 70px 0 0 0 ; overflow: hidden; }
.home-xyfg{width: 1200px; height: auto; margin: 0 auto; }
.home-xyfg-tit{width: 100%; height: auto; margin: 0 auto; position: relative; }
.home-xyfg-tit h2{text-align: center; font-size: 30px; font-weight: bold; color: #000; }
.home-xyfg-tit:before{position: absolute;  width: 400px; background: #ddd; height: 1px; bottom: 12px; left: 120px; content: '';}
.home-xyfg-tit:after{position: absolute;  width: 400px; background: #ddd; height: 1px; bottom: 12px; right: 120px; content: '';}
.home-xyfg-tit h3{text-align: center; text-transform: uppercase; font-family: 'Poppins-Regular'; color: #a3a3a3; margin-top: 5px; }
.home-xyfg-pic{width: 100%; height: auto; margin: 50px auto 0 auto; overflow: hidden; }






/*内页样式开始*/
#subpages-banner{width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; }
#subpages-banner .banner-1{width: 100%; height: 300px; background: url(../images/banner-2.jpg) no-repeat center; }
#subpages-banner .banner-2{width: 100%; height: 300px; background: url(../images/banner-1.jpg) no-repeat center; }
#subpages-banner .banner-3{width: 100%; height: 300px; background: url(../images/banner-3.jpg) no-repeat center; }
#subpages-banner .banner-4{width: 100%; height: 300px; background: url(../images/banner-4.jpg) no-repeat center; }
#subpages-banner .banner-5{width: 100%; height: 300px; background: url(../images/banner-5.jpg) no-repeat center; }
#subpages-banner .banner-6{width: 100%; height: 300px; background: url(../images/banner-6.jpg) no-repeat center; }
#subpages-banner .banner-7{width: 100%; height: 300px; background: url(../images/banner-7.jpg) no-repeat center; }
#subpages-banner .banner-8{width: 100%; height: 300px; background: url(../images/banner-8.jpg) no-repeat center; }

#subpages-tit{width: 100%; height: auto; border-bottom: #eaeaea solid 1px; background: #fff;}
.subpages-guide{width: 1200px; height: 45px; line-height: 45px; margin: 0 auto;}
.subpages-guide h2{width: 50px; height: 45px; float: left; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; text-align: center; }
.subpages-guide h3{width: 1120px; height: auto; line-height: 45px; float: right; color: #666;}
.subpages-guide h3 img{margin: 0 3px; }
.subpages-guide h3 a{color: #666;}
.subpages-guide h3 a:hover{color: #da251c;}

#subpages-content{width: 1200px; height: auto; overflow: hidden; margin: 50px auto; overflow: hidden; }
.sub-left{width:240px; height: auto; float: left; }
.sub-left-tit{width: 100%; height: 70px; line-height: 70px; color: #fff; background: url(../images/icon-11.png) no-repeat 90% 50% #da251c; font-size: 20px; text-indent: 2rem; box-shadow:0 -5px 10px #aa170f inset; border-radius: 5px 5px 0 0; }
.sub-left-nav{width: 100%; height: auto; overflow: hidden; }
.sub-left-nav li{width: 100%; height: 50px; line-height: 50px; text-indent: 2rem; float: left; background: #fff; margin-top: 1px;font-size: 16px; }
.sub-left-nav li a{display: block; }
.sub-left-nav li a:hover{display: block; background: #da251c; color: #fff; }
.sub-left-notice-tit{width: 100%; height: 70px; line-height: 70px; color: #fff; background: url(../images/icon-12.png) no-repeat 90% 50% #da251c; background-size: 15%; font-size: 20px; text-indent: 2rem; box-shadow:0 -5px 10px #aa170f inset; border-radius: 5px 5px 0 0; margin-top: 10px; }
.sub-left-notice-txt{width: 94%; height: auto; background: #fff; padding: 3%; overflow: hidden; }
.sub-left-notice-txt li{width: 100%; height: 35px; line-height: 35px; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.sub-right{width:880px; height: auto; float: right; padding: 30px; background: #fff; overflow: hidden; }
.sub-right-tit{width: 100%; height: auto; display: block; color: #333; font-size: 22px; position: relative; line-height: 36px; margin-bottom: 20px; border-bottom: 1px solid #eee;  padding-bottom: 5px;  text-align: center; }
.sub-right-tit:before{position: absolute;  width: 6%; background: #da251c; height: 3px; bottom: -2px; content: ''; left: 47%; }

.sub-about{width:100%; height: auto; min-height: 450px; margin:  20px auto; overflow: hidden; }
.sub-about p{text-indent: 2rem; margin: 15px auto; font-size: 16px; line-height: 200%; }
.sub-about h2{font-size: 16px; font-weight: bold; }

.sub-scenery{width:912px; height: auto; margin:  20px auto; overflow: hidden; }
.sub-scenery figure{width: 384px; height: auto; float: left; margin-right: 32px; margin-bottom: 30px; padding: 19px; background: #f6f6f6; border: #eee solid 1px; overflow: hidden; }
.sub-scenery figure img{transition: all .5s ease-in-out; }
.sub-scenery figure img:hover{transform: scale(1.05); }
.sub-scenery figcaption{text-align: center; padding: 10px 0; font-size: 16px; }
.sub-scenery figure:hover img{transform: scale(1.05); }

.sub-videoinfo{width:100%; height: auto; margin:  20px auto; overflow: hidden; }
#video {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}

.sub-specialty{width:100%; height: auto; min-height: 450px; margin:  20px auto; overflow: hidden; }
.sub-specialty p{text-indent: 2rem; margin: 15px auto; font-size: 16px; line-height: 200%; }
.sub-specialty h2{font-size: 16px; font-weight: bold; }

.sub-zsxx{width:100%; height: auto; min-height: 450px; margin:  20px auto; overflow: hidden; }
.sub-zsxx p{text-indent: 2rem; margin: 15px auto; font-size: 16px; line-height: 200%; }
.sub-zsxx h2{font-size: 16px; font-weight: bold; }

.sub-szdw{width:100%; height: auto; min-height: 450px; margin:  20px auto; overflow: hidden; }
.sub-szdw p{text-indent: 2rem; margin: 15px auto; font-size: 16px; line-height: 200%; }
.sub-szdw h2{font-size: 16px; font-weight: bold; }

.sub-wpjs{width:900px; height: auto; margin:  20px auto; overflow: hidden; }
.sub-wpjs figure{width: 240px; height: auto; float: left; margin-right: 20px; margin-bottom: 20px;  padding: 19px; border: #eee solid 1px; background: #f6f6f6; overflow: hidden; }
.sub-wpjs figure img{transition: all .5s ease-in-out; }
.sub-wpjs figure img:hover{transform: scale(1.05); }
.sub-wpjs figcaption{text-align: center; padding: 10px 0; font-size: 16px; }

.sub-wpjsinfo{width:100%; height: auto; margin: 20px auto; overflow: hidden; }
.sub-wpjsinfo p{text-indent: 2rem; margin: 15px auto; font-size: 16px; line-height: 200%; }
.sub-wpjsinfo img{float: left; margin-right: 20px; }

.sub-news{width:100%; height: auto; margin: 40px auto; overflow: hidden; }
.sub-news li{width: 100%; height: auto; float: left; border-bottom: #ddd dotted 1px; padding-bottom: 30px; margin-bottom: 30px; }
.sub-news-pic{width: 220px; height: auto; float: left; overflow: hidden; }
.sub-news-pic img{transition: all .5s ease-in-out; }
.sub-news-pic img:hover{transform: scale(1.10); }
.sub-news-txt{width: 640px; height: auto; float: right; }
.sub-news-txt h2{font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 16px; }
.sub-news-txt h3{font-size: 12px; color: #b0b0b0; }
.sub-news-txt p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.sub-newsinfo{width:100%; height: auto; margin: 0 auto; overflow: hidden; }
.sub-newsinfo h1{text-align: center; font-size: 22px; font-weight: bold; margin: 20px auto; overflow: hidden; }
.sub-newsinfo h2{text-align: center; padding: 10px 0; border: #eee solid 1px;  border-left: 0; border-right: 0; font-size: 12px; color: #999; margin: 20px auto; overflow: hidden; }
.sub-newsinfo h3{width: 100%; height: auto; border: #eee solid 1px; padding: 2%; background: #f6f6f6; box-sizing: border-box; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 20px auto; }
.sub-newsinfo p{text-indent: 2rem; margin: 15px auto; line-height: 200%; font-size: 16px; }
.sub-newsinfo-more{width: 100%; height: auto; padding: 2%; box-sizing: border-box; background: #f6f6f6; margin: 20px auto; overflow: hidden; }
.sub-newsinfo-more p{margin: 0 auto; text-indent: 0; font-size: 14px; }

.subpages-download{width: 100%; height: auto; overflow: hidden; }
.download-tit{width: 100%; height: 60px; background: #f6f6f6; }
.download-tit h3{width: 40%; height: auto; line-height: 60px; float: left; text-align: left; font-size: 16px; text-indent: 1.0rem; }
.download-tit h4{width: 20%; height: auto; line-height: 60px; float: left; text-align: center; font-size: 16px;  }
.download-tit h5{width: 20%; height: auto; line-height: 60px; float: left; text-align: center; font-size: 16px;  }
.download-tit h6{width: 20%; height: auto; line-height: 60px; float: right; text-align: center; font-size: 16px; }
.download-list{width: 100%; height: auto;  margin: 20px auto; overflow: hidden; }
.download-list li{width: 100%; height: auto; border-bottom: #ddd dotted 1px; padding-bottom: 10px; margin-bottom: 10px; float: left; font-size: 16px; color: #888; }
.download-list li h3{width: 40%; height: auto; float: left; text-align: left; text-indent: 1.0rem; }
.download-list li h4{width: 20%; height: auto; float: left; text-align: center; }
.download-list li h5{width: 20%; height: auto; float: left; text-align: center; }
.download-list li h6{width: 20%; height: auto; float: right; text-align: center; display: block; background: url(../images/icon-13.png) no-repeat 50% 50% #fff; background-size: 15%; transition:All 0.4s ease-in-out; cursor: pointer; }
.download-list li h6:hover{background: url(../images/icon-14.png) no-repeat 50% 50% #fff; background-size: 15%; }

.sub-zpzs{width:912px; height: auto; margin:  40px auto; overflow: hidden; }
.sub-zpzs figure{width: 384px; height: auto; float: left; margin-right: 32px; margin-bottom: 30px; padding: 19px; background: #f6f6f6; border: #eee solid 1px; overflow: hidden; }
.sub-zpzs figure img{transition: all .5s ease-in-out; }
.sub-zpzs figure img:hover{transform: scale(1.05); }
.sub-zpzs figcaption{text-align: center; padding: 10px 0; font-size: 16px; }
.sub-zpzs figure:hover img{transform: scale(1.05); }

.sub-zpzsinfo{width:100%; height: auto; margin:  40px auto; }

.sub-feedback{width:100%; height: auto; margin:  40px auto; }
.sub-feedback-ask{width: 100%; height: auto; margin: 0 auto; }
.sub-feedback-d1{width: 100%; height: auto; margin: 20px auto; overflow: hidden; }
.sub-feedback-d1 h2{width: 15%; height: auto; line-height: 40px; float: left; text-align: right; }
.sub-feedback-d1 h3{width: 84%; height: auto; float: right; text-align: left; }
.sub-feedback-d1 h3>input{width: 100%; height: 40px; border: #c5c5c5 solid 1px; box-sizing: border-box; text-indent: 0.5rem; border-radius: 4px; color: #999; }
.sub-feedback-d1 h4{width: 84%; height: auto; float: right; text-align: left; }
.sub-feedback-d1 h4>textarea{width: 100%; height: auto; border: #c5c5c5 solid 1px; box-sizing: border-box; padding: 1%; color: #999; border-radius: 4px; }
.sub-feedback-d1 h5{width: 84%; height: auto; float: right; text-align: left; }
.sub-feedback-d1 h5>input{width: 130px; height: 40px; border: 0; background: #555666; color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer; }
.sub-feedback-d1 h5>input:hover{background: #da2501;}

.sub-feedback-answer{width: 100%; height: auto; margin: 50px auto 0 auto; overflow: hidden; }
.sub-feedback-answer li{width: 96%; height: auto; float: left; padding: 2%; background: #f6f6f6; border-radius: 4px; margin-bottom: 20px; }
.feedback-answer-pic{width: 14%; height: auto; float: left; text-align: center; box-sizing: border-box; padding: 0 1%; color: #777; }
.feedback-answer-pic figure{text-align: center; width: 100%; height: auto; }
.feedback-answer-pic figure img{margin-bottom: 8px; }
.feedback-answer-txt{width:86%; height: auto; float: right; border-left: #ccc solid 1px; padding: 2%; box-sizing: border-box; }
.feedback-answer-txt h2{color: #777; border-bottom: #ccc solid 1px; padding-bottom: 5px; }
.feedback-answer-txt h2 img{margin-bottom: 3px; }
.feedback-answer-txt h3{color: #777; margin: 30px auto; overflow: hidden; font-size: 16px; }
.feedback-answer-txt h4{width: 96%; height: auto; background: #555666; color: #d5d6df; padding: 2%; border-radius: 5px; margin: 10px auto; overflow: hidden; }
.feedback-answer-txt h4 strong{color: #fff; }







/*==========以下样式为移动端==========*/

/*头部*/
.sp_header{height:60px; overflow:hidden; background: #fff; position:fixed; z-index:10000; width:100%; box-shadow: 0 3px 3px rgba(0,0,0,0.10); display: none; }
.sp_logo{padding:0;float:left;height:60px}
.sp_logo img{margin:auto; width: auto; height: 60px;}
.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#da251c; width:30px; height:2px; position:absolute; left:10px; transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99;background:#f6f6f6;width:100%;height: calc(100% );font-size:1.0rem;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: none; }
.nav_show{top:40px}
.sjj_nav>ul>li:first-child{overflow:hidden;}
.sjj_nav>ul>li:first-child>a{float:left;width: calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language0{float:right;width:80px;overflow:hidden;line-height:40px;margin-top:21px;}
.sjj_nav>ul>li:first-child .language0 img{width: 70%; }
.sjj_nav>ul>li:first-child .language0 a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; font-size: 0.9rem; }
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;  }
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:1.0rem; text-transform: uppercase;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%; display: block;}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; text-transform: capitalize;}
.sjj_nav ul li i svg{width:29px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.h5-search{width: 100%; height: auto; overflow: hidden; margin: 15px auto; }
.h5-search h2{width: 84%; height: auto; float: left; }
.h5-search h2>input{width: 100%; height: 30px; border: #e5e5e5 solid 1px; box-sizing: border-box; text-indent: 0.5rem; color: #999; }
.h5-search h3{width: 13%; height: auto; float: right; padding-right: 2%; }
.h5-search h3>input{width: 100%; height: 26px; border: 0; background: #555666; color: #fff; }

/*内页导航*/
.header{position:relative;height:auto; background:#373737; display: none; overflow: }
.h5-right-tit{width:100%; height:auto; overflow:hidden; }
.h5-right-tit-left{width:88%; height:40px; line-height:40px; float:left;  color:#fff; text-align:left; text-indent:1rem; font-size:1.0rem; background:#da251c; }
.h5-right-tit-right{width:12%; height:40px; float:right;  }


/*翻页*/

#pages{width: 100%; height: auto; padding: 20px 0; overflow: hidden;}
DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}