@charset "utf-8";
/* CSS Document public*/
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;box-sizing:border-box;vertical-align:top;}
html{overflow-x:hidden;}
body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;/*安卓和 IOS html5 动画卡顿解决方案*/overflow-x:hidden;line-height: 1;font-size:14px;}
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}
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}
video{ object-fit:cover}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-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;}/*缓慢效果*/
slow01{-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;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/

.a_body{ position:relative;}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:0; background:#333333}

input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}

.w100{width:100%}
.w1300{ max-width:1300px;margin:0 auto}
.fanhui{position:fixed;right:30px;bottom: 75px;width:48px;height:48px;border-radius:50%;}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#ff0000}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -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;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
img{ vertical-align:middle}

/*内容样式*/
.ar_article{font-size: 14px;color: #666666;line-height:28px; margin-bottom:28px;}
.ar_article p{font-size: 15px !important;color: #333333;line-height: 30px !important;margin-bottom: 30px;}
.ar_article img{ max-width:100%;}
.ar_article img{display:inline-block;}

/*百度播放器美化*/
#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}


/* Slider */
.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; }
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -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: block; zoom: 1; }
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.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; border: 1px solid transparent; }
/* 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}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; 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);}

#gotop{ position:fixed; z-index:90; bottom:80px; right:30px; box-sizing:border-box; text-align:center; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s; width:45px; height:45px;}
#gotop { cursor: pointer; }
.aico { background: url(../images/aicos.png);}	
.dt-arrow .aico {position: absolute;left: 50%;margin-left: -18.5px;top: 0;width: 37px;height: 19px;animation: hide-dt-f 3s infinite;}
.dt-arrow { position: relative; width: 37px; height: 44px; }
.dt-arrow:before {content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 1px;background: #a0a0a0;margin-left: -1px;}
@keyframes hide-dt-f{
	0%{ opacity: 1; transform: translateY(-10px); }
	100%{ opacity: 0; transform: translateY(-150%); }
}


@font-face{ font-family:myFirstFont; src:url(../font/tt0173m.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1300{ max-width:1300px; margin:0 auto}

.header_box{height:40px;position: relative;z-index: 1;}
header{top: 0;z-index: 1000;width: 100%;left: 0;position: absolute;}
header:before{content:"";position:absolute;left:0;top:0;height: 130px;width:100%;background:url(../images/yinying2.png) center bottom no-repeat;}
header .w1200{ position:relative}
header .logo{width: 20.125rem;height: 10rem;position: absolute;left: 50%;margin-left: -10.0625rem;top: 0.75rem;z-index: 10;}
header .logo a{display:inline-block;}
header .logo a img{ width:100%; height:100%}
header .logo a img.logo02{ display:none}

header .fr01{padding: 0;}
header .fr01 .ss.btn{display:inline-block;padding: 25px 0 0 15px;cursor: pointer;position:relative;margin-left: 0;vertical-align: top;}
header .fr01 .ss.btn img{ margin:-3px 0 0}
header .fr01 .ss.btn:before{content:"";position:absolute;left:0;width:1px;height:6px;background:#fff;top:50%;margin-top:-3px;display: none;}
header .fr01 ul{ display:inline-block}
header .fr01 ul li{display:inline-block;font-size: 12px;margin-left: 0.75rem;vertical-align: top;}
header .fr01 ul li a{color: rgba(255, 255, 255, 0.4);transition:0.36s;}

.a_body.fixed #nav{ position:fixed; top:0; width:100%;}
.header_wai{height: 60px;}

.sousuo{display:inline-block;position:relative;z-index: 10000;padding: 0 0;}
.sousuo img{}
.search{float:right;z-index: 1000;border:transparent 1px solid;border-radius: 20px;position: relative;}
.search input{float:left;}

input.btn {}
.test{width:0;height: 24px;line-height: 22px;padding:0;border:  none;color: #fff;background:none;outline:none;font-size: 12px;-moz-transition: all 0.9s ease;-webkit-transition: all 0.9s ease;-o-transition: all 0.9s ease;-ms-transition: all 0.9s ease;transition: all 0.9s ease;}
.sousuo .btn{width: 24px;height: 24px;border:none;position:  absolute;right: 2px;font-size: 14px;color: #fff;background: url(../images/sousuo.png) center no-repeat;cursor:  pointer;top: -1px;border-radius: 50%;}
.sousuo .test{width: 122px;padding: 5px 25px 5px 12px;}
.sousuo .search{border: #769dc5 1px solid;}
header .fr01 .lan a img{ margin-left:0.5rem}

.navBox{background:#f1f1f1;position: relative;z-index: 12;}
#nav{height: 60px;position:relative;z-index:1;background: #fff;}
.navBox ul{font-size: 0;}
.navBox ul .left{width: calc((100% - 12.125rem) / 2);white-space: nowrap;}
.navBox ul .left li{width: 25%;text-align: left;}
.navBox ul .right{width: calc((100% - 12.125rem) / 2);white-space: nowrap;}
.navBox ul .right li{}
.navBox ul .right li>a{padding: 0;text-align: right;}
.nav li{text-align: center;position: relative;display: inline-block;width: 25%;}
.navBox ul .left li:last-child{}
.nav li:before{content:"";position:absolute;right:0;top:50%;width:1px;height:6px;margin-top:-3px;background:#c1c1c1;display: none;}
.nav li:last-child:before{ display:none}
.nav a {display: block;position: relative;padding: 0;font-size: 18px;height: 60px;line-height: 60px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background-color: #fff;position: absolute;left: 0px;bottom: 0;width: 100%;display: block;height: 2px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(70deg);transform: rotateX(70deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;display: none;}
.nav a .txt img{margin:-4px 10px 0 0;vertical-align: middle;}
.nav a .txt img.img02{ display:none}
.nav a .txt {position: relative;z-index: 2;font-size: 1.125rem;color: #ffffff;display: inline-block;}
.nav .active a .bg,.nav .on a .bg {transform: none;opacity: 1;visibility: visible;background: #1b5ea4;}
.nav .active a .txt,.nav .on a .txt {color: #fff;font-weight: bold;}
.navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #e62129; }
.subNavbox a:link, .subNavbox a:visited {color: #333;}
.subNavbox a:active, .subNavbox a:hover {color: #fff;background: #1b5ea4;}
.subNavbox {position: absolute;left: -16px;width: 140px;background-color: rgba(255, 255, 255, 0.8);box-shadow: 1px 2px 2px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;top: 90px;}
.subNavbox p {line-height: 1.2;}
.subNavbox p a {line-height: 0;height: auto;padding: 20px 1rem;font-size: 14px;transition: 0.36s;text-align: left;white-space: nowrap;}
.nav a:hover .txt img.img01{ display:none}
.nav a:hover .txt img.img02{ display:inline-block}

.tc2 .tc-box form{border-radius: 4px;overflow: hidden;background: #fff;height: 60px;width:100%;}
.tc2 .tc-box input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;}
.tc2 .tc-box input[type="text"]:focus{ text-align: left;}
.tc2 .tc-box input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;}



.tc2 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc2 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);visibility: hidden;}
.tc2 .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);visibility: visible;}
.tc2 .close:hover{ transform:rotate(180deg);}
.tc2 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc2 .tc-box{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;}
.tc2 .tc.act{display: block; }
.tc2 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc2 .tc-bg {height: 100%;background: rgba(0,0,0,.6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}


#openBtn{ display:none}
.rd-navbar-main-element { position: absolute; float: left;}
.rd-navbar-nav-wrap.active {
    transform: translateX(0);
}
.rd-navbar-nav-wrap {
    color: #ffffff;
    background: #1b5ea4;
    box-shadow: none;
}
.rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -37px;
    bottom: -56px;
    z-index: 100;
    width: 100%;
    padding: 140px 0 81px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 28px;
    transform: translateX(-110%);
}
.rd-navbar-nav {
    display: block;
    margin: 15px 0;
    height: auto;
    text-align: left;
}
.rd-navbar-submenu {
    position: relative;
}
.rd-nav-item {
    text-align: left;
}
.rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-nav-wrap, .rd-navbar-submenu {
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-nav-link {
    color: #fff;
}
.rd-nav-link {
    display: block;
    padding: 10px 56px 10px 18px;
}
.rd-nav-link {font-size:14px;color: #fff;letter-spacing:2px;text-transform: capitalize;font-family: "Times New Roman";}

.rd-navbar-submenu-toggle {
    color: #fff;




























}
.rd-navbar-submenu-toggle {
    cursor: pointer;
    display: inline-block;
    width: 56px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.rd-navbar-submenu-toggle::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 48px;
    font: 400 14px "FontAwesome";
    line-height: 48px;
    text-align: center;
    transition: 0.4s all ease;
    z-index: 2;
    cursor: pointer;
    background:url(../images/sanjiao_svg.svg) center no-repeat;
    background-size: 10px;
}
.rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link {
    color: #ffffff;
    background: #00428a;
}
.rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-submenu.opened > .rd-navbar-megamenu {
    display: block;
}
li.opened > .rd-menu {
    opacity: 1;
    height: auto;
}
li.opened > .rd-navbar-dropdown {
    padding: 4px 0 0;
}
.rd-menu {
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
}
.rd-navbar-dropdown {
}

li.opened > .rd-navbar-submenu-toggle::after {
    top: 0;
    transform: rotate(180deg);
    color:#fff;
}
.rd-navbar-submenu .rd-navbar-dropdown > li > a {
    padding-left: 30px;
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    color: rgba(255, 255, 255, 0.6);
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    display: block;
    padding: 9px 56px 9px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.rd-nav-item.opened .rd-menu{ opacity:1}
.rd-navbar-open-right{ height:0}

.rd-nav-item.active .rd-navbar-submenu-toggle{ color:#fff}
.rd-navbar-submenu .rd-navbar-dropdown > li.active > a{color: #fff;}

#openBtn {
  display: none;
  margin-top: 0;
  right: 15px;
  cursor: pointer;
  float: right;
  margin-left: 1.5rem;
  position: absolute;
  top: 22px;
  z-index: 10;
}

#openBtn .lcbody {
  width: 26px;
  height: 18px;


  position: relative;

}

#openBtn .lcbody .lcitem {
  width: 100%;
  height: 1px;
  position: absolute;
  transition: transform 0.36s ease;
}

#openBtn .lcbody .lcitem div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  background: #fff;
}

#openBtn .lcbody .top {
  top: 0;
}

#openBtn .lcbody .center {
  display: block;
  top: 49%;
}

#openBtn .lcbody .bottom {
  top: 100%;
}

#openBtn .lcbody:hover .lcitem.top .rect {
  animation: move 0.4s ease-in-out 1;
}

#openBtn .lcbody:hover .lcitem.center .rect {
  animation: move 0.4s ease-in-out 0.1s 1;
}

#openBtn .lcbody:hover .lcitem.bottom .rect {



































  animation: move 0.4s ease-in-out 0.9s 1;
}

.active#openBtn .lcitem.top {
  transform: rotateZ(45deg);
  top: 49%;
}

.active#openBtn .lcitem.center {
  opacity: 0;
}

.active#openBtn .lcitem.bottom {
  transform: rotateZ(-45deg);
  top: 49%;
}

@keyframes move {
  0% {
    right: 0;
  }
  40% {
    right: 0;
    width: 0;
  }
  60% {
    right: auto;
    width: 0%;
  }
  100% {
    right: auto;
    width: 100%;
  }
}


#banner{width: 100%;width: 100vw;overflow:  hidden;z-index: 0;background:#252525;position: relative;}
#banner .miso-slide{display: block;height:100%;overflow: hidden;text-align:center;background:#fff;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;}
#banner .miso-slide img{ display: block; width:100%;
    -webkit-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out
}

#banner .miso-prev,
#banner .miso-next{width:40px;height:80px;z-index: 10000;margin-top: -22px;}
#banner:hover .miso-prev{background:url(../images/banner_prev_hover.png) center center no-repeat;transition:0.36s;}
#banner:hover .miso-next{background:url(../images/banner_next_hover.png) center center no-repeat;transition:0.36s;}


#banner .miso-prev{left:110px;background:url(../images/banner_prev.png) center center no-repeat;transition:0.36s;}
#banner .miso-next{right:110px;background:url(../images/banner_next.png) center center no-repeat;transition:0.36s;}


#banner .miso-dots{bottom:2.5rem;}
#banner .miso-dots li{width:20px;height:20px;border-radius:50%;margin:0 0.375rem; background:url(../images/dots01.png) center no-repeat;opacity:1;}
#banner .miso-dots li.miso-active{ background:url(../images/dots01_on.png) center no-repeat}
#banner .miso-dots li.swiper-pagination-bullet-active{ background:url(../images/dots01_on.png) center no-repeat}

.title00{ position:relative; margin-bottom:1.625rem}
.title00 h3{font-size:2rem;color:#333333;margin-bottom: 0.875rem;}
.title00 a{position:absolute;right:0;font-size:14px;color:#333;top: 0.875rem; transition:0.36s}
.title00 h6{text-align: left;font-size:16px;font-family:Times New Roman;color: rgba(22, 131, 194, 0.4);position:relative;}
.title00 h6:before{content:"";position:absolute;right:0;left: 5.5rem;height:1px;background: rgba(22, 131, 194, 0.4);top: 8px;}
.title00 h6 img{margin: -3px 0.5rem 0 0;display:inline-block;width: auto;}
.container01{padding:4.375rem 0 1.75rem;position:relative;overflow: hidden;}
.container01:before{ content:""; position:absolute; border-bottom:#fff 6.25rem solid; border-left:transparent 50vw solid; border-right:transparent 50vw solid; bottom:0}
.container01 .title00 h3{ text-align:center;}
.container01 .title00 h6{ text-align:center; font-size:16px; font-family:Times New Roman; color:#333; position:relative}
.container01 .title00 h6:before{content:"";position:absolute;right:0;left: 52%;height:1px;background: rgba(0, 0, 0, 0.3);top: 8px;}
.container01 .title00 h6 img{margin: -3px 0.5rem 0 -4rem;}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01 .top{ margin-bottom:2.5rem}
.container01 .top ul{ font-size:0; margin:0 -1.125rem}
.container01 .top ul li{ display:inline-block; width:33.3333333%; padding:0 1.125rem}
.container01 .top ul li .img, .container01 .top ul li .img img{overflow:hidden;width: 100%;}
.container01 .top ul li .con{ height:95px; background:rgba(255,255,255,0.1); padding:0 1.25rem}
.container01 .top ul li .con h6 span{ display:block; position:relative; width:110px; height:34px; line-height:34px; text-align:center; background:#e8222a; font-size:14px; color:#fff; font-weight:bold; top:-17px; margin-bottom:-5px; letter-spacing:1px}
.container01 .top ul li .con p{ font-size:16px; line-height:26px; height:52px; overflow:hidden; color:#333; transition:0.36s;}

.container01 .bottom ul{ margin:0 -1.5rem; font-size:0}
.container01 .bottom ul li{ height:55px; line-height:55px; display:inline-block; width:50%; padding:0 1.5rem; margin-bottom:1.25rem}

.container01 .bottom ul li a{ display:block; background:#dfdfdf; border-left:#e8222a 4px solid; position:relative}
.container01 .bottom ul li a:before{ content:""; position:absolute; left:0; top:0; height:100%; width:0; transition:0.6s}
.container01 .bottom ul li .span01{display:inline-block;width: 80px;text-align:center;margin-right: 0;font-size: 14px;color: #333;transition:0.36s;vertical-align: top;border-radius: 12px;position: relative;}
.container01 .bottom ul li .span01 big{font-weight:bold;font-size: 20px;}
.container01 .bottom ul li .span01:before{ content:""; position:absolute; width:1px; height:10px; background:#fff; right:0; top:50%; margin-top:-5px}
.container01 .bottom ul li a font{font-size: 16px;color:#333;display:inline-block;width: calc(100% - 80px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.75rem;transition:0.36s;vertical-align: top;position: relative;}
.container01 .bottom ul li a span img{ display:inline-block}

.container02{padding-bottom:2.5rem;overflow: hidden;}
.container02 .title00{ margin-bottom:1.25rem}
.container02 ul{ margin:0 -1.5rem; font-size:0}
.container02 ul li{ display:inline-block; width:50%; padding:0 1.5rem}
.container02 ul li{font-size:16px;color: #000033;line-height:2.5rem;height:2.5rem;}
.container02 ul li a{color: #333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;height: 2.5rem;}
.container02 ul li a:before{content:"";position:absolute;top: 50%;margin-top: -2px;left:0;width: 4px;height: 4px;transition:0.36s;background: #1683c2;}
.container02 ul li a font{display:inline-block;width: calc(100% - 90px);color: #000000;position:relative;padding-left: 14px;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container02 ul li a img{ display:inline-block}
.container02 ul li a span{float:right;font-size: 14px;color: #666666;}

.container03{padding: 0 0 2.5rem;overflow: hidden;}
.container03 .title00 h6:before{left: 8rem;}

.container03 .left{ position:relative; width:34.6875rem;}
.container03 .left .img, .container03 .left .img img{position:relative;width:34.6875rem;height:17.5rem;overflow:hidden;object-fit: cover;}
.container03 .left .img:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background-image: linear-gradient(transparent, #000000);z-index: 0;}
.container03 .left .img h5{height:40px;line-height:40px;font-size:16px;padding:0 10px;color:#fff;position:absolute;bottom:0;left:0;right:0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;z-index: 1;text-align: center;}
.container03 .right{ padding-left:2.75rem; width:calc(100% - 34.6875rem);}
.container03 .right ul{ margin:0 -1.25rem; font-size:0}
.container03 .right ul li{ display:inline-block; width:50%; padding:0 1.25rem}
.container03 .right ul li a{display:block;border-top:#e8222a 1px solid;padding-bottom: 1.5rem; transition:0.36s}
.container03 .right ul li a h3{line-height:2.5rem;font-size:12px;color: rgba(0, 0, 0, 0.5);font-family:Times New Roman;height: 2.5rem;margin: 1rem 0 0.5rem;}
.container03 .right ul li a h3 big{font-size:1.75rem;color:#000000;font-weight:bold;font-family:Times New Roman;display: inline-block;padding-right: 1rem;margin-right: 1rem;position:relative;}
.container03 .right ul li a h3 big:before{content:"";right:0;width:1px;height: 1.25rem;background:#7f7f7f;position: absolute;top: 0.5rem;}
.container03 .right ul li a h4{ font-size:16px; line-height:1.875rem; color:#585858; height:3.75rem; overflow:hidden; transition:0.36s}

.container04{background:url(../images/container04_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.container04 .fl02{padding: 6.5rem 0 2.5rem;position:relative;}
.container04 .fl02:before{ content:""; position:absolute; border-top:#fff 6.25rem solid; border-right:transparent 50vw solid; top:0}
.container04 .fl02:after{ content:""; position:absolute; border-top:#fff 6.25rem solid; border-left:transparent 50vw solid; top:0; right:0}
.container04 .fl01 .left{ width:50%; padding-right:1.5rem}
.container04 .fl01 .left .first{ margin-bottom:1rem}
.container04 .fl01 .left .first ul li .img, .container04 .fl01 .left .first ul li .img img{ float:left; width:14.375rem; height:10rem; overflow:hidden}
.container04 .fl01 .left .first ul li .con{ float:right; width:calc(100% - 14.375rem); height:10rem; overflow:hidden; background:rgba(255,255,255,0.1); padding:1.5rem 1.25rem}
.container04 .fl01 .left .first ul li .con h4{font-size:18px;line-height:30px;height:60px;overflow:hidden;color:#fff;margin-bottom: 1rem; transition:0.36s}
.container04 .fl01 .left .first ul li .con h6{font-size:14px;color:rgba(255,255,255,0.6);height: 20px;line-height: 20px;font-size: 12px;}
.container04 .fl01 .left ul{}
.container04 .fl01 .left ul li{line-height: 42px;}
.container04 .fl01 .left ul li a{ display:block}
.container04 .fl01 .left ul li .span01{display:inline-block;width: 92px;height: 24px;line-height: 22px;border: rgba(255,255,255,0.2) 1px solid;text-align:center;font-size: 14px;color: #fff;transition:0.36s;border-radius: 12px;vertical-align: middle;margin-top: -3px;}
.container04 .fl01 .left ul li a font{font-size: 16px;color: #fff;display:inline-block;width: calc(100% - 92px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 0.75rem;transition:0.36s;vertical-align: top;}

.container04 .fl01 .right{ width:50%; padding-left:4.25rem}
.container04 .fl01 .right ul li{ margin-bottom:1rem}
.container04 .fl01 .right ul li a{ display:block; background:#fff; padding:0.3125rem; overflow:hidden; position:relative}
.container04 .fl01 .right ul li a:before{ position:absolute; content:""; top:0; right:0; bottom:0; left:0; border:#fff 0.3125rem solid; transition:0.36s}
.container04 .fl01 .right ul li a .img{background:#eff5fa url(../images/icon001_bg.png) center bottom no-repeat;width:120px;height:4rem;line-height:4rem;padding:0 5px;font-size:16px;color:#333333;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.container04 .fl01 .right ul li a .con{ width:calc(100% - 120px); padding:0 1.25rem}
.container04 .fl01 .right ul li a .con h5{font-size:16px;color:#333333;height:18px;line-height:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0.75rem 0 0.5rem; transition:0.36s;}
.container04 .fl01 .right ul li a .con h6{ font-size:12px; color:#9a9a9a;}
.container04 .title00 h3{ color:#fff}
.container04 .title00 a{ color:#fff}
.container04 .title00 h6{ color:rgba(255,255,255,0.4)}
.container04 .title00 h6:before{ background:rgba(255,255,255,0.4)}

.container04 .fl01{ padding-bottom:9rem; position:relative}
.container04 .fl01:before{ content:""; position:absolute; border-bottom:#fff 6.25rem solid; border-left:transparent 50vw solid; border-right:transparent 50vw solid; bottom:0}
.container04 .fl02 .title00 h6:before{ left:8rem}
.container04 .fl02 ul{ margin:0 -1.5rem; font-size:0}
.container04 .fl02 ul li{ display:inline-block; width:50%; padding:0 1.5rem}
.container04 .fl02 ul li{font-size:16px;color: #000033;line-height:2.5rem;height:2.5rem;}
.container04 .fl02 ul li a{color: #333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;height: 2.5rem;}
.container04 .fl02 ul li a:before{content:"";position:absolute;top: 50%;margin-top: -2px;left:0;width: 4px;height: 4px;transition:0.36s;background: #fff;}
.container04 .fl02 ul li a font{display:inline-block;width: calc(100% - 90px);color: #fff;position:relative;padding-left: 14px;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container04 .fl02 ul li a img{ display:inline-block}
.container04 .fl02 ul li a span{float:right;font-size: 14px;color: #fff;}

.container05{ position:relative; overflow:hidden; }
.container05 .title00{text-align:center;margin-bottom: -2rem;}
.container05 .title00 h6{ text-align:center}
.container05 .title00 h6:before{left: 52%;width: 4rem;}
.container05 .title00 h6 img{margin: -3px 0.5rem 0 -4rem;}

.container05 .fl01{ margin:4rem auto; font-size:0}
.container05 .fl01 .left{ width:25rem; height:17.5rem; display:inline-block}
.container05 .fl01 .left img{ width:25rem; height:17.5rem}
.container05 .fl01 .box{width:100%;padding:0 1.25rem; vertical-align: bottom; display:inline-block}
.container05 .fl01 ul{margin:0 -0.625rem;font-size:0;}
.container05 .fl01 ul li{display:inline-block;width:25%;padding:0 0.625rem;}
.container05 .fl01 ul .miso-prev, .container05 .fl01 ul .miso-next{ width:17px; height:29px; top: 50%;margin-top: -15px;}
.container05 .fl01 ul .miso-prev{ background:url(../images/left01.png) center no-repeat; left:-1.5rem}
.container05 .fl01 ul .miso-next{ background:url(../images/right01.png) center no-repeat; right:-1.5rem}

.container05 .fl01 ul li{ width:23.3333333%}
.container05 .fl01 ul li .img, .container05 .fl01 ul li .img img{width:100%;overflow:hidden;object-fit: cover;}

.container05 .fl02{ padding:0 2rem 5.625rem}
.container05 .fl02 ul{ font-size:0;}
.container05 .fl02 ul li{ text-align:center; display:inline-block;}
.container05 .fl02 ul li .img{ display:inline-block; width:7.5rem; height:7.5rem; line-height:7.5rem; border-radius:50%; background:#1b5ea4}
.container05 .fl02 ul li .img img{ display:inline-block; max-width:5.5rem; max-height:5.5rem; transition:0.36s}
.container05 .fl02 ul li h5{ font-size:16px; color:#323232; margin-top:1rem; }
.container05 .fl02 ul .miso-prev, .container05 .fl02 ul .miso-next{ width:17px; height:29px; top:3rem}
.container05 .fl02 ul .miso-prev{ background:url(../images/left01.png) center no-repeat; left:-2rem}
.container05 .fl02 ul .miso-next{ background:url(../images/right01.png) center no-repeat; right:-2rem}

footer{background:url(../images/footer_bg.jpg) center no-repeat;background-size:cover;position:relative;}
footer .fl01{padding:6.25rem 0 2.25rem;position:relative;z-index: 1;}
footer .fl01:before{content:"";background:url(../images/footer_logo.png) center no-repeat;width:6.875rem;height:6.875rem;left:50%;margin-left:-3.4375rem;position:absolute;top: -3.25rem;background-size: cover;}
footer:before{ content:""; position:absolute; border-top:#fff 6.25rem solid; border-right:transparent 50vw solid; top:0}
footer:after{ content:""; position:absolute; border-top:#fff 6.25rem solid; border-left:transparent 50vw solid; top:0; right:0}

footer .fl01{ border-bottom:rgba(255,255,255,0.2) 1px solid;}
footer .fl01 .left{width: 26%;}
footer .fl01 h3{ font-size:18px; color:#fff; font-weight:bold; margin-bottom:2.5rem; position:relative}
footer .fl01 h3:before{ content:""; position:absolute; left:0; bottom:-1rem; height:2px; width:2.5rem; background:#e62129}
footer .fl01 .left .box .con{position:relative;cursor:pointer;height: 32px;line-height: 30px;width: 210px;border:rgba(255,255,255,0.2) 1px solid;border-radius:18px;margin: 0.75rem 0;text-align: left;}
footer .fl01 .left .box .con dt{font-size: 14px;color: #fff;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
footer .fl01 .left .box .con dt span{ letter-spacing:1px}
footer .fl01 .left .box .con dt font{ color:#fff}
footer .fl01 .left .box .con dt img{float: right;margin: 10px 0;}
footer .fl01 .left .box .con .dl{position:absolute;bottom: 30px;left: 0;background: #1b5ea4;padding: 10px 12px;display:none;width: 100%;}
footer .fl01 .left .box .con .dl dd{font-size: 13px;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;}
footer .fl01 .left .box .con .dl dd a{color:#fff;display: block;}
footer .fl01 .center p{ font-size:14px; line-height:32px; color:rgba(255,255,255,0.7)}
footer .fl01 .center h3{ margin-bottom:2rem}
footer .fl01 .right ul li{ text-align:center;}
footer .fl01 .right ul li h4 img{ height:6.5rem}
footer .fl01 .right ul li h5{ font-size:14px; color:#fff; margin-top:0.5rem}
footer .fl02{ text-align:center; padding:0.75rem 0}
footer .fl02 p{ font-size:14px; color:rgba(255,255,255,0.7); line-height:30px;}
footer .fl02 p a{ color:rgba(255,255,255,0.7);}
footer .fl02 p a:hover{color:#fff;}

.mianbao{padding: 0 0 0 34px;background: url(../images/local.png) 0 9px no-repeat;margin-top: 10px;height: 40px;line-height: 40px;border-bottom: #e8e8e8 1px solid;}
.mianbao,.mianbao span,.mianbao i,.mianbao a{font-size: 16px;color: #808080;font-style:normal;text-transform: capitalize;}
.mianbao i{ margin:0 6px}
.mianbao a:hover{color: #1b5ea4;}
.mianbao a{}

#nav_slide{background: #1b5ea4;line-height: 50px;position: relative;z-index: 2;}
#nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px;  }
#nav_slide #bnt_back img{height: 20px;vertical-align: middle;}
#nav_slide .n_title{ height: 50px; }
#nav_slide h1{font-size: 16px;color: #fff;text-align: center;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 14.5px;cursor: pointer;}
#bnt_sub_nav img{display: block;height: 20px;}
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;}
#sub_nav_content ul{}
#sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;}
#sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;}
#sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;}
#sub_nav_content ul li ul li{border:0;line-height:40px;padding-left: 10px;}
#sub_nav_content ul li ul li a{font-size: 13px; color: #666;}
#sub_nav_content ul li.on>a{color: #1b5ea4;}

#sub_nav_content ul li ul{ display:none}
#nav_slide{ display:none}


.n_container{overflow:hidden;padding: 1.875rem 0 5.125rem;}
.n_container .left{float:left;width: 230px;}

.n_container .left h1{height: 120px;line-height: 96px;background: #1b5ea4;font-size: 30px;color:#fff;padding: 0 28px;position: relative;}
.n_container .left h1:before{content:"";position:absolute;width:40px;height:2px;background:#fff;top: 78px;left:28px;}
.n_container .left ul{background: #f7f7f7;padding: 0 28px;}
.n_container .left .con ul li{font-size: 1.125rem;color: #333333;border-bottom: #ececec 1px solid;position:relative;padding: 0;text-align: left;}
.n_container .left .con ul li:last-child{ border:none}
.n_container .left .con ul li:before{content:"";width:6px;height:11px;position:absolute;right: 0;top: 50%;margin-top: -5px;transition:0.36s;}
.n_container .left .con ul li.on:before, .n_container .left .con ul li:hover:before{}
.n_container .left .con ul li a{color: #323232;display: block;overflow: hidden;text-overflow: ellipsis;line-height: 24px;padding: 16px 0;padding-right: 20px;}
.n_container .left .con ul li a:hover,.n_container .left .con ul li.on a{color: #1b5ea4;}

.n_container .left .con ul li dl{display:none;margin-bottom: 15px;padding-left: 6px;}
.n_container .left .con ul li dl dd{ height:30px; line-height:30px;}
.n_container .left .con ul li dl dd a{font-size:14px;color:#666666 !important;padding: 0;}
.n_container .left .con ul li i.up,.n_container .left .con ul li.on i{background: url(../images/right_icon_on.png) center no-repeat;}
.n_container .left .con ul li i{background: url(../images/right_icon.png) center no-repeat;width:12px;height:12px;position:absolute;right: -4px;top: 21px;cursor:pointer;}
.n_container .left .con ul li dl dd a:hover{ color:#1b5ea4 !important}


.n_container .right{float:right;width: calc(100% - 230px); padding-left:2.5rem}

.n_news ul{ margin:0 -1rem; margin-bottom:1rem; overflow:hidden}
.n_news ul li{ float:left; width:33.333333%; padding: 0 1rem; margin-bottom:2rem}
.n_news ul li .img { overflow:hidden; position:relative}
.n_news ul li .img img{width:100%;height:13.75rem;overflow:hidden;object-fit: cover;}
.n_news ul li .img .time{width: 60px;height: 50px;position:absolute;right:0.625rem;bottom:0.625rem;background: rgba(232, 34, 42, 0.8);text-align:center;}
.n_news ul li .img .time h3{font-size: 26px;color:#fff;height: 26px;line-height: 32px;font-family: Times New Roman;font-weight: bold;}
.n_news ul li .img .time h5{font-size:0.75rem;color:#fff;font-family: Times New Roman;height: 20px;line-height: 20px;}
.n_news ul li h5{ font-size:16px; color:#323232; line-height:26px; height:52px; overflow:hidden}
.n_news ul li .h5{ position:relative; padding-bottom:1rem; margin-top:1rem}
.n_news ul li .h5:before{content:"";position:absolute;bottom:0.5rem;width:3.125rem;height:1px;background: #e8222a;left:0;}
.n_news ul li p{ font-size:14px; line-height:24px; height:72px; overflow:hidden; text-align:left; color:#999999}



.fanye img{ max-width:100%}

.n_news_tu ul li{ border-bottom:#dcdcdc 1px dotted; padding-bottom:1.25rem; margin-bottom:1.25rem}
.n_news_tu ul li:last-child{ border:none}
.n_news_tu ul li .img,.n_news_tu ul li .img img{float:left;width: 15rem;height: 10.625rem;overflow:hidden;object-fit: cover;position:relative;}
.n_news_tu ul li .con{float:right;width: calc(100% - 15rem);overflow:hidden;padding: 0 0 0 1.375rem;position:relative;}
.n_news_tu ul li .con .cc{position:relative;display: block;}
.n_news_tu ul li .con .cc:before{content:"";position:absolute;left:0;width: 100px;height:2px;transition:0.6s;bottom: -10px;display: none;}
.n_news_tu ul li .con h5{font-size: 1.125rem;color: #000000;display: inline-block;overflow: hidden;max-width: 100%;height: 3.5rem;line-height: 1.75rem; transition:0.36s}
.n_news_tu ul li .con p{font-size: 14px;line-height: 22px;height: 66px;color: #999999;margin: 0.5rem 0 1.25rem;overflow: hidden;}
.n_news_tu ul li .con h6{font-size:12px;color: #999;height:18px;line-height: 18px;padding: 0;}
.n_news_tu ul li .con h6 img{ margin:-3px 6px 0 0}

.n_news01 ul{ margin-bottom:2rem}
.n_news01 ul li{margin-bottom: 0.75rem;border-bottom: #e5e5e5 1px solid;padding-bottom: 0.75rem;}
.n_news01 ul li a{display:block;overflow:visible !important;padding: 0;-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;}
.n_news01 ul li .time{float:left;width: 70px;height: 66px;text-align:center;background: #f2f2f2;padding: 0 8px; transition: all 0.36s ease-in-out;}
.n_news01 ul li .time .h4{height:36px;line-height:40px;font-size: 24px;color: #999999;font-family: Times New Roman;-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;font-weight: bold;}
.n_news01 ul li .time h6{font-size: 12px;color: #999999;line-height: 25px;font-family: Times New Roman;border-top: #cecece 1px solid;}
.n_news01 ul li .con{float:right;width: calc(100% - 70px);padding: 0;}
.n_news01 ul li .con h4{font-size: 18px;line-height: 66px;height: 66px;overflow:hidden;color:#404040;padding-left: 1.5rem;-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;white-space: nowrap;text-overflow: ellipsis;}

.n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: 20px;text-align:center;}
.n_news_detail .ar_article_box h3{color: #000000;font-size: 1.5rem;line-height: 2.75rem;margin-bottom: 12px;font-weight: bold;}
.n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 14px;line-height: 2.5rem;font-weight:normal;margin-bottom: 0;margin-right: 22px;vertical-align: top;background: #f7f7f7;}
.n_news_detail .ar_article_box h6 span{margin:0 10px;}
.n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0}
/*====上一篇下一篇====*/
#ar_fot{position:relative;padding: 24px 0;box-sizing: border-box;width: 100%;margin-top: 30px;border-top: #dcdcdc 1px solid;}
#ar_fot h1{display:block;width: 100%;font-size: 16px;line-height: 2.5rem;color: #000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ar_fot h1 span{ font-weight: bold;}
#ar_fot h1 a{font-size: 16px;color: #000000;font-weight:normal;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot h1 a:hover{color: #1b5ea4;}

.n_banner img{ width:100%}

/*online qq*/
aside#top{ }
.online_q {position: absolute;left: -100px;top: 0;z-index: 9999;width: 100px;background: #1b5ea4;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.25);overflow: hidden;opacity: 0;visibility: hidden;}
.online_q .btn2{padding: 0 10px;position: relative;transition: 0.36s;}
.online_q .btn2:before{content:"";position:absolute;width: 70px;height:1px;left:50%;background: #3a79bb;bottom:0;margin-left: -35px;}
.online_q .btn2:last-child:before{ display:none}
.online_q .btn2>a{cursor:pointer;position:relative;transition:.3s;display:block;text-align: center;}

.online_q .btn2:last-child a{ border:none}
.online_q .btn-top{padding:0;}
.online_q .btn2>a{ }
.online_q .btn2 span{display:block;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;font-size: 14px;color: #fff;line-height: 50px;}
.online_q .btn2:hover{background: #e8222a;}
.online_q .btn2 h3{padding: 15px 0 10px;}
.online_q .btn2 h3 img.img02{ display:none}
.online_q .btn2:hover h3 img.img01{ display:none}
.online_q .btn2:hover h3 img.img02{ display:inline-block}
.online_q .btn2:hover span{}

.online_q .btn2.btn-01 .title_box{ padding-bottom:12px; margin-bottom:12px; border-bottom:#eeeeee 2px solid}
.online_q .btn2.btn-01 .title_box .title00 h3{padding: 0;}
.online_q .btn2.btn-01 .box{position:absolute;top:0;right: 82px;width:430px;height:270px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);padding: 20px;opacity: 0;visibility: hidden;transition: 0.36s;}
.online_q .btn2.btn-01 .miso_hd00 ul{border: #d7d7d7 1px solid;border-radius: 18px;overflow: hidden;}
.online_q .btn2.btn-01 .miso_hd00 ul li{ margin:0}
.online_q .btn2.btn-01 .miso_hd00 ul li a{ margin:0}
.online_q .btn2.btn-01 .miso_bd00 dl{text-align:left;font-size:0;line-height: 40px;}
.online_q .btn2.btn-01 .miso_bd00 dl dt{ display:inline-block; font-size:18px; color:#315c88; font-weight:bold;}
.online_q .btn2.btn-01 .miso_bd00 dl dd{display:inline-block;width: calc(100% - 120px);font-size:16px;color:#666666;}
.online_q .btn2.btn-01 .miso_bd00 dl dd span{font-size:16px;color:#666666;display: inline-block;margin-right: 20px;}

.online_q .btn2.btn-01:hover .box{ opacity:1; visibility:visible}

/*2021.01.16*/
.n_xiaoyuan ul li{display:inline-block;width:25%;margin-bottom: 1rem;}
.n_xiaoyuan ul li .img, .n_xiaoyuan ul li .img{ height:9.75rem}
.n_xiaoyuan ul li h4{line-height: 3rem;text-align:center;font-size: 15px;color: #333; transition:0.36s}

.n_mingshi dl{overflow:hidden;margin: 0;padding: 0;position:  relative;}
.n_mingshi dl:before{content:"";position:absolute;left: 0;right: 0;top:0;background:#d4d9d8;height:1px;}
.n_mingshi dl dt{float:left;width:100%;font-size: 1rem;color:#000;font-weight:bold;height:  3.125rem;line-height: 3.125rem;margin-bottom:22px;padding: 0 0.40625rem 0 1.5rem;position:relative;background: #fafafa;border-top: #1b5ea4 1px solid;}
.n_mingshi dl dt:before{content:"";position:absolute;left: 0;top:50%;margin-top: -0.9375rem;width: 3px;height: 1.875rem;background: #e62129;}
.n_mingshi dl .con{margin:0 -0.75rem;overflow: hidden;margin-bottom: 2rem;float:  left;}
.n_mingshi dl dd{float:left;width: 25%;height: 44px;text-align:center;padding: 0 0.75rem;margin-bottom: 1rem;}
.n_mingshi dl dd a{font-size: 14px;color:#666666;display:block;height: 50px;line-height: 18px;border: #e5e5e5 1px solid;padding: 0 1rem;transition: 0.6s;}
.n_mingshi dl dd .con{ display:none}

.n_renwu ul li{ width:50%}
.n_renwu ul li .img{border: #e0e0e0 1px solid;padding: 1rem 1.5rem;}
.n_renwu ul li .img img{ height:auto}

/*2021.01.07*/
footer .fl01 .center{padding-right:3rem;background:url(../images/dun.png) right bottom no-repeat;margin-right: 2rem;}
footer .fl01 .center01{padding: 2rem 1rem;}
footer .fl01 .center01 ul li {display:inline-block;text-align: center;margin: 0 1px;}
footer .fl01 .center01 ul li h2{ line-height:4rem}
footer .fl01 .center01 ul li h2 svg{fill:#fff;width: 2rem;height: 2rem;display: inline-block;vertical-align: middle;}
footer .fl01 .center01 ul li h4{font-size: 16px;color:#fff;margin-bottom: 0.5rem;}
footer .fl01 .center01 ul li h5{font-size: 14px;color:#fff;}
footer .fl02 p img{ margin-top:-3px}

.logo_lodind{ position:fixed; top:10vh; left:0; right:0; text-align:center}
.logo_lodind img{ display:inline-block; max-width:80%}
.yindaoye{background:url(../images/body-bg.jpg) center no-repeat;width:100%;height:100vh;background-size: cover;}
.yindaoye_box{ bottom:20vh; position:absolute; left:0; right:0}
.btm{margin: 0 auto;text-align: center;}
.btm li{width: 195px;height: 62px;background: url(../images/btn-bg.png) no-repeat center center;line-height: 62px;text-align: center;transition: 0.5s;display:inline-block;margin: 0 1.5rem;}
.btm li:hover{
margin-top: -5px;}
.btm li.first{
margin: 0 2rem;}
.btm li a{
font-size: 16px;
font-weight: bold;
color: #1e4c83;
width: 195px;
height: 62px;
display: block;}
.bq{text-align: center;color: #fff; font-size:13px; position:absolute; bottom:30px; left:0; right:0;}
    
            

@media(max-width: 1200px){
	footer .fl01 .left, footer .fl01 .center, footer .fl01 .center01, footer .fl01 .center01, footer .fl01 .right{width:100%;text-align: center;}
	footer .fl01 .center01{padding: 0 0 2rem;}
	
	footer .fl01 .center{padding: 0;padding-bottom: 5rem;background: url(../images/dun.png) center bottom no-repeat;background-size:3rem;margin-bottom: 0 !important;}
	
	footer .fl01 .center01 ul li h4{ font-size:13px;}
	footer .fl01 .center01 ul li h5{ font-size:12px;}
	footer .fl02 p img{ height:14px;}
}
@media(max-width: 768px){
	.btm li{margin:0 0.5rem;width: 130px;height: 40px;background-size: cover;line-height: 40px;font-size: 14px;}
	.btm li a{width: 100%;height: 40px;font-size: 13px;}
	.bq{ padding:0 1rem; font-size:12px; line-height:20px}
}

.xuanfu{position:fixed;right: 10px;top: 20%;z-index: 1000;}
.xuanfu>ul>li{margin: 6px 0;position: relative;width: 105px;}
.xuanfu>ul>li>a{display:block;height:35px;line-height:35px;background: #1b5ea4;text-align: center;font-size: 14px;color: #fff;border-radius:5px;}
.xuanfu>ul>li:hover .online_q{ opacity:1; visibility:visible;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/



/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	.container01 .top ul li a:hover .con p, .title00 a:hover, .container03 .right ul li a:hover h4{ color:#e8222a !important}
	.container02 ul li a:hover font{ padding-left:1rem; color:#e8222a}
	
	.container03 .right ul li a:hover{ padding-left:0.5rem}
	
	.container04 .fl01 .left .first ul li a:hover .con h4{color:#e8222a}
	.container04 .fl01 .left ul li a:hover font{ padding-left:1rem; color:#e8222a}
	.container04 .fl01 .right ul li a:hover .con h5{color:#e8222a}
	
	.container04 .fl02 ul li a:hover font{ padding-left:1rem; color:#e8222a}
	.container05 .fl02 ul li a:hover .img img{ transform:rotateY(180deg)}
	
	.container04 .fl01 .right ul li a:hover:before{ border:#e8222a 0.3125rem solid;}
	.container04 .fl01 .left ul li a:hover .span01{ border:#e8222a 1px solid; background:#e8222a; color:#fff}
	
	.n_news01 ul li a:hover .time .h4, .n_news01 ul li a:hover .time h6{ color:#fff} 
	.n_news01 ul li a:hover .time{ background:#e8222a}
	.n_news01 ul li a:hover .con h4{ padding-left: 1.75rem; color:#e8222a}
	
	.n_news ul li a:hover h5, .n_news_tu ul li a:hover .con h5, .n_news01 ul li a:hover .con h4{ color:#e8222a}
	
	.container01 .bottom ul li a:hover:before{ width:100%; background:#e8222a;}
        .container01 .bottom ul li a:hover .span01{ color:#fff;}
	.container01 .bottom ul li a:hover font{ color:#fff;}

	.container05 .fl02 ul li a:hover .img{background:#e8222a;}
	
	.n_xiaoyuan ul li a:hover h4{color:#e8222a}
	
	.n_mingshi dl dd a:hover{background:#e8222a;color:#fff;border: #e8222a 1px solid;}

}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
	.w1300{ padding:0 15px}
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){

	
}

@media(max-width: 992px){
	.navBox{ display:none}
	header .fr01{padding: 0 60px 0 0;}
	
	#openBtn{ display:inline-block}
	header .logo{left: 15px;margin-left: 0;width: 15rem;line-height: 65px;height: 65px;top: 0;text-align: left;}
	header .logo a img{display:inline-block;}
	.header_box{height:65px;line-height: 65px;background:#02468f;}
	header:before{ display:none} 
	header{ position:relative}
	
	header .logo a img.logo01{ display:none}
	header .logo a img.logo02{display: inline-block;height: auto;}
	header .logo a{line-height:65px;height: 65px;}
	header .fr01 .ss.btn{ padding:0 0 0 0}
	
	#banner .miso-next, #banner .miso-prev{ transform:scale(0.5)}
	#banner .miso-next{ right:0}
	#banner .miso-prev{ left:0}
	#banner .miso-dots{ bottom:1rem}
	#banner .miso-dots li{ transform:scale(0.5); margin:0}
	
	.container01{}
	.container01 .top ul li{width:100%;margin-bottom: 1rem;}
	
	.container03 .left{width:100%;margin-bottom: 2rem;}
	.container03 .right{width:100%;padding: 0;}
	.container03 .left .img, .container03 .left .img img{ width:100%; height:auto}
	
	.container04 .fl01 .left{width:100%;padding: 0;}
	.container04 .fl01 .right{ width:100%; padding:3rem 0 0}
	.container05 .fl01 ul .miso-prev, .container05 .fl01 ul .miso-next{transform:scale(0.6);}
	.container05 .fl02 ul .miso-prev, .container05 .fl02 ul .miso-next{transform:scale(0.6);top: 2rem;}
	
	.n_container .left{ display:none}
	.mianbao{ display:none}
	.n_container .right{ width:100%; padding:0}
	#nav_slide{ display:block}
	
	.n_banner img{width:100%;left:0;margin-left:0;height: 20vh;object-fit: cover}
	
	.aside-nav{ display:none}
	
	.n_mingshi dl .con{margin:0 -0.25rem;}
	.n_mingshi dl dd{width: 33.333333%;padding: 0 0.25rem;margin-bottom: 1rem;}
	.n_mingshi dl dd a{padding: 0 0.5rem;font-size: 12px;}
	
	.container05 .fl01 .left, .container05 .fl01 .left img{width:100%;height: auto;overflow: hidden;}
	.container05 .fl01 .box{width:100%;}
	
	.container05 .title00{ margin-bottom:2rem}
	
	.xuanfu{ display:none}
}

@media(max-width: 768px){
	.container01{ padding:3rem 0 4rem}
	.container01 .bottom ul li{width:100%;height: 40px;line-height: 40px;margin-bottom: 1rem;}
	.container01:before{ border-bottom:#fff 2.25rem solid}
	
	.container01 .top ul li .con p, .container01 .bottom ul li a font{ font-size:14px;}
	.container01 .bottom ul li .span01{ width:60px;}
	.container01 .bottom ul li a font{ width:calc(100% - 60px)}
	
	.container02 ul li{ width:100%}
	.container02 ul li a font{font-size:14px;width: calc(100% - 62px);}
	.container02 ul li a span{ font-size:11px}
	
	.container02{ padding:2rem 0}
	.container01 .top{ margin-bottom:1.25rem}
	.title00 h3{ font-size:18px}
	
	.container03{ padding:1.5rem 0 1.5rem}
	.container03 .right ul{ margin:0 -7px}
	.container03 .right ul li{ padding:0 7px}
	.container03 .right ul li a h4{ font-size:14px}
	.container04 .fl01 .left .first ul li .img, .container04 .fl01 .left .first ul li .img img{ width:35vw}
	.container04 .fl01 .left .first ul li .con{ width:calc(100% - 35vw)}
	.container04 .fl01 .left .first ul li .con h4{font-size:14px;line-height: 24px;height: 48px;margin-bottom: 0.5rem;}
	.container04 .fl01 .left ul li .span01{font-size: 11px;width: 74px;}
	.container04 .fl01 .left ul li a font{font-size:14px;width: calc(100% - 74px);}
	.container04 .fl01 .right ul li a .img{font-size:13px;width: 100px;}
	.container04 .fl01 .right ul li a .con{ width:calc(100% - 100px)}
	.container04 .fl01 .right ul li a .con h5{ font-size:13px;}
	
	.container04 .fl02 ul li{ width:100%}
	.container04 .fl02 ul li a font{font-size:14px;width: calc(100% - 62px);}
	.container04 .fl02 ul li a span{ font-size:11px}
	.container04 .fl02 ul li .img{ width:6rem; height:6rem; line-height:6rem}
	.container04 .fl02 ul li .img img{max-width: 3rem;max-height: 3rem;}
	.container04 .fl02 ul li h5{ font-size:14px}
	
	.container05 .fl01 ul{margin-top: 0;}
	.container05 .fl01 ul li{width:50%;margin-bottom: 1rem;}
	.container05 .fl01 ul li:nth-child(1){ width:50%}
	.container05 .fl01 ul li .img, .container05 .fl01 ul li .img img{}

	.container04 .fl01:before{ border:none;}
	.container04 .fl01:after{ border-top:#fff 2.25rem solid}
	
	.container04 .fl01{ padding:3.5rem 0 2.5rem}
	
	.container05 .fl02 ul li .img{ width:5rem; height:5rem; line-height:5rem}
	.container05 .fl02 ul li .img img{ max-width:3rem}
	.container05 .fl02 ul li .img img{ max-height:3rem}
	.container05 .fl02 ul li h5{ font-size:14px;}
	.container05 .fl01{ margin:0rem auto 2rem;}
	.container04 .fl02{ padding:0}
	.container04 .fl02:before,.container04 .fl02:after{ border:none}
       .container04{padding-top:2rem;}
	
	footer .fl01 .left{width:100%;text-align: center;}
	footer .fl01 .left .box .con{text-align:center;display: inline-block;margin: 5px 0;}
	footer .fl01 h3:before{ left:50%; margin-left:-1.25rem}
	footer .fl01 .center{ width:100%; text-align:center; margin:2rem 0}
	footer .fl01 .right{ width:100%; text-align:center}
	footer .fl02 p{ font-size:11px}
	footer .fl01 .center p{ font-size:11px; line-height:20px}
	
	.n_news01 ul li .con h4{font-size: 15px;line-height:20px;height:40px;white-space: normal;margin: 12px 0px;}
	
	.n_news ul{ margin:0 -7px}
	.n_news ul li{ width:50%; padding:0 7px}
	
	.n_news ul li p{ font-size:12px; line-height:18px; height:54px;}
	.n_news ul li h5{ font-size:14px; line-height:22px; height:44px}
	
	.n_news_tu ul li .con p{margin: 0.5rem 0 0.25rem;line-height: 18px;height: 18px;}
	.n_news_tu ul li .img, .n_news_tu ul li .img img{width: 11rem;height: 8rem;}
	.n_news_tu ul li .con{width:calc(100% - 11rem);padding: 0.5rem 0.5rem 0 1rem;}
	
	#ar_fot h1 a{ font-size:13px}
	.ar_article p{ font-size:14px; line-height:26px; margin-bottom:20px}
	.n_news_detail .ar_article h3{font-size:1.5rem;line-height: 2.25rem;} 
	.n_news_detail .ar_article h6{ font-size:12px}
	.tc2 .tc-box{ width:94%; left:3%; margin-left:0}
	
	#gotop{right:0;transform:scale(0.6);bottom: 2rem;}

	
}


@media(max-width: 456px){

	.n_news ul li .img img{ height:10rem}
}