@charset "utf-8";
*{font-family:PingFangSC-Regular, PingFang SC, "Microsoft YaHei", sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
body{padding:0;margin:0;font-family:PingFangSC-Regular, PingFang SC, "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:14px;overflow-x: hidden;}
html,body{ min-height:100%;} html{ overflow:-moz-scrollbars-vertical;} 

a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
input,textarea {outline: 0;border: 0;}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;}
.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.d-flex {
    display: flex!important;
}
.align-items-center {
    align-items: center!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
@media (max-width:4000px) {
html { font-size: 18px; }
}
@media (min-width:1600px) and (max-width:1940px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 13px; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 13px; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 12px; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 12px; }
}
@media (max-width:328px) {
html { font-size: 12px; }
}

.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px){
  .col-sm-6 {
    width: 50%;
}

}
@media (min-width: 768px){
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
}








.m {
    max-width: 1600px;
    margin: 0 auto;
    display: block;
    position: relative;
}
#header { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; height: 86px; transition: .6s; padding: 0 2.5rem;background: #fff; }
#header:before { content: ""; position: absolute; top: 0; height: 0; transition: .6s; width: 100%; left: 0; right: 0 }
#header .content { position: relative; }
#header .logo { line-height: 86px; transition: .6s;width: 15rem;}
#header .logo img { transition: .6s;max-width: 100%;}
#nav { display: inline-block; float: left; }
#nav ul { float: left; }
#nav ul li { float: left; position: relative; z-index: 0; margin-left: 1rem; }
#nav ul li a { display: block; padding: 0 1rem; text-transform: uppercase; }
#nav ul li >a { font-size: 1.0625rem; color: #000; line-height: 86px; position: relative; transition: .6s; }
#nav ul li.on >a { font-weight: bold; }
#nav ul li a i { display: inline-block; background: url(../images/nav_down.png) center no-repeat; width: 9px; height: 6px; background-size: contain; vertical-align: middle; margin-left: 8px; }
#nav ul li .sub { position: absolute; background: rgba(255,255,255,.8); width: 180px; position: absolute; left: 55%; margin-left: -90px; top: 100%; z-index: 999; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px #3333334d; transform-origin: 0 0 0; transform: scaleY(0.2); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; top: 86px; }
#nav ul li .sub .box { padding: 0px 10px; text-align: center; }
#nav ul li .sub a { padding: 0; line-height: 3.5; transition: .3s; font-size: 0.8rem; letter-spacing: 1px; color: #333; border-bottom: 1px dashed #eee; }
#nav ul li .sub a:hover { color: #e67410; }
#nav ul li:hover .sub { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px); }
#header.xg #nav ul li.on >a, #header.xg #nav ul li:hover >a { color: #fff; }
#nav ul li:hover>a,#nav>ul>li.on>a{color: #fff;background: #e67410;}
#nav>ul>li h3:after { content: ""; display: block; width: 100%; height: 4px; position: absolute; left: 0; margin-left: 0; background: #00a271; bottom: 0px; transition: .3s; transform: scale(0); border-radius: 0; }
#nav>ul>li h3:before { content: ""; display: block; position: absolute; left: 50%; margin-left: -3px; border-left: transparent 3px solid; border-right: transparent 3px solid; border-bottom: #00a271 4px solid; bottom: 2px; transition: .3s; opacity: 0; visibility: hidden; display: none; }
#nav>ul>li:hover h3:after, #nav ul li.on h3:after { transform: scale(1); }
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before { opacity: 1; visibility: visible }
#header.xg #nav>ul>li h3:after { background: #007f64 }

.top_tel{float:left; font-size:1.125rem;color:#ea5b24; font-weight:bold; line-height:86px; padding-left:2rem; background: url(../images/top_tel.png) left center no-repeat; transition:.5s; position: relative; margin-left: 3rem; font-family: arial;}
.top_tel:before{ content: ""; display: block; width: 1px; height: 15px; background: #b4b5b7; opacity: .5; position: absolute; left: -2rem; top: 50%; margin-top: -7.5px;}
.top_search{ float: left; line-height:86px; margin-left: 35px; }
.top_search a{display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; background: #ea5b24; border-radius: 50%;}

/*手机头部开始*/
#m_header { position: fixed; z-index: 999; width: 100%; height: 60px; left: 0; top: 0; padding: 0 10px; transition: .6s; }
#m_header #logo { height: 60px; float: left; }
#m_header #logo img { max-height: 44px; }
#m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem; }
#m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: #fff; font-size:.9rem;
text-align: center; margin-left: 17px; background: rgba(255,255,255,.3); }
.wap_search { width: 80%; margin: 0 auto; }
.wap_search form { position: relative; }
.wap_search #keyword { width: 80%; height: 3.8rem; line-height: 3.8rem; border: 0; padding: 0 1rem; font-size: 1rem; color: #999; box-shadow: none; -webkit-appearance: none; float: left; border-right: 0; }
.wap_search .btn_blue { width: 20%; height: 3.8rem; background: #00a0e9 url(../images/search.svg) center no-repeat; background-size: 20px; font-size: 0; color: #fff; cursor: pointer; text-transform: uppercase; float: left; }

/*导航按钮开始*/
#nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 20px; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0; display: inline-block; width: 21px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000; }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0; display: inline-block; width: 1.75rem; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000; }
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*导航按钮结束*/
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; }
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav { z-index: 999999999; position: fixed; width: 17rem; height: 100vh; right: -400px; top: 0; display: none; 
	padding: 2rem 0; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background:#e67410; }
#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li { width: 100%; overflow: hidden; padding: 0 2.3rem; }
#m_nav>ul>li+li { border-top: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li .a { display: inline-block; width: calc(100% - 30px) }
#m_nav li .a { line-height: 4rem; height: 4rem; color: #fff; padding: 0; font-size: 1.125rem; float: left; }
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i { opacity: 1; filter: alpha(opacity=100); display: inline-block; width: 10px; height: 4rem; float: right; display: inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size: contain; }
#m_nav li.on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #014085; }
#m_nav .title .list a { display: block; font-size: 1rem; color: #fff; text-align: left; line-height: 40px; height: 40px; border: 0; font-weight: 300; }
/*三级导航 开始*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:.875rem;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box { opacity: 0; visibility: hidden; transition: .6s; }
#m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; }

/*顶部搜索*/
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s; overflow: auto;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;
  }
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .tc-box{position:absolute;  background: #309dd5; overflow: hidden;top:50%;z-index:9999; width: 11rem; left:50%;margin-left: -5.5rem;margin-top: -5.5rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-box h3 img{ width:10rem; height:10rem; margin:.5rem;}
.tc1 .tc-box h5{ width:11rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; text-align:center}

.tc[name=tc_search]{ transition-delay: .3s;}
.tc[name=tc_search].act{ transition-delay: 0s;}
.tc_search{ font-size:16px; border-radius: 5px;top: 50%;left:50%;margin-left: -400px;margin-top: -400px; height: 800px;width: 800px; border-radius: 50%; position: absolute; color:#fff;text-align:center; font-family:arial;letter-spacing:2px; transition: .4s ease-in-out;-webkit-transition:.4s ease-in-out;overflow:hidden; opacity: 0; z-index: 1; }

.act .tc_search{ opacity: 1;}
.tc_search .tc_close{ width: 45px; height: 45px; line-height: 40px; border-radius: 50%; background: #ea5b24; left: 50%; margin-left: -22.5px; bottom: 20%; top: auto; z-index: 99; float: none; position: static; margin: 0 auto; margin-top: 7rem;}
.tc_search .tc_close img{ width:20px;}
.tc_search form{height:60px;border-radius:30px; border: 2px solid #ea5b24; width: 30rem;z-index: 999;margin: 0 auto;position: relative;}
.tc_search #keyword{ font-size:1.125rem; color:#90837f; height:58px; padding:0 2rem; box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none; }
.tc_search .btn_blue{ position:absolute; cursor:pointer; top:0; right:0; width: 60px;height:60px; line-height:60px; border:0; background:url(../images/search.svg) center no-repeat; background-size: 1.5rem;}
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}

.tc_search.act{ }
.tc_search .svg{ transform: scale(.4); transition: 1s cubic-bezier(0.65, 0.14, 0.4, 1.19);position: absolute;top: 50%;left:50%;margin-left: -400px;height: 800px;width: 800px;margin-top: -400px; min-height: 800px; min-width: 800px; z-index: -1; background: #fbf2ea; background-size:  contain; border-radius: 50%;}
.tc.act .tc_search .svg{ transform: scale(1.2); }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.tc_search .tt{ margin-bottom: 5rem;}
.tc_search .tt h3{ font-size: 1.625rem; color: #3f3f3f; }
.tc_search .tt span{ font-size: 4rem; color: #ea5b24; font-weight: bold; text-transform: uppercase;}
.tc[name=tc_search] .tc_bg{ background: #ea5b24;}
.tc_search input::-webkit-input-placeholder{ color:#90837f; }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#90837f; }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#90837f; }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#90837f; }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
.ar_wap{ display: none;}


.banner { position: relative; z-index: 0; width: 100vw; overflow: hidden; height: 100%; }
.banner ul li { position: relative; overflow: hidden; }
.banner ul li a { display: block; height: 100%; min-height:100vh}
.banner .swiper-button-next, .banner .swiper-button-prev { width: 40px; height: 90px; background-image: none }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: none !important }
.banner .swiper-button-prev { background: url(../images/left01.png) center no-repeat !important; transition: .6s; left: 0 }
.banner .swiper-button-next { background: url(../images/right01.png) center no-repeat !important; transition: .6s; right: 0 }
.banner .swiper-button-prev:hover { background: url(../images/left01_on.png) center no-repeat !important; }
.banner .swiper-button-next:hover { background: url(../images/right01_on.png) center no-repeat !important; }
.container01 { position: relative }

.mouse_down { position: absolute; left:50%; bottom: 100px; margin-left:-10px; text-align: center; z-index: 50; opacity:.9; }
.mouse_down span { display: inline-block; width: 1.5rem; height:2.25rem; border:2px solid #fff; border:2px solid rgba(255,255,255,.6); border-radius:12px; margin: auto; position: relative; }
.mouse_down span:after{ content:""; width:11px; height:18px; background:url(../images/mouse_tail.png) center no-repeat; background-size:.6875rem; display:block; position:absolute; bottom:-28px; left:50%; margin-left:-5.5px; animation-delay: 600ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down span:before { content: ""; width: 2px; height: 7px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 3px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down b { display: block; text-align: center; color: #766047; font-size: 18px; line-height: 1; font-family: Arial; margin-top: 4px; font-weight: normal; }
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}
.more00 a{ display:inline-block; width:10rem; line-height:2.8125rem; text-align:center; background:#ea5b24; font-size:14px; color:#fff; transition:0.6s; position:relative; border-radius:1.375rem; overflow:hidden}
.more00 a span{ position:relative}
.more00 a:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:0; transition:0.6s}
.more00 a:hover:before{ left:0; width:100%; background:rgba(0,0,0,0.15)}

.container02 { position: relative;overflow: hidden;}
.container02 .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/container02_bg.jpg) center no-repeat; background-size: cover !important; }
.container02 .about{max-width: 1000px;margin-top: -200px;}
.container02 .bgs{position: absolute;bottom: 0;left: 0;height: 12.125rem;background: #e77918;z-index: 999;width: 100%;}
.container02 .fz{position: absolute;bottom: 0px;right: 0;z-index: 9999;width: 100%;text-align: right;}
.container02 .title h4 {font-size: 2.25rem; line-height: 1.5; color: #ccc; text-transform: uppercase; }
.container02 .title h5 {font-size: 1.875rem; line-height: 1.5; color: #333; margin-bottom: 8px;}
.container02 .title em{display: block; width: 80px; height: 5px;background: #e67410; }
.container02 .content{margin-top: 30px; }
.container02 .content h3{font-size: 2.5rem; line-height: 2; color: #000; }
.container02 .content .nr{font-size: 1.125rem; color: #333; line-height: 1.5; margin-bottom: 30px; }
.container02.active .fz img {transition-delay: 1.5s; }

.container03 { bposition: relative }
.container03 .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/container03_bg.jpg) center no-repeat; background-size: cover !important; }
.container03 h3{color: #fff;font-size: 3rem;line-height: 2;text-align: center;}
.container03 .nr{text-align: center;font-size: 1.125rem;color: #fff;line-height: 1.5;}
.container03 .top font {position: relative }
.container03 .top font {display: block; width: 3rem; height: 3rem; transition: .5s; position: relative; }
.container03 .top font img {width: 100%; position: relative; z-index: 99999; }
.container03 .top font:before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border:1px solid #75746f; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); transition: 1.5s; opacity: 0; background: rgba(191, 157, 127, 1); }
.container03 .top font:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); transition: 1.5s; opacity: 0; background: rgba(201, 192, 208, 1); }
.container03 .top font:hover:before {opacity: .7; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.container03 .top font:hover:after {opacity: .2; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }
.container03 .top font:before {-webkit-animation-name: bianhua1; animation-name: bianhua1; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite }

@keyframes bianhua1 {
    0% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        transition: 1.5s;
        opacity: 0;
    }

    100% {
        opacity: .7;
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4);
    }
}
.container03 .top font:after {-webkit-animation-name: bianhua2; animation-name: bianhua2; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite }
@keyframes bianhua2 {
    0% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        transition: 1.5s;
        opacity: 0;
        background: rgba(152, 122, 172, 1);
    }

    100% {
        opacity: .2;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    }
}
.tc_shipin{  width:64rem;  max-width: 90%; margin:0 auto;  background:none; position:relative; }
.tc_shipin .video-js{ width:100%; height:100%; position: relative; left: 0; top: 0; right: 0; bottom: 0; padding-top: 60%;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{object-fit:fill;  }
.vjs-poster{ background-size: cover !important;}
#s_video { width: 100%; overflow: hidden;}
#s_video .box{ padding: 4.75rem; position: relative; overflow: hidden;}
#s_video .box .img{ max-width: 1104px; margin: 0 auto; margin-top: 5rem;}
#s_video .txt{ position: absolute;  top:0rem; left: 0; right: 0; height:14.375rem;}
.bg-cover{
	position: absolute;left: 0;top: 4rem; background-repeat: repeat-x;
	width: 100%;height: 100%;
	background-position: left center;
	-webkit-animation: play  50s linear infinite;
	animation: play  50s linear  infinite;
}
@-webkit-keyframes play {
    from {
        background-position: 0% 0;
    }
    to {
        background-position: 100% 0;
    }
}

@keyframes play {
    from {
        background-position: 0% 0;
    }
    to {
        background-position: 100% 0;
    }

}



.container04 { bposition: relative }
.container04 .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/container04_bg.jpg) center no-repeat; background-size: cover !important; }
.container04 .title h4 {font-size: 2.25rem; line-height: 1.5; color: #ccc; text-transform: uppercase; }
.container04 .title h5 {font-size: 1.875rem; line-height: 1.5; color: #333;margin-bottom: 8px;}
.container04 .title em{display: block; width: 80px; height: 5px;background: #e67410; }

.allteacher ul li img {
    width: 100%;
    max-width: 200px;
    height: auto;
    transition: 0.3s;
    opacity: 0.6;
}
.teacher {
    margin: 0 !important;
    width: 75%;
}
.teacher .text h3{font-size: 2.5rem;line-height: 2;}
.teacher .text .nr{font-size:1rem;line-height: 2;margin-bottom: 30px;}
.allteacher{max-width: 630px;}
    .teacherbox{margin-top: 40px;}
.teacherbox .prev01,.teacherbox .next01{
  text-indent: -8px;
  display:block;
  width:40px;
  line-height:80px;
  border-radius:0 40px 40px 0;
  background:#e67410;
  text-align:center;
  font-size:40px;
  color:#fff;
  position:absolute;
  top:calc(50% - 40px);
  left:0;
  z-index:3;
  transition:0.3s;
  outline-color: rgba(255,255,255,0);
}
.teacherbox .next01{
  text-indent: 4px;
  left:inherit;
  right:0;
  border-radius:40px 0 0 40px;
}
.allteacher .swiper-slide {border: 1px solid #ccc}
.allteacher .swiper-slide-thumb-active{border-color:#e67410 ;}
/*.teacherbox .prev01:hover,.teacherbox .next01:hover{
  background:rgba(22, 57, 126, 0.80);
}*/





.moreT {
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #e67015;
    color: #fff;
    text-align: center;
    border-radius: 1.75rem;
    line-height: 3.4375rem;
    width: 12.8125rem;
    height: 3.4375rem;
    display: block;
    text-transform: uppercase;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 2rem;
    font-size: 1rem;
}.moreT:before { content: ""; display:block; width:0; height: 100%; background:#d76003; position: absolute; z-index:-1; right: 0; top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1); transition: .38s cubic-bezier(.4,0,.2,1); }
.moreT:hover:before { width:100%; right:auto; left:0;}


.swiper-pagination-bullet-active {
    opacity: 1;
    background: #eb9b54 !important;
}
.container05 { bposition: relative }
.container05 .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/container05_bg.jpg) center no-repeat; background-size: cover !important; }
.container05 .t_title{text-align: center;}
.container05 .t_title h4 {font-size:3rem; line-height: 1.5; color: #ccc; text-transform: uppercase; }
.container05 .t_title h5 {font-size: 3rem; line-height: 1.5; color: #333; }
.container05 .t_title em{display:inline-block; width: 90px; height: 9px;background: #e67410;margin-top: 8px; }
#s_pinzhi{ width: 100%; overflow: hidden; background:url(../images/s_pinzhi_bg.jpg) center bottom no-repeat;}
#s_pinzhi .center_box{ display: block; width: 520px; height:620px; margin: 0 auto; position: relative; }
#s_pinzhi .center_box ul{}
#s_pinzhi .center_box ul li{}
#s_pinzhi .center_box ul li .ico{ display: block; width: 73px; height: 73px;line-height: 73px; position: absolute; cursor: pointer;text-align: center;}
#s_pinzhi .center_box ul li .ico .img01{display: none; }
#s_pinzhi .center_box ul li .ico .img02{ display:inline-block;filter: drop-shadow(5px 1px 3px rgba(0,0,0,0.1)); -webkit-filter: drop-shadow(5px 1px 3px rgba(0,0,0,0.1));}
#s_pinzhi .center_box ul li .txt{ color: #000; position: absolute; width: 21rem; padding-top: 10px;}
#s_pinzhi .center_box ul li .txt h4{ font-size: 3.125rem; margin-bottom: 6px;color: #e4cec0;}
#s_pinzhi .center_box ul li .txt h5{ font-size: 1.875rem; margin-bottom: 12px;}
#s_pinzhi .center_box ul li .txt p{ font-size: 1rem; line-height:1.5;color: #666;}
#s_pinzhi .center_box ul li .txt.fl{ text-align: right; margin-right: 50px;}
#s_pinzhi .center_box ul li .txt.fr{ margin-left: 50px;  }

#s_pinzhi .center_box ul li.li_1 .ico{ left: -100px; top: 118px;}
#s_pinzhi .center_box ul li.li_3 .ico{ right: -100px; top: 118px;}
#s_pinzhi .center_box ul li.li_4 .ico{ right: -100px; top: 385px;}
#s_pinzhi .center_box ul li.li_6 .ico{ left: -100px; top: 385px;}


#s_pinzhi .center_box ul li.li_1 .txt{ right: 640px; top: 60px;}
#s_pinzhi .center_box ul li.li_3 .txt{ left: 640px; top: 60px;}
#s_pinzhi .center_box ul li.li_4 .txt{ left: 640px; top: 325px;}
#s_pinzhi .center_box ul li.li_6 .txt{ right: 650px; top: 325px;}

#s_pinzhi .center_box ul li.on .ico{background:#e77918}
#s_pinzhi .center_box ul li .ico{background:#fff;border-radius: 50%;}
#s_pinzhi .center_box ul li.on .ico .img01{ display: inline-block;}
#s_pinzhi .center_box ul li.on .ico .img02{ display: none;}
#s_pinzhi .pic_box{ position: absolute; width: 484px; height: 484px;top: 100px; left: 10px;    border: 2px dashed #e89852;border-radius: 50%;overflow: hidden;padding: 30px;}
#s_pinzhi .pic_box .yq {
    width: 100%;
    border: 40px solid #eb9b54;
    height: 100%;
    border-radius: 50%;
    padding: 50px;
}
#s_pinzhi .pic_box img{ position: absolute; width: 250px; height:250px; display: none;}
#s_pinzhi .pic_box img.on{ display: block !important;}


.layui-anim {
    -webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-duration: .3s;
    animation-fill-mode: both
}

.layui-anim-rotate {
    -webkit-animation-name: layui-rotate;
    animation-name: layui-rotate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.layui-anim-loop {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes layui-rotate {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes layui-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
.container06 .m {
    padding: 0 10rem;
}
.container06 .m6_new{margin-top: 20px;}
.container06 { bposition: relative }
.container06 .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/container06_bg.jpg) center no-repeat; background-size: cover !important; }
.container06 .t_title{text-align: right;}
.container06 .t_title h4 {font-size:3rem; line-height: 1.5; color: #ccc; text-transform: uppercase; }
.container06 .t_title h5 {font-size: 3rem; line-height: 1.5; color: #333; }
.container06 .t_title em{display:inline-block; width: 90px; height: 9px;background: #e67410;margin-top: 8px; }
.container06 .more{color: #fff;font-size: 1.125rem;position: relative;line-height: 60px;display: block;}
.container06 .more span{z-index: 9;padding-left: 17px;position: relative;}
.container06 .more:before {content: ""; width: 60px; height: 60px; border-radius: 50%; display: block; background: #e77918; position: absolute; left:0; top: 0; }
.container06 ul .miso-list{margin: -50px -3px;padding: 50px 3px;}
.container06 ul li{ float:left; width:33.333333%; padding:0 5px;}
.container06 ul li a{display:block;border-radius:6px;/* overflow:hidden */}
.container06 ul li .img{ width:100%; position:relative; padding-bottom:60.71%; overflow:hidden}
.container06 ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.container06 ul li .con{padding:2rem 2.25rem;background:#fff;height: 12.625rem;transition: .6s;}
.container06 ul li .con h6{ font-size:14px; color:#5b5b5b;}
.container06 ul li .con h5{font-size:1.175rem;color:#353535;line-height:2rem;font-weight:bold;margin:0.575rem 0 0.7rem;transition:.6s;}
.container06 ul li .con p{font-size:0.875rem;line-height: 1.5rem;height:0;color:#353535;transition:.6s;opacity:.7;opacity:0;visibility:hidden;}
.container06 ul li .con h3{font-size:1.25rem;color:#353535;transition:.6s;line-height: 3.5rem;height: 3.5rem;}
.container06 ul li .con h3 svg{ fill:#353535; width:1.5rem; height:1.5rem; vertical-align:middle; margin-left:0.25rem}

.container06 ul li a:hover .con{box-shadow: 0px 15px 59px 0px rgba(93, 93, 93, 0.11);}

.container06 .miso-arrow{float:left;width:3.75rem;height:3.75rem;background:#fff; border:#cdced2 1px solid; overflow:hidden;transition:.6s;cursor:pointer;position:absolute;border-radius:50%;top:50%;z-index: 10;}
.container06 .miso-arrow:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:.6s}
.container06 .miso-arrow:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; transition:.6s}
.container06 .miso-prev{ left:-10rem; margin-left:5px;}
.container06 .miso-prev:before{ background:url(../images/left1.svg) center no-repeat; background-size:1rem 1rem !important; }
.container06 .miso-prev:after{ background:url(../images/left1_on.svg) center no-repeat; background-size:1rem 1rem !important; transform:translateX(101%)}
.container06 .miso-next{ right:-10rem; margin-right:5px}
.container06 .miso-next:before{ background:url(../images/right1.svg) center no-repeat; background-size:1rem 1rem !important; }
.container06 .miso-next:after{ background:url(../images/right1_on.svg) center no-repeat; background-size:1rem 1rem !important; transform:translateX(-101%)}

  


footer{background: #18191d url(../images/ft_bg.jpg) top center no-repeat; }
.foot_nav{border-bottom: 1px solid #2b2c30;}
.foot_nav ul li{margin-right: 45px;float: left;}
.foot_nav ul li a {display:inline-block; color: #fff; font-size: 18px;line-height: 5.8125rem;height: 5.8125rem;position: relative;z-index: 99; }
.foot_nav ul li:hover a{color: #e67410;}
.foot_nav ul li a:after{ content:""; display:block; width:0; height:3px; position:absolute; left:0; background:#e24d19; bottom:0px; transition:.5s; z-index:-1; }
.foot_nav ul li a:hover:after{ width:100%;}

.foot_nav .top_tel {padding-left: 3rem; font-size: 24px; color: #fff; font-weight: bold; line-height:5.8125rem; background: url(../images/top_tel2.png) left center no-repeat; position: relative; }
.foot_nav .top_tel:before {content:none; }
.foot_con{padding-top: 50px; padding-bottom: 50px; }
.foot_con .fl p{font-size:1rem ;color: #fff;line-height: 2;}
.foot_con .fr a{display:inline-block;background: #fff;padding: 5px 10px;color: #000;margin-bottom: 10px;width: 100px;border-radius: 3px;text-align: center;font-size: 16px;}
.foot_con .fr span{color: #fff;font-size: 14px;line-height: 2;display: block;}
.foot_con .fr img{border-radius: 5px;margin-left: 25px;}
.foot_copy{border-top: 1px solid #2b2c30; height: 3.4375rem; line-height: 3.4375rem; text-align: center; color: #fff; font-size: .875rem; }



.n_banner {
    height: 500px;
}.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.n_banner h2 {    color: #fff;
    font-size: 3rem;
    line-height: 1.5;
    margin-bottom: 0;
    overflow: visible;
    text-align: center;
    font-weight: 100;
}
.n_banner h3 {    color: #fff;
    font-size: 2rem;
    line-height: 1.5;
    text-transform: uppercase;
    overflow: visible;
    font-weight: bold;
    text-align: center;
}
.splitlist {
  line-height: 1.2;
  overflow: hidden;
  white-space: pre-wrap;
}
.splitlist.flag span {
  -webkit-animation: fadeInRight 1.5s forwards;
  animation: fadeInRight 1.5s forwards;
}
.splitlist span {
  font-family: inherit;
  width: auto;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  text-transform: inherit;
  opacity: 0;
  display: inline-block;
}
.splitlist span.letters {
  color: #0054A3;
}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.n_title {padding: 0;position: relative;}
.n_title .m { position: relative; border-bottom: #e3e6ea 1px solid;}
.n_nav { position: relative; }
.n_nav a {display: inline-block;height: 5rem;font-size: 1.125rem; font-weight: normal; float: left;line-height: 5rem;margin-right: 4.5rem; color: #252525;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.n_nav a strong {display: block; position: relative;z-index: 4;height: 75px;line-height: 75px; font-weight: normal;  }
.n_nav a:before {content: "";width: 0;height: 2px;position: absolute; bottom:0; left: 0; background: #e67410;transition: 0.3s ease-in-out; opacity: 0;}
.n_nav .on:before, .n_nav a:hover:before { width: 100%; opacity: 1;}
.n_nav .on strong, .n_nav a:hover strong{ color: #e67410; font-weight: bold;}
.layui-col-md4 { height: 5rem }
.position {line-height: 5rem;left: 0;bottom: 0;font-size: .9375rem;color: #747679;display: flex;align-items: center;}
.position img{ vertical-align: middle; margin-bottom: 0; margin-right: 10px;}
.position span, .position a, .position i {font-size: .8125rem;color: #828386;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i {margin: 0px 10px;font-style: normal;width: 4px;height: 6px;background: url(../images/position_ico.png) center no-repeat;font-size: 0;display: inline-block;vertical-align: middle;}
.position em { color: #71c32b;font-style: normal;font-size: .8125rem;}
.position a:hover {color: #71c32b;}
.n_main_box .main_box { width: 1200px; height: 80px; position: relative; margin: 0 auto; }


.n_lianxi{ padding: 3.75rem 0;}
.n_lianxi .box1{ overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.n_lianxi .box1 .left{ float: left; position: relative; z-index: 1;}
.n_lianxi .box1 .left:before{ content: ""; display: block; position: absolute; background: url(../images/lianxi_bg.jpg) center no-repeat; z-index: -1; width: 520px; height: 371px; right: -180px; bottom: -20px;}
.n_lianxi .box1 .right{ float: right; width: 530px; background: #fff; position: relative; z-index: 9; padding: 1.5rem 1.5rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.n_lianxi .box1 .left .tt{ margin-bottom: 1.75rem;}
.n_lianxi .box1 .left .tt h3{ font-size: 1.5rem; color:#35383a; }
.n_lianxi .box1 .left .tt span{ font-size: 1.25rem; color: #b6b6b6; font-family: Roboto; text-transform: uppercase; display: block; margin-top: .5rem; margin-bottom: 1.5rem; }
.n_lianxi .box1 .left .tt i{ display: block; width: 25px; height: 1px; background: #71c32b;}
.n_lianxi .box1 .left dl{ margin-top: 1.5rem; margin-bottom: 0;}
.n_lianxi .box1 .left dl dt{ font-size: 1.125rem; color: #e67410; font-weight: bold; margin-bottom: 11px; padding-left: 2.25rem; position: relative;}
.n_lianxi .box1 .left dl dt img{ position: absolute; left: 0; top: .25rem;}
.n_lianxi .box1 .left dl dd{ font-size: 1rem; color: #676767; font-weight: bold;  padding-left: 2.25rem;}
.n_lianxi .box1 .left dl .tel{ font-size: 2.125rem; color: #3a3939; font-family: "Barlow Condensed SemiBold";}
.n_lianxi .ewm{ display: inline-block;padding-left: 22px;}
.n_lianxi .ewm .box{ float: left; display: flex; flex-direction: row-reverse; align-items: center; margin-left: 2.5rem; margin-top: 1rem;}
.n_lianxi .ewm img{ border: 1px solid #ddd; width: 109px; height: 109px;}
.n_lianxi .ewm p{ text-align: center; width: 1rem; font-size: .875rem; color: #282828; margin-right: .5rem;  }
.n_lianxi .flex{ display: flex; align-items: flex-end;}
.n_lianxi form{}
.n_lianxi form .group{ margin-bottom: 22px; width: 48.5%;}
.n_lianxi form .group.textarea{ width: 100%;}
.n_lianxi form .group.yzm{     width: calc(100% - 169px);}
.n_lianxi form .group.btnbox{ width: 150px;}
.n_lianxi form .span{ display: block; font-size: 1rem; height: 17px; color: #3d3d3d; margin-bottom: 1rem;}
.n_lianxi form .span i{ color: #e73728;}
.n_lianxi form .input{ height: 50px; border: 1px solid #d5d5d5; width: 100%; padding: 0 18px; font-size: .8125rem; color: #666;}
.n_lianxi form textarea{ border: 1px solid #d5d5d5; height: 6.75rem; line-height: 1.7; width: 100%; padding: 10px 18px; font-size: .8125rem; color: #666; font-family: "微软雅黑";}
.n_lianxi form .btn_submit{ height: 50px; width: 155px; background: #e67410; color: #fff; border: 0; outline: 0; float: right;}
::-webkit-input-placeholder{color:#afafaf;}
::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#afafaf;}
::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#afafaf;}
::-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#afafaf;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus:-moz-placeholder { color: transparent;}
:focus::-moz-placeholder { color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}
#miso_map{ height: 28rem; margin-top: 3.125rem; border: 1px solid #e1e1e1;}
.box2{margin-top: 30px;}


#n_news{ }
#n_news ul{ margin: 0 -1.375rem; overflow: hidden; margin-top: -2.5rem;}
#n_news ul li{ padding: 0 1.375rem; width: 33.333%; float: left; margin-top: 2.5rem;}
#n_news ul li .img,#n_news ul li .img img{ overflow:hidden; width:100%; height:100%; position:relative}
#n_news ul li .img img{ transition:1s; display:block;}
#n_news ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
#n_news ul li .img .red-bg{ background:rgba(255,142,61,0.8);}
#n_news ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
#n_news ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
#n_news ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
#n_news ul li:hover .img .red-bg { opacity: 1; visibility: visible; }
#n_news ul li:hover .img .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
#n_news ul li:hover .img img{ transform:scale(1.05);}
#n_news ul li .txt{ padding:2.25rem 1.875rem; background: #f2f4f5;}
#n_news ul li .txt .time{ font-size: .875rem; color: #b2b2b4; margin-bottom: .5rem; display: block;}
#n_news ul li .txt h5{ font-size: 1.25rem; color: #222225; margin-bottom: 1.125rem;}
#n_news ul li .txt i{ display: block; width: 15px; height: 3px; background: #e67015; margin-bottom: .75rem; position: relative;}
#n_news ul li .txt i:before{ content: ""; display: block; width: 0; height:100%; background: #ff8e3d; transition: .5s;}
#n_news ul li:hover .txt i:before{ width: 100%;}
#n_news ul li .txt p{ font-size: .875rem; color: #868686; line-height: 1.75rem; height: 3.5rem; overflow: hidden;}
#n_news ul li .btn_more{ display: block; margin-top: .75rem; font-size: .875rem; color: #868686;}


/*翻页*/
.page { text-align:center; margin-top:3.75rem;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 .875rem; min-width: 3.125rem; height:3.125rem; line-height:3rem; display:inline-block; margin:0 0.25rem; border:1px solid #dadbdf; font-size:.875rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#fe8e3c; border:1px solid #fe8e3c;  color:#fff; }
.page a:hover{ background:#fe8e3c; border:1px solid #fe8e3c;  color:#fff;  }
.pad_top {
    padding-top: 4.06rem;
}.pad_bot {
    padding-bottom: 4.06rem;
}
.page span{ background: #fe8e3c;
    border: 1px solid #fe8e3c;
    color: #fff;padding:0 .875rem; min-width: 3.125rem; height:3.125rem; line-height:3rem; display:inline-block; margin:0 0.25rem;  font-size:.875rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}







/*==============分享插件=====================*/
.shart_box{ display:inline-block; float:right; }
#j_shart_s_24 .fx{ position:relative; top:2px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ padding-left:50px; position:relative;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:.75rem; color: #7e8080; font-weight:normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

.ar_title {margin-bottom:2.5rem; padding-bottom:1.25rem; position: relative; overflow: hidden;}
.ar_title:before{ content: ""; display: block; width: 100%; height: 3px; background: #f0f0f0; position: absolute; left: 0; bottom: 0;}
.ar_title:after{ content: ""; display: block; width: 9rem; height: 3px; background: #ff8e3d;  position: absolute; left: 0; bottom: 0;}
.ar_title h3{ font-size:1.5rem; color:#424242; margin-bottom:.75rem; line-height: 1.5; }
.ar_title span.time{ font-size:.875rem; color:#7e8080; line-height:2rem;}

/*新闻详情*/
#n_news_xq{ overflow:hidden; padding:3.75rem 2.75rem;  margin: 0 0; background: #fff; max-width: 1400px; margin-left:auto; margin-right: auto;}
.left_news_xq{ width:73.1%; float:left;}
.right_news_tujian{ width:23.3%; float:right; margin-top: -1.5rem;}
.right_news_tujian ul li{ width:100%; margin-top:1.5rem; }
.right_news_tujian ul li a{ display:block; width:100%;}
.right_news_tujian ul li .img{ overflow:hidden; width:100%; border-radius: 3px;}
.right_news_tujian ul li .img img{ width:100%; height:100%; display:block; transition:1s;}
.right_news_tujian ul li:hover .img img{ transform:scale(1.1) rotate(.1deg);}
.right_news_tujian ul li .txt{ padding-top:.75rem; }
.right_news_tujian ul li .txt h5{ font-size:1.125rem; line-height: 1.75rem; color:#333335; margin-bottom:.5rem; transition:.3s; white-space: normal;}
.right_news_tujian ul li .txt h5:hover{ color:#fc8733;}
.right_news_tujian ul li .txt span{ display:block; height:18px; line-height:21px; font-size:.875rem; color:#b2b2b4;}

.ar_article{ font-size:.9375rem; color:#686868; line-height:1.875rem; text-align:justify; }
.ar_article p{font-size:.9375rem;color:#686868;line-height:1.875rem; padding-bottom:1.75rem;} 
.ar_article p:last-child{ padding-bottom: 0;}
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;  font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:0.95rem !important;  font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}

.ar_fot{ overflow: hidden; margin-top: 2.5rem;}
.ar_fot div{ width:49%; float: left;}
.ar_fot span{ display: inline-block; width: 6.25rem; height: 2.5rem; line-height: 2.5rem; float: left; font-size: .9375rem; background: #bfbfbf; color: #fff; border-radius: 3px; text-align: center; margin-right: .625rem; transition: .3s;}
.ar_fot h5{ line-height: 2.5rem; font-size: .9375rem; color: #303030;}
.ar_fot .next{ float:right;}
.ar_fot .next span{ float: right; margin-left: .625rem;}
.ar_fot .next h5{ text-align: right;}
.ar_fot div:hover span{ background: #ff8e3d;}

.n_tt{margin-bottom:3.125rem;text-align: center;}
.n_tt span{ font-size:2.25rem; color:#e67015; font-weight:bold; font-family: BarlowCondensed-Bold;}
.n_tt h3{ font-size:1.375rem; color:#373737; margin-top:.75rem}



#n_case{ width: 100%; overflow: hidden; }
#n_case ul.xs_jianju{ margin-top: -1rem;}
#n_case ul.xs_jianju li{ width: 33.333%; float: left; padding: 1rem;}
#n_case ul.xs_jianju li a{ display: block; background: #fff;}
#n_case ul.xs_jianju li .img{}
#n_case ul.xs_jianju li .img img{ transition: 1s;}
#n_case ul.xs_jianju li:hover .img img{ transform: scale(1.1) rotate(.1deg);}
#n_case ul.xs_jianju li .txt{ padding: 1.5rem 2.5rem; background: #fff;}
#n_case ul.xs_jianju li .txt h5{ font-size: 1.25rem; color: #535353; margin-bottom: .75rem;}
#n_case ul.xs_jianju li .txt p{ font-size: .875rem; color: #676565; background: url(../images/ico_tag.png) left center no-repeat; padding-left: 1.5rem; background-size: .875rem;}



#n_licheng{ width:100%; overflow:hidden; position:relative; z-index: 1; padding-bottom: 0; }
#n_licheng .left_tt{ background: url(../images/left_tt2.jpg) center no-repeat;}
#n_licheng .m{  }
#n_licheng ul{ position: relative; display: block; max-height: 54rem; overflow: auto; padding-top: 2rem; padding-bottom: 2rem; }
#n_licheng ul::-webkit-scrollbar{ display: none;}
/*#n_licheng ul:after {content:""; width:1px; height:calc(100% + 90px); background:#dedede; display:block; position:absolute; top:-30px; left:5.9375rem;}*/
#n_licheng ul li{ position: relative; margin-top:2.5rem;}
#n_licheng ul li .year{ position:absolute; z-index:9; width:5.9375rem; top:0;  height:30px; line-height:30px; text-align:center; }
#n_licheng ul li .year span{ font-size:2.125rem; color:#e67015; font-family: BarlowCondensed-SemiBold; transition:.2s; position: absolute; left: 0;}
#n_licheng ul li .year:before{ content:""; width:16px; height:16px; background:#fff; border:3px solid #e2e2e2; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-8px; right:-8px; }
#n_licheng ul li .year:after{ content:""; width:1rem; height:2.625rem; background-size: contain; display:block; position:absolute; top:calc(50% + 1rem); right:-1rem; transition:.5s;}
#n_licheng ul li:hover .year:before{ border:3px solid #e67015;}
#n_licheng ul li.slick-current .year span{ color:#d9000f; font-size:1.625rem;}
#n_licheng ul li:after{ content:""; width:1px; height:calc(100% + 10rem); background:#d0d1d3; display:block; position:absolute; top:-5rem; left:5.9375rem;}
#n_licheng ul li .txt{ margin-left:6.875rem;  font-size:.9375rem; color:#6a6a6a; position:relative; transition: .2s;}
#n_licheng ul li .txt dl{ margin:0; overflow: hidden; padding-left: 20px;}
#n_licheng ul li .txt dt{ float: left; margin-right: .625rem; line-height:1.625rem; position: relative;}
#n_licheng ul li .txt dd{ float: left; line-height:1.625rem; margin-bottom: 1.5rem;}
#n_licheng ul li:hover .txt{ }
#n_licheng ul li:hover .year span{ } 
#n_licheng ul li .txt dt:before{ content: ""; display: block; width: 4px; height: 8px; background: url(../images/ico_ar.png) center no-repeat; position: absolute; left: -20px; top: 10px;}

.left_con2{ width: 23.125rem; float: left;}
.right_con2{ width: calc(100% - 23.125rem); padding-left: 7rem; float: right; }
.left_tt{ height: 220px; background: url(../images/left_tt.jpg) center no-repeat; text-align: center; position: relative;}
.left_tt:before{ content: ""; width: 302px; height: 100%; position: absolute; right: 100%; top: 0; background: url(../images/dayanta.jpg) right center no-repeat;}
.left_tt .con{ text-align: left; display: inline-block;}
.left_tt span{ font-size:2rem; color:#fff; font-weight:bold; font-family: BarlowCondensed-Bold;}
.left_tt h3{ font-size:1.5rem;font-family: PingFangSC-Medium; color:#fff; margin-top:.75rem}


#n_licheng .left_bn{ position: relative; margin-top: 0;}
#n_licheng .left_bn img{ display: block;}
#n_licheng .left_bn .txt{ position: absolute; bottom: 0; left: 0; top: auto; width: 100%; height:40%; padding-left: 40px; padding-top: 110px;  }
#n_licheng .left_bn .txt span{ font-size: 2.125rem; color: #fff; color: rgba(255,255,255,.3); display: block; margin-bottom: 20px; text-transform: uppercase; font-family: BarlowCondensed-SemiBold; }
 

#n_zhanlue02{ border-bottom: 5px solid #e4e9ef; position: relative;}
#n_zhanlue02 .w1200{ position: relative;}
#n_zhanlue02 .zl_tt{ position: absolute;}
#n_zhanlue02 .span111{font-size:.875rem;color:#888;line-height:1.75;margin:2rem 0 -3rem;display: none;}
 .zl02_for{display: flex;justify-content: space-between;align-items: flex-end;padding: 0 1rem;position: relative;z-index: 4;overflow: hidden;padding-top: 80px;}
 .zl02_for li{ position: relative; padding-left: 2.25rem;}
 .zl02_for li .box{ padding-top: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
 .zl02_for li i{display: block; width: 5px; height: 100%; background: #e4e9ef; position: absolute; left: 0; bottom: 0;}
 .zl02_for li i:before{ content: ""; opacity: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;
    background: linear-gradient(top, #e67410, #e4e9ef);
    background: -o-linear-gradient(top, #e67410, #e4e9ef);
    background: -ms-linear-gradient(top, #e67410, #e4e9ef);
    background: -webkit-linear-gradient(top, #e67410, #e4e9ef);
    background: -moz-linear-gradient(top,#e67410, #e4e9ef);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e67410), to(#e4e9ef));
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#e67410, endColorStr=#e4e9ef); 
}
.zl02_for li.on i:before{ opacity: 1;}
 .zl02_for li:after{ content: ""; display: block; width: 1.625rem; height: 1.625rem; box-sizing: border-box; border-radius: 50%; border: 5px solid #e67410; background: #fff; position: absolute; left: -.625rem; top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
 .zl02_for li .time{ font-size: 1.875rem; color: #e67410; font-family:POPPINS-BOLD; margin-bottom: .75rem; position: relative;}
.zl02_for li h5{ font-size: 1.875rem; font-weight: bold; margin-bottom: 1.5rem;}
 .zl02_for li .txt{ font-size: 1rem; line-height: 1.875rem;}
 .zl02_for li.li_1{ height: 210px;}
 .zl02_for li.li_2{ height: 340px;}
 .zl02_for li.li_3{ height: 458px;}
 .zl02_nav{ position: absolute; top: 100%; margin-top: 4.5rem; right: 0; width: 546px; max-width: 100%;}
 .zl02_nav{display: flex; justify-content: space-between; align-items: flex-end;}
 .zl02_nav li{ padding:0 3px; flex-grow: 1;}
 .zl02_nav li div{ height: 11.875rem; background: #eff0f4; z-index: 1; display: flex; justify-content: center; align-items: center; position: relative; border-radius:0 0 10px 10px; cursor: pointer; font-size: 1.5rem; color: #a4a6ab; font-family:POPPINS-BOLD; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; }
 .zl02_nav li div:before{ content: ""; opacity: 0; background: url(../images/zl02_nav.png) center no-repeat; background-size: cover; position: absolute;border-radius:0 0 10px 10px; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
 .zl02_nav li.on div:before{ opacity: 1;height: calc(100% + 4.5rem - 5px);}
 .zl02_nav li.on div{ color: #fff;} 

.zl_tt2{align-items: center;}
.zl_tt2 b{ font-size: 2.25rem; font-weight: bold; color: #e67410;}
.zl_tt2 i{display: inline-block;width: 3rem;height: 1px;background: #2c2c2c;margin: 0 .5rem;}
.zl_tt2 p{ font-size: 1.5rem; color: #2c2c2c; color: #2c2c2c; display: inline-block;}
.zl_tt2 h6{font-size: 1.125rem;color: #888;line-height: 1.375;margin: 1.5rem 0 0;display: inline-block;position: relative;padding: 1rem 0 0;}
.zl_tt2 h6:before{ content:""; position:absolute; top:0; width:100%; height:1px; background:#d2d2d2}
.zl_tt2 h6 br{ }
.zl_tt2.white{ font-size: 1.875rem;}
.zl_tt2.white i{ background: #fff; width: 2.25rem;}
.zl_tt2.white p{ color: #fff; font-size: 1.125rem;}

 #n_zhanlue03{height: 23rem;background: url(../images/zhanlue03_bg.jpg) center no-repeat;margin-top: 2.25rem;padding-bottom: 3.75rem;}
 #n_zhanlue03 .w1200{ position: relative; height: 100%;}
 #n_zhanlue03 .zl_tt2{position: absolute;bottom: 0;display: none;}
 #n_zhanlue03 .txt{position: absolute;top: 0;right: 50px;}
 #n_zhanlue03 .txt p{ font-size: 1rem; line-height: 1.875rem; color: #fff; margin-bottom: 1.25rem;}
 #n_zhanlue03 .txt h6{font-size: 1.125rem;font-family:POPPINS-BOLD;color: rgba(255, 255, 255, 0.6);line-height: 1.5;}



/*Slider 开始*/
.miso_qh{ opacity:0; visibility:hidden; transition:0.6s}
.miso_qh.miso-initialized{ opacity:1; visibility:visible;}
.miso-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track,
.miso-slider .miso-list{ -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.miso-slide img{ display: block;}
.miso-slide.miso-loading img{ display: none;}
.miso-slide.dragging img{ pointer-events: none;}
.miso-initialized .miso-slide{ display: block;}
.miso-loading .miso-slide{ visibility: hidden;}
.miso-vertical .miso-slide{ display: block; height: auto;}
.miso-arrow.miso-hidden {display: none;}

.miso-loading .miso-list{ background: #fff url('../images/ajax-loader.gif') center center no-repeat;}
.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}

/* Dots */
.miso-dots { position: absolute; bottom:0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{ outline: none; }
.miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block}
.miso-lightbox .miso-prev:before{ content: ''; background: url(../images/left_svg.svg) center no-repeat;}
.miso-lightbox .miso-next:before{ content: ''; background: url(../images/right_svg.svg) center no-repeat;}
@media(max-width: 768px){
  .miso-prev, .miso-next{ width:20px; height:20px;}
  .miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px}
} 
/*Slider 结束*/


@media(min-width: 768px){
.miso_up{ transform:translateY(180px); visibility:hidden; opacity:0; transition:1.5s}
.active .miso_up{ transform:translateY(0); visibility:visible; opacity:1;}
  .container06 ul li a .con h5:hover, .title003 a:hover, .n_news_detail .n_right ul li a .con h5:hover{ color:#e67410}
  .container06 ul li a:hover .con p{ visibility:visible; height:3rem; opacity:.7}
  .container06 ul li a:hover .con h3{ visibility:visible; height:0; opacity:0 }
  .container06 .miso-arrow:hover{ border:#e67410 1px solid; background:#e67410}
  .container06 .miso-prev:hover:before{ transform:translateX(-101%)}
  .container06 .miso-prev:hover:after{ transform:translateX(0)}
  .container06 .miso-next:hover:before{ transform:translateX(101%)}
  .container06 .miso-next:hover:after{ transform:translateX(0)}
}

/*笔记本*/
@media(max-width: 1200px) {
#header { display: none }
.m_header_box {
    opacity: 1;
    visibility: visible;
}
#m_header {
    display: block;
}


}


@media (max-width: 1630px){

.m {
    padding: 0 30px;
}
}

@media (max-width: 767.98px) {
    .banner li img{width: 100%;height: auto !important;}
    .banner ul li a {
    min-height: 10vh;
}
.mouse_down{display: none;}
.container02 .about {
    margin-top: 0px; 
}



}

@media (max-width: 992px){
.n_banner {
    height: 26vh;
    background-size: cover !important;
}
}