@font-face {
  font-family: 'bebas';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff2") format("woff2"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
@font-face {
  font-family: 'book';
  src: url("fonts/GOTHAMRND-BOOK.eot");
  src: url("fonts/GOTHAMRND-BOOK.eot") format("embedded-opentype"), url("fonts/GOTHAMRND-BOOK.woff2") format("woff2"), url("fonts/GOTHAMRND-BOOK.woff") format("woff"), url("fonts/GOTHAMRND-BOOK.ttf") format("truetype"), url("fonts/GOTHAMRND-BOOK.svg#GOTHAMRND-BOOK") format("svg");
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.w1600{
  width:1600px;
}
footer .bot{
  overflow:hidden;
}
.infotx p{
  text-align: center;
  margin-bottom: 20px;
}
@-webkit-keyframes y {
  0% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(25px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
a {
  transition: 0.8s cubic-bezier(0.6, 0.2, 0.1, 1);
}

a:hover {
  transition: 0.8s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.klbox{
  position: relative;
}

@-webkit-keyframes circle-inner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  10.7% {
    -webkit-transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  35.7% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  60.7% {
    -webkit-transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  85.7% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes circle-inner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  10.7% {
    -webkit-transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  35.7% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  60.7% {
    -webkit-transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  85.7% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes circle-inner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  10.7% {
    -webkit-transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  35.7% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  60.7% {
    -webkit-transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  85.7% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes circle-inner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  10.7% {
    -webkit-transform: rotate(90deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  35.7% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  60.7% {
    -webkit-transform: rotate(270deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  85.7% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/*input::-webkit-input-placeholder{ 
color: #ccc;
font-size: 12px;
}
input::-moz-input-placeholder{ 
color: #ccc;
font-size: 12px;

}
input::-ms-input-placeholder{ 
color: #ccc;
font-size: 12px;
}*/
/*bocweb-search.png*/
body, html {
  font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.about01 .about01top .left{
  position: relative;
}
img {
  max-width: 100%;
}

body {
  overflow: hidden;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.bocweb-logo {
  float: left;
  position: absolute;
  left: 38px;
  top: 0;
  z-index: 2;
}

.bocweb-logo a {
  display: block;
}

.bocweb-logo a img {
  display: block;
  margin: 0 auto;
}

.header {
  height: 82px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
      box-shadow: 0 0 5px 3px rgba(0,0,0,.1);
}
.header .head {
  height: 100%;
}

.wel_03 .wel_0301 .wel_0301bot .ul .li .h3 {
  text-transform: capitalize;
}

.con_banner .conwen {
  z-index: 1;
}

.bocweb-nav {
  height: 100%;
}

.header:after {
  content: "";
  clear: both;
}

.header .bocweb-nav {
  text-align: center;
  width: 100%;
  min-width: 700px;
}

.header .rty {
  position: absolute;
  height: 82px;
  width: 90px;
  top: 0;
  right: 38px;
}
.header .rty span {
  display: block;
  height: 34px;
  width: 90px;
  border: 1px solid #bfbfbf;
  font-size: 14px;
  color: #333333;
  line-height: 34px;
  padding-left: 38px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  text-transform: uppercase;
  cursor: pointer;
}
.header .rty span:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background: url(../img/i1.png) no-repeat center;
  background-size: 100%;
  left: 11px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.magazinetop {
  position: relative;
  z-index: 1;
}

.w830 {
  width: 830px;
  margin: 0 auto;
  height: 100%;
}

.header .bocweb-nav {
  position: relative;
}

.header .bocweb-nav .nav-li:nth-child(1) .nac {
  padding-left: 0;
}

.header .bocweb-nav .nav-li {
  display: inline-block;
  height: 100%;
}
.header .bocweb-nav .nav-li .nav-bot {
  min-height: 265px;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: 82px;
  width: 100%;
  left: 0;
  padding-top: 40px;
  padding-bottom: 60px;
  box-sizing: border-box;
  display: none;
}
.header .bocweb-nav .nav-li .nav-bot .linav {
  display: block;
  width: 325px;
  height: 55px;
  line-height: 55px;
  border-bottom: 1px solid #dad9d6;
  float: left;
  color: #777777;
  font-size: 16px;
  margin-left: 180px;
  text-align: left;
  position: relative;
  transition: all .5s linear;
}
.header .bocweb-nav .nav-li .nav-bot .linav:hover, .header .bocweb-nav .nav-li .nav-bot .linav.cur {
  color: #ed6d00;
  transition: all .5s linear;
}
.header .bocweb-nav .nav-li .nav-bot .linav:hover:after, .header .bocweb-nav .nav-li .nav-bot .linav.cur:after {
  background: url(../img/img-271.png) no-repeat center;
  background-size: 100%;
  right:0;
  transition: all .5s linear;
}
.header .bocweb-nav .nav-li .nav-bot .linav:after {
  position: absolute;
  height: 10px;
  width: 20px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  background: url(../img/img-26.png) no-repeat center;
  background-size: 100%;
  transition: all .5s linear;
}
.header .bocweb-nav .nav-li .nav-bot .linav:nth-child(2n+1) {
  margin-left: 0;
}

.header .bocweb-nav .nav-li .nac {
  display: block;
  line-height: 82px;
  color: #333333;
  font-size: 15px;
  padding: 0 46px;
  box-sizing: border-box;
  position: relative;
  top: 26px;
  height: 30px;
  overflow: hidden;
}
.header .bocweb-nav .nav-li .nac .nac_v {
  line-height: 30px;
  position: relative;
  top: 0;
  padding-right: 15px;
  box-sizing: border-box;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .bocweb-nav .nav-li .nac .nac_v.p0 .div2:after{
  display: none;
}
.header .bocweb-nav .nav-li .nac .nac_v.p0 .div1:after{
  display: none;
}
.header .bocweb-nav .nav-li .nac .div1:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 8px;
  background: url(../img/i0.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 42px;
}
.header .bocweb-nav .nav-li .nac .div2 {
  color: #ed6d00;
}
.header .bocweb-nav .nav-li .nac .div2:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 8px;
  background: url(../img/i00.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 12px;
}

.header .bocweb-nav .nav-li:hover a .nac_v, .header .bocweb-nav .nav-li.cur a .nac_v {
  top: -30px;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.header .bocweb-nav .nav-li .nac span {
  display: block;
  height: 25px;
  width: 25px;
  position: absolute;
  left: 20px;
  top: 35px;
}

.header .bocweb-nav .nav-li .nac span img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s linear;
}

.header .bocweb-nav .nav-li .nac span img.ai {
  opacity: 1;
}

.header .bocweb-nav .nav-li:hover a span img, .header .bocweb-nav .nav-li.cur a span img {
  transition: all .5s linear;
}

.header .bocweb-nav .nav-li:hover a span img.aoi, .header .bocweb-nav .nav-li.cur a span img.aoi {
  opacity: 1;
}

.header .bocweb-search {
  height: 82px;
}

.header .bocweb-search input[type="submit"] {
  border: none;
  background: none;
  outline: none;
  height: 100px;
  width: 100px;
  transition: all .5s linear;
  background-size: 100%;
}

.header .bocweb-search input[type="submit"]:hover {
  background-size: 120%;
  transition: all .5s linear;
}

img {
  max-width: 100%;
}

.parkbox .parkleft {
  position: relative;
  /*z-index: -1;*/
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.w360 {
  width: 18.5%;
  height: 82px;
}

.rty .rtb {
  /*margin-right: 12%;*/
  height: 82px;
  padding-left: 16%;
  box-sizing: border-box;
}
.header{
  transition: all .5s linear;
}

.m-header .w-header{
  background:#ffffff;
  box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
}
.header.fixed{
  height:82px;
  z-index: 30;
  /*top:-100%;*/
  transition: all .5s linear;
}
.form-horizontal .controls{
  margin-left:0!important;
}
.m-header.fixed{
  background:#ffffff;
  position: fixed;
  width:100%;
  height:60px;
  top:100%;
  left:0;
  transform: translate(0,-100%);
}
.m-header.fiop{
     transform: translate(0,0);
   transition: all .5s linear;
}
  .header.fiop{
   transform: translateY(0);
   /*top:0;*/
   transition: all .5s linear;
  }
.con_banner .klbox .top03.fixed{
  transition: all .5s linear; 
}
.con_banner .klbox .top03{
    transition: all .5s linear; 
}
.rty .rtb a:hover {
  color: #000;
}
.rty a {
  display: block;
  line-height: 82px;
  display: block;
  font-size: 14px;
  color: #000000;
  float: left;
  margin: 0 5px;
}
.rty a:hover {
  color: #508cff;
}
@keyframes mymove
{
from {transform:translateY(0px);}
to {transform:translateY(20px);}
}
.con_banner .conwen .top02{
    animation: mymove 1s linear .5s infinite alternate;
    /* Firefox: */
    -moz-animation: mymove 1s linear .5s infinite alternate;
    /* Safari 和 Chrome: */
    -webkit-animation: mymove 1s linear .5s infinite alternate;
    /* Opera: */
    -o-animation: mymove 1s linear .5s infinite alternate;

}
.toTop{
    height: 50px;
    width: 50px;
    background: url(../img/img-01.png) no-repeat center;
    background-size: 100%;

      position: fixed;
  z-index: 4;
  bottom: 100px;
  right: 30px;
  border-radius: 50%;
  box-shadow: 10px #d2d2d2;
  display: none; 
  cursor: pointer;
  transform:rotate(180deg)!important;
}
footer {
  background: #444444;
  height: 510px;
  width: 100%;
}
footer .top {
  padding-top: 90px;
  padding-bottom: 40px;
  /*height:440px;*/
  box-sizing: border-box;
  overflow: hidden;
}
footer .top .bocweb-footer-contact {
  width: 975px;
  float: left;
}
footer .top .bocweb-footer-contact .bocul {
  margin-top: 32px;
}
footer .top .bocweb-footer-contact .bocul .bli {
  display: inline-block;
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
  padding: 0 20px;
  box-siizng: border-box;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 1;
}
footer .top .bocweb-footer-contact .bocul .bli:hover {
  color: rgba(255, 255, 255, 0.5);
}
footer .top .bocweb-footer-contact .bocul .bli.li {
  border-left: none;
}
footer .top .bocweb-footer-contact ul {
  overflow: hidden;
}
footer .top .bocweb-footer-contact ul li {
  float: left;
  padding-left: 58px;
  padding-right: 58px;
  box-sizing: border-box;
  line-height: 28px;
  color: #000000;
  font-size: 16px;
}
footer .top .bocweb-footer-contact ul li.liobox {
  border-right: none;
  height: auto;
}
footer .top .bocweb-footer-contact ul li .li {
  font-size: 18px;
  line-height: 30px;
  color: white;
}
footer .top .bocweb-footer-contact ul li a {
  color: rgba(255, 255, 255, 0.33);
  display: block;
  font-size: 14px;
  transition: all .5s linear;
}
footer .top .bocweb-footer-contact ul li a:hover {
  transition: all .5s linear;
  color: rgba(255, 255, 255, 0.5);
}
footer .top .bocweb-footer-contact ul li:nth-child(1) {
  padding-left: 0;
}
footer .top .bocweb-footer-contact ul .libox .li {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
}
footer .top .bocweb-footer-contact ul .libox .li.li1 {
  padding-left: 45px;
  margin-top: 40px;
  line-height: 25px;
  position: relative;
}
footer .top .bocweb-footer-contact ul .libox .li.li1:after {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  background: url(../img/f1.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
}
footer .top .bocweb-footer-contact ul .libox .li.li2 {
  padding-left: 45px;
  margin-top: 20px;
  line-height: 25px;
  position: relative;
}
footer .top .bocweb-footer-contact ul .libox .li.li2:after {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  background: url(../img/f2.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
}
footer .top .bocweb-footer-contact ul .libox .li.li3 {
  padding-left: 45px;
  margin-top: 20px;
  line-height: 25px;
  position: relative;
}
footer .top .bocweb-footer-contact ul .libox .li.li3:after {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  background: url(../img/f3.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
}
footer .top .bocweb-footer-contact .bdshare {
  margin-top: 120px;
}
footer .top .bocweb-footer-contact .bdshare a {
  height: 35px;
  width: 35px;
  padding-left: 0;
}
footer .top .right {
  width: 155px;
  height: 100%;
  float: right;
  box-sizing: border-box;
}
footer .top .right .ri01 {
  font-size: 18px;
  line-height: 1;
  color: #fff;
}
footer .top .right .ri02 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 35px;
}
footer .top .right .ri02 .lio .img {
  position: absolute;
  left: -80px;
  top: -30px;
  height: 80px;
  width: 80px;
  display: none;
}
footer .top .right .ri02 .lio:hover .img {
  display: block;
}
footer .top .right .ri02 .lio1 {
  padding-left: 33px;
  box-sizing: border-box;
  position: relative;
  line-height: 25px;
  margin-top: 35px;
  cursor: pointer;
}
footer .top .right .ri02 .lio1:after {
  height: 25px;
  width: 25px;
  content: "";
  background: url(../img/f4.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
footer .top .right .ri02 .lio2 {
  padding-left: 33px;
  box-sizing: border-box;
  position: relative;
  line-height: 25px;
  margin-top: 25px;
  cursor: pointer;
}
footer .top .right .ri02 .lio2:after {
  height: 25px;
  width: 25px;
  content: "";
  background: url(../img/f5.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
footer .top .right .ri03 {
  height: 118px;
  width: 118px;
}
footer .top .right .ri03 img {
  max-width: 100%;
}
footer .top .right .ri04 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  margin-top: 10px;
  text-align: center;
  width: 118px;
}
footer .bot {
  height: 70px;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 70px;
  color: #d8d8d8;
  font-size: 14px;
}
footer .bot a {
  color: rgba(255, 255, 255, 0.2);
}
footer .bot a:hover {
  color: rgba(255, 255, 255, 0.5);
}
footer .bot .left {
  color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
}
footer .bot .right .bdsharebuttonbox {
  line-height: 70px;
  height:70px;
}
footer .bot .right .bdsharebuttonbox a {
  line-height: 70px;
  padding: 0;
  margin: 0;
  height: 25px;
  width: 25px;
  padding-top: 25px;
  margin-right: 25px;
  display: inline-block;
  box-sizing:border-box;
  height:70px;
}
footer .bot .right .bdsharebuttonbox .bds_weixin {
  background: url(../img/f4.png) no-repeat center;
  background-size: 100%;

}
footer .bot .right .bdsharebuttonbox .bds_tsina {
  background: url(../img/f5.png) no-repeat center;
  background-size: 100%;
}
footer .bot .right .bdsharebuttonbox .al {
  background-image: none;
  color: #a2a2a2;
  font-size: 14px;
  text-transform: uppercase;
  height: auto;
  width: auto;
  margin-top: 4px;
  margin-left: 28px;
    position: relative;
  top: -28px;
}
footer .bot .right .iop {
  margin: 0 15px;
}
footer .bot .right a {
  color: #a2a2a2;
}
footer .bot .right a:hover {
  color: #666;
}

.i-banner {
  position: relative;
  overflow: hidden;
}

.i-banner ul {
  height: 100%;
}
.i-banner li {
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover !important;
  display: none;
}
.i-banner li .bannerwen {
  position: absolute;
  text-align: center;
  height: 267px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.i-banner li .bannerwen{
  opacity: 0;
  transform:translateY(20px);
  transition:all .5s linear;
}
.i-banner li.cur .bannerwen{
  opacity: 1;
  transform:translateY(0);
    transition:all .5s linear;
}
.i-banner li .bannerwen .h1 {
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
}
.i-banner li .bannerwen .h1 img {
  display: inline-block;
}
.i-banner li .bannerwen .h1 span {
  font-size: 36px;
}
.i-banner li .bannerwen .h2 {
  color: #ffffff;
  /*font-size: 67px;*/
  font-size: 45px;
  line-height: 1;
  margin-top: 30px;
  /*margin-bottom: 70px;*/
  margin-bottom: 60px;
}
.i-banner li .bannerwen .readmore {
  font-size: 48px;
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  position: relative;
  margin-top: 35px;
}
.i-banner li img {
  display: block;
}

.i-banner li:after {
  position: absolute;
  content: "";
  height: 44px;
  width: 100%;
  bottom: 0;
  background-size: 100% 100%;
}

.i-banner li a {
  display: block;
  height: 100%;
  width: 100%;
}

.i-banner .btn {
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 5;
}

.i-banner .btn span {
  display: block;
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  margin: 0 6px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background-size: 100%;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  float: left;
}

.i-banner .btn span.on {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-size: 100%;
  border-color: white;
}

.poiimg {
  display: block !important;
  width: 100%;
  opacity: 0;
}

.contit {
  text-align: center;
}
.contit .h1 {
  color: #333333;
  font-size: 45px;
  line-height: 1;
}
.contit .h2 {
  background: #313131;
  height: 2px;
  width: 50px;
  margin: 27px auto;
}
.contit .h3 {
  font-size: 14px;
  color: #666666;
  line-height: 25px;
  width: 800px;
  margin: 0 auto;
}

.f5f5 {
  background: #f5f5f5;
}

.wel_01 {
  height: 890px;
  padding-top: 85px;
  box-sizing: border-box;
}
.i-banner li .bannerwen .h1{
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

}
.i-banner li .bannerwen .h2{
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

}
.i-banner li .bannerwen .readmore{ 
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
   }
.wel_01 .ulo .li {
  border-radius: 6px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: block;
  width: 240px;
}
.wel_01 .ulo .li:hover .wen {
  color: #ed9a46;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulo .li:hover .wen:after {
  background: url(../img/more1.png) no-repeat center;
  background-size: 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulo .li:hover .img img {
  transform: scale(1.1);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulo .li .img {
  width: 240px;
  height: 158px;
}
.wel_01 .ulo .li .img img {
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulo .li .wen {
  font-size: 18px;
  color: #333333;
  height: 60px;
  line-height: 60px;
  padding-left: 28px;
  box-sizing: border-box;
  background: #ffffff;
  position: relative;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulo .li .wen:after {
  position: absolute;
  height: 30px;
  width: 30px;
  background: url(../img/more.png) no-repeat center;
  background-size: 100%;
  content: "";
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulo .li1 {
  position: absolute;
  top: 300px;
  left: 135px;
}
.wel_01 .ulo .li2 {
  position: absolute;
  top: 395px;
  left: 575px;
}
.wel_01 .ulo .li3 {
  position: absolute;
  top: 140px;
  left: 80%;
}
.wel_01 .ulobox {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 85px;
}
.wel_01 .ulobox .lio {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  padding: 0 25px;
  box-sizing: border-box;
  border-radius: 50px;
  font-size: 20px;
  color: #333333;
  background: #ffffff;
  padding-left: 60px;
  position: relative;
  margin: 0 10px;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulobox .lio:after {
  position: absolute;
  height: 30px;
  width: 30px;
  content: "";
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulobox .lio.lio1:after {
  background: url(../img/i4.png) no-repeat center;
  background-size: 100%;
}
.wel_01 .ulobox .lio.lio1:hover:after, .wel_01 .ulobox .lio.lio1.cur:after {
  background: url(../img/i41.png) no-repeat center;
  background-size: 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulobox .lio.lio2:after {
  background: url(../img/i5.png) no-repeat center;
  background-size: 100%;
}
.wel_01 .ulobox .lio.lio2:hover:after, .wel_01 .ulobox .lio.lio2.cur:after {
  background: url(../img/i51.png) no-repeat center;
  background-size: 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_01 .ulobox .lio.lio:hover, .wel_01 .ulobox .lio.lio.cur {
  color: #ffffff;
  background: #ed9a46;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.wel_0201.m01 .swiper-slide {
  transform: scale(0.9);
}
.wel_0201.m01 .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.wel_0201.m01 .swiper-slide.swiper-slide-active .weni {
  opacity: 1;
}
.wel_0201.m01 .swiper-slide.swiper-slide-active .wen {
  bottom: -100%;
}

.rela {
  position: relative;
  height: 100%;
}

.wel_02 {
  padding-top: 90px;
  padding-bottom: 130px;
}
.wel_02 .wel_0201.pc01 {
  margin-top: 75px;
}
.wel_02 .wel_0201.pc01 .li {
  width: 405px;
  margin-left: 42px;
  float: left;
  position: relative;
  overflow: hidden;
}
.wel_02 .wel_0201.pc01 .li:nth-child(1) {
  margin-left: 0;
}
.wel_02 .wel_0201.pc01 .li:hover .hp11w6{
    top: -120%;
    background-color:  rgba(0, 0, 0, .8);
    -webkit-transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    /* -webkit-backface-visibility: hidden; */
}
.hp11w6{
    height: 150em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
    /* -webkit-backface-visibility: hidden; */
    opacity: 0.95;
    filter: alpha(opacity=95);
}
.wel_02 .wel_0201.pc01 .li:hover .weni {
  /*opacity: 1;*/
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.wel_02 .wel_0201.pc01 .li .wen {
  height: 75px;
  width: 100%;
  background: #ffffff;
  font-size: 21px;
  opacity: 1;
  color: #333333;
  line-height: 75px;
  padding-left: 100px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_02 .wel_0201.pc01 .li:hover .wen {
   opacity: 0;
  /*bottom: -100%;*/
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_02 .wel_0201.pc01 .li .wen span {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 60px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel_02 .wel_0201.pc01 .li .wen span img {
  width: 100%;
  display: block;
}
.wel_02 .wel_0201.pc01 .li .weni {
  /*position: absolute;*/
  width: 100%;
  bottom: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /*opacity: 0;*/
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_02 .wel_0201.pc01 .li .weni .wenbox {
  height: 210px;
  background: #ed9a46;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  padding: 30px 45px 20px 30px;
  box-sizing: border-box;
  position: absolute;
  bottom: -210px;
  z-index: 2;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    /* -webkit-backface-visibility: hidden; */
}
.wel_02 .wel_0201.pc01 .li:hover .weni .wenbox{
  bottom:0;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    /* -webkit-backface-visibility: hidden; */
}
.wel_02 .wel_0201.pc01 .li .weni .h1 {
  font-size: 24px;
  color: #ffffff;
  line-height: 1;
}
.wel_02 .wel_0201.pc01 .li .weni .h2 {
  width: 30px;
  height: 1px;
  background: #ffffff;
  margin: 17px 0;
}
.wel_02 .wel_0201.pc01 .li .weni .h3 {
  line-height: 25px;
  height: 50px;
}
.wel_02 .wel_0201.pc01 .li .weni .h4 {
  height: 35px;
  width: 35px;
  background: url(../img/i7.png) no-repeat center;
  background-size: 100%;
  margin-top: 17px;
}
.wel_02 .wel_0201.m01 {
  margin-top: 75px;
}
.wel_02 .wel_0201.m01 .li {
  width: 405px;
  margin-left: 42px;
  float: left;
  position: relative;
  overflow: hidden;
}
.wel_02 .wel_0201.m01 .li:nth-child(1) {
  margin-left: 0;
}
.wel_02 .wel_0201.m01 .li .wen {
  height: 75px;
  width: 100%;
  background: #ffffff;
  font-size: 21px;
  color: #333333;
  line-height: 75px;
  padding-left: 140px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_02 .wel_0201.m01 .li .wen span {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 95px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel_02 .wel_0201.m01 .li .wen span img {
  width: 100%;
  display: block;
}
.wel_02 .wel_0201.m01 .li .weni {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_02 .wel_0201.m01 .li .weni .wenbox {
  height: 210px;
  background: #ed9a46;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  padding: 30px 45px 20px 30px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
}
.wel_02 .wel_0201.m01 .li .weni .h1 {
  font-size: 24px;
  color: #ffffff;
  line-height: 1;
}
.wel_02 .wel_0201.m01 .li .weni .h2 {
  width: 30px;
  height: 1px;
  background: #ffffff;
  margin: 17px 0;
}
.wel_02 .wel_0201.m01 .li .weni .h3 {
  line-height: 25px;
  height: 50px;
}
.wel_02 .wel_0201.m01 .li .weni .h4 {
  height: 35px;
  width: 35px;
  background: url(../img/i7.png) no-repeat center;
  background-size: 100%;
  margin-top: 17px;
}
.wel_02 .wel_0201.m01 .swiper-slide {
  transform: scale(0.9);
}
.wel_02 .wel_0201.m01 .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.wel_02 .wel_0201.m01 .swiper-slide.swiper-slide-active .weni {
  opacity: 1;
}
.wel_02 .wel_0201.m01 .swiper-slide.swiper-slide-active .wen {
  bottom: -100%;
}

.confff .h1 {
  color: #ffffff;
}
.confff .h2 {
  background: #ffffff;
}
.confff .h3 {
  color: #fefefe;
}

.wel_03 {
  height: 825px;
  padding-top: 80px;
  box-sizing: border-box;
  position: relative;
  transition:all .5s linear;
}
.wel_03:after {
  position: absolute;
  /*content:"";*/
  height: 100%;
  width: 100%;
  /*background:url(../img/i8.png) no-repeat bottom;*/
  background-size: 100%;
  bottom: 0;
  left: 0;
}
.wel_03 .wel_0301 .wel_0301top {
  width: 1300px;
  margin: 0 auto;
  margin-top: 105px;
}
.wel_03 .wel_0301 .wel_0301top .ul {
  height: 215px;
  width: 445px;
  position: relative;
}
.wel_03 .wel_0301 .wel_0301top .li {
  height: 215px;
  width: 445px;
  background: rgba(240, 140, 38, 0.9);
  padding: 30px 35px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  z-index: -2;
  transform: scale(0.95);
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_03 .wel_0301 .wel_0301top .li.cur {
  opacity: 1;
  z-index: 1;
  transform: scale(1);
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_03 .wel_0301 .wel_0301top .li .h1 {
  font-size: 27px;
  color: #ffffff;
  line-height: 1;
}
.wel_03 .wel_0301 .wel_0301top .li .h2 {
  width: 26px;
  height: 2px;
  background: #ffffff;
  margin: 18px 0;
}
.wel_03 .wel_0301 .wel_0301top .li .h3 {
  color: rgba(255, 255, 255, 0.65);
  line-height: 30px;
  font-size: 16px;
  height: 90px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.wel_03 .wel_0301 .wel_0301bot {
  margin-top: 120px;
}
.wel_03 .wel_0301 .wel_0301bot .line {
  border-top: 1px dotted #b4b3ae;
}
.wel_03 .wel_0301 .wel_0301bot .ul {
  text-align: center;
}
.wel_03 .wel_0301 .wel_0301bot .ul .li {
  display: inline-block;
  position: relative;
  margin: 0 88px;
  cursor: pointer;
}
.wel_03 .wel_0301 .wel_0301bot .ul .li:hover .h1 .top0, .wel_03 .wel_0301 .wel_0301bot .ul .li.cur .h1 .top0 {
  opacity: 0;
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_03 .wel_0301 .wel_0301bot .ul .li:hover .h1 .top1, .wel_03 .wel_0301 .wel_0301bot .ul .li.cur .h1 .top1 {
  opacity: 1;
  -webkit-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_03 .wel_0301 .wel_0301bot .ul .li .h1 .top0 {
  height: 20px;
  width: 20px;
  background: url(../img/i9.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  top: -10px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_03 .wel_0301 .wel_0301bot .ul .li .h1 .top1 {
  height: 75px;
  width: 75px;
  background: url(../img/i10.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  position: absolute;
  top: -37px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wel_03 .wel_0301 .wel_0301bot .ul .li .h1 .top1 img {
  height: 25px;
  width: 25px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.wel_03 .wel_0301 .wel_0301bot .ul .li .h2 {
  color: #ffffff;
  line-height: 1;
  font-size: 18px;
  margin-top: 40px;
}
.wel_03 .wel_0301 .wel_0301bot .ul .li .h3 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.i25 {
  width: 25%;
}

.conmbanner {
  display: none;
}

.conmbanner img {
  width: 100%;
}

.i50 {
  width: 50%;
}

.con_banner {
  position: relative;
}
.con_banner .conbanner {
  height: 640px;
}
.con_banner .top03 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.con_banner .top03 .i01 {
  display: block;
  width: 100%;
  border-top: 1px solid #8c8d8b;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #ffffff;
  float: left;
  transition: all .5s linear;
}
.con_banner .top03 .i01:hover, .con_banner .top03 .i01.cur {
  background: #ec8516;
  color: #ffffff;
  border-top: 1px solid #ec8516;
  transition: all .5s linear;
}
.con_banner .conwen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding-top: 185px;
  box-sizing: border-box;
}
.con_banner .conwen .top01 {
  color: #ffffff;
  font-size: 20px;
  line-height: 1;
}
.con_banner .conwen .top01 .h2 {
  font-size: 70px;
  line-height: 1;
  margin-top: 15px;
}
.con_banner .conwen .top02 {
  height: 65px;
  width: 65px;
  background: url(../img/img-01.png) no-repeat center;
  background-size: 100%;
  margin-top: 95px;
}

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

.newbox {
  padding-top: 98px;
  padding-bottom: 150px;
  box-sizing: border-box;
  background: #f3f3f3;
}
.newbox .newtitle {
  font-size: 35px;
  color: #333333;
  line-height: 1;
}
.newbox .ul {
  margin-top: 58px;
}
.newbox .ul .li {
  display: block;
  width: 420px;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
}
.newbox .ul .li:nth-child(3n+1) {
  margin-left: 0;
}
.newbox .ul .li:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.newbox .ul .li:hover .wen .h5 {
  background: url(../img/img-03.png) no-repeat center;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.newbox .ul .li .img {
  width: 420px;
  height: 270px;
  overflow: hidden;
}
.newbox .ul .li .img img {
  transition: all .5s linear;
}
.newbox .ul .li .wen {
  font-size: 14px;
  color: #888888;
  padding: 30px 30px 35px 35px;
  box-sizing: border-box;
  background: #ffffff;
}
.newbox .ul .li .wen .h1 {
  line-height: 1;
}
.newbox .ul .li .wen .h2 {
  font-size: 18px;
  color: #333333;
  line-height: 20px;
  height:20px;
  overflow: hidden;
}
.newbox .ul .li .wen .h3 {
  width: 36px;
  height: 1px;
  background: #d9d9d9;
  margin: 23px 0;
}
.newbox .ul .li .wen .h4 {
  line-height: 28px;
  height: 84px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.newbox .ul .li .wen .h5 {
  height: 50px;
  width: 50px;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  background: url(../img/img-02.png) no-repeat center;
  background-size: 100%;
  margin-top: 40px;
}

.m01 {
  display: none;
}

.pro_01 {
  text-align: center;
  padding-top: 85px;
  background: #fbfbfb;
  box-sizing: border-box;
}
.pro_01 .x01 {
  font-size: 40px;
  color: #333333;
  line-height: 1;
}
.pro_01 .x02 {
  color: rgba(51, 51, 51, 0.2);
  line-height: 1;
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 48px;
}
.pro_01 .x03 {
  font-size: 14px;
  line-height: 28px;
}
.pro_01 .x04 {
  margin-top: 48px;
  padding-bottom: 50px;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
}
.pro_01 .x05 {
  padding-bottom: 70px;
  box-sizing: border-box;
}
.pro_01 .x05 .li {
  float: left;
  display: block;
  margin-bottom: 25px;
  margin-left: 20px;
}
.pro_01 .x05 .li:nth-child(3n+1) {
  margin-left: 0;
}
.pro_01 .x05 .owl-controls .owl-pagination {
  text-align: center;
}
.pro_01 .x05 .owl-controls .owl-pagination .owl-page {
  display: inline-block;
  margin: 0 7px;
}
.pro_01 .x05 .owl-controls .owl-pagination .owl-page.active span {
  background: #ed9a46;
  border-color: #ed9a46;
}
.pro_01 .x05 .owl-controls .owl-pagination .owl-page span {
  display: block;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.pro_01 .x05 .img {
  width: 418px;
  height: 242px;
}
.pro_01 .x05 .wen {
  height: 55px;
  line-height: 55px;
  width: 418px;
  border: 1px solid #e1e1e1;
  font-size: 16px;
}

.owl-buttons {
  position: absolute;
  bottom: 0;
  right: 0;
}
.owl-buttons .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../img/i12.png) no-repeat center rgba(0, 0, 0, 0.7);
  overflow: hidden;
  text-indent: -999px;
  transition: all .5s linear;
  float: left;
  margin-right: 10px;
}
.owl-buttons .owl-prev:hover {
  background: url(../img/i121.png) no-repeat center rgba(0, 0, 0, 0.7);
  transition: all .5s linear;
}
.owl-buttons .owl-prev.disabled {
  background: url(../img/i121.png) no-repeat center rgba(0, 0, 0, 0.7);
}
.owl-buttons .owl-next {
  width: 40px;
  height: 40px;
  background: url(../img/i13.png) no-repeat center rgba(0, 0, 0, 0.7);
  overflow: hidden;
  text-indent: -999px;
  transition: all .5s linear;
  float: right;
}
.owl-buttons .owl-next:hover {
  background: url(../img/i131.png) no-repeat center rgba(0, 0, 0, 0.7);
  transition: all .5s linear;
}
.owl-buttons .owl-next.disabled {
  background: url(../img/i131.png) no-repeat center rgba(0, 0, 0, 0.7);
}

.pro_02 {
  height: 695px;
  background: #ffffff;
  padding-top: 95px;
  padding-bottom: 125px;
  box-sizing: border-box;
}
.pro_02 .con {
  width: 50%;
}
.pro_02 .con.right {
  padding-top: 45px;
}
.pro_02 .con.right .wen {
  width: 600px;
  height: 420px;
  /*  .owl-buttons{
        position: absolute;
        bottom:0;
        right:0;
        .owl-prev{
          width:40px;
          height:40px;
          background:url(../img/i12.png) no-repeat center rgba(0,0,0,.7);
          overflow: hidden;
          text-indent: -999px;
          transition: all .5s linear;
          float:left;
          margin-right:10px;
          &:hover{
            background:url(../img/i121.png) no-repeat center rgba(0,0,0,.7);
            transition: all .5s linear;
          }
          &.disabled{
            background:url(../img/i121.png) no-repeat center rgba(0,0,0,.7);
          }
        }
        .owl-next{
          width:40px;
          height:40px;
          background:url(../img/i13.png) no-repeat center rgba(0,0,0,.7);
          overflow: hidden;
          text-indent: -999px;
          transition: all .5s linear;
          float:right;
          &:hover{
            background:url(../img/i131.png) no-repeat center rgba(0,0,0,.7);
            transition: all .5s linear;
          }
          &.disabled{
            background:url(../img/i131.png) no-repeat center rgba(0,0,0,.7);
          }
        }
      }*/
}
.pro_02 .left .x01 {
  color: #006e64;
  line-height: 1;
  font-size: 16px;
  margin-top: 23px;
  margin-bottom: 12px;
}
.pro_02 .left .x02 {
  color: #333333;
  font-size: 40px;
  line-height: 50px;
  width: 360px;
}
.pro_02 .left .x03 {
  font-size: 14px;
  color: #888888;
  line-height: 28px;

  width: 503px;
  margin-top: 25px;
}
.pro_02 .left .x04 {
  float: left;
  text-align: center;
  margin-top: 75px;
}
.pro_02 .left .x04 .li {
  padding: 0 40px;
  box-sizing: border-box;
  float: left;
}
.pro_02 .left .x04 .li:nth-child(1) {
  padding-left: 0;
}
.pro_02 .left .x04 .h1 {
  color: #ec9a46;
  line-height: 1;
  font-size: 73px;
  font-family: Arial;
  line-height: 1;
}
.pro_02 .left .x04 .h2 {
  width: 24px;
  height: 1px;
  background: #f0ae6b;
  margin: 15px auto;
  margin-bottom: 18px;
}
.pro_02 .left .x04 .h3 {
  color: #666666;
  font-size: 15px;
  line-height: 1;
}

.pro_03 {
  height: 670px;
}
.pro_03 .pro_box {
  position: relative;
  height: 100%;
}
.pro_03 .pro_box .wen {
  font-size: 14px;
  color: #ffffff;
  background: #ec9a46;
  width: 465px;
  height: 435px;
  padding: 40px 45px;
  box-sizing: border-box;
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pro_03 .pro_box .wen .h1 {
  font-size: 16px;
  font-family: Arial;
}
.pro_03 .pro_box .wen .h2 {
  font-size: 40px;
  line-height: 55px;
}
.pro_03 .pro_box .wen .h3 {
  color: rgba(255, 255, 255, 0.7);
  line-height: 30px;
  height: 120px;
  margin-top: 45px;
}

.m-header .rty {
  position: absolute;
  height: 82px;
  width: 90px;
  top: 0;
  right: 38px;
}
.m-header .rty span {
  display: block;
  height: 34px;
  width: 90px;
  border: 1px solid #bfbfbf;
  font-size: 14px;
  color: #333333;
  line-height: 34px;
  padding-left: 38px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  text-transform: uppercase;
  cursor: pointer;
}
.m-header .rty span:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background: url(../img/i1.png) no-repeat center;
  background-size: 100%;
  left: 11px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.m-header .w-header {
  position: relative;
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
  z-index: 4;
  height: 100px;
}

.m-header .welcome-a {
  float: left;
  height: 100px;
  display: inline-block;
  background-size: 99%;
}

.m-header .welcome-a img {
  max-height: 100%;
}

.m-header .search-cover {
  float: right;
  width: 35px;
  height: 100px;
  display: block;
  line-height: 100px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100px;
  width: 100px;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #000;
  opacity: 0.8;
  display: none;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  /*background: url(../img/close1.png) no-repeat center;*/
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border: 1px solid #aaa;
  position: fixed;
  left: 3%;
  top: 100px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;
  font-size: 12px;
  color: #a7a7a7;
  height: 13px;
  line-height: 12px;
  padding: 14px 4%;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 50px;
  height: 100%;
  background: url(../img/sousuo1.png) no-repeat center;
  background-size: 100%;
  margin-top: 11px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 31px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -15px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 6px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 16px;
}

.m-header .nav-btn .line3 {
  bottom: 1px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 100px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 10;
  color: #ffffff;
}

.m-header .sub-menu ul {
  padding: 0 12px;
}

.m-header .sub-menu li {
  border-bottom: 1px solid #dcdcdc;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%;
  box-sizing: border-box;
  line-height: 33px;
  color: #ffffff;
  position: relative;
  font-size: 15px;
  line-height: 18px;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%;
  padding: 10px 3%;
  line-height: 33px;
  color: #ffffff;
  position: relative;
  font-size: 15px;
  line-height: 18px;
}

.m-header .sub-menu .sub-tit:after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  background-size: 100% auto;
  position: absolute;
  right: 15px;
  top: 9px;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 8px;
  width: 8px;
  float: right;
  margin-right: 16px;
  margin-top: 5px;
  background: url(../img/pro.png) center center no-repeat;
  background-size: 8px 8px;
}

#mbanner .li {
  display: block;
}
#mbanner .li img {
  width: 100%;
}
#mbanner .owl-pagination {
  text-align: center;
  position: absolute;
  bottom: 10px;
  width: 100%;
}
#mbanner .owl-pagination .owl-page {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 4px;
}
#mbanner .owl-pagination .owl-page.active {
  border-color: #ffffff;
}

.f9f9 {
  background: #f9f9f9;
}

.pro_03 .pro_box .wen .h2 {
  height: 110px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.m-header .sub-menu .sub-tit.on {
  background-color: #f08519;
  color: #fff;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ec9a46;
  color: #fff;
}

.con_banner .conbanner {
  position: relative;
}
.con_banner .conbanner:after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  bottom: 0;
  background: url(../img/bg.png) no-repeat bottom;
  background-size: 100%;
  z-index: 0;
}

.pro_01 .x05 .li .img {
  overflow: hidden;
}
.pro_01 .x05 .li .img img {
  transition: all .5s linear;
}

.pro_02 .con.right .wen .img {
  overflow: hidden;
}
.pro_02 .con.right .wen .img img {
  transition: all .5s linear;
}
.pro_02 .con.right .wen .img:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}

.pro_01 .x05 .li:hover .img img {
  transition: all .5s linear;
  transform: scale(1.1);
}

.pro_03 .pro_box .wen .h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
}

.m-header .sub-menu .sec-list p {
  padding: 5px 0;
  line-height: 18px;
  background-size: 8px auto;
  font-size: 14px;
}

.m-header .sub-menu .sec-list a {
  padding-left: 21px;
  color: #ffffff;
  display: block;
}

.pro_04 {
  background: #ffffff;
  padding-top: 125px;
  padding-bottom: 195px;
  box-sizing: border-box;
}
.pro_04 .con {
  width: 50%;
}
.pro_04 .con.right .wen {
  width: 600px;
}
.pro_04 .con.right .wen .owl-buttons {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pro_04 .con.right .wen .owl-buttons .owl-prev {
  width: 40px;
  height: 40px;
  background: url(../img/i12.png) no-repeat center rgba(0, 0, 0, 0.7);
  overflow: hidden;
  text-indent: -999px;
  transition: all .5s linear;
  float: left;
  margin-right: 10px;
}
.pro_04 .con.right .wen .owl-buttons .owl-prev:hover {
  background: url(../img/i121.png) no-repeat center rgba(0, 0, 0, 0.7);
  transition: all .5s linear;
}
.pro_04 .con.right .wen .owl-buttons .owl-prev.disabled {
  background: url(../img/i121.png) no-repeat center rgba(0, 0, 0, 0.7);
}
.pro_04 .con.right .wen .owl-buttons .owl-next {
  width: 40px;
  height: 40px;
  background: url(../img/i13.png) no-repeat center rgba(0, 0, 0, 0.7);
  overflow: hidden;
  text-indent: -999px;
  transition: all .5s linear;
  float: right;
}
.pro_04 .con.right .wen .owl-buttons .owl-next:hover {
  background: url(../img/i131.png) no-repeat center rgba(0, 0, 0, 0.7);
  transition: all .5s linear;
}
.pro_04 .con.right .wen .owl-buttons .owl-next.disabled {
  background: url(../img/i131.png) no-repeat center rgba(0, 0, 0, 0.7);
}
.pro_04 .left {
  text-align: right;
  padding-right: 50px;
  box-sizing: border-box;
}
.pro_04 .left .x01 {
  color: #006e64;
  line-height: 1;
  font-size: 16px;
  margin-top: 50px;
  margin-bottom: 12px;
}
.pro_04 .left .x02 {
  color: #333333;
  font-size: 40px;
  line-height: 50px;
}
.pro_04 .left .x03 {
  font-size: 14px;
  text-align: left;
  color: #888888;
  line-height: 28px;
  height: 112px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: 35px;
}
.pro_04 .left .x04 {
  float: left;
  text-align: center;
  margin-top: 75px;
}
.pro_04 .left .x04 .li {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.pro_04 .left .x04 .li img {
  transition: all .5s linear;
}
.pro_04 .left .x04 .li:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.pro_04 .left .x04 .li:nth-child(4n+1) {
  padding-left: 0;
}

.wel_0301bot .owl-carousel .owl-wrapper-outer {
  overflow: visible;
}

.wel_04 {
  padding-top: 90px;
  padding-bottom: 110px;
}
.wel_04 .wel_0401 {
  margin-top: 75px;
}
.wel_04 .wel_0401 .left {
  width: 483px;
}
.wel_04 .wel_0401 .left .li {
  display: block;
}
.wel_04 .wel_0401 .left .li:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.wel_04 .wel_0401 .left .img {
  width: 483px;
  height: 282px;
  overflow: hidden;
}
.wel_04 .wel_0401 .left .img img {
  transition: all .5s linear;
  width:100%;
}
.wel_04 .wel_0401 .left .wen {
  padding-top: 20px;
  box-sizing: border-box;
}
.wel_04 .wel_0401 .left .wen .h1 {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  width: 87%;
}
.wel_04 .wel_0401 .left .wen .h2 {
  margin-top: 35px;
}
.wel_04 .wel_0401 .left .wen .h2 .time {
  font-size: 14px;
  color: #f08519;
  line-height: 25px;
}
.wel_04 .wel_0401 .left .wen .h2 .more {
  font-size: 16px;
  color: #333333;
  line-height: 25px;
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;
}
.wel_04 .wel_0401 .left .wen .h2 .more:after {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  background: url(../img/img-03.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
}
.wel_04 .wel_0401 .right {
  width: 655px;
}
.wel_04 .wel_0401 .right .li {
  display: block;
  height: 100px;
  background: #fcfcfc;
  border-bottom: 1px solid #f1f1f1;
  padding: 25px 0;
  box-sizing: border-box;
  position: relative;
  transition: all .3s linear;
  overflow: hidden;
}
.wel_04 .wel_0401 .right .li:after {
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  height: 23px;
  width: 23px;
  background: url(../img/img-05.png) no-repeat center;
  background-size: 100%;
  visibility: visible;
  border-radius: 50%;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li:hover {
  background: #ed9a46;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li:hover:after {
  background: url(../img/img-06.png) #ffffff no-repeat center;
  background-size: 100%;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li:hover .li01 {
  color: #ffffff;
  transition: all .2s linear;
}
.wel_04 .wel_0401 .right .li:hover .li01 .h1 {
  transition: all .2s linear;
}
.wel_04 .wel_0401 .right .li:hover .li01 .h2 {
  transition: all .2s linear;
}
.wel_04 .wel_0401 .right .li:hover .li02 {
  font-size: 18px;
  color: #333333;
  width: 70%;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li:hover .li02 .h1 {
  line-height: 30px;
  height: 30px;
  color: #ffffff;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li:hover .li02 .h2 {
  opacity: 1;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li .li01 {
  font-size: 40px;
  color: #333333;
  line-height: 1;
  padding: 0 25px;
  box-sizing: border-box;
  transition: all .2s linear;
}
.wel_04 .wel_0401 .right .li .li01 .h1 {
  transition: all .2s linear;
  text-align: center;
}
.wel_04 .wel_0401 .right .li .li01 .h2 {
  font-size: 14px;
  transition: all .2s linear;
  margin-top: 5px;
}
.wel_04 .wel_0401 .right .li .li02 {
  font-size: 18px;
  color: #333333;
  width: 70%;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li .li02 .h1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 60px;
  height: 60px;
  transition: all .3s linear;
}
.wel_04 .wel_0401 .right .li .li02 .h2 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  transition: all .3s linear;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 16px;
  line-height: 16px;
  margin-top: 15px;
}

.mfooter .mbox {
  color: #6c6c6c;
  background: #444444;
  font-size: 20px;
  text-align: center;
  height: 100px;
  line-height: 100px;
}
.mfooter .mbox a {
  color: #6c6c6c;
}

.kjin {
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
}
.kjin img {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  transition: all .5s linear;
}
.kjin .i1 {
  opacity: 1;
}
.kjin:hover .i1 {
  opacity: 0;
}
.kjin:hover img {
  transition: all .5s linear;
}
.kjin:hover .i2 {
  opacity: 1;
}

.retails {
  padding: 110px 0 125px 0;
  box-sizing: border-box;
}
.retails .left {
  width: 493px;
}
.retails .left .h1 {
  color: #333333;
  font-size: 24px;
  line-height: 1;
}
.retails .left .h2 {
  color: #777777;
  font-size: 14px;
  line-height: 28px;
  height: 168px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  margin-top: 20px;
}
.retails .left .h3 {
  margin-top: 45px;
}
.retails .left .h3 .l1 {
  float: left;
  text-align: center;
  width: 100px;
  margin-left: 80px;
}
.retails .left .h3 .l1:nth-child(1) {
  margin-left: 0;
}
.retails .left .h3 .l1 .tu {
  height: 100px;
  width: 100px;
  overflow: hidden;
  border-radius: 50%;
}
.retails .left .h3 .l1 .wen {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  margin-top: 30px;
}
.retails .right {
  width: 600px;
  height: 413px;
  overflow: hidden;
}
.retails .right img {
  transition: all .5s linear;
}
.retails .right:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}

.retails01 {
  /*height:960px;*/
  text-align: center;
  padding-top: 120px;
  box-sizing: border-box;
}
.retails01 .top {
  margin-bottom: 70px;
}
.retails01 .top .h1 {
  font-size: 35px;
  line-height: 1;
}
.retails01 .top .h2 {
  font-size: 14px;
  line-height: 28px;
  color: #888888;
  margin-top: 40px;
}
.retails01 .bot .bot01 .li {
  display: inline-block;
  width: 178px;
  height: 48px;
  border-radius: 48px;
  font-size: 18px;
  color: #ec9a46;
  position: relative;
  line-height: 48px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.13);
  text-align: left;
  padding-left: 68px;
  box-sizing: border-box;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0 8px;
  cursor: pointer;
}
.retails01 .bot .bot01 .li span {
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.retails01 .bot .bot01 .li span img {
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.retails01 .bot .bot01 .li:hover, .retails01 .bot .bot01 .li.cur {
  color: #ffffff;
  background: #ec9a46;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.retails01 .bot .bot01 .li:hover .i1, .retails01 .bot .bot01 .li.cur .i1 {
  opacity: 0;
}
.retails01 .bot .bot01 .li:hover img, .retails01 .bot .bot01 .li.cur img {
  transition: all .5s linear;
}
.retails01 .bot .bot01 .li:hover .i2, .retails01 .bot .bot01 .li.cur .i2 {
  opacity: 1;
}
.retails01 .bot .bot02 {
  margin-top: 65px;
}
.retails01 .bot .bot02 .ul {
  margin-bottom: 125px;
}
.retails01 .bot .bot02 .owl-carousel .owl-wrapper-outer {
  overflow: visible;
}
.retails01 .bot .bot02 .li {
  width: 262.5px;
  height: 375px;
  float: left;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  margin-left: 50px;
  border-radius: 5px;
  position: relative;
}
.retails01 .bot .bot02 .li:nth-child(1) {
  margin-left: 0;
}


.retails01 .bot .bot02 .li:hover .i1 {
  opacity: 0;
}
.retails01 .bot .bot02 .li:hover img {
  transition: all 0 linear;
}
.retails01 .bot .bot02 .li:hover .i2 {
  opacity: 1;
}
.retails01 .bot .bot02 .li:hover .liimg {
  opacity: 1;
  border-radius: 4px;
  transition: all 0 linear;
}
.retails01 .bot .bot02 .li:hover .li02 {
  opacity: 1;
  border-radius: 4px;
  transition: all 0 linear;
}
.retails01 .bot .bot02 .li:hover .li01 .h2 {
  color: #ffffff;
  transition: all 0 linear;
}
.retails01 .bot .bot02 .li:hover .li01 .h3 {
  color: rgba(255, 255, 255, 0.15);
  transition: all 0 linear;
}



.retails01 .bot .bot02 .li .liimg {
  opacity: 0;
  transition: all .4s linear;
}
.retails01 .bot .bot02 .li .li02 {
  position: absolute;
  background: rgba(236, 154, 70, 0.9);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0;
  transition: all .3s linear;
}
.retails01 .bot .bot02 .li .li01 {
  padding-top: 48px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.retails01 .bot .bot02 .li .li01 .h1 {
  height: 100px;
  width: 100px;
  background: #eeeeee;
  border-radius: 50%;
  margin: 0 auto;
}
.retails01 .bot .bot02 .li .li01 .h2 {
  font-size: 16px;
  color: #666666;
  line-height: 25px;
  height: 75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 40px;
  transition: all .4s linear;
}
.retails01 .bot .bot02 .li .li01 .h3 {
  font-family: "bebas";
  font-size: 70px;
  line-height: 1;
  text-align: center;
  color: rgba(101, 101, 101, 0.06);
  transition: all .4s linear;
}

.retails02 {
  height: 670px;
  position: relative;
}
.retails02 .retails02wen {
  position: absolute;
  bottom: 0;
  width: 960px;
  height: 335px;
  background: #ec9a46;
  right: 0;
}
.retails02 .retails02wen .wen {
  width: 600px;
  padding: 30px 0 40px 40px;
  box-sizing: border-box;
  height: 100%;
}
.retails02 .retails02wen .wen .h1 {
  font-size: 35px;
  color: #fefefe;
/*  line-height: 45px;
  height: 90px;*/
  width: 415px;
}
.retails02 .retails02wen .wen .h1 .b{
  margin-top:10px;
  line-height: 1.2;
}
.klbox.fis{
  position:static;
}
.retails02 .retails02wen .wen .h2 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 23px;

  margin-top: 10px;
}
.retails02 .retails02wen .wen .h3 {
  margin-top: 30px;
}
.retails02 .retails02wen .wen .h3 .weixin .erweima {
  display: none;
  height: 100px;
  width: 100px;
}
.retails02 .retails02wen .wen .h3 .weixin:hover .erweima {
  display: block;
}
.retails02 .retails02wen .wen .h3 .li {
  display: block;
  float: left;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  width: 130px;
  margin-right: 12px;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 18px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.retails02 .retails02wen .wen .h3 .li:hover {
  background: #ffffff;
  color: #ec9a46;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.retails02 .retails02wen .wen .h3 .li:hover .i1 {
  opacity: 0;
}
.retails02 .retails02wen .wen .h3 .li:hover img {
  transition: all .5s linear;
}
.retails02 .retails02wen .wen .h3 .li:hover .i2 {
  opacity: 1;
}
.retails02 .retails02wen .wen .h3 .li .span {
  position: absolute;
  right: 18px;
  height: 20px;
  width: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.retails03 {
  padding-top: 100px;
  padding-bottom: 180px;
  height: 950px;
  box-sizing: border-box;
}
.retails03 .title {
  font-size: 16px;
  color: #006e64;
  line-height: 1;
}
.retails03 .title .h2 {
  color: #333333;
  font-size: 35px;
  line-height: 45px;
  height: 90px;
  margin-top: 8px;
}
.retails03 .retails03box {
  height: 552px;
  width: 100%;
  padding-top: 65px;
  box-sizing: border-box;
}
.retails03 .retails03box .lefimg {
  margin-left: 70px;
}
.retails03 .retails03box .rightwen {
  width: 440px;
}
.retails03 .retails03box .rightwen .anniubox {
  margin-top: 35px;
}
.retails03 .retails03box .rightwen .anniu {
  height: 40px;
  width: 40px;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.retails03 .retails03box .rightwen .anniu:hover {
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.retails03 .retails03box .rightwen .anniu.anniu1 {
  background: url(../img/img-13.png) #ffffff no-repeat center;
  background-size: 100%;
}
.retails03 .retails03box .rightwen .anniu.anniu1:hover {
  background: url(../img/img-131.png) #f39f48 no-repeat center;
  background-size: 100%;
}
.retails03 .retails03box .rightwen .anniu.anniu2 {
  background: url(../img/img-14.png) #ffffff no-repeat center;
  background-size: 100%;
}
.retails03 .retails03box .rightwen .anniu.anniu2:hover {
  background: url(../img/img-141.png) #f39f48 no-repeat center;
  background-size: 100%;
}
.retails03 .retails03box .rightwen .wen {
  overflow: hidden;
}
.retails03 .retails03box .rightwen .wen .wenbox {
  position: relative;
}
.retails03 .retails03box .rightwen .wen .h1 {
  font-size: 26px;
  color: #333333;
  line-height: 35px;
  height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.retails03 .retails03box .rightwen .wen .h2 {
  color: #888888;
  height: 192px;
  font-size: 14px;
  line-height: 32px;
  margin-top: 25px;
  overflow: hidden;
}

.magazine {
  padding-top: 90px;
  padding-bottom: 130px;
  box-sizing: border-box;
}
.magazine .magazinetop.box {
  height: auto;
}
.magazine .magazinetop .boxwen {
  text-align: center;
}
.magazine .magazinetop .boxwen .h1 {
  line-height: 1;
  font-size: 35px;
}
.magazine .magazinetop .boxwen .h2 {
  line-height: 28px;
  font-size: 14px;
  color: #888888;
  margin-top: 20px;
}
.magazine .magazinetop .left {
  font-size: 40px;
  line-height: 1;
  color: #333333;
}
.magazine .magazinetop .right {
  font-size: 18px;
  color: #f08519;
  padding-top: 12px;
  box-sizing: border-box;
  position: relative;
}
.magazine .magazinetop .right .loi1 {
  width: 283px;
  height: 47px;
  line-height: 47px;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  padding-left: 18px;
  box-sizing: border-box;
  position: relative;
  transition: all .5s linear;
  cursor: pointer;
}
.magazine .magazinetop .right .loi1:hover, .magazine .magazinetop .right .loi1.cur {
  border-color: #f08519;
  transition: all .5s linear;
}
.magazine .magazinetop .right .loi1:hover:after, .magazine .magazinetop .right .loi1.cur:after {
  background: url(../img/img-151.png) no-repeat center;
  background-size: 100%;
  transition: all .5s linear;
}
.magazine .magazinetop .right .loi1:after {
  position: absolute;
  height: 10px;
  width: 14px;
  background: url(../img/img-15.png) no-repeat center;
  background-size: 100%;
  content: "";
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .5s linear;
}
.magazine .magazinetop .right .lo02 {
  display: none;
  position: absolute;
}
.magazine .magazinetop .right .lo02 .li {
  display: block;
  width: 283px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  font-size: 16px;
  padding-left: 18px;
  box-sizing: border-box;
  transition: all .5s linear;
  background: #ffffff;
  color: #666;
}
.magazine .magazinetop .right .lo02 .li:hover {
  transition: all .5s linear;
  color: #f08519;
}
.magazine .magazinebot {
  margin-top: 45px;
}
.magazine .magazinebot .ul .li {
  display: block;
  width: 290px;
  float: left;
  margin-left: 46px;
  box-sizing: border-box;
  border: 1px solid #d3d3d3;
  border-bottom: none;
  margin-bottom: 35px;
}
.magazine .magazinebot .ul .li:nth-child(4n+1) {
  margin-left: 0;
}
.magazine .magazinebot .ul .li .img {
  width: 100%;
  height: 393px;
}
.magazine .magazinebot .ul .li .img img {
  border-bottom: 1px solid #d3d3d3;
}
.magazine .magazinebot .ul .li .wen {
  height: 53px;
  font-size: 18px;
  line-height: 53px;
  padding-left: 22px;
  color: #333333;
  border-bottom: 5px solid #d3d3d3;
  box-sizing: border-box;
}

.exhibition.magazine .magazinebot .ul .li:nth-child(4n+1) {
  margin-left: 0;
}

.exhibition.magazine .magazinebot .ul .li {
  width: 305px;
  margin-left: 26px;
}
.exhibition.magazine .magazinebot .ul .li .img {
  height: 212px;
}
.exhibition.magazine .magazinebot .ul .li .wen {
  border-bottom: 1px solid #d3d3d3;
}

.exhibitionwen {
  font-size: 14px;
  color: #888888;
  line-height: 30px;
  margin-top: 5px;
}

.exhibition.magazine .owl-pagination {
  text-align: center;
}
.exhibition.magazine .owl-pagination .owl-page {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid #dddddd;
  background: #ffffff;
  display: inline-block;
  margin: 0 5px;
}
.exhibition.magazine .owl-pagination .owl-page.active {
  background: #ed9a46;
  border-color: #ed9a46;
}

.exhibitionm .more {
  text-align: center;
  height: 35px;
  line-height: 35px;
  width: 200px;
  font-size: 18px;
  color: #ffffff;
  background: #ec8516;
  border-radius: 35px;
  margin: 0 auto;
  cursor: pointer;
}

.exhibition.magazine .magazinebot .ul .li .wen {
  padding: 0;
  text-align: center;
}

.exhihei {
  margin-top: 50px;
}
.exhihei .li {
  height: 250px;
  width: 300px;
  float: left;
  padding: 25px;
  box-sizing: border-box;
  color: #ffffff;
  margin-left: 33px;
}
.exhihei .li:nth-child(1) {
  margin-left: 0;
}
.exhihei .li .top {
  line-height: 35px;
  height: 35px;
  overflow: hidden;
}
.exhihei .li .top .li01 {
  font-size: 35px;
  font-family: "book";
  float: left;
}
.exhihei .li .top .li02 {
  font-size: 24px;
  float: right;
}
.exhihei .li .bot {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 25px;
  margin-top: 45px;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.exhihei01 {
  margin: 85px auto;
  padding: 15px;
  box-sizing: border-box;
  background: #fff0df;
}
.exhihei01 .exhihei01box {
  padding-top: 40px;
  padding-bottom: 25px;
  box-sizing: border-box;
  width: 100%;
  height: 545px;
  border: 1px solid #ffffff;
}
.exhihei01 .exhihei01box .left {
  width: 600px;
  padding-left: 85px;
  box-sizing: border-box;
}
.exhihei01 .exhihei01box .left .h1 {
  font-size: 26px;
  color: #f08519;
  line-height: 1;
  padding-top: 30px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px dashed #b0a79c;
}
.exhihei01 .exhihei01box .left .h2 {
  color: #555555;
  font-size: 14px;
  line-height: 24px;
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.exhihei01 .exhihei01box .left .h3 {
  font-size: 19px;
  color: #f08519;
  font-family: Arial;
  padding-left: 50px;
  position: relative;
}
.exhihei01 .exhihei01box .left .h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  height: 32px;
  width: 32px;
  background: url(../img/img-18.png) no-repeat center;
  background-size: 100%;
}
.exhihei01 .exhihei01box .left .center {
  margin-top: 32px;
  margin-bottom: 25px;
}
.exhihei01 .exhihei01box .left .bot .botl1 {
  width: 350px;
}
.exhihei01 .exhihei01box .left .bot .botl2 {
  width: 130px;
  height: 130px;
}
.exhihei01 .exhihei01box .left .bot .botl2 img {
  width: 100%;
}
.exhihei01 .exhihei01box .left .bot .h5 {
  font-size: 26px;
  line-height: 38px;
  color: #f08519;
}
.exhihei01 .exhihei01box .left .bot .h6 {
  color: #555555;
  font-size: 14px;
  line-height: 24px;
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 14px;
}
.exhihei01 .exhihei01box .left .h4 {
  width: 100%;
  height: 18px;
  background: url(../img/img-17.png) no-repeat center;
  background-size: 100%;
  margin-top: 20px;
}
.exhihei01 .exhihei01box .right {
  width: 600px;
  height: 445px;
  overflow: hidden;
}
.exhihei01 .exhihei01box .owl-prev {
  width: 34px;
  height: 57px;
  background: url(../img/img-20.png) #ffffff no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.exhihei01 .exhihei01box .owl-prev:hover, .exhihei01 .exhihei01box .owl-prev.disabled {
  background: url(../img/img-19.png) #ec8516 no-repeat center;
  background-size: 100%;
}
.exhihei01 .exhihei01box .owl-next {
  width: 34px;
  height: 57px;
  background: url(../img/img-21.png) #ffffff no-repeat center;
  background-size: 100%;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.exhihei01 .exhihei01box .owl-next:hover, .exhihei01 .exhihei01box .owl-next.disabled {
  background: url(../img/img-22.png) #ec8516 no-repeat center;
  background-size: 100%;
}

.exhihei02 .li {
  float: left;
  margin-bottom: 23px;
  margin-left: 20px;
  width: 420px;
}
.exhihei02 .li:nth-child(3n+1) {
  margin-left: 0;
}
.exhihei02 .li:hover .img img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.exhihei02 .li:hover .wen {
  color: #f08519;
  border-color: #f08519;
  transition: all .5s linear;
}
.exhihei02 .li .img {
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.exhihei02 .li .img img {
  transition: all .5s linear;
}
.exhihei02 .li .wen {
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #e1e1e1;
  border-top: none;
  box-sizing: border-box;
  transition: all .5s linear;
  color:#333;
}

.about01 {
  height: 935px;
  background: #ffffff;
  padding: 100px 0;
  box-sizing: border-box;
  overflow: hidden;
}
.about01 .about01top .left {
  width: 675px;
  height: 443px;
  overflow: hidden;
}
.about01 .about01top .left img {
  transition: all .5s linear;
}
.about01 .about01top .left:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.about01 .about01top .right {
  width: 520px;
  padding-top: 25px;
  box-sizing: border-box;
}
.about01 .about01top .right .h1 {
  color: #006e64;
  font-size: 16px;
  line-height: 1;
}
.about01 .about01top .right .h2 {
  font-size: 35px;
  line-height: 45px;
  height: 90px;
  margin-top: 15px;
}
.about01 .about01top .right .h3 {
  font-size: 14px;
  color: #888888;
  line-height: 25px;
  height: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: 45px;
}
.about01 .about01top .right .more {
  margin-top: 80px;
  font-size: 15px;
  padding-left: 30px;
  height: 45px;
  width: 185px;
  line-height: 45px;
  border-radius: 45px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  color: #f08519;
  display: block;
  position: relative;
  transition: all .5s linear;
  font-family: Arial;
  box-sizing: border-box;
  margin-left: 5px;
  cursor: pointer;
}
.about01 .about01top .right .more:after {
  position: absolute;
  height: 20px;
  width: 20px;
  content: "+";
  font-size: 25px;
  line-height: 20px;
  right: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .5s linear;
}
.about01 .about01top .right .more:hover {
  background: #f08519;
  color: #ffffff;
  transition: all .5s linear;
  box-shadow: none;
}
.about01 .about01top .right .more:hover:after {
  color: #ffffff;
  transition: all .5s linear;
}
.about01 .about01bot {
  margin-top: 100px;
}
.about01 .about01bot .owl-carousel .owl-wrapper-outer {
  overflow: visible;
}
.about01 .about01bot .owl-pagination {
  margin-top: 75px;
}
.about01 .about01bot .owl-item:nth-child(5n+5) .li {
  border-right: none;
  padding-right: 0;
}
.about01 .about01bot .owl-item:nth-child(5n+1) .li {
  padding-left: 0;
}
.about01 .about01bot .ul {
  height: 180px;
}
.about01 .about01bot .owl-pagination {
  text-align: center;
}
.about01 .about01bot .owl-pagination .owl-page {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  border: 1px solid #dddddd;
  display: inline-block;
  margin: 0 7px;
}
.about01 .about01bot .owl-pagination .owl-page.active {
  background: #006e64;
}
.about01 .about01bot .tiut .li {
  padding: 0 52px;
  width: 260px;
  box-sizing: border-box;
  float: left;
  height: 90px;
  border-right: 1px solid #ebebeb;
}
.about01 .about01bot .tiut .li .li01 {
  text-align: center;
  color: #ec9a46;
  font-size: 72px;
  line-height: 1;
  font-family: Arial;
  position: relative;
  text-align: center;
  margin-top: -20px;
}
.about01 .about01bot .tiut .li .li01:after {
  content: "";
  height: 1px;
  width: 23px;
  background: #f08519;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.about01 .about01bot .tiut .li .li01 b {
  display: inline-block;
  font-weight: normal;
}
.about01 .about01bot .tiut .li .li01 span {
  font-size: 14px;
  display: inline-block;
}
.about01 .about01bot .tiut .li .li02 {
  font-size: 14px;
  line-height: 23px;
  margin-top: 22px;
  text-align: center;
}

.about02 {
  height: 815px;
  position: relative;
}
.about02 .about02bot {
  position: absolute;
  bottom: 0;
  width: 90%;
  left: 0;
  right: 0;
  margin: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 40px;
  box-sizing: border-box;
}
.about02 .about02bot .owl-item:hover .li:after, .about02 .about02bot .owl-item.cur .li:after {
  opacity: 1;
  transition: all .5s linear;
}
.about02 .about02bot .li {
  text-align: center;
  position: relative;
  padding-top: 35px;
  box-sizing: border-box;
}
.about02 .about02bot .li:after {
  position: absolute;
  opacity: 0;
  transition: all .5s linear;
  content: "";
  height: 5px;
  width: 80px;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  background: #ffffff;
}
.about02 .about02bot .li .h1 {
  font-size: 14px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}
.about02 .about02bot .li .h2 {
  font-size: 30px;
  color: #ffffff;
  line-height: 1;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 5px;
}

.about02 .about02bot .li .h1 {
  text-transform: uppercase;
}

.about02top .ul .li01 {
  padding-left: 25px;
  box-sizing: border-box;
}

.speech {
  height: auto;
}

.speech .about01top .right {
  width: 665px;
}

.speech .about01top .left {
  width: 560px;
  height: auto;
  overflow: visible;
}
.speech .about01top .left .img {
  width: 478px;
  height: 637px;
  overflow: hidden;
  box-shadow: 65px 65px 0 0 #f5f5f5;
}
.speech .about01top .left .img img {
  width: 100%;
}

.speech .about01top .right .h3 {
  height: auto;
  display: block;
  overflow: visible;
/*  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  height: 175px;*/
}
.speech .about01top .right .h3.cur {
  height: auto;
  display: block;
  overflow: visible;
}

.tit {
  font-size: 36px;
  text-align: center;
  line-height: 1;
}

.culture01 {
  height: 610px;
  background: #fafafa;
  padding-top: 100px;
  padding-bottom: 85px;
  box-sizing: border-box;
}
.culture01 .culture01ul {
  margin-top: 75px;
}
.culture01 .culture01ul .owl-pagination {
  text-align: center;
  margin-top: 73px;
}
.culture01 .culture01ul .owl-pagination .owl-page {
  display: inline-block;
  height: 10px;
  width: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  margin: 0 7px;
}
.culture01 .culture01ul .owl-pagination .owl-page.active {
  background-color: #ed9a46;
  border-color: #ed9a46;
}
.culture01 .culture01ul .li {
  background: #ffffff;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  transition: all .5s linear;
  width: 405px;
  height: 225px;
}
.culture01 .culture01ul .li:hover {
  background: #f08519;
  transition: all .5s linear;
}
.culture01 .culture01ul .li:hover .h1 {
  color: #ffffff;
  transition: all .5s linear;
}
.culture01 .culture01ul .li:hover .h2 {
  color: rgba(255, 255, 255, 0.5);
  transition: all .5s linear;
}
.culture01 .culture01ul .li:hover .h3 {
  color: #ffffff;
  transition: all .5s linear;
}
.culture01 .culture01ul .li:hover .i1 {
  opacity: 0;
}
.culture01 .culture01ul .li:hover img {
  transition: all .5s linear;
}
.culture01 .culture01ul .li:hover .i2 {
  opacity: 1;
}
.culture01 .culture01ul .li .h1 {
  color: #333333;
  font-size: 34px;
  line-height: 1;
  transition: all .5s linear;
}
.culture01 .culture01ul .li .h2 {
  font-size: 15px;
  color: #dbdbdb;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  transition: all .5s linear;
}
.culture01 .culture01ul .li .h3 {
  color: #666666;
  font-size: 17px;
  transition: all .5s linear;
}
.culture01 .culture01ul .li .h4 {
  height: 90px;
  width: 90px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.culture02 {
  padding-top: 100px;
  padding-bottom: 185px;
}
.culture02 .culture02top {
  margin-top: 50px;
  text-align: center;
  margin-bottom: 70px;
}
.culture02 .culture02top .li {
  display: inline-block;
  width: 178px;
  height: 48px;
  color: #ed9a46;
  font-size: 18px;
  line-height: 48px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 48px;
  margin: 0 10px;
  position: relative;
  padding-left: 95px;
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  transition: all .5s linear;
  background: #ffffff;
}
.culture02 .culture02top .li span {
  position: absolute;
  left: 54px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.culture02 .culture02top .li:hover, .culture02 .culture02top .li.cur {
  box-shadow: none;
  background: #ec9a46;
  color: #ffffff;
  transition: all .5s linear;
}
.culture02 .culture02top .li:hover .i1, .culture02 .culture02top .li.cur .i1 {
  opacity: 0;
}
.culture02 .culture02top .li:hover img, .culture02 .culture02top .li.cur img {
  transition: all .5s linear;
}
.culture02 .culture02top .li:hover .i2, .culture02 .culture02top .li.cur .i2 {
  opacity: 1;
}
.culture02 .culture02bot .ul {
  margin-top: 70px;
}
.culture02 .culture02bot .botwen {
  font-size: 14px;
  color: #888888;
  line-height: 28px;
}

.m-header .sub-menu .tit {
  text-align: left;
}

.tit01 {
  line-height: 1;
  font-size: 35px;
  color: #333333;
  text-align: center;
}

.c-recruit01 {
  padding-top: 115px;
  padding-bottom: 135px;
  box-sizing: border-box;
}
.c-recruit01 .h2 {
  font-size: 18px;
  color: #666666;
  line-height: 32px;
  margin-top: 60px;
}

.c-recruit02 {
  padding-top: 100px;
  padding-bottom: 190px;
  box-sizing: border-box;
  background: #fbfbfb;
}
.c-recruit02 .recruit02 {
  position: relative;
  margin-top: 60px;
}
.c-recruit02 .recruit02 .wen {
  position: absolute;
  left: 0;
  bottom: -65px;
}
.c-recruit02 .recruit02 .wen .h1 {
  color: #333333;
  font-size: 18px;
  line-height: 30px;
}
.c-recruit02 .recruit02 .wen .h2 {
  overflow: hidden;
  margin-top: 45px;
}
.c-recruit02 .recruit02 .wen .h2 .h2img {
  width: 130px;
  float: left;
}
.c-recruit02 .recruit02 .wen .h2 .h2img .l1 {
  width: 110px;
  height: 110px;
  overflow: hidden;
  margin: 0 auto;
  padding: 5px;
  box-sizing: border-box;
  background: #ffffff;
}
.c-recruit02 .recruit02 .wen .h2 .h2img .l2 {
  font-size: 18px;
  line-height: 1;
  color: #333333;
  margin-top: 15px;
  text-align: center;
}
.c-recruit02 .recruit02 .wen .h3 {
  height: 40px;
  width: 180px;
  border-radius: 40px;
  background: #ec8516;
  font-size: 14px;
  color: #ffffff;
  padding-left: 24px;
  box-sizing: border-box;
  position: relative;
  margin-top: 65px;
  line-height: 40px;
  display: block;
}
.c-recruit02 .recruit02 .wen .h3:hover:after {
  right: 20px;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.c-recruit02 .recruit02 .wen .h3:after {
  position: absolute;
  height: 10px;
  width: 25px;
  content: "";
  background: url(../img/jian.png) no-repeat center;
  background-size: 100%;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-manager01 .img {
  margin-top: 70px;
}

.c-manager01 {
  padding-bottom: 90px;
}

.c-manager02 {
  background: #fbfbfb;
  padding-top: 95px;
  padding-bottom: 135px;
  box-sizing: border-box;
}
.c-manager02 .img01 {
  margin-top: 65px;
  margin-bottom: 75px;
}
.c-manager02 .imgbox .li1 {
  width: 630px;
  height: 460px;
  overflow: hidden;
}
.c-manager02 .imgbox .li2 {
  width: 645px;
  height: 460px;
  overflow: hidden;
}

.c-manager03 {
  padding: 70px 0 80px 0;
  box-sizing: border-box;
}
.c-manager03 .left {
  width: 425px;
}
.c-manager03 .right {
  width: 300px;
  height: 285px;
  padding: 20px;
  box-sizing: border-box;
}
.c-manager03 .right .wen {
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding-top: 40px;
  box-sizing: border-box;
}
.c-manager03 .right .wen .img {
  height: 102px;
  width: 102px;
  overflow: hidden;
  margin: 0 auto;
}
.c-manager03 .right .wen .h1 {
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  text-align: center;
  margin-top: 15px;
}
.c-manager03 .left .h1 {
  text-align: left;
  margin-bottom: 35px;
}
.c-manager03 .left .h2 {
  color: #666666;
  font-size: 18px;
  line-height: 20px;
}
.c-manager03 .left .h2 p {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px;
  box-sizing: border-box;
}
.c-manager03 .left .h2 p:after {
  position: absolute;
  height: 6px;
  width: 6px;
  content: "";
  top: 5px;
  left: 3px;
  margin: auto;
  position: absolute;
  background: #ec8516;
  border-radius: 50%;
}

.training {
  padding-top: 30px;
  padding-bottom: 75px;
  box-sizing: border-box;
}
.training .c-training {
  padding-top: 55px;
  padding-bottom: 65px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
}
.training .c-training .tit01 {
  text-align: left;
}
.training .c-training .h2 {
  font-size: 14px;
  color: #888888;
  line-height: 26px;
  margin-top: 20px;
}

.training02 {
  margin-top: 35px;
}
.training02 .owl-pagination {
  margin-top: 35px;
}
.training02 .li {
  overflow: hidden;
  width: 420px;
  height: 270px;
  margin: 0 auto;
}
.training02 .li img {
  transition: all .5s linear;
}
.training02 .li:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}

.owl-pagination {
  text-align: center;
}
.owl-pagination .owl-page {
  display: inline-block;
  margin: 0 7px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.owl-pagination .owl-page.active {
  background: #ed9a46;
  border-color: #ed9a46;
}

.training .c-training4 {
  border-bottom: none;
}

.c-training3 .training3li {
  width: 630px;
  border-radius: 5px;
  background: #ec8516;
  height: 240px;
  position: relative;
  padding: 50px;
  box-sizing: border-box;
}
.c-training3 .training3li .h1 {
  color: #ffffff;
  line-height: 1;
}
.c-training3 .training3li .h2 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 30px;
  width: 470px;
}
.c-training3 .training3li .h3 {
  position: absolute;
  height: 85px;
  width: 120px;
  bottom: 15px;
  right: 15px;
}

.formlist {
  padding-top: 80px;
  margin-bottom: 145px;
}

.form1 {
  background: #fff;
  border-bottom: 1px solid #eee;
  padding-bottom: 70px;
  transition: all .8s ease-in-out;
}

.form1 .td {
  float: left;
  display: inline-block;
}

.form1 .tr1 {
  background: #ec8516;
  color: #fff;
  height: 56px;
  font-size: 16px;
  line-height: 56px;
  padding: 0 32px;
  border-bottom: 1px solid #eee;
}

.form1 .tr1 .td {
  width: 20%;
}

.form1 .tr1 .td1 {
  text-align: center;
}

.form1 .tr1 .td2 {
  text-align: right;
}

.form1 .tr2 {
  color: #777;
  height: 64px;
  font-size: 14px;
  line-height: 64px;
  margin: 0 32px;
  border-bottom: 1px solid #eee;
}

.form1 .tr2 .td {
  width: 20%;
}

.form1 .tr2 .td0 {
  font-size: 16px;
  transition: all .3s linear;
}

.form1 .tr2 .td0.cur {
  color: #ec8516;
}

.form1 .tr2 .td1 {
  text-align: center;
}

.form1 .tr2 .td2 {
  cursor: pointer;
  color: #ec8516;
  text-align: right;
}

.form1 .hides {
  display: none;
  padding: 0 34px;
  margin: 0 38px;
  background: #fafafa;
}

.form1 .hides .tr3 {
  padding-top: 20px;
}

.form1 .hides .tr3 .td {
  float: left;
  width: 25%;
  font-size: 14px;
  color: #666;
  line-height: 32px;
  height: 146px;
}

.form1 .hides .dl.fl {
  width: 415px;
}

.form1 .hides .dl.fr {
  width: 440px;
}

.form1 .hides .dt {
  font-size: 14px;
  line-height: 26px;
  color: #888;
  padding-bottom: 40px;
  margin-bottom: 80px;
  border-bottom: 1px solid #f1f1f1;
}

.form1 .hides .dt .h6 {
  font-size: 18px;
  line-height: 18px;
  color: #333;
  margin-bottom: 18px;
}

.form1 .hides .dt .line1 {
  display: inline-block;
  width: 1px;
  height: 156px;
  margin: 0 80px;
  background: #f1f1f1;
  margin-top: 22px;
}

.form1 .hides .bot {
  padding: 30px 0 70px;
}
.form1 .hides .bot .flbox {
  margin-top: -50px;
  font-size: 14px;
  color: #333333;
  line-height: 1;
  display: none;
}
.form1 .hides .bot .flbox .flwen {
  margin-top: 10px;
}

.form1 .hides .bot .re-a {
  display: inline-block;
  width: 150px;
  height: 42px;
  background: #ec8516;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 42px;
}

.form1 .hides .bot .end-span {
  cursor: pointer;
  color: #ec8516;
  line-height: 42px;
  font-size: 14px;
}

.sel_ul ul {
  overflow: hidden;
  padding: 0;
  padding: 1px;
  box-sizing: border-box;
  margin-top: 10px;
}

.sel_ul ul li.cur .li {
  background: #f7f7f7;
  border: none;
}

.sel_ul ul li.cur .li .top {
  border-bottom: none;
  background: #ec8516;
  color: #fff;
}

.sel_ul ul li.cur .li .top:after {
  background: url(../img/img-141.png) no-repeat center;
  background-size: 100%;
}

.sel_ul .ull .lli {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}

.sel_ul ul li .li {
  background: #fff;
  /*border: 1px solid #e5e5e5;*/
}

.sel_ul ul li .li .top {
  height: 52px;
  width: 100%;
  font-size: 16px;
  color: #666;
  line-height: 52px;
  padding-left: 13px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  position: relative;
}

.sel_ul ul li .li .top:after {
  content: "";
  position: absolute;
  right: 13px;
  top: 15px;
  height: 30px;
  width: 30px;
  background: url(../img/img-14.png) no-repeat center;
  background-size: 100%;
}

.sel_ul ul li .li .bot {
  background: #ffffff;
  overflow: hidden;
  padding: 10px 15px;
  box-sizing: border-box;
}

.sel_ul ul li .li .bot .bot1 {
  font-size: 12px;
  width: 50%;
  float: left;
}

.ruio {
  display: inline-block;
  width: 150px;
  height: 30px;
  background: #ec8516;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  margin-top: 20px;
}
.ruio:hover {
  color: #ffffff;
}

ul, li {
  list-style: none;
}

.sel_ul ul li .yin {
  background: #ffffff;
  padding: 0 15px;
  padding-bottom: 20px;
  box-sizing: border-box;
  display: none;
}

.sel_ul ul li .yin h3 {
  font-size: 16px;
  color: #333;
  margin-top: 8px;
}

.sel_ul ul li .yin .p {
  font-size: 12px;
  line-height: 1.5;
  color: #777;
  margin-top: 20px;
}

.sel_ul ul li .yin .p:nth-child(1) {
  border-top: 1px solid #e5e5e5;
}

.sel_ul ul li .yin .p span {
  margin-top: 5px;
}

.applay-tb {
  width: 960px;
  margin: 0 auto;
}

.applay-tb .spred {
  font-size: 18px;
  font-family: Arial;
  color: #F00;
  margin-left: 12px;
}

.applay-tb {
  border: 0;
  border-width: 0 0 1px 1px;
}

.applay-tb td {
  padding: 8px 6px;
  border: 0;
  border-width: 1px 1px 0 0;
  font-size: 14px;
}

.applay-tb td {
  line-height: 1.8;
}

.applay-tb .applay-input {
  width: 180px;
  height: 18px;
  padding: 8px 10px;
  line-height: 18px;
  color: #666;
  border: 1px solid #dddddd;
  box-shadow: 2px 2px 2px #f4f4f4 inset;
  background: #fff;
  font-size: 14px;
}

.applay-tb select.applay-input {
  padding: 0;
  height: 34px;
  width: 200px;
}

.applay-tb textarea.applay-input {
  width: 820px;
  height: 100px;
  resize: none;
}

.applay-tb .applay-input.code {
  width: 90px;
  margin-right: 8px;
}

.applay-tb .submit {
  border: none;
  background: none;
  outline: none;
  width: 150px;
  height: 35px;
  background: #f88000;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.applay-tb .error {
  border-color: #D70128;
}

.tablebox {
  margin: 50px auto;
}
.tablebox .tit01 {
  margin-bottom: 30px;
}

.school .li img {
  width: 100%;
}

.school .li .wen {
  bottom: 0;
}

.servebox .serv01 {
  padding: 90px 0;
  background: #fbfbfb;
  box-sizing: border-box;
}
.servebox .serv01 .servetitle .h2 {
  text-align: center;
  color: #888888;
  margin-top: 25px;
  line-height: 25px;
}
.servebox .serv01 .culture02top {
  margin-top: 40px;
  margin-bottom: 50px;
}
.servebox .serv01 .culture02top .li {
  padding-left: 65px;
}
.servebox .serv01 .culture02top .kjin {
  left: 25px;
}

.lippo {
  display: inline-block;
  background: #ffffff;
  width: 188px;
  height: 48px;
  color: #ed9a46;
  font-size: 18px;
  line-height: 48px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 48px;
  margin: 0 10px;
  position: relative;
  padding-left: 65px;
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  transition: all .5s linear;
 /*       background:#ec9a46;
color:#ffffff;*/
}
.lippo span {
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}
/*.lippo:hover, .lippo.cur {
  box-shadow: none;
  background: #ec9a46;
  color: #ffffff;
  transition: all .5s linear;
}
.lippo:hover .i1, .lippo.cur .i1 {
  opacity: 0;
}
.lippo:hover img, .lippo.cur img {
  transition: all .5s linear;
}
.lippo:hover .i2, .lippo.cur .i2 {
  opacity: 1;
}*/
.serv02 .serv02top .left .h6 .lippo{
  box-shadow: none;
  background: #ec9a46;
  color: #ffffff;
  transition: all .5s linear;
}
.serv02 .serv02top .left .h6 .lippo .i1{
 opacity: 0;}

 .serv02 .serv02top .left .h6 .lippo .i2{
 opacity: 1;}
.lippo:hover, .lippo.cur {
  box-shadow: none;
  background: #ec9a46;
  color: #ffffff;
  transition: all .5s linear;
}
.lippo:hover .i1, .lippo.cur .i1 {
  opacity: 0;
}
.lippo:hover img, .lippo.cur img {
  transition: all .5s linear;
}
.lippo:hover .i2, .lippo.cur .i2 {
  opacity: 1;
}
.w710 {
  width: 710px;
  margin: 0 auto;
}
.w710 #serv04top .owl-wrapper-outer {
  overflow: visible;
}

.serv02 {
  padding-top: 85px;
  box-sizing: border-box;
}
.serv02 .serv02top {
  padding-bottom: 80px;
  box-sizing: border-box;
}
.serv02 .serv02top .left {
  width: 553px;
}
.serv02 .serv02top .left .h1 {
  font-size: 16px;
  line-height: 1;
  color: #006e64;
}
.serv02 .serv02top .left .h2 {
  text-align: left;
  margin: 10px 0;
}
.serv02 .serv02top .left .h3 {
  font-size: 20px;
  color: #666666;
  line-height: 32px;
  height: 64px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.serv02 .serv02top .left .h4 {
  color: #888888;
  font-size: 14px;
  line-height: 20px;
  height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 45px;
}
.serv02 .serv02top .left .h6 {
  margin-top: 70px;
}
.serv02 .serv02top .left .h5 .li {
  float: left;
  padding: 0 38px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  width: 170px;
  border-right: 1px solid #e5e5e5;
}
.serv02 .serv02top .left .h5 .li .img {
  height: 60px;
  width: 60px;
  margin: 0 auto;
  margin-bottom: 35px;
  position: relative;
}
.serv02 .serv02top .left .h5 .li .img:after {
  position: absolute;
  height: 1px;
  width: 25px;
  background: #f0ae6b;
  margin: 0 auto;
  content: "";
  bottom: -17px;
  left: 0;
  right: 0;
  margin: auto;
}
.serv02 .serv02top .left .h5 .li.li1 {
  padding-left: 0;
}
.serv02 .serv02top .left .h5 .li.li2 {
  width: 213px;
}
.serv02 .serv02top .left .h5 .li.li3 {
  padding-right: 0;
  border-right: none;
  text-align: center;
}
.serv02 .serv02top .right .img {
  width: 650px;
  height: 455px;
}
.serv02 .serv02top .right .wen {
  margin-top: 30px;
}
.serv02 .serv02top .right .wen .x01 {
  line-height: 28px;
  margin-top: 13px;
}
.serv02 .serv02top .right .wen .x01 .h1 {
  font-size: 14px;
  color: #ed9a46;
  font-weight: bold;
}
.serv02 .serv02top .right .wen .x01 .h2 {
  font-size: 14px;
  color: #888888;
}
.serv02 .serv02bot {
  padding-top: 70px;
  padding-bottom: 115px;
  border-top: 1px solid #ededed;
  box-sizing: border-box;
}
.serv02 .serv02bot .img {
  position: relative;
}
.serv02 .serv02bot .wen {
  font-size: 14px;
  width: 100%;
  color: #e57b1b;
  line-height: 1.5;
  left: 0;
  bottom: 35px;
  position: absolute;
}

.serv03 {
  height: 655px;
  position: relative;
}
.serv03 .serv0301 {
  width: 100%;
  height: 100%;
}
.serv03 .serv03box {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.serv03 .serv03box .wen {
  width: 570px;
  height: 85%;
  
  position: absolute;
  
  top: 0;
  bottom:0;
  margin: auto;
  padding: 0 45px;
  padding-top:45px;
  box-sizing: border-box;
}
.serv03 .serv03box .wen1{right: 0;background: #006e64;}
.serv03 .serv03box .wen2{left: 0;background:#ed9a46;}
.serv03 .serv03box .wen2 .lippo {background:transparent;color:#fff;box-shadow:none;border:1px solid #ffffff;}
.serv03 .serv03box .wen2 .lippo:hover {background:#ffffff;color:#ec9a46;}
.serv03 .serv03box .wen.wen2 .h4{color:#ffffff;}
.serv03 .serv03box .wen.wen2 .h2{color:#ffffff;}
.serv03 .serv03box .wen.wen2 .h3{background:#ffffff;}
.serv03 .serv03box .wen1.wen3{
  height: 100%;
  background:transparent;
}
.serv03 .serv03box .wen .h1{
  color: #ffffff;
  text-align: left;
  margin-bottom: 20px;
}
.serv03.conbox .serv03box .wen .h1 {
  color: #ffffff;
  text-align: left;
  margin-bottom: 20px;
}
.serv03.conbox .serv03box .wen3 .h1 .b{
  text-align: center;
}

.serv03 .serv03box .wen3  .timg{
  width:460px;
  height:504px;
  border:3px solid #fff;
  box-sizing:border-box;
}
.serv03 .serv03box .wen .h2 {
  font-size: 18px;
  /*color:#ccf2ef;*/
  line-height: 32px;
  /*height: 64px;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: rgba(189, 244, 239, 0.8);
}
.serv03 .serv03box .wen .h3 {
  width: 63px;
  height: 2px;
  background: rgba(255, 255, 255, 0.23);
  margin: 28px 0;
}
.serv03 .serv03box .wen .h4 {
  /*color:#bdf4ef;*/
  color: rgba(189, 244, 239, 0.5);
  font-size: 14px;
  line-height: 30px;
}
.serv03 .serv03box .wen .h5 {
  margin-top: 85px;
}

.serv04 .culture02top .li {
  width: 220px;
  padding: 0 !important;
  text-align: center;
}
.serv04 .serv03bot .con {
  width: 645px;
  height: 430px;
}
.serv04 .serv03bot .owl-pagination {
  margin-top: 55px;
}

.team .teamwen .con {
  width: 625px;
}
.team .teamwen .con .img {
  height: 400px;
  overflow: hidden;
}
.team .teamwen .con .wen {
  border: 1px solid #dbdbdb;
  border-top: none;
  background: #ffffff;
  padding: 45px;
  padding-top: 30px;
  box-sizing: border-box;
}
.team .teamwen .con .wen .h1 {
  color: #444444;
  font-size: 22px;
  line-height: 1;
}
.team .teamwen .con .wen .h2 {
  font-size: 14px;
  color: #888888;
  line-height: 28px;
  margin-top: 15px;
  height: 84px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.team .teamwen .con img {
  transition: all .5s linear;
}
.team .teamwen .con:hover .img img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.team .titwen {
  font-size: 14px;
  color: #888888;
  line-height: 28px;
}
.team .teamimg {
  margin-top: 35px;
}
.team .teamimg .owl-pagination {
  margin-top: 40px;
  margin-bottom: 90px;
}
.team .teamimg .li {
  width: 305px;
}
.team .teamimg .li:hover .img img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.team .teamimg .li .img {
  width: 305px;
  height: 380px;
  overflow: hidden;
}
.team .teamimg .li .img img {
  transition: all .5s linear;
}
.team .teamimg .li .wen {
  line-height: 60px;
  height: 60px;
  text-align: center;
  font-size: 16px;
  color: #444444;
  background: #ffffff;
}

.school {
  margin-top: 22px;
}
.school .li {
  float: left;
  width: 415px;
  margin-left: 27px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.school .li img {
  transition: all .5s linear;
}
.school .li:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.school .li:after {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url(../img/imhjk.png) no-repeat bottom;
  background-size: 100%;
  content: "";
  top: 0;
  left: 0;
}
.school .li .wen {
  position: absolute;
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  z-index: 1;
  padding-left: 18px;
  padding-bottom: 25px;
  box-sizing: border-box;
}
.school .li:nth-child(3n+1) {
  margin-left: 0;
}

.exhibition.magazine .magazinebot .ul .li .img {
  overflow: hidden;
}
.exhibition.magazine .magazinebot .ul .li img {
  transition: all .5s linear;
}

.exhibition.magazine .magazinebot .ul .li:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}

.fixed {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.caidanbox {
  padding-top: 115px;
  box-sizing: border-box;
  display: none;
  z-index: 5;
}
.caidanbox span.x {
  display: block;
  position: absolute;
  height: 25px;
  width: 25px;
  background: url(../img/x.png) no-repeat center;
  background-size: 100%;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.caidanbox .li {
  float: left;
  width: 16.6666666667%;
  height: 320px;
}
.caidanbox .li .litop {
  font-size: 24px;
  color: #333333;
  padding-bottom: 20px;
  margin-bottom: 15px;
  position: relative;
}
.caidanbox .li .litop:after {
  position: absolute;
  content: "";
  height: 1px;
  left: 0;
  bottom: 0;
  width: 130px;
  background: #c4c4c3;
}
.caidanbox .li .libot .li01 {
  display: block;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  height: 30px;
  overflow:hidden;
}

span.x {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  background: url(../img/x.png) no-repeat center;
  background-size: 100%;
  top: 17px;
  right: 25px;
  cursor: pointer;
}

.opinionbox {
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.opinionbox .opinion {
  height: 465px;
  position: absolute;
  width: 660px;
  background: #edebeb;
  border-radius: 8px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 27px 24px 25px 30px;
  box-sizing: border-box;
}
.opinionbox .opinion .wen .h1 {
  font-size: 24px;
  line-height: 1;
  color: #333333;
}
.opinionbox .opinion .wen .h2 {
  font-size: 16px;
  color: #333333;
}
.opinionbox .opinion .wen .h3 {
  color: #333333;
  font-size: 16px;
}
.opinionbox .opinion .wen .h3 .li {
  float: left;
  margin-right: 20px;
}
.opinionbox .opinion .wen .h3 .li label, .opinionbox .opinion .wen .h3 .li input {
  cursor: pointer;
}
.opinionbox .opinion .wen .h4 {
  /*padding-left: 13px;*/
  box-sizing: border-box;
  margin-top: 8px;
}
.opinionbox .opinion .wen .h4 .tijiao {
  border: none;
  background: none;
  outline: none;
  height: 45px;
  width: 123px;
  background: #ec9a46;
  border-radius: 8px;
  font-size: 18px;
  color: #ffffff;
  transition: all .5s linear;
}
.opinionbox .opinion .wen .h4 .tijiao:hover {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(236, 154, 70, 0.8);
  transition: all .5s linear;
}
.opinionbox .opinion .wen .h4 .h401 {
  margin-bottom: 12px;
}
.opinionbox .opinion .wen .h4 .h401 .img {
  margin-left: 17px;
}
.opinionbox .opinion .wen .h4 .h401 img {
  cursor: pointer;
  height: 35px;
}
.opinionbox .opinion .wen .h4 .h401 input {
  border: none;
  background: none;
  outline: none;
  height: 35px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  border-radius: 5px;
  color: #888888;
  font-size: 16px;
  padding-left: 10px;
  box-sizing: border-box;
  background: #ffffff;
}
.opinionbox .opinion .wen .h4 .h401 textarea {
  border: none;
  background: none;
  outline: none;
  height: 65px;
  background: #ffffff;
  resize: none;
  padding: 0;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding-left: 10px;
  box-sizing: border-box;
}
.opinionbox .opinion .wen .h4 .h401 ::-webkit-input-placeholder {
  color: #888888;
}
.opinionbox .opinion .wen .h4 .h401 ::-moz-input-placeholder {
  color: #888888;
}
.opinionbox .opinion .wen .h4 .h401 ::-ms-input-placeholder {
  color: #888888;
}

.pro_01 .x05 .wen {
  background: #ffffff;
}

.w100 {
  width: 100%;
}

.w385 {
  width: 385px;
}

.w190 {
  width: 190px;
}

.magazine .magazinebot .ul .li .wen {
  transition: all .5s linear;
}

.magazine .magazinebot .ul .li:hover .wen {
  border-bottom-color: #ec8516;
  transition: all .5s linear;
}

.con_banner .klbox .top03.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  margin: auto;
  background: #ffffff;
  width: 1200px;
  height: 61px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  color: #666;
  z-index: 12;
}
.con_banner .klbox .top03.fixed .i01 {
  color: #666;
}
.con_banner .klbox .top03.fixed .i01.cur, .con_banner .klbox .top03.fixed .i01:hover {
  color: #ffffff;
}

.about01 .about01top .right .h3.cur {
  display: block;
  height: auto;
  overflow: visible;
}
.wel_03{
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
}

.about03 {
  height: 870px;
  background: #ffffff;
  padding-top: 120px;
  padding-bottom: 200px;
  box-sizing: border-box;
}
.about03 .video {
  position: relative;
  cursor: pointer;
}
.about01 .about01top .left.fl{
  cursor: pointer;
}
.about01 .about01top .left.fl:after {
  position: absolute;
  height: 105px;
  width: 105px;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../img/play.png) no-repeat center;
  background-size: 100%;
}

.aboutwenbox {
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.aboutwenbox .aboutwen {
  height: 548px;
  width: 548px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 50px;
  box-sizing: border-box;
}
.aboutwenbox .aboutwen .play {
  height: 100%;
  width: 100%;
  font-size: 14px;
  line-height: 25px;
  color: #888;
}
.aboutwenbox .aboutwen .play .h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
.aboutwenbox .aboutwen .play img {
  max-width: 100%;
}
.aboutwenbox span.x {
  background: url(../img/x.png) no-repeat center;
  background-size: 100%;
}

.videobox {
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.caidanbox.fix{
  z-index: 60;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin: auto;
  position: fixed;
  box-sizing:border-box;
}
.videobox.fixed{
  z-index: 60;
}
.videobox span.x {
  background: url(../img/x0.png) no-repeat center;
  background-size: 100%;
}
.videobox .playbox {
  height: 548px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.videobox .playbox .play {
  height: 100%;
  width: 100%;
  background: #000;
}

.about02top {
  padding-left: 6%;
  box-sizing: border-box;
  height: 400px;
  position: relative;
}
.about02top .ul {
  width: 100%;
  padding-top: 245px;
  box-sizing: border-box;
}
.about02top .ul .li01 {
  height: 75px;
  line-height: 75px;
  font-size: 30px;
  color: #cfcfcf;
  background: rgba(255, 255, 255, 0.8);
}
.about02top .ul .li {
  cursor: pointer;
}
.about02top .ul .owl-buttons {
  padding-right: 6%;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 125px;
  height: 20px;
}
.about02top .ul .owl-buttons .owl-next {
  height: 20px;
  width: 70px;
  background: url(../img/b.png) no-repeat center;
  background-size: 100%;
}
.about02top .ul .owl-buttons .owl-next:hover {
  background: url(../img/b1.png) no-repeat center;
  background-size: 100%;
}
.about02top .ul .owl-buttons .owl-next.disabled {
  display: none;
}
.about02top .ul .owl-buttons .owl-prev {
  height: 20px;
  width: 70px;
  background: url(../img/b3.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 0;
}
.about02top .ul .owl-buttons .owl-prev:hover {
  background: url(../img/b2.png) no-repeat center;
  background-size: 100%;
}
.about02top .ul .owl-buttons .owl-prev.disabled {
  display: none;
}
.about02top .ul .li02 {
  display: none;
  transition: all .5s linear;
  background: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  color: #666666;
  width: 380px;
  padding: 20px 20px 50px 20px;
  box-sizing: border-box;
  position: relative;
}
.about02top .ul .li02:after {
  content: "";
  position: absolute;
  height: 35px;
  width: 35px;
  background: url(../img/jia.png) no-repeat center;
  background-size: 100%;
  bottom: 8px;
  right: 12px;
}
.about02top .ul .owl-item.active .li02, .about02top .ul .owl-item:hover .li02 {
  transition: all .5s linear;
  display: block;
}
.about02top .ul .owl-item.active .li01, .about02top .ul .owl-item:hover .li01 {
  color: #006e64;
}

.info {
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 120px;
  line-height: 1.5;
}

.procont .procont-01 .img img {
  margin: 0 auto;
  display: block;
}

.news0 .news_con .news_right .more:hover a {
  color: #609ee4;
}

.m_banner {
  display: block;
}

.infotit {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: solid 1px #ededed;
  margin-bottom: 30px;
}

.infotit h2 {
  font-size: 38px;
  color: #333;
  line-height: 42px;
  margin-bottom: 30px;
}

.infotit p {
  font-size: 14px;
  color: #999;
  line-height: 26px;
}

.infotit p span {
  color: #999;
}

.infotx {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
}

.infotx img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.infotx p {
  text-align: left;
  word-wrap: break-word;
}

.infoctrl {
  padding-top: 40px;
  border-top: solid 1px #ededed;
  margin-top: 30px;
  overflow: hidden;
}

.pagectrl {
  float: left;
  width: 80%;
}

.pagectrl p {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 75%;
}

.pagectrl p a {
  color: #999;
  display: inline;
}

.pagectrl p a:hover {
  color: #ec8516;
}

.tit01 {
  margin-bottom: 15px;
}

.pageback {
  float: right;
}

.pageback a {
  font-size: 16px;
  color: #999;
  padding-right: 22px;
/*  background: #ec8516;
    color: #ffffff;
    display: inline-block;*/
}

.pageback a:hover {
  color: #ec8516;
}

.infotx {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
}

.infotx img {
  max-width: 100%;
}

.infotx p {
  word-wrap: break-word;
}

.infoctrl {
  padding-top: 40px;
  border-top: solid 1px #ededed;
  margin-top: 30px;
  overflow: hidden;
}

.pagectrl {
  float: left;
  width: 80%;
}

.pagectrl p {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 75%;
}

.pagectrl p a {
  color: #999;
  display: inline;
}

.pagectrl p a:hover {
  color: #ec8516;
}

.pageback {
  float: right;
}

.pageback a {
  font-size: 16px;
  color: #999;
  padding-right: 22px;
}

.pageback a:hover {
  color: #ec8516;
}

.about02box {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.about02top .ul .li02 {
  padding: 10px 10px 25px 10px;
}
.about02top .ul .li02 .l1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.partnerwen .li {
  width: 240px;
  height: 145px;
  float: left;
  border: 1px solid #d2d2d2;
  margin-bottom: 22px;
  margin-left: 22.5px;
  overflow: hidden;
}
.partnerwen .li img {
  transition: all .5s linear;
}
.partnerwen .li:hover img {
  transition: all .5s linear;
  transform: scale(1.1);
}
.partnerwen .li:nth-child(5n+1) {
  margin-left: 0;
}

.parter {
  padding-top: 90px;
  padding-bottom: 120px;
  box-sizing: border-box;
}
.parter .owl-pagination {
  margin-top: 45px;
}
.parter .partnertit {
  margin-bottom: 60px;
}
.parter .partnertit .h1 {
  text-align: left;
}
.parter .partnertit .h1 span {
  font-size: 14px;
  color: #666666;
  margin-left: 15px;
}

.cooperation01 {
  height: 1045px;
  background: #ffffff;
  padding-top: 90px;
  padding-bottom: 115px;
  box-sizing: border-box;
}
.cooperation01 .cooperation01top {
  font-size: 14px;
  color: #666666;
  height: 135px;
  border-bottom: 1px solid #eeeeee;
}
.cooperation01 .cooperation01top .h1 {
  width: 1080px;
  line-height: 30px;
}
.cooperation01 .cooperation01bot {
  padding-top: 70px;
}
.cooperation01 .cooperation01bot .left {
  width: 750px;
  height: 564px;
  margin-left: -58px;
}
.cooperation01 .cooperation01bot .right {
  width: 525px;
}
.cooperation01 .cooperation01bot .right .ultop {
  padding-bottom: 65px;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
}
.cooperation01 .cooperation01bot .right .ultop .li {
  float: left;
  text-align: center;
  width: 135px;
  line-height: 25px;
  margin-left: 60px;
}
.cooperation01 .cooperation01bot .right .ultop .li:nth-child(3n+1) {
  margin-left: 0;
}
.cooperation01 .cooperation01bot .right .ultop .li .li01 {
  font-size: 65px;
  line-height: 1;
  color: #ec9a46;
  font-family: "book";
}
.cooperation01 .cooperation01bot .right .ultop .li .li02 {
  height: 1px;
  background: #f0ae6b;
  width: 23px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 20px;
}
.cooperation01 .cooperation01bot .right .ultop .li .li03 {
  color: #666666;
  font-size: 14px;
}
.cooperation01 .cooperation01bot .right .ulbot {
  font-size: 16px;
  color: #333333;
  line-height: 1;
  padding-top: 65px;
  box-sizing: border-box;
}
.cooperation01 .cooperation01bot .right .ulbot p {
  margin-bottom: 18px;
  position: relative;
  padding-left: 22px;
  box-sizing: border-box;
}
.cooperation01 .cooperation01bot .right .ulbot p:after {
  position: absolute;
  height: 5px;
  width: 5px;
  background: #ec8516;
  border-radius: 50%;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cooperation01 .cooperation01bot .h1 {
  text-align: left;
  color: #333333;
}

.cooperation02 {
  height: 745px;
  position: relative;
  padding: 90px 0;
  box-sizing: border-box;
}
.cooperation02:after {
  position: absolute;
  height: 100%;
  content: "";
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  top: 0;
  left: 0;
}
.cooperation02 .box {
  position: relative;
  z-index: 1;
}
.cooperation02 .box .imgbox {
  margin-top: 55px;
}
.cooperation02 .box .imgbox .li {
  padding: 5px;
  box-sizing: border-box;
  width: 298px;
  height: 392px;
  background: #ffffff;
}
.cooperation02 .box .imgbox .owl-pagination {
  margin-top: 50px;
}
.cooperation02 .tit01 {
  color: #ffffff;
}

.cooperation03 {
  height: 940px;
  padding-top: 100px;
  padding-bottom: 120px;
  box-sizing: border-box;
}
.cooperation03 .h0 {
  text-align: left;
  margin-bottom: 53px;
}
.cooperation03 .top01 .right {
  width: 295px;
  height: 415px;
  padding: 14px;
  box-sizing: border-box;
  margin-top: 18px;
}
.cooperation03 .top01 .right .rightwen {
  background: #ffffff;
  width: 100%;
  height: 100%;
  padding: 70px 20px;
  box-sizing: border-box;
}
.cooperation03 .top01 .right .rightwen .h2 {
  color: #888888;
  font-size: 14px;
  line-height: 23px;
  margin-top: 10px;
}
.cooperation03 .top01 .right .rightwen .h3 {
  color: #006e64;
  font-size: 20px;
  line-height: 1;
  margin-top: 15px;
}
.cooperation03 .top01 .right .rightwen .h1 {
  color: #f08519;
  font-size: 27px;
  line-height: 1;
  height: 148px;
}
.cooperation03 .top01 .right .rightwen .h1 span {
  font-size: 201px;
  font-family: Arial;
  line-height: 148px;
}
.cooperation03 .top02 {
  margin-top: 85px;
}
.cooperation03 .top02 .owl-buttons .owl-prev {
  height: 45px;
  width: 45px;
  background: url(../img/l.png) no-repeat center;
  background-size: 100%;
  border-radius: 50%;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.14);
  position: absolute;
  left: -85px;
  top: 0;
  bottom: 0;
}
.cooperation03 .top02 .owl-buttons .owl-prev:hover, .cooperation03 .top02 .owl-buttons .owl-prev.disabled {
  background: url(../img/ll.png) no-repeat center;
  background-size: 100%;
}
.cooperation03 .top02 .owl-buttons {
  position: static;
}
.cooperation03 .top02 .owl-buttons .owl-next {
  height: 45px;
  width: 45px;
  background: url(../img/ll1.png) no-repeat center;
  background-size: 100%;
  border-radius: 50%;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.14);
  position: absolute;
  right: -85px;
  top: 0;
  bottom: 0;
}
.cooperation03 .top02 .owl-buttons .owl-next:hover, .cooperation03 .top02 .owl-buttons .owl-next.disabled {
  background: url(../img/lll.png) no-repeat center;
  background-size: 100%;
}
.cooperation03 .top02 .li {
  text-align: center;
  height: 83px;
  border-right: 1px solid #e8e8e8;
}
.cooperation03 .top02 .li .li01 {
  font-size: 45px;
  color: #333333;
  line-height: 1;
}
.cooperation03 .top02 .li .li02 {
  font-size: 14px;
  line-height: 1;
  margin-top: 16px;
}

.cooperation04 {
  background: #fbfbfb;
  height: 895px;
  padding-top: 110px;
  padding-bottom: 140px;
  box-sizing: border-box;
}
.cooperation04 .tit01 {
  margin-bottom: 60px;
}

.cooperation05 {
  height: 615px;
}
.cooperation05 .box {
  position: relative;
  z-index: 2;
}
.cooperation05 .abbox {
  margin-top: 100px;
}
.cooperation05 .abbox .li {
  float: left;
  width: 216.6666666667px;
}
.cooperation05 .abbox .li:hover .img img {
  transition: all .5s linear;
  transform: scale(1.09);
}
.cooperation05 .abbox .li .img {
  height: 110px;
  width: 110px;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 auto;
}
.cooperation05 .abbox .li .img img {
  transition: all .5s linear;
}
.cooperation05 .abbox .li .wen {
  text-align: center;
  margin-top: 50px;
}
.cooperation05 .abbox .li .wen .h1 {
  font-size: 18px;
  line-height: 1;
  color: #f08519;
}
.cooperation05 .abbox .li .wen .h2 {
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 15px;
}

.cooperation06 {
  height: 840px;
  padding: 120px 0 115px 0;
  box-sizing: border-box;
}
.cooperation06 .box {
  position: relative;
}
.cooperation06 .box .wen {
  height: 200px;
  width: 317px;
  position: absolute;
  top: 0;
  left: 0;
  background: #f08519;
  padding: 18px;
  box-sizing: border-box;
}
.cooperation06 .box .wen .h1 {
  line-height: 1;
  color: #ffffff;
  text-align: left;
}
.cooperation06 .box .wen .h2 {
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 5px;
}
.cooperation06 .box .wen .h3 {
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
}

.cooperation07 {
  height: 665px;
  background: #f2f2f2;
  padding-top: 95px;
  padding-bottom: 125px;
  box-sizing: border-box;
}
.cooperation07 .boxtitle {
  text-align: left;
  margin-bottom: 48px;
}
.cooperation07 .con {
  width: 50%;
  box-sizing: border-box;
}
.cooperation07 .left {
  width: 585px;
  height: 365px;
  overflow: hidden;
}
.cooperation07 .left img {
  transition: all .5s linear;
}
.cooperation07 .left:hover img {
  transition: all .5s linear;
  transform: scale(1.09);
}
.cooperation07 .right {
  padding-top: 30px;
  padding-left: 55px;
}
.cooperation07 .right .li {
  padding-left: 18px;
  box-sizing: border-box;
}
.cooperation07 .right .li .li01:after {
  position: absolute;
  height: 6px;
  width: 6px;
  background: #006e64;
  border-radius: 50%;
  content: "";
  left: -18px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cooperation07 .right .h01 {
  color: #333333;
  font-size: 26px;
  line-height: 1;
}
.cooperation07 .right .h01 span {
  font-size: 31px;
  color: #f08519;
}
.cooperation07 .right .h02 {
  margin-top: 30px;
}
.cooperation07 .right .h02 .li {
  margin-bottom: 35px;
}
.cooperation07 .right .h02 .li01 {
  color: #f08519;
  font-size: 20px;
  line-height: 1;
  position: relative;
}
.cooperation07 .right .h02 .li02 {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin-top: 6px;
}

.cooperation08 {
  padding-top: 100px;
  padding-bottom: 145px;
  box-sizing: border-box;
}
.cooperation08 .box02 {
  margin-top: 45px;
  height: 430px;
}
.cooperation08 .box03 {
  padding-left: 195px;
  box-sizing: border-box;
  margin-top: 50px;
}
.cooperation08 .box03 .h1 {
  font-size: 20px;
  color: #f08519;
}
.cooperation08 .box03 .h2 {
  font-size: 15px;
  color: #666666;
  line-height: 20px;
}
.cooperation08 .box03 .h2 .li {
  float: left;
  width: 16.6666666667%;
}

.cooperation04 .box {
  height: 582px;
}

.cooperation03 .top01 .left {
  width: 895px;
  height: 460px;
}

.about01 .about01top .right .h1 {
  text-transform: capitalize;
}

.knhj {
  color: rgba(51, 51, 51, 0.2);
  line-height: 1;
  font-size: 24px;
  margin-top: 15px;
  text-transform: capitalize;
  /*margin-bottom: 48px;*/
}

.knhj1 {
  color: rgba(51, 51, 51, 0.2);
  line-height: 1;
  font-size: 24px;
  margin-top: 15px;
  text-transform: capitalize;
  /*margin-bottom: 48px;*/
}

.knhj1.b {
  color: rgba(255, 255, 255, 0.8);
}

.b.knhj {
  color: rgba(255, 255, 255, 0.8);
}

.wel_01 .ulo .li3 {
  top: 185px;
}

.cooperation06 .box .wen {
  height: 225px;
}
.cooperation06 .box .wen .knhj {
  color: rgba(255, 255, 255, 0.4);
}

.rety {
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
}

.caidanbox .li .libot .li01 {
  transition: all .5s linear;
  position: relative;
}
.caidanbox .li .libot .li01:after {
  position: absolute;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 6px;
  content: "";
  background: #666666;
  transition: all .5s linear;
}

.caidanbox .li .libot .li01:hover {
  padding-left: 15px;
  transition: all .5s linear;
  box-sizing: border-box;
}
.caidanbox .li .libot .li01:hover:after {
  width: 13px;
  transition: all .5s linear;
}




.caidanbox .li .libot .li02 {
  transition: all .5s linear;
  position: relative;
}
.caidanbox .li .libot .li02:after {
  position: absolute;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 6px;
  content: "";
  background: #666666;
  transition: all .5s linear;
}

.caidanbox .li .libot .li02:hover {
  padding-left: 15px;
  transition: all .5s linear;
  box-sizing: border-box;
}
.caidanbox .li .libot .li02:hover:after {
  width: 13px;
  transition: all .5s linear;
}
.caidanbox .li .libot .li02 {
  display: block;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  height: 30px;
  overflow:hidden;
}

.con_banner .klbox .top03 .owl-buttons .owl-prev {
  display: none;
}
.con_banner .klbox .top03 .owl-buttons .owl-next {
  display: none;
}

.mkj {
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  background: #444444;
  padding: 10px 4%;
  box-sizing: border-box;
}
.mjkl{
    font-size: 18px;
    line-height: 25px;
    
    background: #444444;
    padding: 10px 4%;
    box-sizing: border-box;
}
.mjkl .li{
  float:left;
  position: relative;
  padding-left:35px;
  box-sizing:border-box;
  color: rgba(255, 255, 255, 0.7);
  margin-right:15px;
}
.mjkl .li1:after{
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    background: url(../img/f1.png) no-repeat center;
    background-size: 100%;
    left: 0;
    top: 0;
}
.mjkl .li2:after{
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    background: url(../img/f2.png) no-repeat center;
    background-size: 100%;
    left: 0;
    top: 0;
}
.mkj .lio {
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  color: rgba(255, 255, 255, 0.7);
  position: relative;
  border-bottom: 1px solid #6c6c6c;
}
.mkj .lio:after {
  position: absolute;
  height: 10px;
  width: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 4%;
  content: "";
  background: url(../img/i001.png) no-repeat center;
  background-size: 100%;
  transition:all .5s linear;
}
.mkj li.cur .lio:after{
  transform:rotate(180deg);
  transition:all .5s linear;
}
.mkj .libox {
  display: none;
}
.mkj .libox .li {
  line-height: 20px;
}
.mkj .libox .li a {
  display: block;
  color: #6c6c6c;
  font-size: 14px;
  padding:3px 0;
  box-sizing:border-box;
}

.serv02 .serv02top .right {
  width: 650px;
}
.serv02 .serv02top .right .li {
  width: 100%;
  height: 455px;
}
    .exhihei01 .exhihei01box .owl-buttons{
      position: static;
    }
  .pc02{
    height:82px;
  }
  .m02{
    height:60px;
  }
  .banhead #media{
    position: absolute;
    height:150%;
    width:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
  }
@media screen and (max-width: 1700px) {
  .w1600{
    width:90%;
  }
}
@media screen and (max-width: 1350px) {
  .w1300 {
    width: 90%;
  }
  .serv03 .serv03box .wen3  .timg{
  width:100%;
  height:auto;
  }
  .wel_02 .wel_0201.pc01 .li .weni .wenbox{
    height:230px;
    bottom:-230px;
  }
  .serv04 .serv03bot .con {
    width: 100%;
    height: auto;
  }

  .cooperation03 .top02 .owl-buttons .owl-prev {
    left: -45px;
  }

  .cooperation03 .top02 .owl-buttons .owl-next {
    right: -45px;
  }

  .cooperation01 .cooperation01bot .left {
    height: auto;
    width: 56%;
  }

  .cooperation05 .abbox .li {
    width: 100%;
  }

  .cooperation01 .cooperation01bot .right {
    width: 40%;
  }

  .about01 .about01bot .tiut .li {
    width: 100%;
  }

  .cooperation01, .cooperation04 {
    height: auto;
  }

  .cooperation04 {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .serv02 .serv02top .right {
    width: 50%;
  }
  .serv02 .serv02top .right .li {
    height: auto;
  }

  .cooperation01 .cooperation01top .h1 {
    width: 85%;
  }

  .cooperation08 .box02 {
    height: auto;
  }

  .cooperation04 .box {
    height: auto;
  }

  .cooperation07 {
    padding-top: 65px;
    padding-bottom: 75px;
    height: auto;
  }

  .cooperation08 .box03 .h2 {
    font-size: 14px;
  }
  .cooperation08 .box03 .h2 .li {
    width: auto;
    margin-right: 15px;
  }

  .cooperation08 {
    padding-top: 60px;
    padding-bottom: 85px;
  }

  .cooperation03 {
    height: auto;
  }

  .cooperation06 {
    padding: 70px 0 65px 0;
    height: auto;
  }

  .cooperation02 {
    height: auto;
  }

  .cooperation07 .left {
    height: auto;
    width: 45%;
  }
  .cooperation07 .left img {
    width: 100%;
  }

  .cooperation03 .top01 .right {
    width: 22%;
  }

  .cooperation03 .top01 .left {
    height: auto;
    width: 68%;
  }

  .cooperation02 .box .imgbox .li {
    width: 99%;
    height: auto;
    margin: 0 auto;
  }

  .cooperation01 .cooperation01bot .right .ultop .li {
    width: 33.3333333333%;
    margin-left: 0;
  }

  .partnerwen .li {
    width: 18%;
    height: auto;
    float: left;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-left: 2.5%;
  }
  .partnerwen .li:nth-child(5n+1) {
    margin-left: 0;
  }

  .about03 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .team .teamwen .con {
    width: 48%;
  }

  .about01 .about01bot .tiut .li {
    padding: 0 4%;
  }

  .team .teamimg .li {
    width: 98%;
  }

  .school .li {
    width: 32%;
    margin-left: 2%;
  }

  .team .teamimg .li .img {
    width: 100%;
    height: auto;
  }

  .team .teamimg .li .img img {
    width: 100%;
  }

  .team .teamwen .con .img {
    height: auto;
  }

  .serv02 .serv02top .left {
    width: 43%;
  }

  .serv02 .serv02bot .wen {
    width: 60%;
  }

  .servebox .serv01 {
    padding: 60px 0;
  }

  .serv02 .serv02top .left .h5 .li {
    width: 100%;
  }

  .serv02 .serv02top .right .img {
    width: auto;
    height: auto;
  }

  .serv02 .serv02top .left .h5 .li.li2 {
    width: 100%;
  }

  .training02 .li {
    width: 99%;
    margin: auto;
    height: auto;
  }

  .form1 .hides .dl.fl {
    width: 48%;
  }

  .c-recruit01 {
    padding-top: 65px;
    padding-bottom: 75px;
  }

  .form1 .hides .dl.fr {
    width: 48%;
  }

  .c-manager02 {
    padding-top: 55px;
    padding-bottom: 85px;
  }

  .c-manager03 {
    padding: 50px 0 60px 0;
  }

  .form1 .hides .dt .line1 {
    margin: 0  1%;
  }

  .tit01 {
    font-size: 30px;
  }

  .training .c-training {
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .exhihei .li {
    width: 99%;
  }

  .c-training3 .training3li {
    width: 48%;
    padding: 30px;
  }

  .c-training3 .training3li .h2 {
    width: 74%;
  }

  .c-manager02 .imgbox .li1 {
    width: 46%;
    height: auto;
  }

  .c-manager02 .imgbox .li2 {
    width: 49%;
    height: auto;
  }

  .culture01 .culture01ul .li {
    width: 99%;
  }

  .about01 .about01top .right .h2 {
    font-size: 30px;
    line-height: 35px;
    height: 70px;
  }

  .c-recruit01 .h2 {
    margin-top: 40px;
  }

  .about01 {
    height: auto;
  }

  .c-recruit02 .recruit02 {
    margin-top: 45px;
  }

  .c-recruit02 {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .wel_03 .wel_0301 .wel_0301top {
    width: 90%;
  }

  .magazine .magazinebot .ul .li {
    width: 22%;
    margin-left: 4%;
  }

  .magazine .magazinebot .ul .li .img {
    height: auto;
  }

  .speech .about01top .right .h3 {
    margin-top: 30px;
  }

  .about01 .about01top .right .more {
    margin-top: 30px;
  }

  .exhihei02 .li {
    width: 32%;
    margin-left: 2%;
  }

  .about01 .about01top .left {
    width: 52%;
    height: auto;
  }

  .about01 .about01top .right {
    width: 40%;
  }

  .w1200 {
    width: 95%;
  }

  .retails02 .retails02wen {
    width: 50%;
    height: 50%;
  }

  .exhihei02 .li .img {
    height: auto;
  }

  .exhibition.magazine .magazinebot .ul .li {
    width: 22%;
    margin-left: 4%;
  }
  .exhibition.magazine .magazinebot .ul .li .img {
    height: auto;
  }

  .exhihei01 .exhihei01box .left .bot .botl1 {
    width: 65%;
  }

  .exhihei01 .exhihei01box .left .bot .botl2 {
    width: 30%;
    height: auto;
  }

  .exhihei01 .exhihei01box .left {
    width: 50%;
  }

  .exhihei01 .exhihei01box .right {
    width: 50%;
    height: auto;
  }

  .exhibition.magazine .magazinebot .ul .li:nth-child(4n+1) {
    margin-left: 0;
  }

  .newbox .ul .li {
    width: 32%;
    margin-left: 2%;
  }

  .newbox .ul .li .img {
    width: auto;
    height: auto;
  }

  .wel_02 .wel_0201.pc01 .li {
    width: 32%;
    margin-left: 2%;
  }

  .wel_02 .wel_0201.pc01 .li .wen {
    padding-left: 80px;
  }

  .wel_02 .wel_0201.pc01 .li .wen span {
    left: 50px;
  }

  .wel_02 .wel_0201.pc01 .li .wen {
    font-size: 18px;
  }

  .wel_02 .wel_0201.m01 .li .wen {
    padding-left: 80px;
  }

  .wel_02 .wel_0201.m01 .li .wen span {
    left: 50px;
  }

  .wel_02 .wel_0201.m01 .li .wen {
    font-size: 18px;
  }

  .pro_01 .x05 .li {
    margin-left: 2%;
    width: 32%;
  }

  .pro_01 .x05 .wen {
    width: auto;
  }

  .pro_01 .x05 .img {
    width: auto;
    height: auto;
  }

  .pro_01 .x05 .li:nth-child(3n+1) {
    margin-left: 0;
  }

  .pro_02 .con.right .wen {
    width: 92%;
    height: auto;
  }

  .pro_02 .left .x03 {
    width: 80%;
  }

  .wel_01 .ulo .li .img {
    width: auto;
    height: auto;
  }

  .speech .about01top .left {
    width: 40%;
  }

  .speech .about01top .right {
    width: 52%;
  }

  .speech .about01top .left .img {
    height: auto;
    width: 95%;
    box-shadow: 30px 30px 0 0 #f5f5f5;
  }
}
@media screen and (max-width: 1350px) {
  .exhihei .li .top {
    height: 30px;
    line-height: 30px;
  }

  .exhihei .li .top .li01 {
    font-size: 28px;
  }

  .exhihei .li .top .li02 {
    font-size: 18px;
  }

  .exhihei .li .bot {
    margin-top: 36px;
  }

  .about01 .about01top .right .h2 {
    font-size: 25px;
  }

  .cooperation03 {
    padding-top: 55px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 1270px) {
  .wel_04 .wel_0401 .left .img {
    width: auto;
    height: auto;
  }
  footer .top .right .ri02 .lio1{
    margin-top:25px;
  }
  .retails02 .retails02wen .wen .h2{
    margin-top:5px;
  }

/*  .con_banner .klbox .top03.fixed{
    width:95%;
  }*/
  .i-banner li .bannerwen .h2{
    /*font-size: 54px; */   margin-top: 20px;
    margin-bottom: 50px;
    font-size: 34px; 
  }
  .i-banner li .bannerwen .readmore{
    font-size: 40px;
    height: 45px;
    line-height: 45px;
  }
  footer .top .bocweb-footer-contact ul li a {
    line-height: 25px;
  }

  .header .bocweb-nav .nav-li .nac {
    padding: 0 30px;
  }

  .cooperation08 .box03 {
    padding-left: 15%;
  }

  .cooperation03 .top02 .li .li01 {
    font-size: 30px;
  }

  .cooperation03 .top02 {
    margin-top: 45px;
  }

  .form1 .hides .tr3 .td {
    height: 90px;
  }

  .form1 .hides .dt {
    padding-bottom: 30px;
  }

  .c-recruit01 .h2 {
    margin-top: 25px;
    font-size: 16px;
    line-height: 25px;
  }

  .c-training3 .training3li .h2 {
    line-height: 20px;
    height: 100px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-top: 16px;
  }

  .c-recruit02 .recruit02 .wen .h1 {
    font-size: 16px;
    line-height: 25px;
  }

  .c-recruit02 .recruit02 .wen .h2 {
    margin-top: 25px;
  }

  .c-recruit02 .recruit02 .wen .h2 .h2img .l2 {
    font-size: 16px;
    margin-top: 10px;
  }

  .c-recruit02 .recruit02 .wen .h3 {
    margin-top: 35px;
  }

  .speech .about01top .left .img {
    height: auto;
    width: 95%;
    box-shadow: 20px 20px 0 0 #f5f5f5;
  }

  .exhihei01 .exhihei01box .left .h1 {
    padding-top: 24px;
    padding-bottom: 10px;
  }

  .exhihei .li .bot {
    line-height: 20px;
    height: 100px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }

  .exhihei01 .exhihei01box .left .bot .h6 {
    height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }

  .culture01 .culture01ul .li .h1 {
    font-size: 30px;
  }

  .culture01 .culture01ul .li .h2 {
    margin-bottom: 20px;
  }

  .culture01 .culture01ul .li .h4 {
    height: 80px;
    width: 80px;
  }

  .tit01 {
    font-size: 25px;
  }

  .culture02 {
    padding-top: 50px;
    padding-bottom: 85px;
  }

  .culture02 .culture02bot .ul {
    margin-top: 45px;
  }

  .culture02 .culture02top {
    margin-top: 30px;
    margin-bottom: 40px;
  }

  .culture01 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 55px;
  }

  .culture01 .culture01ul .owl-pagination {
    margin-top: 43px;
  }

  .tit {
    font-size: 32px;
  }

  .culture01 .culture01ul .li .h3 {
    font-size: 15px;
    line-height: 20px;
  }

  .exhihei01 .exhihei01box .left .bot .h5 {
    font-size: 23px;
  }

  .exhihei01 .exhihei01box .left .h1 {
    font-size: 23px;
  }

  .exhihei01 .exhihei01box .left .center {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .magazine {
    padding-top: 60px;
    padding-bottom: 90px;
  }

  .magazine .magazinetop .left {
    font-size: 32px;
  }

  .magazine .magazinebot .ul .li .wen {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }

  .magazine .magazinetop .right .lo02 .li {
    font-size: 14px;
    height:25px;
    line-height: 25px;

  }

  .magazine .magazinetop .right {
    font-size: 16px;
  }

  .retails01 .bot .bot02 .ul {
    margin-bottom: 85px;
  }

  .retails01 .top .h1 {
    font-size: 25px;
  }

  .retails02 .retails02wen .wen .h2 {
    /*margin-top: 18px;*/
  }

  .retails03 .retails03box {
    height: 500px;
  }

  .retails03 .retails03box .lefimg {
    margin-left: 4%;
    width: 45%;
  }

  .retails03 .retails03box .rightwen {
    width: 45%;
  }

  .retails03 {
    padding-top: 60px;
    padding-bottom: 90px;
    height: 810px;
  }

  .retails02 .retails02wen .wen .h1 {
    font-size: 25px;
    line-height: 35px;
    /*height: 70px;*/
  }

  .retails02 {
    height: 580px;
  }

  .retails02 .retails02wen .wen .h3 {
    margin-top: 15px;
  }
  .retails02 .retails02wen{
    height:55%;
  }

  .retails02 .retails02wen .wen {
    width: 100%;
  }

  .retails01 .top {
    margin-bottom: 50px;
  }

  .retails01 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .retails01 .bot .bot02 .li {
    width: 98%;
    height: auto;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
  }

  .retails .left {
    width: 37%;
  }

  .retails .left .h3 .l1 {
    width: 32%;
    margin-left: 2%;
  }

  .retails .left .h3 .l1 .tu {
    height: auto;
    width: auto;
  }

  .retails .right {
    width: 46%;
    height: auto;
  }

  .retails {
    padding: 60px 0 65px 0;
  }

  footer .top .bocweb-footer-contact {
    width: 72%;
  }

  footer .top .bocweb-footer-contact ul li {
    padding-left: 5%;
    padding-right: 5%;
  }

  .wel_04 .wel_0401 .right .li {
    height: 80px;
    padding: 15px 0;
  }

  .contit .h1 {
    font-size: 35px;
  }
  .contit .h2 {
    margin: 18px auto;
  }
  .contit .h3 {
    width: 80%;
  }

  .wel_03 .wel_0301 .wel_0301bot .ul .li {
    margin: 0;
  }

  .wel_04 .wel_0401 .right .li .li02 .h2 {
    margin-top: 0;
  }

  .wel_04 .wel_0401 .right .li .li02 .h1 {
    height: 45px;
    line-height: 45px;
  }

  .wel_04 .wel_0401 .right .li {
    overflow: hidden;
  }

  .wel_04 .wel_0401 .right .li .li01 {
    font-size: 30px;
  }

  .wel_04 .wel_0401 .right {
    width: 56%;
  }

  .wel_04 .wel_0401 .left {
    width: 40%;
  }

  .retails03 .retails03box .rightwen .wen .h1 {
    font-size: 24px;
  }

  .retails03 .title .h2 {
    font-size: 25px;
    line-height: 35px;
    height: 70px;
  }

  .wel_01 .ulo .li3 {
    top: 170px;
    left: 77%;
  }

  .wel_01 .ulo .li2 {
    left: 50%;
  }

  .wel_01 .ulo .li1 {
    left: 18%;
  }

  .wel_01 .ulo .li {
    width: 200px;
  }

  .wel_01 .ulo .li .wen {
    line-height: 45px;
    height: 45px;
    font-size: 16px;
  }

  .retails01 .bot .bot02 .li .liimg {
    width: 100%;
  }

  .about02top .ul .li01 {
    font-size: 20px;
    height: 55px;
    line-height: 55px;
  }
}
@media screen and (max-width: 1200px) {
  .exhihei .li {
    height: auto;
    padding: 15px;
  }
  .con_banner .klbox .top03.fixed {
    width:95%;
  }

  .about01 .about01top .left:after {
    height: 80px;
    width: 80px;
  }

  .header .bocweb-nav .nav-li .nac {
    padding: 0 20px;
  }

  .caidanbox .li .libot .li01 {
    line-height: 25px;
    font-size: 15px;
  }

  .caidanbox .li {
    height: 45%;
  }

  .caidanbox .w1300 {
    height: 100%;
  }
}
.m-header .sub-menu .ulbox{
  overflow-y: scroll;
  height: 100%;
  padding-bottom: 120px;
  box-sizing: border-box;
}
.m-header .sub-menu .tit1 {
  box-sizing: border-box;
}
.about02top .ul .li02 .libox01{
  display: none;
}
@media screen and (max-width: 1023px) {
  .conbanner {
    display: none;
  }
  .about01 .about01top .right .more{
    display: none;
  }
  .m-header .w-header{
    position: fixed;
  }
  .wel_03 .confff{
    width:100%;
    padding:0 2.5%;
    box-sizing:border-box;
    margin:0 auto;
  }
  .newbox .newtitle{
    font-size: 25px;
  }
  .m-header.fs{
  position:absolute;
  /*height:60px;*/
  }
  .toTop{
    display: none!important;
  }

  .knhj {
    font-size: 16px;
  }

  .moreo {
    background: #ec8516;
    width: 200px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    cursor: pointer;
    font-size: 16px;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
  }

  .cooperation06 .box .wen {
    height: 170px;
    width: 237px;
  }

  .m-header .w-header {
    height: 60px;
  }

  .info {
    padding: 50px 0;
  }

  .m-header .sub-menu {
    top: 60px;
  }

  .m-header .rty {
    height: 60px;
  }

  .m-header .welcome-a {
    height: 60px;
  }

  .about02top .ul .li02 {
    width: 100%;
  }

  .cooperation05 .abbox .li .wen {
    margin-top: 35px;
  }

  .pro_02 .left .x02 {
    font-size: 20px;
    line-height: 1.5;
  }

  .pro_02 .left .x04 .h1 {
    font-size: 55px;
  }

  .pro_02 .left .x03 {
    height: auto;
    overflow: visible;
    display: block;
    width: 99%;
    margin-top: 25px;
  }

  .cooperation04 .tit01 {
    margin-bottom: 35px;
  }

  .cooperation05 .abbox .li .img {
    height: 80px;
    width: 80px;
  }

  .cooperation01 .cooperation01bot .left {
    width: 100%;
    margin-left: 0;
    display: block;
    float: none;
  }
  .cooperation01 .cooperation01bot .left img {
    width: 100%;
  }

  .cooperation05 .abbox {
    margin-top: 65px;
  }

  .cooperation07 .right .h01 {
    font-size: 16px;
  }

  .cooperation07 .right .h02 .li {
    margin-bottom: 20px;
  }

  .cooperation07 .right .h02 .li02 {
    font-size: 14px;
  }

  .cooperation07 .right .h02 .li01 {
    font-size: 15px;
  }

  .cooperation07 .right .h02 {
    margin-top: 15px;
  }

  .cooperation07 .right .h01 span {
    font-size: 18px;
  }

  .cooperation06 .box .wen .h2 {
    font-size: 14px;
    margin-top: 10px;
  }

  .cooperation01 .cooperation01top {
    height: auto;
    padding-bottom: 20px;
  }

  .cooperation07 .con {
    width: 100%;
    display: block;
    float: none;
    padding-left: 0;
  }

  .cooperation01 .cooperation01bot .right .ulbot {
    font-size: 14px;
  }
  .cooperation01 .cooperation01bot .right .ulbot p {
    margin-bottom: 10px;
  }

  .cooperation07 .left {
    width: 100%;
  }

  .cooperation08 .box02 {
    margin-top: 30px;
  }

  .cooperation08 .box03 .h1 {
    font-size: 16px;
  }

  .cooperation06 .box .wen .h3 {
    font-size: 14px;
  }

  .cooperation03 .top02 .li .li01 {
    font-size: 25px;
  }

  .cooperation03 .top02 .li .li02 {
    margin-top: 10px;
  }

  .cooperation03 .top01 .left {
    display: block;
    float: none;
  }

  .cooperation03 .top01 .right {
    width: 295px;
    float: none;
    display: block;
    margin: 0 auto;
  }

  .cooperation03 {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .cooperation03 .top01 .left {
    width: 100%;
  }

  .cooperation02 .box .imgbox .owl-pagination {
    margin-top: 35px;
  }

  .cooperation02 .box .imgbox {
    margin-top: 35px;
  }

  .cooperation02 {
    padding: 60px 0;
  }

  .cooperation01 .cooperation01bot .right .ulbot {
    padding-top: 30px;
  }

  .cooperation01 .cooperation01bot .right .ultop {
    padding-bottom: 30px;
  }

  .cooperation01 .cooperation01bot .right {
    width: 100%;
    display: block;
    float: none;
    margin-top: 40px;
  }

  .cooperation01 {
    padding-top: 50px;
    padding-bottom: 65px;
  }

  .cooperation01 .cooperation01bot {
    padding-top: 35px;
  }

  .cooperation01 .cooperation01top .h1 {
    line-height: 25px;
  }

  .about02top .ul .li02:after {
    height: 20px;
    width: 20px;
  }

  .about02 .about02bot .li .h2 {
    font-size: 22px;
  }

  .about01 .about01top .left:after {
    height: 60px;
    width: 60px;
  }

  .applay-tb {
    width: 100%;
  }

  .about01 .about01bot {
    margin-top: 50px;
  }

  .about02 {
    height: 650px;
  }

  .about02top .ul {
    padding-top: 170px;
  }

  .about02top .ul .owl-buttons {
    top: 75px;
  }

  .about02top {
    height: 300px;
  }

  .about01 .about01bot .owl-pagination {
    margin-top: 45px;
  }

  .partnerwen .li {
    width: 32%;
    margin-left: 2%;
  }
  .partnerwen .li img {
    width: 100%;
  }
  .partnerwen .li:nth-child(5n+1) {
    margin-left: 2%;
  }
  .partnerwen .li:nth-child(3n+1) {
    margin-left: 0;
  }

  .about01 .about01top .left img {
    width: 100%;
  }

  .about01 .about01top .right .h3 {
    height: auto;
    display: block;
    overflow: visible;
  }

  .serv02 .serv02bot .wen {
    width: 100%;
    position: static;
  }

  .about01 .about01bot .tiut .li .li01 {
    font-size: 50px;
  }

  .serv03 {
    height: auto;
  }

  .servebox .serv01 .servetitle .h2 {
    margin-top: 15px;
    line-height: 20px;
  }

  .culture02 .culture02top .li {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
  }

  .applay-tb .applay-input {
    width: 67%;
  }

  .servebox .serv01 {
    padding: 30px 0;
  }

  .lippo {
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
  }
  .lippo .kjin {
    height: 20px;
    width: 20px;
  }

  .servebox .serv01 .culture02top .kjin {
    height: 20px;
    width: 20px;
  }

  .serv02 .serv02top .right .li img {
    width: 100%;
  }

  .serv02 .serv02top .right {
    width: 100%;
    margin-top: 30px;
  }

  .serv03 .serv03box {
    position: static;
  }

  .serv02 .serv02top .left {
    width: 100%;
  }

  .serv03 .serv03box .wen {
    position: static;
    width: 100%;
    margin: 30px auto;
    padding: 30px;
  }

  .applay-tb .applay-input {
    width: auto;
  }

  .applay-tb tr {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  .applay-tb td.tdbox {
    overflow: hidden;
  }

  .applay-tb td {
    width: 45%;
    float: left;
  }

  .parter {
    padding-top: 45px;
    padding-bottom: 60px;
  }

  .parter .partnertit {
    margin-bottom: 30px;
  }

  .applay-tb select.applay-input {
    width: 50%;
  }

  .applay-tb textarea.applay-input {
    width: 70%;
  }

  .c-recruit01 {
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .tit01 {
    font-size: 18px;
  }

  .c-manager03 .left .h2 {
    font-size: 14px;
    line-height: 18px;
  }
  .c-manager03 .left .h2 p {
    margin-bottom: 10px;
    padding-left: 15px;
  }

  .c-training3 .training3li .h3 {
    width: 90px;
    height: auto;
  }

  .training {
    padding-top: 20px;
    padding-bottom: 45px;
  }

  .c-training3 .training3li {
    width: 100%;
    margin-bottom: 20px;
  }

  .c-manager03 .right {
    width: 270px;
    height: 256px;
  }

  .c-manager03 .left .h1 {
    margin-bottom: 15px;
  }

  .c-manager03 .right .wen .h1 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
  }

  .c-manager01 .img {
    margin-top: 35px;
  }

  .c-manager02 {
    padding-top: 35px;
    padding-bottom: 55px;
  }

  .c-manager02 .img01 {
    margin-top: 35px;
    margin-bottom: 45px;
  }

  .c-recruit02 .recruit02 .wen {
    position: static;
  }

  .about01 .about01top .right {
    width: 100%;
  }

  .c-recruit02 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .c-recruit02 .recruit02 {
    margin-top: 25px;
  }

  .culture01 .culture01ul .li .h2 {
    margin-bottom: 15px;
  }

  .culture01 .culture01ul {
    margin-top: 25px;
  }

  .culture01 .culture01ul .li {
    padding: 10px;
    padding-bottom: 50px;
    height: auto;
  }

  .about01 .about01top .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .culture01 .culture01ul .owl-pagination {
    margin-top: 38px;
  }

  .culture01 .culture01ul .li .h3 {
    font-size: 14px;
    height: 60px;
    overflow: hidden;
  }

  .culture01 .culture01ul .li .h1 {
    font-size: 18px;
  }

  .exhibition.magazine .owl-pagination {
    margin-top: 15px;
  }

  .culture01 {
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .about01 {
    padding: 50px 0;
  }

  .exhihei01 .exhihei01box .right {
    width: 50%;
    margin: 0 auto;
    float: none;
    display: block;
  }
  .exhihei01 .exhihei01box .right img {
    width: 100%;
  }


  .exhihei01 .exhihei01box .owl-prev {
    left: 0;
  }

  .exhihei01 .exhihei01box .owl-next {
    right: 0;
  }

  .exhihei01 {
    margin: 45px auto;
  }

  .exhihei01 .exhihei01box .left {
    width: 100%;
    padding: 0 6%;
  }

  .exhihei01 .exhihei01box {
    height: auto;
  }

  .magazine .magazinetop .boxwen .h1 {
    font-size: 25px;
  }

  .magazine .magazinetop .boxwen .h2 {
    line-height: 25px;
  }

  .magazine .magazinebot .ul .li .img img {
    width: 100%;
  }

  .tit {
    font-size: 25px;
  }

  .magazine .magazinebot {
    margin-top: 25px;
  }

  .exhibitionwen {
    line-height: 25px;
  }

  .retails03 .retails03box .lefimg {
    width: 100%;
    margin: 0;
  }
  .retails03 .retails03box .lefimg img {
    width: 100%;
  }

  .magazine {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .magazine .magazinebot .ul .li {
    margin-left: 4%;
    width: 48%;
  }

  .magazine .magazinebot .ul .li:nth-child(4n+1) {
    margin-left: 4%;
  }

  .magazine .magazinebot .ul .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .retails01 .bot .bot02 .ul {
    margin-bottom: 45px;
  }

  .exhibition.magazine .magazinebot .ul .li {
    width: 48%;
    margin-left: 4%;
  }
  .exhibition.magazine .magazinebot .ul .li .img {
    height: auto;
  }

  .exhibition.magazine .magazinebot .ul .li:nth-child(4n+1) {
    margin-left: 4%;
  }

  .exhibition.magazine .magazinebot .ul .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .retails02 .retails02wen {
    width: auto;
    height: auto;
    position: static;
  }

  .retails02 {
    background: none !important;
  }

  .retails03 .retails03box {
    height: auto;
  }
  .retails03 .retails03box .w1200 {
    width: 100%;
  }

  .retails03 .retails03box .rightwen .wen .h2 {
    height: auto;
  }

  .retails03 .retails03box .rightwen .anniubox {
    display: none;
  }

  .retails03 .retails03box .rightwen {
    width: 100%;
    background: #f5f5f5;
    padding: 20px 2%;
    box-sizing: border-box;
  }

  .retails03 {
    height: auto;
    padding-top: 30px;
    padding-bottom: 45px;
  }

  .retails02 {
    height: auto;
  }

  .retails03 .retails03box {
    padding-top: 30px;
  }

  .retails03 .retails03box {
    background: none !important;
  }

  .retails01 .bot .bot02 .li .li01 {
    padding-top: 30px;
  }

  .retails .left .h2 {
    height: auto;
    overflow: visible;
    display: block;
  }

  .retails01 .bot .bot02 .li .li01 .h2 {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }

  .retails01 .bot .bot02 .li .li01 .h3 {
    font-size: 60px;
    margin-top: 10px;
  }

  .retails01 .bot .bot02 .li .li01 .h1 {
    width: 80px;
    height: 80px;
  }

  .retails .right {
    height: auto;
  }
  .retails .right img {
    width: 100%;
  }

  .retails .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .pro_02 {
    padding-top: 45px;
    padding-bottom: 55px;
  }

  .retails .left .h3 {
    margin-top: 25px;
  }

  .retails .right {
    width: 100%;
  }

  .retails .left .h3 .l1 {
    width: 100px;
  }

  .pro_02 .con.right {
    margin-top: 10px;
  }

  .pro_02 .left .x04 {
    margin-top: 35px;
  }

  .pro_04 {
    padding-top: 55px;
    padding-bottom: 75px;
  }

  .pro_04 .left .x02 {
    font-size: 20px;
    line-height: 30px;
    height: 60px;
  }

  .pro_04 .left .x04 {
    margin-top: 15px;
  }

  .pro_04 .left .x03 {
    font-size: 14px;
    line-height: 16px;
    height: auto;
    margin-top: 15px;
    overflow: visible;
    display: block;
  }

  .pro_04 {
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .pro_04 .left .x01 {
    margin-top: 20px;
    margin-bottom: 8px;
  }

  .pro_04 .left {
    text-align: left;
    padding: 0;
  }

  .pro_04 .left .x04 .li {
    width: 23%;
    margin-left: 2%;
  }
  .pro_04 .left .x04 .li:nth-child(4n+1) {
    margin-left: 0;
  }
  .pro_04 .left .x04 .li img {
    width: 100%;
  }

  .pro_04 .con.right .wen {
    width: 100%;
  }
  .pro_04 .con.right .wen .img img {
    width: 100%;
  }

  .pro_04 .con {
    width: 100%;
  }

  .pro_02 .con.right .wen .img img {
    width: 100%;
  }

  .pro_02 {
    height: auto;
  }

  .pro_02 .con {
    width: 100%;
  }

  .m01 {
    display: block;
  }

  .pro_02 .con.right {
    margin-top: 45px;
  }

  .pro_01 .xm05 .li {
    width: 48%;
    margin-left: 4%;
  }
  .pro_01 .xm05 .li:nth-child(3n+1) {
    margin-left: 4%;
  }
  .pro_01 .xm05 .li:nth-child(2n+1) {
    margin-left: 0;
  }
  .pro_01 .xm05 .li img {
    width: 100%;
  }

  .wel_04 .wel_0401 .left .img img {
    width: 100%;
  }

  .wel_04 .wel_0401 .left {
    width: 100%;
    float: auto;
    margin-bottom: 25px;
  }


  .wel_04 .wel_0401 .right {
    width: 100%;
    float: auto;
  }

  .wel_02 .wel_0201.m01 .li {
    margin-left: 0;
  }

  .pc01 {
    display: none!important;
  }

  .con_banner .klbox {
    width: 100%;
    margin: 0;
  }

  .knhj1, .knhj {
    font-size: 14px;
  }

  .con_banner .top03 .i01 {
    height: 45px;
    line-height: 45px;
    margin: 10px 0;
    font-size: 16px;
    border-top: 1px solid #dfe2dc;
    color: #888;
  }

  .con_banner .conwen {
    padding-top: 20%;
  }

  .newbox {
    padding-top: 60px;
    padding-bottom: 65px;
  }

  .con_banner .conwen .top02 {
    display: none;
  }

  .con_banner .conwen .top01 .h2 {
    font-size: 30px;
  }

  .conmbanner {
    position: relative;
    display: block;
  }

  .newbox .ul .li {
    width: 48%;
    margin-left: 4%;
  }
  .newbox .ul .li .img img {
    width: 100%;
  }
  .newbox .ul .li:nth-child(3n+1) {
    margin-left: 4%;
  }
  .newbox .ul .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .con_banner .top03 {
    position: static;
  }
}
@media screen and (max-width: 800px) {
  .wel_01 .ulo .li3 {
    top: 222px;
  }

  .w710 {
    width: 98%;
  }

  .wel_02 .wel_0201.m01 .li .weni .wenbox {
    padding: 15px 25px 10px 15px;
    height: auto;
  }

  .c-manager03 .left {
    width: 100%;
    float: none;
    display: block;
  }

  .c-manager02 .imgbox .li1 {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .c-manager02 .imgbox .li1 img {
    width: 100%;
  }

  .c-manager02 .imgbox .li2 {
    width: 100%;
    float: none;
    display: block;
  }
  .c-manager02 .imgbox .li2 img {
    width: 100%;
  }

  .c-manager03 .right {
    float: none;
    display: block;
    margin-top: 8px;
  }

  .culture02 .culture02top .li {
    width: 32%;
    margin: 0;
    margin-left: 2%;
    float: left;
    padding-left: 80px;
  }
  .culture02 .culture02top .li span {
    left: 40px;
  }
  .culture02 .culture02top .li:nth-child(1) {
    margin-left: 0;
  }

  .culture02 .culture02top#serv04top .li {
    width: 100%;
  }

  .wel_01 {
    background-size: 130% !important;
  }

  .wel_01 .ulobox .lio {
    width: 48%;
    margin-left: 4%;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }

  .wel_01 .ulobox .lio:after {
    height: 20px;
    width: 20px;
    left: 35px;
  }

  .opinionbox .opinion .wen .h4 .h401 {
    margin-bottom: 8px;
  }

  .wel_01 .ulobox .lio:nth-child(1) {
    margin-left: 0;
  }

  .wel_01 .ulo .li2 {
    left: 46%;
    top: 353px;
  }

  .wel_01 .ulo .li1 {
    left: 9%;
  }

  .wel_04 .wel_0401 .left .wen .h2 {
    margin-top: 15px;
  }

  .opinionbox .opinion .wen .h4 .h401 .img {
    width: 40%;
  }

  .opinionbox .opinion .wen .h4 .tijiao {
    font-size: 14px;
    height: 35px;
  }

  .wel_01 .ulo .li {
    width: 150px;
  }

  .wel_01 .ulo .li .wen {
    line-height: 35px;
    height: 35px;
    font-size: 14px;
  }

  .wel_01 .ulo .li .wen:after {
    height: 20px;
    width: 20px;
  }
}
@media screen and (max-width: 786px) {
  .con_banner .klbox .top03 .owl-buttons {
    position: static;
  }
  .con_banner .klbox .top03 .owl-buttons .owl-prev {
    display: block;
    background: url(../img/i12.png) no-repeat center rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-size: 100%;
  }
  .con_banner .klbox .top03 .owl-buttons .owl-next {
    display: block;
    background: url(../img/i131.png) no-repeat center rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-size: 100%;
  }
}
.ulboxli{
	display: none;
}
@media screen and (max-width: 768px) {
  .newbox .ul .li {
    width: 100%;
    margin-left: 0%;
  }
  .fileupload{
    width:100%!important;
  }

	.ulboxli{
	  height:250px;
	  overflow-y:scroll;
	  padding:0 .3rem;
	  box-sizing:border-box;
	   border: 1px solid #dddddd;
	   display: block;
	}
	.ulboxli .lio{
		display: block;
	  position: relative;
	  margin-bottom: 10px;
	  padding-bottom: 10px;
	  border-bottom: 1px solid #dddddd;
	  box-sizing:border-box;
	  color:#666;

	}
  .about02top .ul .owl-buttons .owl-next{
    display: block;
    background: url(../img/i131.png) no-repeat center rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-size: 100%;
  }
    .about02top .ul .owl-buttons .owl-next:hover{
      background: url(../img/i131.png) no-repeat center rgba(0, 0, 0, 0.5);
    }
  .about02top .ul .owl-buttons .owl-prev{
    display: block;
    background: url(../img/i12.png) no-repeat center rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-size: 100%;
  }
  .about02top .ul .owl-buttons{
    padding-right:0;
  }
  .about02top .ul .owl-buttons .owl-prev:hover{
    background: url(../img/i12.png) no-repeat center rgba(0, 0, 0, 0.5);
  }
  .culture01 .culture01ul .li {
    background: #f08519;
    transition: all .5s linear;
  }
  .culture01 .culture01ul .li .h1 {
    color: #ffffff;
    transition: all .5s linear;
  }
  .culture01 .culture01ul .li .h2 {
    color: rgba(255, 255, 255, 0.5);
    transition: all .5s linear;
  }
  .culture01 .culture01ul .li .h3 {
    color: #ffffff;
    transition: all .5s linear;
  }
  .culture01 .culture01ul .li .i1 {
    opacity: 0;
  }
  .culture01 .culture01ul .li img {
    transition: all .5s linear;
  }
  .culture01 .culture01ul .li .i2 {
    opacity: 1;
  }


.ulboxli .lio .h1{
	font-weight: bold;
}
.ulboxli .lio img{
  position: absolute;
  top:10px;
  left:20px;
}

  .mapBox{
    display: none;
  }
  .pro_04 .left .x03{
    line-height: 23px;
  }
.mjkl{
    font-size: 12px;
    line-height: 23px;
    padding: 10px 3%;
}
  .mjkl .li{
    padding-left:25px;
    margin-right:2%;
    width:48%;
  }
  .mjkl .li:nth-child(2){margin-right:0;}
  .mjkl .li1:after{
      height: 18px;
      width: 18px;
  }
  .mjkl .li2:after{
      height: 18px;
      width: 18px;
  }
  .w1300{
    width:96%;
    padding:0 3%;
    box-sizing:border-box;
  }

  .wel_04 .wel_0401 .right .li:after{
    right:10px;
    top:10px;
  }
  .w1200{
    width:100%;
    padding:0 3%;
    box-sizing:border-box;
  }
    .w1300 .w1200{
      width:100%;
        padding:0;
    }
  .serv02 .serv02top .left .h5 .li{
    padding:0;
    text-align:center;
  }

  .m-header .rty span{
    line-height: 30px;
    height:30px;
  }
  .serv02 .serv02top .left .h6 .lippo{
    margin:0 auto;
    display: block;
  }
  .retails01 .bot .bot02 .li .li01 .h3{
    font-size: 54px;
  }
  .retails01 .bot .bot02 .li .li01 .h1{
    height:60px;
    width:60px;
  }
  .serv01 .w1300,.pro_01 .w1300{
    opacity: 1!important;
    -webkit-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important;
  }
  
  .wel_01  .contit .h1,.wel_01  .contit .knhj,.wel_01  .contit .h2,.wel_01  .contit .h3,.newbox .ul{
    opacity: 1!important;
    -webkit-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important;
  }
  .newbox .ul .li:nth-child(3n+1) {
    margin-left: 0%;
  }
  .cooperation07 .boxtitle{
    margin-bottom: 25px;
  }
  .retails01 .bot .bot02{
    margin-top:30px;
  }
  .retails01 .bot .bot02 .li{
    width:93%;
  }
  .moreo{
    border-radius: 35px;
    line-height: 35px;
    height:35px;
    font-size: 14px;
  }

  .info {
    padding: 30px 0;
  }

  .con_banner .klbox .top03.fixed {
    height: 36px;
  }

  .knhj {
    font-size: 16px;
    margin-top: 8px;
    /*margin-bottom: 15px;*/
  }

  .pro_01 .x03 {
    font-size: 14px;
    line-height: 23px;
  }
  .pro_02 .left .x03{
    width:100%;
  }

  .opinionbox .opinion .wen .h1 {
    font-size: 18px;
  }

  .pro_02 .left .x02 {
    font-size: 16px;
  }

  .img.xbn {
    height: 260px;
    width: 100%;
    overflow-x: scroll;
  }
  .img.xbn img {
    height: 100%;
    width: auto;
    max-width: none;
  }

  .img.xbn.img01 {
    height: 135px;
  }

  .opinionbox .opinion .wen .h4 {
    padding-left: 0;
  }

  .opinionbox .opinion .wen .h4 .h401 input {
    font-size: 14px;
  }

  .opinionbox .opinion .wen .h4 .h401 .img {
    margin-left: 0;
  }

  .w190 {
    width: 40%;
  }

  .w385 {
    width: 60%;
  }

  .opinionbox .opinion .wen .h3 {
    font-size: 14px;
    line-height: 1;
  }

  .opinionbox .opinion .wen .h2 {
    font-size: 14px;
  }

  .opinionbox .opinion {
    height: 100%;
    width: 100%;
    padding-top: 100px;
    border-radius: 0;
  }

  .cooperation03 .top02 .owl-buttons .owl-prev {
    left: 0;
    display: none;
  }

  .cooperation03 .top02 .owl-buttons .owl-next {
    right: 0;
    display: none;
  }

  .cooperation08 .box03 {
    padding-left: 0;
  }

  .cooperation05 .abbox .li .img {
    height: 60px;
    width: 60px;
  }

  .cooperation05 .abbox .li .wen .h2 {
    font-size: 14px;
    line-height: 18px;
  }

  .cooperation06 .box .wen {
    position: static;
    height: auto;
    padding: 10px;
    width:100%;
  }

  .cooperation05 .abbox .li .wen {
    margin-top: 15px;
  }

  .cooperation03 .top01 .right {
    width: 100%;
    height: auto;
  }

  .cooperation03 {
    padding-top: 30px;
    padding-bottom: 35px;
  }

  .cooperation05 .abbox {
    margin-top: 35px;
  }

  .cooperation01 .cooperation01top .h1 {
    width: 100%;
  }

  .cooperation01 .cooperation01bot .right .ultop .li .li02 {
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .cooperation02 {
    padding: 35px 0;
  }

  .cooperation03 .h0 {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .cooperation02 .box .imgbox .owl-pagination {
    margin-top: 20px;
  }

  .cooperation01 .cooperation01bot .right .ultop .li .li03 {
    line-height: 20px;
    font-size: 14px;
  }

  .cooperation04 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .cooperation04 .tit01 {
    margin-bottom: 20px;
  }

  .cooperation01 .cooperation01bot .right .ultop .li .li01 {
    font-size: 35px;
  }

  .cooperation01 {
    padding-top: 25px;
    padding-bottom: 35px;
  }

  .cooperation08 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .parter {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .pagectrl p {
    font-size: 12px;
  }

  .partnerwen .li {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 8px;
  }
  .partnerwen .li img {
    width: 100%;
  }
  .partnerwen .li:nth-child(5n+1) {
    margin-left: 0%;
  }
  .partnerwen .li:nth-child(3n+1) {
    margin-left: 0;
  }

  .pagectrl {
    width: 70%;
  }

  .pageback {
    margin-top: 15px;
  }

  .about02top .ul .li01 {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
  }

  .about02top .ul .owl-buttons {
    top: 30px;
  }

  .about02top .ul .li02 {
    font-size: 14px;
  }

  .about02 {
    height: 400px;
  }

  .about02top .ul {
    padding-top: 100px;
  }

  .pro_01 .x05 {
    padding-bottom: 20px;
  }

  .pageback a {
    font-size: 14px;
  }

  .about01 .about01bot .tiut .li .li01 {
    font-size: 28px;
  }

  .videobox .playbox {
    height: 100%;
    width: 100%;
     padding: 0!important;
  }

  .about01 .about01bot .tiut .li .li02 {
    margin-top: 10px;
  }

  .aboutwenbox .aboutwen {
    height: 100%;
    width: 100%;
    padding: 50px 10px;
  }

  .about01 .about01top .left:after {
    height: 30px;
    width: 30px;
  }

  .about02top {
    padding: 0 1%;
  }

  .about03 {
    height: auto;
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .about01 .about01top .right .more {
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
  }

  .about01 .about01bot .tiut .li {
    height: auto;
    border-right: none;
  }

  .about02 .about02bot .li .h2 {
    font-size: 14px;
  }

  .about02 .about02bot .li {
    padding-top: 15px;
  }

  .about02 .about02bot .li:after {
    height: 3px;
  }

  .about01 .about01bot .owl-pagination {
    margin-top: 25px;
  }

  .about02 .about02bot .li .h1 {
    font-size: 14px;
  }

  .serv03 .serv03box .wen {
    padding: 10px;
  }

  .team .teamwen .con {
    width: 100%;
    margin-bottom: 15px;
  }
  .team .teamwen .con img {
    width: 100%;
  }

  .team .teamwen .con .wen .h2 {
    display: block;
    overflow: visible;
    height: auto;
  }

  .team .teamimg .owl-pagination {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .team .teamimg .li .wen {
    font-size: 14px;
  }

  .team .teamwen .con .wen {
    padding: 25px;
  }

  .team .teamwen .con .wen .h1 {
    font-size: 16px;
  }

  .school .li .wen {
    font-size: 14px;
  }

  .school .li {
    width: 100%;
    margin-left: 0;
  }

  .team .titwen {
    font-size: 14px;
    line-height: 23px;
  }

  .serv02 {
    padding-top: 40px;
  }

  .applay-tb .applay-input {
    width: 67%;
  }

  .serv03 .serv03box .wen .h2 {
    font-size: 15px;
    line-height: 25px;
    height: auto;
    display: block;
    overflow: visible;
  }

  .servebox .serv01 {
    padding-bottom: 15px;
  }

  .serv03 .serv03box .wen .h3 {
    margin: 15px 0;
  }

  .serv02 .serv02top {
    padding-bottom: 35px;
  }

  .serv03 .serv03box .wen .h5 {
    margin-top: 40px;
  }

  .serv04 .serv03bot .owl-pagination {
    margin-top: 20px;
  }

  .serv02 .serv02bot {
    padding-top: 30px;
    padding-bottom: 45px;
  }

  .serv02 .serv02top .left .h4 {
    font-size: 14px;
    height: auto;
    display: block;
    line-height: 23px;
    overflow: visible;
  }
  .serv03 .serv03box .wen .h4{
    line-height: 23px;
  }

  .serv02 .serv02top .left .h6 {
    margin-top: 25px;
  }

  .serv02 .serv02top .left .h3 {
    font-size: 15px;
    line-height: 25px;
    height: auto;
    display: block;
    overflow: visible;
  }

  .servebox .serv01 .culture02top {
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .applay-tb td:nth-child(2n+1) {
    text-align: left;
  }

  .applay-tb td {
    width: 50%;
    float: left;
  }

  .applay-tb td {
    width: 50%;
    float: left;
  }

  .applay-tb td:nth-child(2n+1) {
    width: 24%;
    margin: 0;
    box-sizing: border-box;
  }

  .form-horizontal .controls {
    margin-left: 0 !important;
  }

  .form-horizontal .controls {
    margin-left: 0 !important;
  }

  .applay-tb .applay-input.code {
    width: 27%;
  }

  .applay-tb .submit {
    width: 100%;
    margin: 0;
    left: 0;
    margin-top: 10px;
  }

  .c-manager03 {
    padding: 25px 0 30px 0;
  }

  .training {
    padding-top: 10px;
    padding-bottom: 25px;
  }

  .training .c-training {
    padding-top: 15px;
    padding-bottom: 25px;
  }

  .c-recruit01 .h2 {
    font-size: 14px;
  }

  .c-recruit02 .recruit02 .wen .h2 .h2img .l2 {
    font-size: 14px;
  }

  .c-recruit02 .recruit02 .wen .h1 {
    font-size: 14px;
  }

  .c-recruit01 {
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .tit {
    font-size: 18px;
  }

  .culture02 {
    padding-top: 25px;
    padding-bottom: 35px;
  }

  .exhibitionm .more {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
  }

  .about01 .about01top .right .h2 {
    font-size: 16px;
    height: auto;
    line-height: 25px;
    margin-top: 10px;
  }

  .culture02 .culture02bot .ul {
    margin-top: 30px;
  }

  .culture01 .culture01ul .owl-pagination {
    margin-top: 20px;
  }

  .speech .about01top .right .h3 {
    margin-top: 15px;
  }

  .about01 {
    padding: 25px 0;
  }

  .magazine .magazinetop .boxwen .h2 {
    font-size: 14px;
  }

  .magazine .magazinetop .boxwen .h1 {
    font-size: 18px;
  }

  .exhibitionwen {
    font-size: 14px;
  }

  .magazine {
    padding-top: 30px;
    padding-bottom: 35px;
  }

  .exhihei .li .top .li01 {
    font-size: 18px;
  }

  .exhihei01 .exhihei01box .left .center {
    margin: 0 0 5px 0;
  }

  .exhihei .li .bot {
    margin-top: 25px;
  }

  .exhihei01 .exhihei01box .left .h1 {
    font-size: 16px;
  }

  .exhihei01 .exhihei01box .left .h4 {
    margin-top: 10px;
  }

  .exhihei02 .li {
    width: 48%;
    margin-left: 4%;
  }
  .exhihei02 .li:nth-child(3n+1) {
    margin-left: 4%;
  }
  .exhihei02 .li:nth-child(2n+1) {
    margin-left: 0;
  }

  .exhihei01 .exhihei01box .left .h3 {
    font-size: 15px;
    line-height: 20px;
    padding-left: 23px;
  }

  .exhihei01 .exhihei01box .left .h3:after {
    height: 15px;
    width: 15px;
  }

  .exhihei01 .exhihei01box .left .bot .h5 {
    font-size: 16px;
    line-height: 1;
  }

  .exhihei01 .exhihei01box .left .h2, .exhihei01 .exhihei01box .left .bot .h6 {
    font-size: 14px;
    line-height: 20px;
    height: 80px;
  }

  .exhihei01 .exhihei01box .left .bot .h6 {
    height: auto;
  }

  .exhihei .li .top .li02 {
    font-size: 16px;
  }

  .magazinetop {
    /*height:50px;*/
    height: auto;
    line-height: 50px;
  }

  .magazine .magazinetop .right {
    width: 45%;
    padding: 0;
  }

  .magazine .magazinetop .left {
    width: 55%;
    font-size: 16px;
    line-height: 50px;
  }

  .magazine .magazinetop .right .lo02 .li {
    width: 100%;
  }

  .magazine .magazinetop .right .lo02 {
    width: 100%;
  }

  .magazine .magazinetop .right .loi1 {
    width: 100%;
  }

  .retails01 .bot .bot01 {
    width: 80%;
    margin: 0 auto;
  }
  .retails01 .bot .bot01 .li {
    width: 45%;
    margin: 0 1%;
  }

  .retails01 .bot .bot02 .ul {
    margin-bottom: 25px;
  }

  .retails02 .retails02wen .wen .h1 {
    font-size: 16px;
    line-height: 25px;
    height: auto;
    width:100%;
  }

  .retails03 .title .h2 {
    font-size: 16px;
    line-height: 25px;
    height: auto;
  }

  .retails03 .retails03box .rightwen .wen .h2 {
    font-size: 14px;
    line-height: 23px;
    margin-top: 10px;
  }

  .retails03 .retails03box .rightwen .wen .h1 {
    font-size: 16px;
    height: auto;
    line-height: 25px;
  }

  .retails03 .retails03box {
    padding-top: 15px;
  }

  .retails02 .retails02wen .wen .h2 {
    font-size: 14px;
    line-height: 20px;
    height: auto;
    display: block;
    overflow: visible;
  }

  .retails01 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .retails01 .top .h1 {
    font-size: 16px;
  }

  .retails01 .bot .bot01 .li span {
    height: 20px;
    width: 20px;
    left: 10px;
  }

  .retails01 .bot .bot01 .li {
    font-size: 14px;
    padding-left: 35px;
  }

  .retails01 .top {
    margin-bottom: 30px;
  }

  .retails01 .top .h2 {
    font-size: 14px;
    margin-top: 20px;
    line-height: 23px;
  }

  .exhihei02 .li .wen {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }

  .retails {
    padding: 30px 0 35px 0;
  }

  .retails .left .h3 .l1 .wen {
    margin-top: 15px;
    font-size: 14px;
  }

  .retails .left .h3 .l1 {
    width: 80px;
  }

  .retails .left .h2 {
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
  }

  .retails .left .h1 {
    font-size: 16px;
  }

  .con_banner .top03 .i01 {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    margin: 0;
  }

  .pro_01 .x01 {
    font-size: 20px;
  }

  .pro_01 .x02 {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 15px;
  }

  .pro_01 {
    padding-top: 35px;
  }

  .pro_02 .left .x04 .h3 {
    font-size: 14px;
  }

  .pro_02 .left .x04 .h2 {
    margin: 10px auto;
    margin-bottom: 13px;
  }

  .pro_02 .left .x03 {
    line-height: 23px;
    margin-top: 20px;
  }

  .pro_02 .left .x04 .h1 {
    font-size: 45px;
  }

  .pro_02 .left .x04 {
    margin-top: 20px;
  }

  .pro_02 .left .x02 {
    line-height: 25px;
    width: auto;
  }

  .pro_02 .left .x04 .li {
    padding: 0 10px;
  }
  .pro_03 .pro_box{
    padding:0;
  }

  .pro_03 .pro_box .wen {
    height: 290px;
    width: 100%;
    padding: 20px 25px;
  }

  .pro_03 .pro_box .wen .h3 {
    font-size: 14px;
    line-height: 20px;
    height: auto;
    display: block;
    overflow: visible;
  }

  .pro_03 {
    height: 500px;
  }

  .pro_04 .left .x02 {
    font-size: 15px;
    line-height: 25px;
    font-size: 16px;
  }

  .pro_02 .con.right {
    margin-top: 0;
    padding-top: 25px;
  }

  .pro_02 {
    padding-top: 25px;
    padding-bottom: 45px;
  }

  .pro_01 .x05 {
    padding-bottom: 35px;
  }

  .pro_01 .x05 .wen {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

  .pro_03 .pro_box .wen .h3 {
    margin-top: 18px;
  }

  .pro_03 .pro_box .wen .h2 {
    font-size: 20px;
    line-height: 25px;
    height: 50px;
    margin-top: 15px;
  }

  .pro_02 .left .x01 {
    font-size: 14px;
    margin-top: 13px;
    margin-bottom: 6px;
  }

  .pro_01 .x04 {
    margin-top: 30px;
    padding-bottom: 25px;
  }

  .wel_04 {
    padding-top: 45px;
    padding-bottom: 55px;
  }

  .wel_03 {
    height: 730px;
    padding-top: 0;
  }
  .knhj1{
    margin-top:5px;
  }

  .knhj1.b {
    color: rgba(51, 51, 51, 0.2);
    font-size: 16px;
  }

  .wel_04 .wel_0401 {
    margin-top: 35px;
  }

  .wel_04 .wel_0401 .right .li .li01 {
    padding: 0 2%;
  }

  .wel_04 .wel_0401 .right .li .li02 .h1 {
    font-size: 15px;
  }

  .wel_03 .wel_0301 .wel_0301top {
    margin-top: 70px;
  }

  .wel_04 .wel_0401 .left .wen .h1 {
    font-size: 15px;
    line-height: 20px;
  }

  .wel_03 .confff {
    background: #ffffff;
    padding:30px 4%;
    box-sizing: border-box;
  }
  .wel_03 .confff .h1 {
    color: #333333;
  }
  .wel_03 .confff .h3 {
    color: #666;
  }
  .wel_03 .confff .h2 {
    background: #666;
    margin: 8px auto;
  }

  .mfooter .mbox {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }

  .newbox .ul .li .wen {
    font-size: 14px;
    padding: 15px 15px 20px 20px;
  }

  .wel_03 .wel_0301 .wel_0301top .li .h1 {
    font-size: 20px;
  }

  .newbox .ul .li .wen .h4 {
    line-height: 20px;
    height: 60px;
  }

  .newbox .ul .li .wen .h2 {
    font-size: 16px;
    height: 16px;
    overflow: hidden;
  }

  .newbox .ul .li .wen .h3 {
    margin: 10px 0;
  }

  .newbox .ul .li .wen .h5 {
    height: 35px;
    width: 35px;
    margin-top: 25px;
  }

  .wel_03 .wel_0301 .wel_0301top .ul {
    width: 60%;
    height: 140px;
  }

  .wel_03 .wel_0301 .wel_0301bot .ul .li .h2 {
    font-size: 14px;
  }

  .wel_03 .wel_0301 .wel_0301top .li .h3 {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }

  .wel_03 .wel_0301 .wel_0301bot .ul .li .h3 {
    font-size: 14px;
  }

  .wel_03 .wel_0301 .wel_0301top .li {
    width: auto;
    height: auto;
    padding: 15px 20px;
  }

  .wel_01 .ulobox .lio:after {
    left: 5px;
  }

  .wel_01 .ulobox .lio {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    border-radius: 35px;
  }

  .m-header .rty {
    height: 60px;
    right: 4%;
  }

  .wel_02 {
    padding-top: 30px;
    padding-bottom: 45px;
  }

  .wel_02 .wel_0201.m01 .li .wen {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
  }

  .magazine .magazinebot {
    margin-top: 25px;
  }

  .magazine .magazinetop .right .loi1 {
    height: 35px;
    line-height: 35px;
  }

  .wel_02 .wel_0201.m01 .li .wen span {
    left: 10px;
  }

  .magazine .magazinetop .left {
    line-height: 35px;
  }

  .magazinetop {
    line-height: 35px;
    height: auto;
  }

  .magazine .magazinebot .ul .li {
    margin-bottom: 20px;
  }

  .wel_02 .wel_0201.m01 .li .weni .h1 {
    font-size: 16px;
  }

  .wel_02 .wel_0201.m01 .li .weni .h3 {
    font-size: 14px;
    line-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 30px;
  }

  .wel_02 .wel_0201.m01 .li .weni .h2 {
    margin: 5px 0;
  }

  .wel_02 .wel_0201.m01 .li .weni .h4 {
    height: 15px;
    width: 15px;
    margin-top: 4px;
  }

  .m-header .w-header {
    height: 60px;
  }

  .m-header .welcome-a {
    height: 60px;
  }

  .m-header .sub-menu {
    top: 60px;
  }

  .pro_01 .xm05 .li {
    width: 100%;
    margin-left: 0;
  }
  .pro_01 .xm05 .li:nth-child(3n+1) {
    margin-left: 0;
  }
  .pro_01 .xm05 .li:nth-child(2n+1) {
    margin-left: 0;
  }
  .pro_01 .xm05 .li img {
    width: 100%;
  }

  .wel_02 .wel_0201.m01 {
    margin-top: 35px;
  }

  .retails03 .title {
    font-size: 14px;
  }
}
.retails03 .retails03box .rightwen .anniu.anniu1 {
  margin-right: 10px;
}

.magazine .magazinebot .ul .li .wen {
  overflow: hidden;
}

@media screen and (max-width: 560px) {
  .wel_01 .ulo .li {
    width: 90px;
  }
  .mfooter .mbox{
    font-size: 12px;
  }
  .mjkl .li2:after{
    top:-3px;
  }
  .mjkl .li1:after{
    top:-3px;
  }

    .mjkl .li{line-height:1;}
  .magazine .magazinebot .ul .li{
    margin-bottom: 10px;
  }
  .serv03 .serv03box .wen .h5 {
    overflow: hidden;
  }
  .retails01 .bot .bot02 .li .li01 .h2{
    height: auto;
    display: block;
    overflow: visible;
  }

  .serv03 .serv03box .wen .h5 .lippo {
    width: 48%;
    float: left;
    margin: 0;
    display: block;
    margin-left: 4%;
  }
  .serv03 .serv03box .wen .h5 .lippo:nth-child(1) {
    margin-left: 0;
  }

  .lippo {
    padding: 0;
    text-align: center;
  }

  .lippo .kjin {
    display: none;
  }

  .serv02 .serv02top .left .h5 .li .img {
    margin-bottom: 15px;
  }

  .servebox .serv01 .culture02top .li {
    padding: 0;
    text-align: center;
  }
  .servebox .serv01 .culture02top .li .kjin {
    display: none;
  }

  .serv02 .serv02top .right .wen .x02, .serv02 .serv02top .right .wen .x01 {
    float: none;
    display: block;
  }

  .culture02 .culture02top .li span.kjin {
    left: 15px;
  }

  .owl-pagination .owl-page {
    margin: 0 2px !important;
    height: 5px !important;
    width: 5px !important;
  }

  .culture02 .culture02top .li {
    padding: 0;
    text-align: center;
  }

  .culture02 .culture02top .li span.kjin {
    display: none;
  }

  .wel_02 .wel_0201.m01 .li .weni .wenbox {
    padding: 10px 4px;
  }

  .magazine .magazinetop .boxwen .h2 {
    line-height: 20px;
  }

  .magazine {
    padding-top: 15px;
  }

  .magazine .magazinetop .right .loi1 {
    font-size: 14px;
  }

  .magazine .magazinetop .left {
    font-size: 14px;
  }

  .magazine .magazinebot .ul .li .wen {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    text-align: center;
  }

  .culture02 .culture02top .li {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 35px;
    padding-left: 0;
  }
  .culture02 .culture02top .li .kjin {
    height: 20px;
    width: 20px;
    left: 30px;
  }

  .culture01 .culture01ul .li .h1 {
    font-size: 15px;
  }

  .exhihei {
    margin-top: 25px;
  }

  .exhihei01 {
    margin: 25px auto;
  }

  .wel_04 .wel_0401 .right .li {
    height: 60px;
    padding: 10px 0;
  }

  .wel_04 .wel_0401 .right .li .li01 .h1 {
    font-size: 20px;
  }

  .contit .h3 {
    width: 99%;
  }

  .wel_03 .wel_0301 .wel_0301top .ul {
    width: 80%;
  }

  .wel_04 .wel_0401 .right .li .li01 .h2 {
    font-size: 14px;
  }

  .wel_04 .wel_0401 .right .li .li02 .h1 {
    font-size: 14px;
  }

  .wel_04 {
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .contit .h1 {
    font-size: 24px;
  }

  .contit .h2 {
    margin: 10px auto;
  }

  .exhihei01 .exhihei01box .owl-next {
    width: 15px;
    height: 30px;
    right: -15px;
  }

  .exhihei01 .exhihei01box .owl-prev {
    width: 15px;
    height: 30px;
    left: -15px;
  }

  .exhihei02 .li {
    width: 100%;
    margin-left: 0;
  }
  .exhihei02 .li:nth-child(3n+1) {
    margin-left: 0;
  }
  .exhihei02 .li img {
    width: 100%;
  }

  .contit .h3 {
    font-size: 14px;
  }

  .wel_01 {
    height: 580px;
    padding-top: 40px;
    background-size: 160% !important;
  }

  .wel_01 .ulo .li1 {
    top: 230px;
    left: 5%;
  }

  .con_banner .conwen .top01 .h2 {
    font-size: 20px;
    margin-top: 5px;
  }

  .newbox .newtitle {
    font-size: 16px;
  }

  .newbox .ul {
    margin-top: 28px;
  }

  .wel_01 .ulo .li2 {
    top: 276px;
    left: 41%;
  }

  .wel_01 .ulobox {
    bottom: 60px;
  }

  .newbox {
    padding-top: 30px;
    padding-bottom: 35px;
  }

  .wel_01 .ulo .li .wen {
    padding-left: 5px;
  }

  .wel_01 .ulo .li .wen:after {
    right: 0;
  }

  .contit .h3 {
    line-height: 23px;
  }

  .retails01 .bot .bot02 .li .li01 .h2 {
    margin-top: 20px;
  }

  .retails02 .retails02wen .wen {
    padding: 20px;
  }
}
@media screen and (max-width: 400px) {
  .wel_01 {
    height: 575px;
  }
  .m02{
    height:45px;
  }
  .m-header.fixed{
    /*height:45px;*/
  }
  .mfooter .mbox{
    height:auto;
    line-height: 1.5;
    padding:10px;
    box-sizing:border-box;
  }

  .pro_02 .left .x04 .h1 {
    font-size: 30px;
  }

  .m-header .w-header {
    height: 45px;
  }

  .m-header .welcome-a {
    height: 45px;
  }

  .pro_02 .left .x04 .h2 {
    margin: 6px auto;
    margin-bottom: 8px;
  }

  .m-header .sub-menu {
    top: 45px;
  }

  .m-header .rty {
    height: 45px;
  }

  .c-training3 .training3li .h2 {
    height: auto;
    display: block;
    overflow: visible;
    width: 85%;
  }

  .wel_01 .ulobox .lio {
    width: 50%;
    margin-left: 0;
    padding-left: 10px;
    box-sizing: border-box;
  }

  .wel_01 .ulo .li2 {
    top: 250px;
  }

  .wel_01 .ulo .li1 {
    left: 2%;
    top: 230px;
  }

  .contit .h1 {
    font-size: 16px;
  }

  .wel_01 .ulobox {
    bottom: 65px;
  }

  .retails01 .bot .bot01 .li {
    height: 36px;
    line-height: 36px;
  }
}
@media screen and (max-width: 321px) {
  .wel_01 .ulobox .lio:after {
    display: none;
  }

  .wel_01 {
    height: 520px;
  }

  .wel_01 .ulo .li1 {
    top: 220px;
  }

  .wel_01 .ulo .li2 {
    top: 230px;
  }

  .retails02 .retails02wen .wen .h3 .li {
    font-size: 14px;
    width: 50%;
    margin: 0;
  }
}
.wel_01 {
  /*@include ip;*/
}

.contit .h1, .contit .knhj, .contit .h2, .contit .h3 {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.wel_01 .ulobox .lio {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.wel_02 .wel_0201.pc01 .li, .wel_0301, .wel_04 .wel_0401 {
  opacity: 0;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro_01 .w1300 {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro_02 {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro_03 {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.pro_04 {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.serv01 .w1300, .serv02 .serv02top, .serv02 .serv02bot, .serv03, .serv04 .w1300 {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.i-banner li .bannerwen .h2 {
  text-transform: capitalize;
}

/*.magazine .magazinetop{ @include pi; }*/
/*.magazine .magazinebot{ @include pi; }*/
/*.exhihei,.exhihei01,.exhihei02{
     @include pi; 
}*/
.newbox .ul {
  opacity: 0;
  -webkit-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/*# sourceMappingURL=style.css.map */
#jquery-lightbox{

}
.mendianbox{
  padding-bottom: 50px;
  box-sizing:border-box;
}
.mendianbox .netmap{
  position: relative;

}
.mendianbox  .select{
  margin-bottom: 35px;
}
.mendianbox  .select select,.mendianbox  .select input{
  border:none;
  background:none;
  outline: none;
  height:45px;
  border:1px solid #dddddd;
  width:100%;
  box-sizing:border-box;
}
.select01{
  width:335px;
  margin-right: 12px;
}
.select3{
  width:605px;
  position: relative;
}
.select3 input[type="submit"]{
  border:none;
  position: absolute;
  height:20px;
  width:20px;
  background:url(../img/bocweb-search.png) no-repeat center;
  background-size: 100%;
  right:15px;
  padding:0;
  top:0;
  bottom:0;
  margin: auto;
  text-indent: -999px;
}
.exhihei{
  width:960px;
}
@media screen and (max-width: 1350px) {
  .select01{
    width:25%;
    margin-right: 2%;
  }
  .select3{
    width:46%;
    position: relative;
  }
  .exhihei{
    width:71%;
  }
}
@media screen and (max-width: 1023px){
  .exhihei{
    width:90%;
  }
    .serv03.conbox .serv03box .wen3 .h1 .b{
    color:#333;
  }
}
@media screen and (max-width: 768px){
  .netmap .addrBox{
    position: static;
    width:100%;
    margin-top:10px;
  }
  .netmap{
    display: none;
  }
  .netmap .addrBox .mapTopBtn,.netmap .addrBox .mapBottBtn{
    width:100%;
  }
  .cooperation03 .top01 .left{
    display: none;
  }
  .netmap .mapMsgBox ul,.netmap .mapMsgBox{
      width:100%;
      padding:0 4%;
      box-sizing:border-box;
  }
  .retails01 .bot .bot02 .ul .owl-pagination{
    margin-top:20px;
  }
  .about01 .about01top .left{
    margin-bottom: 10px;
  }
  .about01 .about01top .right .h3{
    margin-top:25px;
  }
  .mapBox{
    height: 350px!important;
  }
  .infotit{
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
/*  .netmap .addrBox{
    height:auto;
  }
  .netmap .mapMsgBox{
    height:auto;
  }
  .addrBox .mapTopBtn, .addrBox .mapBottBtn{
    display: none!important;
  }*/
}
#mbanner .li{
  display: block;
  position: relative;
}
#mbanner .li .wen{
  position: absolute;
  height:100%;
  height: 76px;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
  width:100%;
}
#mbanner .li .wen .h1{
  height:20px;
  width:20px;
  margin:0 auto;
}
#mbanner .li .wen .h2{
  font-size: 16px;
  color:#ffffff;
  text-align: center;
  line-height: 1;
  text-transform: capitalize;
  margin-top: 13px;
}

#mbanner .li .wen .h3{
  text-align: center;
  color:#ffffff;
  font-size: 18px;
  line-height: 1;
  margin-top:5px;
}
.mapMsgBox li .contF{
	margin-left:0!important;
}