body{font-family: 'Microsoft YaHei,Arial';font-size: 14px;background: #fff;}
p{font-family: 'Arial,Microsoft YaHei';font-size: 14px;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h5,h6{margin: 0;padding:0;font-weight: bold;}
li{list-style: none;margin: 0;padding: 0;}
ul{margin: 0;padding: 0;}
img{vertical-align: middle;}
.left{float:left;}
.off{display:none;} /*隐藏*/
.right{float:right;}
.slh{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/
.wrap{margin:0 auto;}
a:hover{text-decoration: none;}
.clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
a, a:hover, a:active,a:focus {
text-decoration:none;
}
/* 字体font icon */
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*loading*/
#loading{height:100%;background:#131313;display:;z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;transition:all ease 0.5s;-webkit-transition:all ease 0.5s}
#latido{animation:5s latido infinite;-webkit-animation:5s latido infinite;height:500px;width:500px;position:absolute;left:50%;top:50%;margin-top:-250px;margin-left:-250px;}
#load{animation:0.4s load infinite;-webkit-animation:0.4s load infinite;position:absolute;position:absolute;left:50%;top:50%;margin-top:-81px;margin-left:-81px;z-index:1}
#circle{width:140px;height:140px;margin:-70px 0 0 -70px;top:50%;left:50%;position:absolute;background:url(../images/logo-load.png) no-repeat center #fff;border-radius:140px;z-index:2}
.loadingGlow{background: rgb(193,0,0); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(193,0,0,1) 0%, rgba(19,19,19,1) 50%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%,rgba(193,0,0,1)), color-stop(50%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(193,0,0,1) 0%,rgba(19,19,19,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(193,0,0,1) 0%,rgba(19,19,19,1) 50%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(193,0,0,1) 0%,rgba(19,19,19,1) 50%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(193,0,0,1) 0%,rgba(19,19,19,1) 50%); /* W3C */}
@keyframes latido{
   0%{transform:scale(1);-webkit-transform:scale(1)}
   25%{transform:scale(1.2);-webkit-transform:scale(1.2)}
   50%{transform:scale(.9);-webkit-transform:scale(.9)}
   75%{transform:scale(1.2);-webkit-transform:scale(1.2)}
   100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes load{
   0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}   
   25%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
   50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
   75%{transform:rotate(270deg);-webkit-transform:rotate(270deg)}
   100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes latido{
   0%{transform:scale(1);-webkit-transform:scale(1)}
   25%{transform:scale(1.2);-webkit-transform:scale(1.2)}
   50%{transform:scale(.9);-webkit-transform:scale(.9)}
   75%{transform:scale(1.2);-webkit-transform:scale(1.2)}
   100%{transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes load{
   0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}   
   25%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
   50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
   75%{transform:rotate(270deg);-webkit-transform:rotate(270deg)}
   100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
/*====================导航*********/
/* 底部 */
.header{
  width:100%;
  padding:20px 15px;
  position: relative;
  background: #fff;
}
/*左侧logo*/
.header .logo{
  width: 150px;
  float: left;
}
.header .logo a.logo_img{
  /* right: 0;
  margin: 0 auto;  */
  text-align: center;
}
.header .logo a img{
  max-width: 100%;
}
/*右侧*/
.header .nav{
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 100%;
  display: block;
  float: right;
}
.header .nav ul{float: left;margin-right: 20px;}
.header .navbar_nav li{
  float:left;
  position: relative;
  display: block;
  background: url(../images/nav_lan.png) no-repeat right center;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: #e52a27;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
  text-decoration: none;
  height: 100%;
  width: 136px;
  padding: 0px 0px;
  text-align: center;
  line-height: 45px;
  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #2d2d2d;
  font-size: 18px;
}
.header .navbar_nav li a span{display: block;font-size: 14px;color: #2f2f2f;font-family: Arial;}
.header .navbar_nav li:hover a{
  color:#e52a27;
}
.header .navbar_nav li.dropdown{
  display: inherit;
  position: relative;
}

.header .navbar_nav li .dropdown-menu {
    border: 0;
    border-radius: 2px;
    margin-top: 0;
}
.header .navbar_nav li .dropdown-menu a{
  font-size: 14px;
  color: #3d3d3d;
  padding: 0 10px;
  display: block;
  line-height: 40px;
  text-align: center;
  background: #fff;
}
.header .navbar_nav li .dropdown-menu a:hover{background: #3d3d3d;color: #fff;}
.header .navbar_nav li.lon:after {width: 100%;}
.header .navbar_nav li.lon a{color: #e52a27;}
/* .header .navbar_nav li.dropdown:hover .dropdown-menu{
  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
} */

/* #Custom160{margin-left: 99px;}  */
#Contact{background:none;}

.right_menu{/* position: absolute;right: 10px;top: 40px; */float: right;}
.right_menu a.top_tel{font-size: 24px;color: #595754;font-weight: bold;line-height: 45px;}
.nav_contact{display: inline-block;}
.nav_contact a {
    display: block;
    margin-right: 25px;
    margin-left: 25px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding: 13px 40px;
    background: #4581fb;
    position: relative;
    vertical-align: top;
    z-index: 1;
}
body.pds{padding-top: 85px;}
.ny_header .header.pd {
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);background: #fff;
  position: fixed;top: 0;z-index: 99;left: 0;right: 0;width: 100%;
  padding: 15px 15px;
}
.ny_header .header.pd .logo a img{max-width:96%;margin-top: 0;}
.ny_header .header.pd .nav{margin-top: 0px;}
.ny_header .header.pd .right_menu{top: 20px;}

@media (max-width: 1680px) and (min-width: 1600px){
    .header .container {margin-left: 2%;}
}
@media (max-width: 1620px) and (min-width: 1480px){
    .header .container {margin-left: 0%;width: 1200px;}
    .header .navbar_nav li a{width: 115px;}
}
@media screen and (max-width: 1480px){
  .header .navbar_nav li a{width: 110px;font-size: 16px;}
}
@media screen and (max-width: 1440px){
  .nav_contact{display: none;}
}
@media screen and (max-width: 1330px){
  #Custom160{margin-left: 0;}
  #Product33{background: url(../images/nav_lan.png) no-repeat right center;}
  .header .logo a.logo_img{
      float: left;
      position: inherit;
      margin: 0 auto;
      width: auto;
      text-align: center;
  }
  .header .logo{width: 125px;}
  .header .nav{float: right;}
  .header .navbar_nav li a{padding: 0px 15px;width: auto;}
  .right_menu a.top_tel{font-size: 20px;}
}
@media (max-width: 1200px) and (min-width: 992px){
  .header .navbar_nav li a{padding: 0px 8px;}
  .right_menu a.top_tel{font-size: 18px;}
  .header .logo{width: 90px;}
}
@media screen and (max-width: 992px){
  .header_top_r{display: none;}
  .header{padding:15px 12px;}
  .header .nav ul{display: none;}
  .nav_contact{display: inline-block;}
  .right_menu{top: 19px;}
  body.pds{padding-top: 63px;}
  .header .logo{width: 110px;}
  .ny_header .header.pd{padding: 10px 12px;}
  .ny_header .header.pd .right_menu{top: 5px;}
}
@media screen and (max-width: 768px){
  .header {padding:10px 10px;}
  .nav_contact a{padding: 10px 18px;margin-right: 5px;color: #fff;}
}

/*白色背景的头部*/
#navToggle{
  display: none;
}
.m_nav{
  position: fixed;
  top: 0px;
  box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
  width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
  z-index: 100000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
  padding:10px 20px;
  box-sizing: border-box;
}
.m_nav .top .closed{
  width: 30px;
  height: 30px;
  vertical-align: middle;
  float:right;
  cursor: pointer;
}
.m_nav .logo{
  float: left;
}
.m_nav .logo img{
  max-height: 75px;
  display: block;
  margin:0px auto;
}
@media screen and (max-width: 768px){
  .m_nav .logo img{max-height: 48px;}
}
.m_nav .ul{
  margin-top: 10px;
}
.m_nav .ul li{
  padding: 0 20px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  transform: translateY(0);
  -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
  opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li a{
  /* display: block; */
  text-decoration: none;
  color: #333;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
.m_nav .ul li .dropdown_menu{
  display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
  display: block;
}
.m_nav .ul li .dropdown_menu a{
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
  border: none;
}









@media (max-width: 1202px) and (min-width: 992px){
    .header .navbar_nav li a{padding:0 12px;font-size: 16px;}
}

.header #navToggle {height: 100%;padding: 9px 15px;display: inline-block;float: right;}
.header #navToggle span {position: relative;width: 25px;height: 1px;margin-top: 13px;}
.header #navToggle span:before,
.header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
.header #navToggle span,
.header #navToggle span:before,
.header #navToggle span:after {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  background: #4f4f4f;
}
.header #navToggle span:before {top: 8px;}
.header #navToggle span:after {bottom: 10px;}
.header #navToggle.open span:before {
  top: 10px;
  -webkit-transform: translateY(-11px) rotate(-45deg);
  -moz-transform: translateY(-11px) rotate(-45deg);
  -ms-transform: translateY(-11px) rotate(-45deg);
  -o-transform: translateY(-11px) rotate(-45deg);
  transform: translateY(-11px) rotate(-45deg);
}
.header #navToggle.open span:after {
  bottom: 12px;
  -webkit-transform: translateY(10px) rotate(45deg);
  -moz-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}
.header #navToggle.open span {background: none;}
.header #navToggle.open span:before,
.header #navToggle.open span:after {background: #4f4f4f;}

/* 大图 */
.wy_banner img{max-width: 100%;}
.wy_banner .swiper-pagination-bullet{width: 40px;height: 3px;border-radius: 0;}
.wy_banner .swiper-pagination-bullet-active{background:#4581fb;}
.wy_banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}

/* 内页banner */
.ny_banner{width: 100%;overflow: hidden;position: relative;text-align: center;}
.ny_banner img{max-width: 100%;}
.ny_banner_wz{position: absolute;text-align: center;z-index: 2;top:25%;left: 0;right: 0;bottom: 0;}
.ny_banner_wz h2{color: #fff;font-size: 48px;line-height: 60px;font-weight: bold;font-family: "Impact";letter-spacing:8px;text-shadow: 1px 1px 2px #666;}
.ny_banner_wz span{display: block;color: #fff;font-size: 42px;line-height: 60px;font-weight: bold;text-shadow: 1px 1px 2px #666;}

.ny_banner_xq{width: 100%;overflow: hidden;position: relative;padding: 60px 0;background: #4581fb;}
.ny_banner_xq h2{color: #fff;font-size: 30px;}

@media (max-width: 992px) and (min-width: 768px){
  .ny_banner_wz{top: 18%;}
  .ny_banner_wz h2{font-size: 36px;line-height: 50px;}
  .ny_banner_wz span{font-size: 34px;line-height: 50px;}
  .ny_banner_xq{padding: 40px 0;}
  .ny_banner_xq h2{font-size: 24px;}
}
@media screen and (max-width: 768px){
  .ny_banner_wz{top: 18%;}
  .ny_banner_wz h2{font-size: 24px;line-height: 30px;letter-spacing: 2px;}
  .ny_banner_wz span{font-size: 20px;line-height: 30px;}
  .ny_banner_xq{padding: 28px 0;}
  .ny_banner_xq h2{font-size: 17px;}
}

/* 案例case */
.bd_product_list{padding: 60px 0;}
.bd_product_list{overflow: hidden;}
.bd_product_list ul{}
.bd_product_list ul li a{
    background: #FFFFFF;
    box-shadow: 0 10px 20px 0 rgba(37,39,95,0.06);
    border-radius: 6px;display: block;

    margin-bottom: 40px;
    position: relative;
    border: 1px solid #E7E7E7;
    overflow: hidden;
    transition: all 0.5s;
}
.bd_product_list ul li img{max-width: 100%;}
.case-content {
    padding: 15px 15px;
    overflow: hidden;
}
.case-content h3 {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    height: 60px;
    font-weight: 100;
    margin-bottom: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.case-content p {
    font-size: 16px;
    color: #87878A;
    line-height: 24px;
    height: 24px; overflow: hidden;
}
.case-tongji {
    border-top: 1px solid #E7E7E7;
    padding: 20px 0 30px 0;
    margin: 0 15px;
    overflow: hidden;
}
.case-tongji .tongji_list {
    text-align: center;
    float: left;
    width: 31.999%;
    margin-right: 2%;

}
.case-tongji .tongji_list span {
    font-size: 18px;
    color: #294DF7;
    line-height: 24px;
    display: inline-block;
}
.case-tongji .tongji_list label {
    font-size: 12px;
    color: #87878A;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}
.bd_product_list ul li:hover a{
  box-shadow:0 10px 20px 0 rgba(37,39,95,0.26);
}
.case-photo{position: relative;}
.case-photo:after {
    content: "";
    display: block;
    width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4581fb;
    background-image: -webkit-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    background-image: -o-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    background-image: -moz-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    background-image: linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    opacity: 0;
    transition: all 0.5s ease;
}
.bd_product_list ul li:hover .case-photo:after {
    opacity: 0.5;
    transform: translate3d(-25%,0,0);
}
a.pager-load-more{
    border: 1px solid #4581fb;
    border-radius: 100px;
    color: #4581fb;
    background: #fff;display: block;
    margin: 40px auto;
    width: 186px;
    line-height: 46px;
    text-align: center;
    position: relative;
}
a.pager-load-more:hover{
    color: #fff;
    background-color: #4581fb;
    background-image: -webkit-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: -o-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: -moz-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
}
@media screen and (max-width: 1200px){
  .case-content h3{font-size: 16px;line-height: 26px;height: 52px;margin-bottom: 8px;}
  .case-content p{font-size: 15px;}
  .case-tongji .tongji_list span{display: block;}
}
@media screen and (max-width: 768px){
  .bd_product_list{padding:25px 5px;}
  .bd_product_list ul li{padding: 0 5px;}
  .case-content{padding: 10px 10px 20px 10px;}
  .case-tongji{margin: 0 10px;padding: 15px 0 20px 0;}
  .case-content h3{font-size: 15px;line-height: 22px;height: 44px;}
  .case-content p{font-size: 14px;}
  .bd_product_list ul li a{margin-bottom: 20px;}
  a.pager-load-more{width: 50%;line-height: 36px;}
}

/* 案例详情 */
.info_main{width: 100%;padding:30px 0;}
.info_main_c{padding:25px 20px;background: #f7f7f7;border: 1px solid #eee;}
.info_main_c h2{text-align: center;font-size: 24px;padding-bottom: 20px;line-height: 40px;color: #5a5a5a;}
.info_main_c .hr{height: 1px;line-height: 1px;background: #e5e5e5;width: 100%;}
.details-top {
    padding: 20px 20px 10px 20px;
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
    font-size: 16px;
    color: #222;
    line-height: 35px;
}
.details-top p {
    font-size: 16px;
    line-height: 33px;
}
.details-top p strong {
    font-weight: bold;
}
.info_main_zhu{text-align: center;margin-top: 33px;}
.info_main_zhu img{max-width: 100%;}
.info-content{margin: 15px 0;}
.info-content img{max-width: 100%;vertical-align: bottom;}
.info-content p{margin: 0;}

a.weburl_target{
    border: 1px solid #4581fb;
    color: #4581fb;
    background: #fff;display: block;
    margin: 20px 0;
    width: 186px;
    line-height: 42px;
    text-align: center;
    position: relative;
}
a.weburl_target:hover{
    color: #fff;
    background-color: #4581fb;
    background-image: -webkit-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: -o-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: -moz-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
}
.related-products {padding:30px 0;}
.related-products h4{font-size: 44px;color: #333333;line-height: 64px;margin-bottom: 30px;position: relative;font-weight: 100;}
.related-products ul li {margin-bottom: 20px;}
.related-products ul li a {display: block;position: relative;z-index: 1;}
.related-products ul li:hover a{box-shadow: 0 1px 10px #ccc;}
.related-products ul li:hover .inter-pic span:after {opacity: 0.5;transform: translate3d(-25%,0,0);}
.inter-pic span:after {
    content: "";
    display: block;
    width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4581fb;
    background-image: -webkit-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    background-image: -o-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    background-image: -moz-linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    background-image: linear-gradient(52deg, #0D6AF2 0%, #00C1DF 59%, #182FEC 100%);
    opacity: 0;
    transition: all 0.5s ease;
}
.related-products ul li .inter-pic {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.related-products ul li .inter-pic span {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
}
.related-products ul li .inter-pic img {
    display: block;
    width: 100%;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
.related-products ul li .inter-name {
    display: block;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 3.111;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
}


@media (max-width: 1200px){
  .related-products h4{font-size: 32px;}
}

@media (max-width: 768px){
  .info_main_c{padding: 20px 5px;}
  .related-products h4{font-size: 20px;line-height: 40px;margin-bottom: 20px;}
  .related-products{padding: 0px 0 10px 0;}
  .related-products .row{margin: 0 -8px;}
  .related-products ul li{padding:0 8px;margin-bottom: 0;}
  .related-products ul li .inter-name{font-size: 14px;font-weight: 100;}
}


/* 底部footer */



#footer_message {
    padding:0px 0 20px 0;
}
#footer_message .footer_message_title p {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#footer_message .footer_message_title p span {
    display: block;
    color: #000;
    font-size: 36px;
    line-height:58px;
    font-weight: bold;
}
#footer_message .footer_message_content {
    padding: 50px 15px 40px 15px;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
    position: relative;z-index: 2;
}
#footer_message .footer_message_content ul li {
    padding: 0 2.5px;
    margin-bottom: 20px;
}
#footer_message .footer_message_content ul li input,#footer_message .footer_message_content ul li .pick-area2 {
    position: relative;
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
    outline: none;
    color: #000;
    font-size: 14px;
    border:1px solid #000;
    -webkit-transition: 1s cubic-bezier(.075,.82,.165,1);
    transition: 1s cubic-bezier(.075,.82,.165,1);
}
#footer_message .footer_message_content ul li:hover input,#footer_message .footer_message_content ul li:hover .pick-area2{
  box-shadow: 0 0 0 2px #000 inset;
}

#footer_message .footer_message_content ul li a {
    display: block;
    width: 100%;
    height:55px;
    line-height: 55px;
    text-align: center;
    background: #4581fb;
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 1;
}
#footer_message .footer_message_content ul li:hover a{
  background: #000;
}
.captchacode{position: absolute;right: 15px;top: 25%;}

.footer_block{background: #f4f4f4;padding: 55px 0;margin-top: 36px;}
.footer_block ul li{margin-bottom: 15px;}

.footer_block ul li .block_pic {overflow: hidden;}
.footer_block ul li .block_pic img{max-width: 100%;}
.footer_block ul li .block_info {
    overflow: hidden;
    padding: 16px 0;
    position: relative;
}
.footer_block ul li .block_info .block_tit {
    color: #000;
    font-size: 22px;
    line-height: 1.583;
    font-weight: bold;
    -webkit-transition: 0.4s cubic-bezier(.075,.82,.165,1);
    transition: 0.4s cubic-bezier(.075,.82,.165,1);
}
.footer_block ul li .block_info .block_cont {
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    margin: 5px 0;
}
.footer_block ul li .block_info em,.footer_block ul li .block_info .block_more {
    display: inline-block;
    margin-top: 4px;
    color: #000;
    font-size: 12px;
    line-height: 2.166;
    font-weight: bold;
    font-style: normal;
    position: relative;
}

.footer{background: #232323;}
.qf_footer{padding: 20px 0;}
.qf_footer ul{}
.footer_list_lan{background: url(../images/footer_lan.png) no-repeat right 15px;}
.footer_list1{text-align: center;}
.footer_list1 h2{color:#ffffff;font-size: 24px;line-height: 36px;font-weight: 100;margin-top: 15px;}
.footer_list2{}
.footer_list2 span{display: block;color: #fcfcfc;line-height: 28px;}
.footer_list3{text-align: center;margin-top: 25px;}
.footer_list3 img{width: 100%;max-width: 220px;}

.footer_info_title{color: #fcfcfc;font-size: 18px;position: relative;line-height: 30px;padding-bottom: 10px;margin-bottom: 15px;}
.footer_info_title:after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer_info_c{}
.footer_info_c a{display: block;color: #fcfcfc;line-height: 28px;}

.footer_message_tel{font-size: 20px;color: #848484;line-height: 30px;padding: 0 15px;}
.footer_message_tel h2{font-size: 38px;color: #4581fb;line-height: 45px;margin-top: 10px;}
@media screen and (max-width: 768px){
  .footer_message_tel{font-size: 16px;}
  .footer_message_tel h2{font-size: 26px;margin-top: 0;line-height: 40px;}
}
/* 手机footer */
.phone_footer{height:50px;display: none;}
.footer-con{width:100%;height:50px;position:fixed; z-index:100; right:0; bottom:0;background: #4581fb;background-size:100% 100%;-webkit-transition:right .5s ease;transition:right .5s ease;}
.phone_footer li{ float:left;width:33.33%;height:50px;border-right: 1px solid #3c72df;margin-right: -1px;}
.phone_footer li a{height: 22px;display: block;
    padding: 27px 0 0 0;
    line-height: 18px;text-align: center;color: #fff;}
.phone_footer li.zx a{background:url(../images/ico-mess.png) center 6px no-repeat;background-size:auto 68%;}
.phone_footer li.tel a{background:url(../images/ico-tel2.png) center 6px no-repeat;background-size:auto 68%;}
.phone_footer li.yy a{background:url(../images/ico-yy.png) center 6px no-repeat;background-size:auto 68%;}
.phone_footer li.dh{border: 0;}
.phone_footer li.dh a{background:url(../images/map.png) center 6px no-repeat;background-size:auto 68%;}


.pick-area{display:inline-block;position:relative;font-size:14px;background:#fff;text-decoration: none;cursor:default;}
.pick-show{position:relative;height:53px;line-height:53px;padding-left: 0 !important;}
.pick-show span{float:left;display:inline-block;max-width:100px;height:40px;font-size: 14px;line-height:40px;margin-top: 7px;padding: 0 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#333;cursor:pointer;}
.pick-show span:hover{color:#fff!important;border-radius:3px;}
.pick-show span.pressActive{background:#7894D4;color:#fff!important;border-radius:3px}
.pick-show em.pick-arrow{position:absolute;top:22px;right:8px;display: block;border:8px solid #999;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;}
.pick-show i{float:left;display:inline-block;padding:0 3px;color:#333;font-style:normal;}

.pick-list{width: 100%;left: 0;display:none;position:absolute;line-height:36px;margin:1px 0 0 0;padding:0;background:#fff;
  z-index:9999;overflow-y:auto;overflow-x:hidden;border:1px solid #dedede;border-top:none;}
.pick-list li{margin:0;padding-left:8px;list-style: none;color:#888;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pick-list li:hover{color:#fff;font-weight:bold;}
#footer_message .footer_message_content ul li .pick-list li{margin-bottom: 0;}





@media screen and (max-width: 768px){
  .phone_footer{display: block;}
  .footer_list3{width: 300px;}
  #footer_message .footer_message_title p span {
    font-size: 24px;
    line-height: 36px;
  }
  #footer_message .footer_message_content{
    padding: 25px 15px;
  }
  #footer_message .footer_message_content ul li input,
  #footer_message .footer_message_content ul li .pick-area2,
  #footer_message .footer_message_content ul li a{
    line-height: 40px;height: 40px;
  }
  .header #navToggle {padding: 6px 15px;}
  .pick-show em.pick-arrow{top: 16px;}
  .pick-show{height: 38px;line-height: 38px;}
  .pick-show span{height:28px;line-height:28px;margin-top: 5px;}

}
@media screen and (max-width: 480px){
  #footer_message .footer_message_title p span {
    font-size: 18px;
    line-height: 30px;
  }
  .footer_block{padding: 35px 0;}
  #footer_message .footer_message_content ul li{width: 100%;margin-bottom: 15px;}
}

/********人才招聘**********/
#jobs_03 {
    width: 100%;
    margin: 0px auto;
    padding: 0 0 40px;
    background: none;
}
#jobs_03_mid {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
#jobs_title {
    background: #464650;
    color: #fff;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
}

#jobs_ul ul{
    padding: 0 0 30px;
}
#jobs_ul li .jobs_title {
    font-size: 14px;
    line-height: 30px;
    color: #777;
    padding: 16px 0;
    border-bottom: solid 1px #efefef;
}
#jobs_ul li .jobs_title a.more_v{display:block;/* line-height: 36px;background: #eb6623;border-radius: 20px;text-align: center; */color: #222;}
#jobs_ul li .jobs_box {
    padding: 20px 3.5% 36px;
    background: #f5f5f5;
    position: relative;
    display:none;
}
#jobs_ul li .jobs_box .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    min-width: 24%;
    margin: 5px 0px;
    margin-right: 1%;
}
#jobs_ul li .jobs_box .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 p{
  line-height: 30px;
}
#jobs_ul li .jobs_box .info2 .fl h3{
  margin-bottom: 15px;
}
#jobs_ul li .jobs_box .info3 {
    margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #f91747;
    font-size: 16px;
    color: #ffffff;
    float: left;
    text-align: center;
}

/* 新闻内页 */
.newscss{
  width:100%;
}
.newscss ul{
  width: 100%;
}
.newscss ul li {
    padding: 15px 8px;
    border-bottom: solid 1px #e2e2e2;
    position: relative;
    margin-bottom: 15px;
    background: #f8f8f8;
    box-shadow: 0 2px 8px #ddd;
}
.newscss ul li .news_pic {
    width:20%;
    height: 150px;
    float: left;
    text-align: center;
    overflow: hidden;
}
.newscss ul li .news_pic .wy_newsimg{
    width:100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-size:0px;
}
.newscss ul li .news_pic img{max-width: 238px;}
.newscss ul li:hover .news_btn a{
  background: #000;
  color: #fff;
}
.newscss ul li .news_pic span {
    height: 100%;
    width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.ny-news-right{float: right;width: 78%;}
.ny-news-right p{height: 36px;line-height: 36px;color: #333;float: left;width: 50%;}
.newscss ul li .news_capital {
   width:100%;
    border-bottom: solid 1px #e2e2e2;
    font-size: 15px;
    color: #414141;
    line-height: 36px;
}
.newscss ul li .news_capital h4{
  width: 100%;
  float: left;
  line-height: 40px;
  overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #222;
}
.newscss ul li .news_capital span {
 
    display: block;
    min-width: 20%;
    text-align: right;
    height: 40px;
    line-height: 40px;
    color: #414141;
    font-size: 15px;
    float: right;
}
.newscss ul li .news_detail,.newscss ul li .news_detail_md {
    width: 100%;
    line-height: 26px;
    color: #606060;
    font-size: 13px;
    overflow: hidden;
    margin-top: 10px;
}
.newscss ul li .news_btn {
    width: 101px;
    height: 32px;
    float: right;
    line-height: 32px;margin-top:5px;
    text-align: center;

}
.newscss ul li .news_btn a {
    display: block;
    background: #f4f4f4;
    color: #000;
    font-size: 12px;
    transition: all 0.5s;
}
.news_detail_md{display: none;}
@media only screen and (max-width: 992px){
  .newscss ul li .news_capital h4{font-size: 16px;}
  .news_detail{display: none;}
  .news_detail_md{display: block;}
  .newscss ul li .news_pic{height: 129px;}
}
@media only screen and (max-width: 678px){
  .newscss ul li .news_pic{display: none;}
  .ny-news-right{float: none;width: 100%;}
  .newscss ul li .news_btn{float: none;}
  .ny-news-right p{float: none;width: 100%}
  .n_title h2{font-size: 16px;line-height: 28px;margin-bottom: 8px;}
  .newscss ul li{padding: 0px 8px 22px 8px;}
  .newscss ul li .news_capital{border-bottom: 0;}
  .newscss ul li .news_detail_md{margin-top: 0;}
  .newscss ul li .news_btn a{background: #333;color: #fff;}
}
/* 新闻详情页 */
.n_title{text-align: center;margin-bottom: 15px;}
.n_title h2{color: #333;font-size: 20px;line-height: 36px;}
.n_title span{display: block;line-height: 26px;}
.article_about .con{
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 0;
}
.article_about .con p{
  margin-bottom: 0;
  line-height: 30px;
  font-size: 14px;
}
.article_about img{max-width: 100%;}
.article_about p{line-height: 33px;font-size: 18px;}
@media only screen and (max-width: 992px){
  .article_about p{line-height: 30px;font-size: 16px;}
}
/* 分页 */
.page{clear: both;margin-top: 20px;text-align: center;font-size: 12px;letter-spacing: 0px; font-family:"微软雅黑";}
#page_num{ width:50px; margin-top:6px; border-radius:0px; }
.page a{height:16px; line-height:16px; border:1px solid #ccc; padding:5px;color:#000; border-radius:0px; background:#fff; margin-right:2px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.page a:hover{background:#f4f4f4;border:none; padding:5px 10px;color:#000; text-decoration:none; border:1px solid #ccc; height:16px; line-height:16px;}
.btn2 { border:solid 1px #ccc; padding:5px;height:18px; }
.btn3 { border:solid 1px #ccc; background:#f4f4f4; padding:5px 10px; margin-right:2px; height:18px; }
#page_num1 { width:36px; height:29px; line-height:18px; margin-top:4px; border:solid 1px #ccc; border-radius:0px; }
.nei-q{width:auto;border-top:solid 1px #f4f4f4;margin-top: 25px;padding: 15px 0;border-bottom:solid 1px #f4f4f4;}
.nei-qz{}
.nei-qz a{display: block;height:36px; line-height:36px; font-family:"微软雅黑";color:#666; text-decoration:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.nei-qz a:hover{ color:#333; background:#eee; }
.nei-qy a {display: block;height:36px; line-height:36px; font-family:"微软雅黑";color:#666; text-decoration:none;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.nei-qy a:hover{ color:#333; background:#eee; }

/* 内页联系我们 */

.ny_contact{padding:20px 0;overflow: hidden;}
.ny_contact ul{overflow: hidden;width: 100%;}
.ny_contact ul li{padding:60px 2%;text-align: center;height: 125px;background: #f8f8f8;margin: 0 2% 2% 0;
  -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}
.ny_contact .col-md-3,.ny_contact .col-lg-3{width: 19.5%;}
.ny_contact ul li:nth-child(4n){margin: 0;}
.ny_contact ul li .icon{font-size: 32px;}
.ny_contact ul li h2{font-size:18px;font-weight: 100;color: #333;}
.ny_contact ul li p{font-size: 16px;line-height: 24px;margin-top: 6px;}
.ny_contact ul li a{color:#333;}
@media screen and (max-width: 992px){
  .ny_contact .col-md-3,.ny_contact .col-lg-3{width: 45%;}
  .ny_contact ul li:nth-child(2n){margin: 0;}
}
.map_contact p{line-height:28px;}
.map_contact p strong{color: #e10602;}
.ny_main{margin: 25px 0;}
@media screen and (max-width: 588px){
  .ny_contact ul li p{font-size: 14px;}
  .ny_contact ul li{padding: 22px 2%;height: 155px;}
  .ny_contact ul li h2{font-size: 16px;}
}
/* 首页home */
.hl_category{width: 100%;padding:35px 0;}
.hl_category_t{margin-bottom: 30px;}
.category_title_left img{max-width: 100%;}
.category_title_right{}
.category_title_right a{display: block;text-align: center;}
.category_title_right p img{max-width: 100%;}
.category_title_right h2{font-size: 14px;color: #222;line-height: 24px;margin-bottom: 10px;text-align: center;}
@media screen and (max-width: 768px){
  .category_title_right{margin-top: 0px;}
  .hl_category_t {margin-bottom: 15px;}
  .category_title_right h2{font-weight: 100;font-size: 12px;}
}

.huolang_category_c{overflow: hidden;width: 100%;}
.huolang_category_c .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.huolang_category_c .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.huolang_category_c .swiper-slide a{display: block;background: #fff;padding:15px 10px;box-shadow: 0 1px 8px #ddd;}
.huolang_category_c .swiper-slide div{overflow: hidden;}
.huolang_category_c .swiper-slide p{
  font-size: 16px;color: #222;line-height: 40px;text-align: left;
  position: relative;font-weight: bold;
  border-bottom: 3px solid #c8161d;
}
.huolang_category_c .swiper-slide span{display: block;color: #999;line-height:30px;font-size: 14px;text-align: left;margin-top: 5px;}
.huolang_category_c .swiper-slide img{max-width: 100%;}
.huolang_category_c .swiper-slide .block_more {
  text-align: left;
    display: block;
    margin-top: 4px;
    color: #000;
    font-size: 12px;
    line-height: 2.166;
    font-weight: bold;
    font-style: normal;
    position: relative;
}
.huolang_category_c .swiper-slide:hover .lineafter::after {width: 40%;}
.huolang_category_c .swiper-slide:hover a{
    -webkit-transform: translate3d(0,-8px,0);
    -moz-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0);
}
#hl_index_join{margin: 0px 0 45px 0;}
#hl_index_join .join_content {padding: 0 15px;overflow: hidden;}
#hl_index_join .join_limit {vertical-align: middle;overflow: hidden;}
#hl_index_join .join_content .content_bg {width: 100%;position: relative;}
#hl_index_join .join_content .content_bg img.join_img{max-width: 100%;
    animation: sliderzoom linear 20s infinite alternate;
    -webkit-animation: sliderzoom linear 20s infinite alternate;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 768px){
  .huolang_category_c .swiper-slide p{font-size: 14px;}
  .huolang_category_c .swiper-slide span{font-size: 12px;line-height: 22px;}
}
.hl_index_store{background: #f4f4f4;padding: 45px 0;width: 100%;}
.hl_index_store .hl_inter_content {
    clear: both;
    display: none;
}
.hl_index_store .hl_inter_content ul li {
    margin-bottom: 20px;
}
.hl_index_store .hl_inter_content ul li a {
    display: block;
    padding:24px 8px;
    position: relative;
    z-index: 1;
}
.hl_index_store .hl_inter_content ul li .inter-pic {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.hl_index_store .hl_inter_content ul li .inter-pic img {
    display: block;
    width: 100%;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
.hl_index_store .hl_inter_content ul li .inter-name {
    display: block;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height:40px;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
}
@media screen and (max-width: 768px){
  .hl_index_store .hl_inter_content ul li .inter-name {font-weight: 100;font-size: 15px;}
}
.hl_index_store .hl_inter_content ul li:hover{
  box-shadow: 0 2px 8px #ccc;
    -webkit-transform: translate3d(0,-8px,0);
    -moz-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0);
}
.hl_index_store .hl_inter_content ul li a:before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
}
.jmpic {
    position: relative;
    width: 1200px;
    height: 482px;
    background-size: 1200px;
    margin:30px auto;
}
.lineF {top: 74px;left: 114px;}
.lineS {top: 14pc;left: 114px;}
.lineT {top: 372px;left: 114px;}
.lineF, .lineS, .lineT {position: absolute;visibility: hidden;}
.i0,.i1,.i2,.i3,.i4,.i5,.i6,.i7,.i8,.overlay a{position:absolute}
.i0{ left: -130px; top: -72px}
.i1{left:0}
.i2{top:-72px;left:130px}
.i3{left:260px}
.i4{top:-72px;left:390px}
.i5{left:520px}
.i6{top:-72px;left:650px}
.i7{left:780px}
.i8{top:-72px;left:910px}

.i0 a,.i8 a,.i4 a.center{background: none; display: block; width: 142px; height: 142px; top: 16px; left: 70px}
.boxF, .boxS {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
}
.boxT {
    visibility: visible;
    background: no-repeat 50% center;
    background-size: 100% 100%;
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
}
.overlay {
    position: relative;
    display: none;
    transition: all .25s ease-in-out 0s;
}
.boxF, .boxS, .boxT, .overlay {
    overflow: hidden;
    width: 178px;
    height: 142px;
}
.overlay a {
    top: 50%;
    color: #ffffff;
    left: 46%;
    display: inline-block;
    margin: -1pc 0 0 -50px;
    padding: 0 6px;
    min-width: 2pc;
    min-height: 2pc;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bolder;
    font-size: 18px;
    line-height: 2pc;
}
.boxT:hover .overlay {
    display: block;
}
.overlay:hover {
    background-color: rgba(0,0,0,0.3);
}
.overlay {
    position: relative;
    display: none;
    transition: all .25s ease-in-out 0s;
}
@media screen and (max-width: 1258px){
  .jmpic{display: none;}
  .hl_index_store .hl_inter_content{display: block;}
}

.hl_index_select{background: url(../images/bg1.jpg) no-repeat bottom center;padding: 40px 0;width: 100%;margin-bottom: 60px;}
.index_select{padding-top: 188px;}
.index_select ul li{text-align: center;;margin-bottom: 20px;}
.index_select ul li .index_select_list{background: #eb6623;height: 155px;padding-top:38px;cursor: pointer;position: relative;z-index: 1;}
.index_select ul li .index_select_list1{padding-top: 20px;}
.index_select ul li .index_select_list2,.index_select ul li .index_select_list3{padding-top:55px;}
.index_select ul li p{font-size: 30px;color: #fff;line-height:36px;font-weight: bold;margin: 0;}
@media screen and (max-width: 1200px){
  .index_select ul li p{font-size: 24px;}
}
@media screen and (max-width: 992px){
  .index_select ul li p{font-size: 20px;}
}
@media screen and (max-width: 600px){
  .index_select ul li p{font-size: 15px;line-height: 26px;}
  .index_select ul li .index_select_list{height: 128px;}
  .hl_index_select{margin-bottom:0px;}
}

.hl_index_process .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.hl_index_process .swiper-slide {
  background-size: cover;
  background-position: center;
}
.hl_index_process .gallery-top {
  height: 80%;
  width: 100%;
}
.hl_index_process .gallery-thumbs {
  box-sizing: border-box;
  padding: 10px 0;
  height: 58px;
  text-align: center;
}
.hl_index_process .gallery-thumbs .swiper-slide {
  text-align: center;
  cursor: pointer;
   width: 50px !important;height: 58px;
}

.hl_index_process img{max-width: 100%;}
.index_process{padding: 0 15px;}
.index_process_c{position: relative;}
.index_process_c .gallery-top .swiper-slide{position: relative;}
.index_process_c .gallery-top .swiper-slide span{
  display: block;text-align: center;font-size: 36px;color: #ffffff;z-index: 999;
  position: absolute;top:0;left: 0;right: 0;width: 100%;height: 100%;bottom: 0;background: rgba(0,0,0,.3);padding-top:20%;
}
.index_process_c .gallery-thumbs{position: absolute;bottom: 8%;z-index: 999}
.index_process_c .gallery-thumbs span{font-size: 18px;color: #fff;display: block;line-height: 40px;}
.index_process_c .gallery-thumbs p{width: 9px;height: 8px;background: url(../images/y.png) no-repeat center center;margin: 0 auto;padding: 9px;}
.index_process_c .gallery-thumbs .swiper-slide-thumb-active p{
    background: url(../images/yc.png) no-repeat center center #da958e;border-radius: 50%;
}
.index_process_c .gallery-thumbs .swiper-wrapper{width: 450px;margin: 0 auto;}
@media screen and (max-width: 1200px){
  .index_process_c .gallery-top .swiper-slide span{font-size: 32px;}
}
@media screen and (max-width: 992px){
  .index_process_c .gallery-top .swiper-slide span{font-size: 22px;}
}
@media screen and (max-width: 768px){
  .index_process_c .gallery-top .swiper-slide span{font-size: 18px;margin: 0 auto;padding-left:10%;padding-right:10%;}
  .index_process_c .gallery-thumbs span{font-size: 12px;}
  .hl_index_process .gallery-thumbs .swiper-slide{width: 30px !important;}
  .index_process_c .gallery-thumbs .swiper-wrapper{width: 270px;}
}
@media screen and (max-width: 480px){
  .index_process_c .gallery-top .swiper-slide span{font-size: 14px;}
}

#hl_index_news {padding:50px 0;}
.hl_news_title {
    text-align: center;
    padding: 72px 0;
    padding: 0 0 60px 0;
}
.hl_news_title h2 {
    color: #333;
    font-size: 36px;
    line-height:55px;
    font-weight: 100;
}
.hl_news_title span {
  display:block;
    color: #000;
    line-height:26px;
    font-size: 16px;
}

#hl_index_news .news_content {overflow: hidden;}
.content_left li{position: relative;overflow: hidden;}
.content_left li a{display: block;}
.content_left li p{position: absolute;bottom: 0;line-height: 40px;background: rgba(0,0,0,.4);text-align: center;color: #fff;font-size: 16px;width: 100%;}
.content_left li img{width: 100%;}

#hl_index_news .content_right{
  border:1px solid #e5e5e5;
  margin: 0 -15px;
  
}
#hl_index_news .content_right li {
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf;
    margin: 0 10px 0 30px;
    padding: 20px 0;
    padding: 2.5% 0;
}
#hl_index_news .content_right li:nth-child(3n){border-bottom: 0;}
#hl_index_news .content_right li a{display: block;}
#hl_index_news .content_right li .news-pic {overflow: hidden;}
.news-limit {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
#hl_index_news .content_right li .news-block .news-title {
    color: #202020;
    font-size: 16px;
    line-height:33px;
}
#hl_index_news .content_right li .news-block .news-info {
    color: #898989;
    font-size: 14px;
    line-height:23px;
    height: 46px;overflow: hidden;
}
#hl_index_news .content_right .news-pic img {
    display: block;
    width: 100%;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
@media screen and (max-width: 768px){
  #hl_index_news{padding: 25px 0 0 0;}
  #hl_index_news .content_right{margin: 0;}
  #hl_index_news .content_right li{margin: 10px;}
  #hl_index_news .news_title h2{font-size: 24px;line-height:45px;}
  #hl_index_news .news_title{padding-bottom: 25px;}
  .hl_news_title{padding-bottom: 25px;}
  .hl_news_title h2{font-size: 24px;line-height: 40px;}
}

/* 品牌加盟 */
.hl_ny_store{margin-top: 30px;}
.hl_ny_store .hl_inter_content {
    clear: both;
}
.hl_ny_store .hl_inter_content ul li {
    margin-bottom: 20px;
}
.hl_ny_store .hl_inter_content ul li a {
    display: block;
    padding:24px 8px;
    position: relative;
    z-index: 1;
}
.hl_ny_store .hl_inter_content ul li .inter-pic {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.hl_ny_store .hl_inter_content ul li .inter-pic img {
    display: block;
    width: 100%;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
.hl_ny_store .hl_inter_content ul li .inter-name {
    display: block;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height:40px;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
}
.hl_ny_store .hl_inter_content ul li:hover{
  box-shadow: 0 2px 8px #ccc;
    -webkit-transform: translate3d(0,-8px,0);
    -moz-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0);
}
.hl_ny_store .hl_inter_content ul li a:before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
}

@media screen and (max-width: 768px){
    .hl_ny_store .hl_inter_content ul li a{padding: 0;}
    .hl_ny_store .hl_inter_content ul li .inter-name{font-size: 14px;}
}



.join_advantage{background: #f5f3f0;padding: 40px 0;margin-bottom: 25px;}
#join_advantage .youshi_pic li .pict {
    overflow: hidden;
}
#join_advantage .youshi_pic li img {
    display: block;
    width: 100%;
}
#join_advantage .youshi_pic li .text {
    padding: 24px 0px 40px 0;
    display: block;
    position: relative;
    overflow: hidden;
}
#join_advantage .youshi_pic li .text span{display: block;line-height: 24px;color: #999;}
#join_advantage .youshi_pic li .text em {
    display: inline-block;
    margin-top: 4px;
    color: #000;
    font-size: 12px;
    line-height: 2.166;
    font-weight: bold;
    font-style: normal;
    position: relative;
}
#join_advantage .youshi_pic li .text p:first-child, #join_advantage .youshi_pic li .text .title {
    font-size: 18px;
    color: #000;
    line-height: 1;
    display: block;
    margin: 0 0 10px 0;
    -webkit-transition: 0.4s cubic-bezier(.075,.82,.165,1);
    transition: 0.4s cubic-bezier(.075,.82,.165,1);
}
#join_advantage .youshi_pic li .text p{
    font-size: 14px;
    color: #999;
    line-height: 1.5;
    display: block;
    text-align: justify;
}

#join_policy .policy_list li {
    vertical-align: top;
    margin: 0 0 32px 0;
}
#join_policy .policy_list li .pict {
    overflow: hidden;
}
#join_policy .policy_list li .pict img {
    display: block;
    width: 100%;
}
#join_policy .policy_list li .info {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#join_policy .policy_list li p.qtitle{
    font-size: 19px;
    color: #000;
    line-height: 1;
    margin: 20px 0 15px 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.4s cubic-bezier(.075,.82,.165,1);
    transition: 0.4s cubic-bezier(.075,.82,.165,1);
}
#join_policy .policy_list p:last-child, #join_policy .policy_list .cont p{
    height: 84px;
    font-size: 14px;
    line-height: 2;
    color: #999;
    overflow: hidden;
    position: relative;
}

.process_index_select{}
.process_index_select ul li{text-align: center;;margin-bottom: 20px;}
.process_index_select ul li .index_select_list{
  background: #eb6623;padding:25px 0;cursor: pointer;position: relative;z-index: 1;
    font-size: 20px;
    color: #fff;
    line-height: 36px;
    font-weight: bold;
}
@media screen and (max-width: 1200px){
  .process_index_select ul li .index_select_list{font-size: 16px;}
}
@media screen and (max-width: 992px){
  .process_index_select ul li .index_select_list{font-size: 16px;
    padding: 25px 5px;
    font-size: 16px;
    line-height: 22px;
    min-height: 94px;
  }
}
@media screen and (max-width: 600px){
  .process_index_select ul li .index_select_list{font-size: 14px;line-height: 22px;padding: 10px 0;min-height: auto;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
  }
  .hl_index_select{margin-bottom:0px;}
}

/* 加盟案例 */
.ny_section_join .join_news_list li{
  position: relative;
    z-index: 1;margin: 0 0 100px 0;
}
.ny_section_join .join_news_list li .join_xyb_img {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: calc(66.5rem - 268px);
    position: relative;
    z-index: 1;
}
.ny_section_join .join_news_list li .join_xyb_img img {
    display: block;
    width: 100%;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    position: relative;
    z-index: 1;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
.ny_section_join .join_news_list li .join_xyb_img .join_img_title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.ny_section_join .join_news_list li .join_xyb_img .join_img_title .join_img_h1 {
    color: #fff;
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 14px;
    text-align: center !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ny_section_join .join_news_list li .join_xyb_img .join_img_title .join_img_cont {
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
.ny_section_join .join_news_list li .join_xyb_cont {
    padding: 40px 0 60px 0;
}
.ny_section_join .join_news_list li .join_xyb_cont .join_title {
    margin: 0 0 30px 0;
    display: block;
    color: #000;
    font-size: 24px;
    z-index: 1;
}
.ny_section_join .join_news_list li .join_xyb_cont .join_cont {
    color: #000;
    font-size: 16px;
    line-height: 1.875;
}
.ny_section_join .join_news_list li .join_xyb_img .news-limit {
    width: 100%;
}
.ny_section_join .join_news_list li .join_xyb_img span {
    display: block;
    overflow: hidden;
    position: relative;
    background: #000;
}
.ny_section_join .join_news_list li:after {
    content: "";
    display: block;
    width: 100%;
    height: 70%;
    background: #f5f3f0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
}
@media screen and (max-width: 992px){
  .ny_section_join .join_news_list li{margin: 0 0 40px 0;}
  .ny_section_join .join_news_list li .join_xyb_img{height: auto;}
  
}
@media screen and (max-width: 992px){
  .ny_section_join .join_news_list li .join_xyb_img .join_img_title .join_img_h1{font-size: 22px;}
  .ny_section_join .join_news_list li .join_xyb_cont{padding: 28px 0 30px 0;}
  .ny_section_join .join_news_list li .join_xyb_cont .join_title{margin: 0 0 15px 0;font-size: 20px;}
  .ny_section_join .join_news_list li .join_xyb_cont .join_cont{font-size: 14px;}

}


/* 商学院 */
.ny_category_menu{}
.ny_category_menu ul {
    padding:20px 0;background: #f5f3f0;
    text-align: center;
    -webkit-transition: 1s 0.4s;
    transition: 1s 0.4s;
}
.ny_category_menu ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 13px;
    margin: 5px 0;
}
.ny_category_menu ul li a {
    color: #000;
    font-size: 16px;
    line-height: 1.125;
    padding: 0 5px;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s cubic-bezier(.075,.82,.165,1);
    transition: 0.3s cubic-bezier(.075,.82,.165,1);
}
.ny_category_menu ul li:not(:last-child) {
    border-right: 1px solid #000;
}
.cp_category_menu ul div li:not(:last-child) {
    border-right: 1px solid #000;
}

.category_er{margin-top: 10px;}

.super_teacher {
    padding-top: 55px;
    padding-bottom: 27px;
    padding-top: 0;
    padding-bottom: 40px;
}
.super_teacher .section_title {
    color: #000;
    font-size: 24px;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 55px;;
}
.super_teacher .teacher_content ul {
    overflow: hidden;
    clear: both;
    margin-bottom: 27px;
    margin-bottom: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
@media (min-width: 768px){
  .super_teacher .teacher_content ul li.spel {
      width: 50%;
  }
}
.super_teacher .teacher_content ul li .teacher_pic {
    overflow: hidden;
}
.super_teacher .teacher_content ul li .teacher_pic img {
    display: block;
    width: 100%;
}
.super_teacher .teacher_infor {
    padding: 21px 0;
    overflow: hidden;
    display: block;
    position: relative;
}
.super_teacher .per_position {
    font-size: 14px;
    color: #999999;
    line-height: 1.928;
    display: block;
}
.super_teacher .per_name {
    font-size: 24px;
    color: #000000;
    line-height: 1.5;
    display: block;
    font-weight: bold;
}

.train_show .section_title {
    color: #000;
    font-size: 24px;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 55px;
}
.train_show .train_pic ul li {
    margin: 15px 0;
    cursor: pointer;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.train_show .train_pic ul li img{width: 100%;}

@media screen and (max-width: 768px){
  .ny_category_menu ul{padding: 12px 0;}
  .super_teacher .section_title,.train_show .section_title{font-size: 22px;padding: 20px 0;}
  .super_teacher .teacher_infor{padding: 10px 0;}
  .super_teacher .per_name{font-size: 16px;}
}

/* 讲师团队详情页 */
.college_detail_content .detail_title {
    font-size: 36px;
    color: #000000;
    line-height: 1;
    padding:60px 0;
    text-align: center;
}
.college_detail_content .detail_content {
    position: relative;
    clear: both;
}
.college_detail_content .detail_content .larpic_block {
    height: 100%;
}
.college_detail_content .detail_content .larpic_block img {
    width: 100%;
    height: auto;
}
.college_detail_content .detail_content .larpic_block p {
    line-height: 30px;margin-bottom: 5px;
    font-size: 16px;
}
.college_detail_content .detail_content .infor_block {
    position: absolute;
    left: 66.667%;
    height: 100%;
}
.college_detail_content .detail_content .thumb_block p {
    margin-bottom: 7.1%;
    max-width: 100%;
    overflow: hidden;
}
.college_detail_content .detail_content .thumb_block p img {
    display: block;
    width: 100%;
}
.college_detail_content .detail_content .detail_block {
    align-items: center;
    padding: 30px 50px;
    background: #f5f3f0;
    text-align: center;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
}
.college_detail_content .detail_content .detail_block .comp_name {
    font-size: 14px;
    line-height: 2.14;
    color: #000;
    color: rgba(0,0,0,0.6);
}
.college_detail_content .detail_content .detail_block .name {
    font-size: 30px;
    color: #000000;
    line-height: 1.533;
}
.college_detail_content .detail_content .detail_block .position {
    font-size: 14px;
    color: #000000;
    line-height: 2.14;
    display: block;
}
.college_detail_content .detail_content .detail_block .per_motto {
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    margin-top: 25px;
}

/* 在线留言 */
.ly-k{padding: 10px 0;}
.ly-k p{font-size: 16px;line-height: 26px;margin-bottom: 15px;color: #d90000;margin-bottom: 20px;}
.ly-k .ly-k-k{
  float: left;
  width: 49%;
  padding:0 10px;
  line-height: 45px;
    font-size: 16px;
    color: #333;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 5px #eee;
    margin-right: 2%;
    border-radius: 0;
    margin-bottom: 25px;
}
.ly-k .ly-k-k3{
  display: inline-block;
  width: 100%;
  padding:0 10px;
  line-height: 45px;
    font-size: 16px;
    color: #333;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 5px #eee;
    border-radius: 0;
    margin-bottom: 25px;
}
.ly-k .ly-k-k1{
  display: inline-block;
  width: 100%;
  height: 81px;
  padding:0 10px;
  line-height: 35px;
    font-size: 16px;
    color: #333;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 5px #eee;
    border-radius: 0;
    margin-bottom: 25px;
}
.ly-k .ly-k-k2{
  display: inline-block;
  width: 280px;
  padding:0 10px;
  line-height: 45px;
    font-size: 16px;
    color: #333;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 5px #eee;
    border-radius: 0;
    margin-right: 20px;
    margin-bottom: 25px;
}
.ly-k .ly_ti,input#submit{
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  padding: 0;
  border: 0;
  margin-bottom: 25px;
}
@media only screen and (max-width: 768px){
  .ly-k .ly_ti,input#submit{line-height: 35px;}
  .ly-k .ly-k-k,.ly-k .ly-k-k3,.ly-k .ly-k-k1{margin-bottom: 15px;}
}







/* css3 */
#canv{position: absolute;left: 0;right: 0;bottom: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.hover_animation{ 
  transition: all .6s;
  -moz-transition: all .6s;
  -webkit-transition: all .6s ;
  -o-transition: all .6s;
}
.hoverscale:hover img{
    transform:scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
}
.hoverup:hover img{
    -webkit-transform: translate3d(0,-8px,0);
    -moz-transform: translate3d(0,-8px,0);
    transform: translate3d(0,-8px,0);
}
.ny_banner img{
   animation: sliderzoom linear 30s infinite alternate;
   -webkit-animation: sliderzoom linear 30s infinite alternate;
   animation-iteration-count: infinite;
}
@-webkit-keyframes sliderzoom {
    from {
        -webkit-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -ms-transform:scale(1.0);
        -o-transform:scale(1.0);
        transform:scale(1.0);
    }
    to {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1);
    }
}


.tc_animation {
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
@-webkit-keyframes fadeInLeft {
    0% {opacity:0;-webkit-transform:translateX(-100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft {
    0% {opacity:0;-moz-transform:translateX(-100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft {
    0% {opacity:0;-o-transform:translateX(-100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeft {
    0% {opacity:0;transform:translateX(-100px)}
    100% {opacity:1;transform:translateX(0)}
}
.tc_animation.fade-in-left{
    opacity:0;
    /* opacity:1\0/IE9; */
    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    transform:translateX(-100px);
    /* -ms-transform:translateX(0)\0/IE9; */
}
.tc_animation.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    -moz-animation-name:fadeInLeft;
    -o-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translateX(100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight {
    0% {opacity:0;-moz-transform:translateX(100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight {
    0% {opacity:0;-ms-transform:translateX(100px)}
    100% {opacity:1;-ms-transform:translateX(0)}
}
@-o-keyframes fadeInRight {
    0% {opacity:0;-o-transform:translateX(100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInRight {
    0% {opacity:0;transform:translateX(100px)}
    100% {opacity:1;transform:translateX(0)}
}
.tc_animation.fade-in-right{
    opacity:0;
    /* opacity:1\0/IE9; */
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    /* -ms-transform:translateX(0)\0/IE9; */
}
.tc_animation.fadeInRight {
    -webkit-animation-name:fadeInRight;
    -moz-animation-name:fadeInRight;
    -o-animation-name:fadeInRight;
    animation-name:fadeInRight;
}
.hoverimg:hover .wy_newsimg{
    transform:scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
}
.hoverimg:hover img{
    transform:scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
}

@-webkit-keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translateY(-20px)}
    100% { opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes fadeInUp {
    0% {opacity:0;-moz-transform:translateY(-20px)}
    100% {opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp {
    0% {opacity:0;-o-transform:translateY(-20px)}
    100% {opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInUp {
    0% {opacity:0;transform:translateY(-20px)}
    100% { opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeInDown {
    0% {opacity:0;-webkit-transform:translateY(30px)}
    100% { opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes fadeInDown {
    0% {opacity:0;-moz-transform:translateY(30px)}
    100% {opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
    0% {opacity:0;-o-transform:translateY(30px)}
    100% {opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
    0% {opacity:0;transform:translateY(30px)}
    100% { opacity:1;transform:translateY(0)}
}
@-moz-keyframes scrollTop{
  0%{transform:translate3d(0,80px,0);opacity:0}to{transform:translateZ(0);opacity:1}
}
@-o-keyframes scrollTop{
  0%{transform:translate3d(0,80px,0);opacity:0}to{transform:translateZ(0);opacity:1}
}
@-webkit-keyframes scrollTop{
  0%{transform:translate3d(0,80px,0);opacity:0}to{transform:translateZ(0);opacity:1}
}
@keyframes scrollTop{
  0%{transform:translate3d(0,80px,0);opacity:0}to{transform:translateZ(0);opacity:1}
}


.animationdelay:nth-child(1) {animation-delay: 0.1s;}
.animationdelay:nth-child(2) {animation-delay: 0.3s;}
.animationdelay:nth-child(3) {animation-delay: 0.5s;}
.animationdelay:nth-child(4) {animation-delay: 0.6s;}

.animationdelay:nth-child(5) {animation-delay: 0.1s;}
.animationdelay:nth-child(6) {animation-delay: 0.3s;}
.animationdelay:nth-child(7) {animation-delay: 0.5s;}
.animationdelay:nth-child(8) {animation-delay: 0.6s;}

.animationdelay:nth-child(9) {animation-delay: 0.1s;}
.animationdelay:nth-child(10) {animation-delay: 0.3s;}
.animationdelay:nth-child(11) {animation-delay: 0.5s;}
.animationdelay:nth-child(12) {animation-delay: 0.6s;}
.animationdelay:nth-child(13) {animation-delay: 0.7s;}

.nav_my{padding: 5px 0;width: 100%;background: #fff;background-size: 100% 100%;display: none;}
.nav_my ul{width: 100%;text-align: center;border-top: 2px solid #4581fb;}
.nav_my ul li{
  float: left;
  width: 25%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.nav_my ul li a{
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-size: 14px;
}
.nav_my ul li:nth-child(4){border-right: 0 none;}
.nav_my ul li:nth-child(8){border-right: 0 none;}
@media screen and (max-width: 768px){
  .nav_my{display: block;}
}

.hoverbefore:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e73633;
    z-index: -1;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    transform-origin: right center;
    -webkit-transition: transform 0.3s cubic-bezier(.075,.82,.165,1);
    -moz-transition: transform 0.3s cubic-bezier(.075,.82,.165,1);
    -ms-transition: transform 0.3s cubic-bezier(.075,.82,.165,1);
    -o-transition: transform 0.3s cubic-bezier(.075,.82,.165,1);
    transition: transform 0.3s cubic-bezier(.075,.82,.165,1);
}
.hoverbefore:hover::before {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    transform-origin: left center;
    color: #fff;
}

.lineafter:after {
    content: "";
    display: block;
    width: 23px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s cubic-bezier(.075,.82,.165,1);
    transition: 0.3s cubic-bezier(.075,.82,.165,1);
}
.footer_block ul li:hover .lineafter::after {
    width: 100%;
}


/* 内页关于我们 */
.ny_about_title{background: #f5f3f0;padding:90px 0;text-align: center;}
.ny_about_title h2{font-size: 50px;color:#232323;}
@media screen and (max-width: 1200px){
  .ny_about_title{padding:60px 0;}
  .ny_about_title h2{font-size: 36px;}
}
@media screen and (max-width: 768px){
  .ny_about_title{padding:25px 0;}
  .ny_about_title h2{font-size: 22px;}
}
.ny_about_g{background: #edeae6;}
.ny_about_g ul{background: none;}

.brand_impression .section_title {
    color: #000;
    font-size: 24px;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 40px;
}
.brand_impression .section_block{
  text-align: center;
  margin-bottom: 45px;
}
.brand_impression .section_block,.brand_impression .section_block p {
    color: #000;
    font-size: 16px;
    line-height: 33px;
    text-align: center;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
}
.brand_impression .section_more {
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: center;
}
.brand_impression .section_more a {
    display: inline-block;
    width: 262px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #000;
    font-size: 14px;
    border: 2px solid #000;
    position: relative;
    z-index: 1;
}
.section_more .hoverbefore:hover{color: #fff;}
@media screen and (max-width: 768px){
  .brand_impression .section_block{margin-bottom: 25px;}
  .brand_impression .section_title{font-size: 22px;padding: 25px 0 20px 0;}
  .brand_impression .section_block, .brand_impression .section_block p{font-size: 14px;}
  .brand_impression .section_more{margin: 30px 0;}
  .brand_impression .section_more a{width: 200px;height: 45px;line-height: 45px;}
}
.hlny_about_content{
  display: none;
  text-align: left;
  margin-top: 36px;
}
.hlny_about_content p{color: #333;line-height: 30px;font-size: 16px;margin-bottom: 5px;}
.hl_ny_culture{background: #f5f3f0;padding:0px 0 50px 0;margin-bottom: 30px;}


.hl_mbx{line-height: 30px;}
.hl_mbx h4{display: none;}
.hl_mbx span,.hl_mbx span a{color: #222;}


.hl_links{color: #fcfcfc;line-height: 24px;padding: 15px 0;}
.hl_links a{color: #fcfcfc;padding-right: 10px;}
.hl_links a:hover{color: #e10804;}
.footer_bottom {
    background: #000000;
    line-height: 28px;
    padding: 15px 0;
    color: #fcfcfc;
    text-align: center;
}
.footer_bottom a{color: #fcfcfc;}
@media screen and (max-width: 768px){
  .hl_mbx {display: none;}
}



/* 首页后加 */

#lzj_index_brand {
    padding-bottom: 34px;
    padding-top: 40px;
    padding-bottom: 40px;
}
#lzj_index_brand .brand_content .brand_intro {
    padding: 0 15px;
}
#lzj_index_brand .brand_content .brand_intro .intro_bg {
    overflow: hidden;
    background: #f7f7f7;
}
#lzj_index_brand .brand_content .brand_intro .intro_pic {
    overflow: hidden;
    padding: 0;
}
#lzj_index_brand .brand_content .brand_intro .intro_pic span {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
}
#lzj_index_brand .brand_content .brand_intro .intro_pic img {
    display: block;
    width: 100%;
}
#lzj_index_brand .brand_content .brand_intro .intro_info {
    overflow: hidden;
    padding: 64.54px 40px;
}
#lzj_index_brand .brand_content .brand_intro .intro_info h1 {
    display: inline-block;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin: 18px 0;
    padding-right: 12px;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#lzj_index_brand .brand_content .brand_intro .intro_info .info_txt p {
    color: #999;
    font-size: 14px;
    line-height: 2.14;
    text-align: justify;
}
#lzj_index_brand .brand_content .brand_intro .info_more {
    margin-top: 15px;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
}
#lzj_index_brand .brand_content .brand_intro .info_more a {
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 12px;
    line-height: 2.25;
    font-weight: bold;
}
#lzj_index_brand .brand_content .brand_intro .info_more a:after {
    content: "";
    display: block;
    width: 23px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s cubic-bezier(.075,.82,.165,1);
    transition: 0.3s cubic-bezier(.075,.82,.165,1);
}
#lzj_index_brand .brand_content .brand_intro .info_more a:hover::after {
    width: 100%;
}
@media (max-width: 768px){
  #lzj_index_brand .brand_content .brand_intro .intro_info {
      padding: 12px 20px 40px 20px;
  }
  #lzj_index_brand .brand_content .brand_intro .intro_info h1{font-size: 20px;}
  #lzj_index_brand{padding: 25px 0;}
}

#lzj_index_brand .brand_content .brand_block {
    margin-top: 60px;
}
#lzj_index_brand .brand_content .brand_block .swiper-wrapper .swiper-slide .block_pic {
    overflow: hidden;
    position: relative;
}
#lzj_index_brand .brand_content .brand_block .swiper-wrapper .swiper-slide .block_pic span {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
}
#lzj_index_brand .brand_content .brand_block .swiper-wrapper .swiper-slide .block_pic img {
    display: block;
    width: 100%;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
#lzj_index_brand .brand_content .brand_block .swiper-wrapper .swiper-slide .block_pic p {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background: rgba(255,255,255,0.7);
    padding: 0 15px;
    color: #eb6623;
    font-size: 14px;
    line-height: 2.64;
    font-weight: bold;
}
#lzj_index_brand .brand_content .brand_block .swiper-wrapper .swiper-slide .block_info {
    padding-left: 15px;
    margin-top: 20px;
    color: #999;
    line-height: 1.666;
    position: relative;
}
#lzj_index_brand .brand_content .brand_block .swiper-wrapper .swiper-slide .block_info:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #eb6623;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7.5px;
}
.swiper-container-brand .swiper-wrapper{padding-bottom: 52px;}
.swiper-container-brand .swiper-pagination-bullet-active {
    background: #eb6623;
}
.swiper-container-brand{display: none;}
@media (max-width: 767px){
  .swiper-container-brand{display: block;}
  #lzj_index_brand .brand_content .brand_block{margin-top: 25px;}
}

#hl_index_join .join_content .join_info {
  font-size: 0;
    position: absolute;
    padding: 90px 60px 100px 35px;
    background: rgba(255,255,255,0.8);
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 1s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 1s;
    left: 0;
    bottom: 0;
    top: 0;
}
#hl_index_join .join_content .join_info h1 {
    color: #000;
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
}
#hl_index_join .join_content .join_info h1 span {
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.6s 1.4s;
    transition: 0.6s 1.4s;
}
#hl_index_join .join_content .join_info h2 {
    display: block;
    padding: 5px 0;
    position: relative;
    z-index: 1;
}
#hl_index_join .join_content .join_info h2 .news-limit span {
    display: block;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-size: 36px;
    line-height: 1.611;
    font-weight: bold;
    padding: 0 10px;
    background: #eb6623;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 1.2s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 1.2s;
}
#hl_index_join .join_content .join_info .join_desc {
    padding: 14px;
}
#hl_index_join .join_content .join_info .join_desc p {
    color: #999;
    font-size: 14px;
    line-height: 1.714;
    -webkit-transition: 0.6s 1.4s;
    transition: 0.6s 1.4s;
}
#hl_index_join .join_content .join_info .join_more {
    margin-top: 30px;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
}
#hl_index_join .join_content .join_info .join_more a {
    display: block;
    width: 162px;
    height: 35px;
    line-height: 31px;
    text-align: center;
    color: #000;
    font-size: 14px;
    border: 2px solid #000;
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    -moz-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    -ms-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    -o-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    transition: color 0.5s cubic-bezier(.075,.82,.165,1);
}
#hl_index_join .join_content .join_info .join_more a:hover {
    color: #fff;
}
@media (max-width: 1200px){
  #hl_index_join .join_content .join_info h2 .news-limit span {
      font-size: 22px;
  }
  #hl_index_join .join_content .join_info {
     padding: 41px 60px 0px 35px;
    }
}

#lzj_index_international {
    padding: 60px 0;
    background: #eee;
}
#lzj_index_international .inter_content {
    overflow: hidden;
    clear: both;
}
#lzj_index_international .inter_content ul li {
    margin-bottom: 30px;
}

#lzj_index_international .inter_content ul li.spel a {
    padding: 36px 40px 4px 40px;
}

#lzj_index_international .inter_content ul li a {
    display: block;
    position: relative;
    z-index: 1;
}
#lzj_index_international .inter_content ul li:hover a{
  box-shadow: 0 1px 10px #ccc;
}
@media (max-width: 992px){
  #lzj_index_international .inter_content ul li.spel a {
      padding: 8px;
  }
}
@media (max-width: 768px){
  #lzj_index_international .inter_content ul li{padding:0 8px;}
  #lzj_index_international{margin-top: 15px;}
  #lzj_index_international .inter_content ul li .inter-name{font-size: 14px;}
}
#lzj_index_international .inter_content ul li .inter-pic {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#lzj_index_international .inter_content ul li .inter-pic span {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
}
#lzj_index_international .inter_content ul li .inter-pic img {
    display: block;
    width: 100%;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
#lzj_index_international .inter_content ul li .inter-name {
    display: block;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 3.111;
    -webkit-transition: 0.6s 0.4s;
    transition: 0.6s 0.4s;
}
#lzj_index_international .inter_content ul li a:before {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1);
    transition: transform 1s cubic-bezier(.075,.82,.165,1);
}
#lzj_index_international .inter_more {
    margin-top: 30px;
    -webkit-transition: 0.6s 0.8s;
    transition: 0.6s 0.8s;
}
#lzj_index_international .inter_more a {
    display: block;
    width: 218px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
    background: #4581fb;
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    -moz-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    -ms-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    -o-transition: color 0.5s cubic-bezier(.075,.82,.165,1);
    transition: color 0.5s cubic-bezier(.075,.82,.165,1);
}
@media (max-width: 768px){
  #lzj_index_international .inter_content ul li .inter-name{font-size: 14px;}
  #lzj_index_international .inter_more a{height: 42px;line-height: 42px;width: 188px;}
}
#lzj_index_procategory {
    padding: 60px 0;
}
#lzj_index_procategory .category_content ul li {
    margin-bottom: 35px;
}
#lzj_index_procategory .category_content ul li .category-pic {
    overflow: hidden;
}
#lzj_index_procategory .category_content ul li .category-pic span {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
}
#lzj_index_procategory .category_content ul li .category-pic img {
    display: block;
    width: 100%;
    -webkit-transition: 4s cubic-bezier(.075,.82,.165,1);
    transition: 4s cubic-bezier(.075,.82,.165,1);
}
#lzj_index_procategory .category_content ul li .category-info {
    padding: 10px 0;
    font-size: 0;
    position: relative;
    overflow: hidden;
}
#lzj_index_procategory .category_content ul li .category-info .info-left {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 82.5%;
}
#lzj_index_procategory .category_content ul li .category-info .info-left .sup {
    display: block;
    text-align: left;
    color: #000;
    font-size: 18px;
    line-height: 1.777;
    overflow: hidden;
    -webkit-transition: 0.4s cubic-bezier(.075,.82,.165,1);
    transition: 0.4s cubic-bezier(.075,.82,.165,1);
}
#lzj_index_procategory .category_content .category-info .info-left .sub {
    display: block;
    text-align: left;
    color: #999;
    font-size: 14px;
    line-height: 2;
    overflow: hidden;
}
#lzj_index_procategory .category_content .category-info .info-right {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 17.5%;
    background: #eee;
    border-radius: 50%;
}
#lzj_index_procategory .category_content .category-info .info-right img {
    display: block;
    width: 100%;
}
#lzj_index_procategory .category_content .category-info .info-more {
    display: block;
    margin-top: 4px;
}
#lzj_index_procategory .category_content .category-info .info-more span {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 12px;
    line-height: 2;
    font-weight: bold;
}
#lzj_index_procategory .category_content .category-info .info-more span:after {
    content: "";
    display: block;
    width: 23px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.3s cubic-bezier(.075,.82,.165,1);
    transition: 0.3s cubic-bezier(.075,.82,.165,1);
}
#lzj_index_procategory .category_content li:hover .category-info .info-more span:after {
    width: 100%;
}

.hoverimg2:hover .category-pic img{
    transform:scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
}
#lzj_index_mobile_procategory {
    padding: 20px 0 5px 0;
}
#lzj_index_mobile_procategory ul {
    padding: 0 7.5px;
    font-size: 0;
}
#lzj_index_mobile_procategory ul li {
    margin-bottom: 15px;
    padding: 0 7.5px;
}
#lzj_index_mobile_procategory ul li a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #eb6623;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 12px;
    -webkit-transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
    transition: transform 1s cubic-bezier(.075,.82,.165,1) 0.2s;
}
#lzj_index_mobile_procategory ul li a span img {
    display: block;
    width: 100%;
}



.home-banner-bottom {
    background: #f5f5f5;
    padding: 45px 0;
    overflow: hidden;
    color: #333;
}
.using-num {
    font-size: 34px;
    color: #333;
    line-height: 66px;
}
.using-num span.font-din {
    font-weight: 400;
    font-size: 44px;
    position: relative;
    top: 4px;
    margin-right: 3px;
}
.call-num {
    font-size: 24px;
    line-height: 100%;
    padding: 5px 0 8px;
    color: #333;
    display: block;
    font-weight: bold;
    float: left;
    margin-right: 61px;
    position: relative;
}

span.ad-txt {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.call-num .ad-txt {
    text-align: left;
    padding-left: 8px;
    font-size: 14px;
}
.blue-btn{
    width: 166px;
    height: 46px;
    border: none;
    color: #fff;
    line-height: 46px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    position: relative;
    background-color: #4581fb;
    transition: all .75s ease;
    border-radius: 0;
}
.button-apply span.ad-txt {
    top: 50.5px;
}
@media only screen and (max-width:1200px){
    .using-num{font-size:30px;}
}
@media only screen and (max-width:768px){
    .using-num{font-size:18px;line-height: 40px;}
    .home-banner-bottom{padding:10px 0;}
}

.box-why {
    padding: 77px 0;
    background-color: #fff;
    overflow-x: hidden;
}
.why-box.full {
    width: 100%;
    clear: both;
    text-align: center;
    margin-bottom: 80px;
}
.why-box-img {
    text-align: center;
    width: 100%;
    position: relative;
    height: 190px;
}
.why-box h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 100;
    clear: both;
    padding: 0 0 14px;
}
.why-box h3 a {
    color: #333;
}
.why-box.full p {
    width: 669px;
    margin: 0 auto;
    padding-bottom: 62px;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 30px;
}
.why-box.full.current .why-box-img {
    opacity: 1;
}
.why-box.full .why-box-img {
    height: 393px;
    background-image: url(../images/bg01.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    overflow: hidden;
    opacity: 0;
    transition: all 1.5s;
}
.why-box.full.current img.f {
    opacity: 1;
    animation: scrollTop 1s ease-in-out both;
    max-width: 100%;
}
.why-box-img img.f {
    top: inherit;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all .5s;
}
.why-box.full .why-box-img .why-icon {
    position: absolute;
    z-index: 2;
    text-align: center;
}
.why-icon.nuomi {
    left: 95px;
    top: 96px;
    width: 122px;
    padding-top: 112px;
}
.why-box.full.current .nuomi img, .why-box.full.current .nuomi span {
    animation-delay: .08s;
}

.why-box.full.current .why-icon img {
    animation: scrollTop .25s ease-in-out both;
}
.why-box.full .why-icon img {
    opacity: 0;
}
.why-icon img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.why-box.full.current .why-icon span {
    animation: fadeIn 1s ease-in-out both;
}
.why-icon span {
    display: inline-block;
    font-size: 16px;
    color: #8b8b8b;
    text-align: center;
    line-height: 18px;
    opacity: 0;
    position: relative;
}
.why-icon.tieba {
    left: 210px;
    top: 160px;
    width: 119px;
    padding-top: 109px;
}
.why-icon.liulanqi {
    left: 287px;
    top: 26px;
    width: 119px;
    padding-top: 109px;
}
.why-icon.map {
    left: 386px;
    top: 128px;
    width: 154px;
    padding-top: 144px;
}
.why-icon.shoubai {
    left: 526px;
    top: 58px;
    width: 154px;
    padding-top: 144px;
}
.why-icon.iqiyi {
    left: 680px;
    top: 30px;
    width: 119px;
    padding-top: 109px;
}
.why-icon.baike {
    left: 774px;
    top: 117px;
    width: 154px;
    padding-top: 144px;
}
.why-icon.zhidao {
    left: 904px;
    top: 51px;
    width: 119px;
    padding-top: 109px;
}
.why-icon.yunpan {
    left: 982px;
    top: 170px;
    width: 119px;
    padding-top: 109px;
}
.why-box {
    text-align: left;
    margin-bottom: 30px;
}
.why-box-img {
    text-align: center;
    width: 100%;
    position: relative;
    height: 190px;
}
.why-box.why-box3{float: right;}
.why-box2 p, .why-box3 p {
    padding-bottom: 50px;
    font-size: 16px;color: #999;
    line-height: 28px;
}
@media only screen and (max-width:1200px){
    .why-box h3{font-size: 26px;}
    .why-icon.nuomi {
        left: 124px;
        top: 29px;
        width: 122px;
        padding-top: 112px;
    }
    .why-icon.tieba {
        left: 41px;
        top: 113px;
        width: 103px;
        padding-top: 97px;
    }
    .why-icon.liulanqi {
        left: 160px;
        top: 160px;
        width: 110px;
        padding-top: 103px;
    }
    .why-icon.map {
        left: 227px;
        top: 128px;
        width: 136px;
        padding-top: 130px;
    }
    .why-icon.shoubai {
        left: 369px;
        top: 58px;
        width: 129px;
        padding-top: 126px;
    }
    .why-icon.iqiyi {left: 514px;}
    .why-icon.baike {
        left: 638px;
        top: 117px;
        width: 120px;
        padding-top: 117px;
    }
    .why-icon.zhidao {left: 750px;}
    .why-icon.yunpan {left: 837px;}
}
@media only screen and (max-width:992px){
    .box-why{padding: 45px 0;}
    .why-box.full .why-box-img{background-image: none;height: 100%;}
    .why-box.full{margin-bottom: 50px;}
}
@media only screen and (max-width:768px){
    .why-box h3{font-size: 22px;line-height: 36px;}
    .why-box.full{text-align: left;}
    .why-box.full p{font-size: 14px;width: auto;line-height: 28px;text-align: left;}
    .why-box2 p, .why-box3 p{font-size: 14px;}
}


.home_tab_sider{background: #f5f5f5;padding: 60px 0;}
.home_tab_sider_content{}

#tabs1{text-align:left;}
.menu1box{
 position:relative;
 overflow:hidden;
 text-align:left;
}
#tab_menu1{}
#tab_menu1 li{
 float:left;
 display:block;
 background: #fff;
 cursor:pointer;
 font-size: 20px;color: #313131;
 width:25%;
 line-height: 30px;
 padding-top: 30px;
 text-align:center;
 height:128px;
}
#tab_menu1 li span{display: block;font-size: 14px;}
#tab_menu1 li.hover{
 background:#434343;
 color: #fff;
}
.main1box{clear:both;}
#tab_main1{overflow: hidden;margin-top: 15px;}
#tab_main1 ul{display: none;}
#tab_main1 ul.block{display: block;}
#tab_main1 img{max-width: 100%;}


.home_tab_sider_content .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home_tab_sider_content .swiper-slide {
  text-align: center;
  font-size: 18px;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.home_tab_sider_content .swiper-slide a{display: block;background: #fff;padding:0px;box-shadow: 0 1px 8px #ddd;}
.home_tab_sider_content .swiper-slide div{overflow: hidden;}
.swiper_content{padding: 10px;}
.swiper_content p{
  font-size: 16px;color: #222;line-height: 40px;text-align: left;
  position: relative;font-weight: bold;
}
.swiper_content span{display: block;color: #666;line-height:26px;font-size: 14px;text-align: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;height: 52px;
}
.swiper_herf{background: #4581fb;padding: 15px 0;color: #fff;}


.home_tab_sider_content .swiper-slide img{max-width: 100%;}
.home_tab_sider_content .swiper-slide .block_more {
  text-align: left;
    display: block;
    margin-top: 4px;
    color: #000;
    font-size: 12px;
    line-height: 2.166;
    font-weight: bold;
    font-style: normal;
    position: relative;
}
.home_tab_sider_content .swiper-slide:hover .lineafter::after {width: 40%;}
.swiper-button-next{width: 41px;height: 55px;}
.swiper-button-prev{width: 41px;height: 55px;}
.swiper-button-next, .swiper-button-prev{top: 48%;}
.swiper-pagination-bullet-active{background: #08a8a0;}
@media (max-width: 1200px){
    #tab_menu1 li{padding: 30px 0;height: auto;}
}
@media (max-width: 992px){
    #tab_menu1 li{padding: 20px 0;height: auto;font-size: 18px;}
}
@media (max-width: 768px){
    #tab_menu1 li{padding: 5px 0;height: auto;font-size: 15px;}
    #tab_main1{margin: 0;}
    .home_tab_sider{padding:30px 10px;}
    .swiper_herf{font-size: 15px;padding: 10px 0;}
}


.front-last {padding: 90px 0;}
.front-last-left {}
.front-last-left h2.title {
    margin-bottom: 50px;
    line-height: 100%;
    font-weight: 100;
    font-size: 44px;
    color: #333;
    position: relative;
}
.front-last-left p {
    color: #999;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 200px;
}
.front-last-charts {
    position: relative;
}
.front-last-charts img{max-width: 100%;}
.chart-icons {
    height: 85px;
    width: 100%;
    clear: both;
}
.chart-icons span.red {
    background-image: url(../images/c-red.svg);
}
.chart-icons span.blue {
    background-image: url(../images/c-blue.svg);
}
.chart-icons span {
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 15px;
    color: #999;
    padding-right: 25px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 12px;
    display: block;
    float: right;
    clear: both;
}
@media (max-width: 1200px){
    .front-last-left p{margin-bottom: 125px;}
    .front-last-left h2.title{font-size: 36px;}
}
@media (max-width: 992px){
    .front-last-left p{margin-bottom: 60px;}
    .front-last-left h2.title{font-size: 28px;}
}
@media (max-width: 768px){
    .front-last-left{margin-bottom: 25px;}
    .front-last-left h2.title{margin-bottom: 20px;font-size: 22px;}
    .front-last-left p{margin-bottom: 30px;}
    .blue-btn{height: 40px;line-height: 40px;}
}

.business-objective {
    padding: 80px 0 50px 0;
    background: #f7f7f7;
}
.business-objective h2{
    color: #333;
    font-size: 36px;
    line-height: 55px;
    font-weight: 100;
    margin-bottom: 5px;
}
.business-objective p.business-objective-p{
    font-size: 18px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 10px;
}
.box-content {
    padding-top: 40px;
}
.advantage3 li {
    padding-top: 220px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 20px;
    float: left;
}
.advantage3 li:last-of-type {
    margin-right: 0;
}
.advantage3 li.ad3-1 {
    background-image: url(../images/ad3-1.gif);
    background-size: 250px;
}
.advantage3 li.ad3-2 {
    background-image: url(../images/ad3-2.gif);
    background-size: 300px;
}
.advantage3 li.ad3-3 {
    background-image: url(../images/ad3-3.gif);
    background-size: 300px;
}
.advantage3 li h3{
    font-size: 24px;
    color: #393939;
    font-weight: 100;
    line-height: 32px;
    margin-bottom: 16px;
}
.advantage3 li p {
    min-height: inherit;
    margin-bottom: 40px;
    font-size: 16px;
    color: #87878A;
    line-height: 24px;
}
@media (max-width: 992px){
    .business-objective h2{font-size: 28px;}
    .advantage3 li h3{font-size: 20px;}
    .advantage3 li p{font-size: 14px;}
}
@media (max-width: 768px){
    .business-objective{padding: 45px 0 15px 0;}
    .business-objective h2{font-size: 22px;}
    .business-objective p.business-objective-p{font-size: 16px;}
    .advantage3 li{background-position: center top;padding-left: 0;padding-right: 0;text-align: center;background-size:auto !important;}
    .advantage3 li h3{font-size: 20px;}
    .advantage3 li p{font-size: 14px;}
}

#ddr {
    padding: 77px 0;
    background-color: #fff;
}
.baidu_title h2 {
    font-size: 36px;
    color: #333333;
    font-weight: 100;
    margin-bottom: 5px;
    line-height: 55px;
    position: relative;
}
.baidu_title p.baidu_p{
    font-size: 18px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 10px;
}
.advantage-banner {
    border-radius: 6px;
    overflow: hidden;
    padding-top: 20px;
}
.advantage-banner img {
    max-width: 100%;
    border-radius: 6px;
}
.dx li {
    text-align: center;
    font-size: 18px;
    color: #393939;
    line-height: 28px;
    margin-top: 45px;
    padding-top: 55px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    cursor: pointer;
    /* overflow: hidden; */
}
.dx li.dx-liulan {
    background-image: url(../images/dx-liulan.svg);
    background-size: 46px;
}
.dx li.dx-daofang {
    background-image: url(../images/dx-daofang.svg);
    background-size: 47px;
    background-position: center 5px;
}
.dx li.dx-tieba {
    background-image: url(../images/dx-tieba.svg);
    background-size: 45px;
}
.dx li.dx-dili {
    background-image: url(../images/dx-dlwz.svg);
    background-size: 44px;
    background-position: center 4px;
}
.dx li.dx-yidong {
    background-image: url(../images/dx-yidong.svg);
    background-size: 44px;
    background-position: center 4px;
}
.dx li.dx-xinxi {
    background-image: url(../images/dx-jbxx.svg);
    background-size: 54px;
    background-position: center 3px;
}
.dx li.dx-yonghu {
    background-image: url(../images/dx-yhxq.svg);
    background-size: 46px;
    background-position: center 5px;
}
.dx li.dx-shejiao {
    background-image: url(../images/dx-sjgx.svg);
    background-size: 63px;
    background-position: center 4px;
}
.dx li span {
    display: block;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(39,43,157,0.17);
    font-size: 14px;
    color: #87878A;
    line-height: 21px;
    padding: 25px 40px;
    opacity: 0;
    transform: translate3d(0,-50%,0);
    transition: all 0.3s;
    text-align: left;
}
.dx li:hover span {
    opacity: 1;
    transform: translate3d(0,-10px,0);
}
@media (max-width:1200px){
    .dx li span{padding:20px 15px;}
}
@media (max-width: 992px){
    .baidu_title h2{font-size: 28px;}
    .dx li span{padding:15px;}
}
@media (max-width: 768px){
    #ddr{padding: 35px 0;}
    .baidu_title h2{font-size: 22px;}
    .baidu_title p.baidu_p{font-size: 14px;}
    .dx li{font-size: 16px;}
}

.help_faq{padding: 36px 0;}
.aui-menu-item {
    line-height: 45px;
    padding: 10px 0;
    position: relative;
}
.aui-menu-item .link{padding-left: 25px;cursor: pointer;font-size: 16px;}
ul.accordion{padding:30px 10px;background: #f6f6f6;}
.accordion li.open .link {
    color: #4581fb;
    font-weight: bold;
}
.accordion li i {
    position: absolute;
    color: #a7a7a7;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background-size: 16px;
}

.accordion i.icon{
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
}
.aui-icon-q {
    background: url(../images/q.png) no-repeat;
    background-size: 16px;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 24px;
}
.accordion li.open i.aui-icon-q {
    background: url(../images/qq.png) no-repeat;
    background-size: 16px;
}
.accordion .icon-dow {
    position: absolute;
    background-size: 20px;
    right: 0;
    top: 22px;
    background-image: url(../images/s.png);
}
.accordion li.open i.icon-dow {
    background-image: url(../images/ss.png);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.submenu {
    display: none;
    padding-left: 25px;
    position: relative;
    padding-bottom: 20px;
}
.submenu p{line-height: 28px;}
.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.icon-a {
    position: absolute;
    top: 0;
    left: 0;
    background-size: 16px;
    background: url(../images/a.png) no-repeat left 5px;
}
@media screen and (max-width: 768px){
  .help_faq{padding: 15px 0;}
  ul.accordion{background: #fff;padding:0 10px;}
}

/* 代理查询 */
.inquire_title{background: #4581fb;text-align: center;padding:50px 0;}
.inquire_title h2{font-size: 40px;font-weight: 100;color: #fff;}
@media (max-width: 1200px){
  .inquire_title{padding: 36px 0;}
  .inquire_title h2{font-size: 30px;}
}
@media (max-width: 992px){
  .inquire_title{padding: 30px 0;}
  .inquire_title h2{font-size: 26px;}
}
@media (max-width: 768px){
  .inquire_title{padding: 18px 0;}
  .inquire_title h2{font-size: 18px;}
}

.inquire_inquire{margin: 50px 0;}
.inquire_inquire select{width:100%;line-height: 42px;height: 42px;border: 1px solid #d4d5d6;}
.inquire_inquire button{width:100%;line-height: 42px;height: 42px;background: #4581fb;border: 0;box-shadow: none;color: #fff;font-size: 16px;}
@media (max-width: 768px){
  .inquire_inquire{margin: 22px 0;}
  .inquire_inquire .inquire_inquire_div{padding: 0 10px 0 0;}
  .inquire_inquire select{line-height: 36px;height: 36px;}
  .inquire_inquire button{line-height: 36px;height: 36px;font-size: 15px;}
}

.bd_inquire_list{}
.bd_inquire_list ul li{border: 2px solid #e5e5e1;border-radius: 5px;padding: 15px 0;margin-bottom: 40px;}
.bd_inquire_list ul li:hover{box-shadow: 0 1px 8px #ccc;
    -webkit-transform: translate3d(0,-5px,0);
    -moz-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
}
.bd_inquire_list_img{border-right:1px solid #e5e5e6;padding-right: 30px;}
.bd_inquire_list_content{padding-left: 30px;}
.bd_inquire_list ul li img{max-width: 100%;}
.bd_inquire_list ul li h3{font-size: 24px;color: #1a1a1a;font-weight: 100;line-height: 30px;margin-bottom: 10px;}
.bd_inquire_list ul li p{font-size: 18px;color: #1a1a1a;line-height: 38px;}
@media (max-width: 1200px){
  .bd_inquire_list ul li h3{font-size: 20px;}
  .bd_inquire_list ul li p{font-size: 16px;line-height: 36px;}
}
@media (max-width: 992px){
  .bd_inquire_list ul li h3{font-size: 16px;margin-bottom: 0;}
  .bd_inquire_list ul li p{font-size: 14px;line-height: 22px;}
  .bd_inquire_list_img{padding-right: 15px;}
  .bd_inquire_list_content{padding-left: 15px;}
}
@media (max-width: 768px){
  .bd_inquire_list ul li .bd_inquire_list_img{text-align: center;margin-bottom: 15px;border-right:0;}
  .bd_inquire_list ul li{margin-bottom: 25px;}
}

/* 网站建设 */
.bg_bai {background: #fff;}
.kb40 {height: 40px;}
.yjbt {
    font-weight: bold;
    color: #333;
    font-size: 36px;
    line-height: 45px;
    text-align: center;
}
.kb10 {height: 10px;}
.company_t2 {
    font-size: 24px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #5b5b5b;
}
.jztc{line-height:22px; color: #474747; 
  transition: all .5s ease 0s; margin: 44px 0; position: relative;}
.jztc1 .box{ background:url(../images/p1.png) no-repeat center 20px #f8f8f8;}
.jztc2 .box{ background:url(../images/p2.png)  no-repeat center 20px #f8f8f8;}
.jztc3 .box{ background:url(../images/p3.png)  no-repeat center 20px #f8f8f8;}
.jztc .box{ height:444px; width:100%; font-size: 15px;padding-top: 114px;transition: 0.3s all; }
.jztc .box .center{text-align: center;line-height: 40px;}
.jztc .tit{ color:#434343; line-height: 60px; font-weight: bold; transition: 0.3s all; font-size: 30px;  margin-top: 50px;text-align: center;}
.jztc>p{ color: #5f5f5f; font-size: 18px;}
.jztc .riqi{ font-size: 16px; width: 144px; height: 32px; line-height: 32px; text-align: center; background: #ffffff; border:1px solid #e0e1e4; margin: 15px auto 0 auto; color: #5e5e5e;}
.jztc .cont{ padding: 10px 28px; height: 160px; opacity: 0;}
.jztc .cont p{ padding: 4px 0;}
.jztc .price{ position: absolute; width: 100%; left: 0; bottom: 100px;}


.jztc .tel{ width: 210px; height: 46px; border: 1px solid #b9b9b9; display: block; 
  transition: 0.3s all; margin: 0 auto; text-align: center; line-height: 46px; border-radius: 24px;}
.jztc:hover .tel{ color: #FFF; background: #0058ac;}
.jztc:hover .tit,.jztc:hover p{ color: #FFF;}

.jztc:hover .tit{ margin-top: 0; font-size: 24px; line-height: 42px;}
.jztc:hover .tit p{ font-size: 16px;}
.jztc:hover .cont{ opacity: 1; padding: 10px 28px;}


.jztc:hover .box{
  -moz-box-shadow:0px 0px 8px rgba(0,0,0,.47); 
  -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.47); 
  box-shadow:0px 0px 8px rgba(0,0,0,.47); 
  color: #FFF;}
.jztc1:hover .box{ background:url(../images/p11.png) no-repeat center 20px #4581fb; }
.jztc2:hover .box{ background:url(../images/p22.png) no-repeat center 20px #4581fb; }
.jztc3:hover .box{ background:url(../images/p33.png) no-repeat center 20px #4581fb; color: #FFF;}

.kb20{height: 20px;}
.kb30{height: 30px;}
.jz_bj{width:100%; text-align: center; background-image:url(../images/jz_bj.jpg);padding: 50px 0;
  background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.jz_bj .yjbt,.pc_lc .yjbt,.pc_lc .company_t2{color: #FFF;}
.jz ul{ line-height: 42px; margin-bottom: 15px;}
.jz ul li{ display:inline-block; font-size: 18px; border-radius: 5px; height: 42px; line-height: 42px; padding: 0 15px; background: #4581fb; margin: 0 18px; position: relative;color: #fff;}
.jz ul li:before{ content: "+"; font-size: 30px; position: absolute; left: -28px; top:0;}
.jz ul li:first-of-type:before{ content: "";}
.new_pc .tit{ background: #4581fb; height: 45px; color: #FFF; line-height: 45px; font-size: 16px; font-weight: bold;}
.new_pc .gsmc{ padding-left: 20px; width: 320px; float: left;}
.new_pc .wzlx{ width: 110px; float: left; text-align:center}
.new_pc .zt{ padding: 0 20px; width: 80px; float: left; text-align: center;}
.new_pc_top li{ clear: both; height: 46px; line-height: 46px; border-bottom: 1px dotted #dedede; transition: 0.3s all;}
.new_pc_top li:hover{ background: #f4f5f8;}
.new_pc_top li:hover .gsmc{ color: #e30000;}
.f30 {
    font-size: 30px;margin-top: 12px;
    line-height: 40px;color: #fff;
}

.pc_lc {background: #4581fb;padding: 60px 0;}
.lc_img {
    height: 360px;
    width: 100%;
    text-align: center;
    background: url(../images/pc_lc.png) no-repeat center center;
}
.lc_img img{max-width: 100%;}
.h_category{width: 100%;padding: 25px 0;}
.h_category ul li{float: left;background: #ff9933;line-height:50px;text-align: center;margin: 0 15px;width:270px;font-size: 18px;}
.h_category ul li a{color: #fff;display: block;font-weight: bold;}
.h_category ul li:hover a{background: #298ece;}
.h_category ul li a.CurrentMenu{background: #298ece;color: #fff;}


.wy_services{padding: 60px 0 80px 0;}
.wy_services_c{margin-top: 25px;}
.wy_services_c ul li{text-align: center;text-align: center;}
.wy_services_c ul li .services_n{margin-bottom: 20px;}
.wy_services_c ul li .services_n img{max-width: 100%;max-height: 180px;}
.wy_services_c ul li .services_t{font-weight: bold;font-size: 20px;color: #706e6e;line-height: 40px;}
.wy_services_c ul li .services_c{}
.wy_services_c ul li .services_c p{margin: 0;color: #969696;line-height: 23px;}

.wy_client{background: #f7f7f7;padding: 50px 0;}
.wy_client_c{margin-top: 20px;}
.wy_client_c ul li{
    width: 15.666%;
    float: left;
    padding: 0.5%;
}
.wy_client_c ul li a{
  border: 1px solid #eee;
    display: block;
    padding: 15px;
    overflow: hidden;
    background: #fff;
    vertical-align: middle;
}
.wy_client_c ul li img{max-width: 100%;}

.home_title{text-align: center;}
.home_title h2{font-size:33px;color: #5a5a59;line-height: 50px;}
.home_title span{display: block;width: 47px;height: 3px;margin: 8px auto;background: #ff9f0a;}
.home_title p{font-size:16px;color: #949494;font-family: Arial;margin: 0;line-height: 36px;}
@media screen and (max-width:1200px){
  .jz ul li{font-size: 16px;margin: 0 12px;}
  .jz ul li:before{left: -24px;}
  .wy_services_c ul li .services_c p{display: inline-block;}
}
@media screen and (max-width: 992px){
  .yjbt{font-size: 26px;line-height: 36px;}
  .company_t2{font-size: 16px;height: 30px;line-height: 30px;}
  .jztc .tit{font-size: 22px;}
  .jztc .cont{padding: 10px 15px;}
  .jztc:hover .cont{padding: 10px 15px;}
  .jz ul li{font-size: 14px;padding: 0 8px;margin-bottom: 10px;}
  .f30{font-size: 18px;}
  .home_title h2{font-size: 24px;}
  .wy_services_c ul li .services_t{font-size: 16px;}
  .lc_img{background: none;height: auto;padding-top: 25px;}
}
@media screen and (max-width: 768px){
  .yjbt{font-size: 20px;line-height: 30px;}
  .company_t2{font-size: 14px;height: auto;line-height: 28px;}
  .jztc .tit{font-size: 20px;}
  .jztc{padding: 0;margin: 25px 0 0 0;}
  .wy_services_c ul li{margin-bottom: 25px;padding: 0}
  .home_title h2{font-size: 18px;}
  .home_title p{font-size: 14px;}
  .wy_services{padding: 30px 0;}
  .pc_lc{padding: 50px 0;}
}


/* footer */
.wrap_shadow{width: 100%;position: fixed;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);z-index: 100;display: none;}
.new-fc-one-modal{position: fixed;top: 17%;display: none;
  width: 88%;margin: 0 auto;left: 0;right: 0;max-width: 400px;z-index: 101;
  box-shadow: 0 1px 8px 0 #333;
}
.new-fc-one-modal-content {
    position: relative;
    background-color: #fff;
    border: 0;border-radius: 5px;
    background-clip: padding-box;
    padding: 20px;
}
.new-fc-one-modal-close {
    cursor: pointer;
    border: 0;
    background: transparent;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 10;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: color 0.3s;
    color: #333;
    outline: 0;
    padding: 5px;
}
.new-fc-one-modal-body {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
}
.new-form h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 20px;
}
.new-form ul {
    padding-bottom: 16px;
}
.new-form .new-form-iterm {
    position: relative;
    margin: 0 36px;
    border-bottom: 1px solid #ddd;
    clear: none;
    transition: all .5s;
    box-sizing: border-box;
}
.new-form .new-form-iterm input {
    border: none;
    height: 42px;
    width: 100%;
    background: #fff;
    line-height: 16px;
    color: #333;
}
.new-form .new-form-iterm input:focus{border: 0;box-shadow: none;outline: 0;}
.pick-area3{width: 100%;display: block;}
.pick-area3 .pick-show{height: 42px;line-height: 42px;}
.pick-area3 .pick-show span{line-height: 42px;height: 42px;margin: 0;}
.pick-area3 .pick-show em.pick-arrow{top: 18px;}
.new-form .new-form-text {
    color: #999;
    text-align: center;
    margin: 10px 0;
    font-size: 12px;
}
.new-form .submit_tj_alert {
    width: 281px;
    height: 35px;
    margin: 10px auto;
    display: block;
    line-height: 34px;
    background: transparent url(../images/tt.png) no-repeat;
    background-size: 100%;
    font-size: 14px;
    color: #fff;
    box-shadow: none;;border: 0;
}
.new-form .form-line {
    height: 1px;
    width: 281px;
    margin: 0 auto;
    background-color: #f1f1f1;
}
.new-form .new-form-title2 {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 14px;
}
.new-form .new-form-title3 {
    font-size: 12px;
    color: #666;text-align: center;
    line-height: 12px;
    margin-top: 10px;
}
@media only screen and (max-width:768px){
  .new-form .new-form-iterm{margin: 0 20px;}
  .new-fc-one-modal{top: 10%;}
  .new-fc-one-modal-content{padding:10px;}
  .new-form h2{font-size: 18px;letter-spacing:0;}
  .new-form .submit_tj_alert{width: 100%;line-height: 36px;height: 38px;}
  .new-form .new-form-iterm input{height: 36px;}
}