*{margin:0px; padding:0px; list-style:none; outline:none; font-family:Microsoft YaHei,simsun, Arial, Helvetica, sans-serif;}
body{line-height:24px; font-size:14px; color:#333; background:url(../images/top_bg.jpg) repeat-x #fff;}
img{border:0px;}
a{color:#333; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
a:hover{color:#db7b2d;}
.clear{clear:both; height:0px; font-size:0px;}


#header{width:1292px;margin:auto;height:102px;}
.header_bz{float:left;width:300px;height:102px;}
.header_bz img{margin-top:20px;}
.header_nav{float:right;width:850px;}
/*.nav li{float:left;line-height:102px;font-size:16px;color:#333;margin-right:50px;}
.nav li A:link,.nav li A:active,.nav li A:visited{color:#333;TEXT-DECORATION: none;}
.nav li A:hover{COLOR: #dc7c2c; TEXT-DECORATION: none;font-weight:bold}
.nav li:last-child{margin:0px}*/

#header .nav {float:right;width:62%;max-width:870px;}
#header .nav ul {width: 100%;margin: 0 auto;position: relative;}
#header .nav ul>li {position: relative;float: left;width:15%;height: 84px;text-align: center;}
#header .nav ul>li:first-child{width:10%;}
#header .nav ul>li>a {display: block;margin:0 5%;height:102px;line-height:102px;font-size:16px;color:#555;text-transform:uppercase;
	position: relative;z-index: 9;overflow: hidden;white-space: nowrap;transition: 0.3s;}
#header .nav ul>li>span {display:block;width:0;height:3px;background:#1f4c96;position:absolute;top:0;right:50%;transition:0.3s;}
#header .nav ul>li.on>span,#header .nav ul>li:hover>span{width:90%;right:5%;}
#header .nav ul li ol {position:absolute;z-index:99999999999999;top:102px;left:0;text-align:left;width:1100%;height:0;padding:0 10%;overflow:hidden;
	background:rgba(0, 0, 0, 0.6);transition: 0.33s;}
#header .nav ul li:hover ol {padding: 10px 10%;height: auto;}
#header .nav ul li ol li {width: auto;display: inline-block;float: none;height: auto;}
#header .nav ul li ol li a {display:block;padding:0 13px;color:#fff;font-size:14px;height:40px;line-height:40px;text-align:center;transition: 0.3s;}
#header .nav ul li:hover ol li a:hover {/*opacity:0.6;*/color:#ee3a43;}

#header .nav_s{float: right;width:60px;height:102px;background:url(../images/search_on.png) no-repeat center;cursor:pointer;position:relative;}
#header .nav_s .nav_s_nr{position:absolute;top:100%;right:-150px;width:0;padding-right:0;height:40px;background:#f6f6f6;overflow: hidden; transition:0.33s;z-index:99999999999999}
#header .nav_s .sinput{width:90%;height:40px;padding:0 5%;border:none;background:#f1f1f1;font-size:15px;color:#333;}
#header .nav_s .sbmit{position:absolute;right:0;top:0;width:60px;height:40px;color:#f1f1f1;font-size:15px;background:#1f4c96;border:none;}
#header .nav_s:hover .nav_s_nr{right:0;width:280px;padding-right:60px;}
#header .bbqh{float:right;width:80px;}


.index-title {
    font-weight: bold;
    padding-bottom: 15px;
    background: url(../images/line-01.png) left bottom no-repeat;
}
.index-title .div-en {
    position: absolute;
    left: 0;
    bottom: 15px;
    font-size: 60px;
    line-height: 76px;
    color: rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}
.index-title .div-cn {
    font-size: 40px;
    color: #333;
    line-height: 52px;
	text-align:left
}


.yewu-title-content{
    float: left;
    height: 121px;
    line-height: 121px;
    font-size: 30px;
    font-weight: bold;
    color: #32649f;
}
.yewu-title-more{
    float: right;
    width: 60px;
    height: 121px;
    line-height: 121px;
    font-size: 14px;
}
.yewu-title-more a{
    color: #32649f;
}
.yewu-inbox{
    display: flex;
}
.yewu-inbox-list{
    float: left;
    width: 25%;
    height: 378px;
    overflow: hidden;
    position: relative;
    transition-duration: 1s;
    transform-origin: center;
}
.yewu-inbox-list:hover{
    width: 62%;
    /* width: 44.3%; */
}
.yewu-list-image{
    height: 100%;
}
.yewu-list-image img{
    display: block;
    height: 100%;
}
.yewu-list-text{
    line-height: 35px;
    font-size: 20px;
    position: absolute;
    top: 13%;
    left: 17px;
    transition-duration: 1.5s;
	font-weight:bold
}
.yewu-list-text a{
    color: #fff;
}
.yewu-inbox-list:hover .yewu-list-text{
    width: 100%;
    height: 65px;
    line-height: 65px;
    background: rgba(0, 0, 0, .65);
    font-weight: bold;
    text-indent: 30px;
    top: 83%;
    left: 0;
}




.container {
  margin: auto;
  padding: 0 20px;
  max-width: 1292px;
}

footer {
  background: #204c95;
  color: #fff;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}

.footer-con {
  padding: 40px 0 40px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-logo {
  float: left;
  width: 20%;
}
.footer-logo .con img {
  /*filter: brightness(9);*/
}
.footer-logo .mail {
  padding-top: 20px;
}
.footer-nav {
  float: left;
  padding: 0 40px;
  width: 30%;
  border-left: 1px solid rgba(255,255,255,0.1);
}
.footer-nav .tit h3 {
  position: relative;
  height: 36px;
  font-size: 15px;
  color: #fff;
}
.footer-nav .tit h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  background: #b8becc;
  content: "";
}
.footer-nav .con {
  padding-top: 24px;
  font-size: 14px;
  line-height: 30px;
}
.footer-nav .con a {
  display: inline-block;
  margin-right: 32px;
}
.footer-contact {
  float: left;
  padding: 0 40px;
  width: 27%;
  border-left: 1px solid rgba(255,255,255,0.1);
}
.footer-contact .tit h3 {
  position: relative;
  height: 36px;
  font-size: 15px;
  color: #fff;
}
.footer-contact .tit h3:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  background: #b8becc;
  content: "";
}
.footer-contact .con {
  padding-top: 24px;
  font-size: 14px;
  line-height: 30px;
}
.footer-qrcode {
  float: right;
}
.footer-qrcode img {
  width: 120px;
}

.footer-btm {
  padding: 20px 0 20px;
  font-size: 13px;
  line-height: 24px;
}
.footer-btm .copyright {
  float: left;
}
.footer-btm .beian {
  float: right;
}
.footer-btm .beian span {
  padding-left: 12px;
}

.clearfix {
  clear: both;
}

.lj{float:left;width:136px;height:75px;}
.lj_1{margin-right:22px;}

.top01,.banner,.sidenav,.nav__trigger,.nav__icon,.sidenav-overlay,#sidenav-toggle{display:none}

.jj{width:100%;margin:0px;}
.jj_1{float:left;width:56%}
.jj_2{float:right;width:40%}
.jj_2 video{width:517px;height:330px;}
@media (max-width:1439px){
  #header{display:none}
  .top01,.sidenav,.nav__trigger,.nav__icon,.sidenav-overlay,#sidenav-toggle{display:block}
  .top01{height:60px;}
  .top01 img{max-width:50%;height:30px}

}

@media (max-width:1199px){
  #header{display:none}
  .top01,.sidenav,.nav__trigger,.nav__icon,.sidenav-overlay,#sidenav-toggle{display:block}
  .top01{height:60px;}
  .top01 img{max-width:50%;height:30px}
  .lj{float:left;width:20%;}
  .lj a img{width:90%;}
  .lj_1{margin:0px}
  .jj_2 video{width:90%;height:auto;}
}

@media (max-width:991px){
  #full-screen-slider,#header,#pc_banner{display:none}
  .top01,.banner,.sidenav,.nav__trigger,.nav__icon,.sidenav-overlay,#sidenav-toggle{display:block}
  .top01{height:60px;}
  .top01 img{max-width:50%;height:30px}
  .footer-con {
    padding: 60px 0 40px;
    text-align: center;
  }
  .footer-logo {
    float: none;
    width: auto;
  }
  .footer-logo .mail {
    padding-top: 20px;
  }
  .footer-nav {
    float: none;
    padding: 32px 0;
    width: auto;
    border-left: none;
  }
  .footer-nav .tit h3 {
    display: none;
  }
  .footer-nav .con {
    padding-top: 0;
    line-height: 40px;
  }
  .footer-nav .con a {
    margin-right: 0;
    width: 33.33%;
  }
  .footer-contact {
    display: none;
  }
  .footer-qrcode {
    float: none;
  }

  .footer-btm {
    padding: 24px 0 48px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }
  .footer-btm .copyright {
    float: none;
  }
  .footer-btm .beian {
    float: none;
    padding-top: 8px;
  }
  .footer-btm .beian span {
    display: block;
    padding-left: 0;
  }
  
  .lj{float:left;width:20%;}
  .lj a img{width:90%;}
  .lj_1{margin:0px}
  
  .jj_1{width:100%;margin-bottom:20px;}
  .jj_2{width:100%}
  .jj_2 video{width:100%;height:auto;}
}
@media (max-width:749px){
  #full-screen-slider,#header,#pc_banner{display:none}
  .top01,.banner,.sidenav,.nav__trigger,.nav__icon,.sidenav-overlay,#sidenav-toggle{display:block}
  .top01{height:60px;}
  .top01 img{max-width:50%;height:30px}
  .footer-con {
    padding: 60px 0 40px;
    text-align: center;
  }
  .footer-logo {
    float: none;
    width: auto;
  }
  .footer-logo .mail {
    padding-top: 20px;
  }
  .footer-nav {
    float: none;
    padding: 32px 0;
    width: auto;
    border-left: none;
  }
  .footer-nav .tit h3 {
    display: none;
  }
  .footer-nav .con {
    padding-top: 0;
    line-height: 40px;
  }
  .footer-nav .con a {
    margin-right: 0;
    width: 33.33%;
  }
  .footer-contact {
    display: none;
  }
  .footer-qrcode {
    float: none;
  }

  .footer-btm {
    padding: 24px 0 48px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }
  .footer-btm .copyright {
    float: none;
  }
  .footer-btm .beian {
    float: none;
    padding-top: 8px;
  }
  .footer-btm .beian span {
    display: block;
    padding-left: 0;
  }
  
  .lj{float:left;width:33.3%;}
  .lj a img{width:90%;}
  .lj_1{margin:0px}
  .jj_1{width:100%;margin-bottom:20px;}
  .jj_2{width:100%}
  .jj_2 video{width:100%;height:auto;}
}