@charset "utf-8";
/* CSS Document */

@font-face{
　　font-family:"NotoSansHans-Light";
　　src:url('../fonts/NotoSansHans-Light.otf') format('truetype');
}
@font-face{
　　font-family:"futural";
　　src:url('../fonts/futural.ttf') format('truetype');
}
body, p, ul,li, dl, dt, dd,h1,h2,h3,select,submit{margin: 0; padding: 0; list-style: none;}
li {list-style:none;}
a{color: #333;}
del,ins,u,s,a,a:hover {text-decoration:none;}
body {background:#fff;font:14px/1.5 "noto";color:#333; }
.container {width:1250px;margin:0 auto;}
.container1 {width:80%;margin:0 auto;}
.pr{position: relative;}
.mt50{margin-top:50px;}
.tc{text-align:center;}
.tr{text-align:right;}

body, html {
  /*height: 100%;*/
  width: 100%;
  padding: 0;
  margin: 0;
  /*overflow-x: hidden;*/
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.clear{
    clear: both;
}

.logo{
  float: left;
  padding: 28px 0 0 0;
}
.nav{
  float: right;
}
.nav .nav_hover{
  float: left;
  padding: 40px 0px 0 0px;
  width: 110px;
  text-align: center;
}
.nav ul li a:hover span{
    display: none;
}
.nav ul li p{
    display: none;
}
.nav ul li a:hover p{
    display: block;
}

.yyui_menu1 {
    font-size: 15px;
    z-index: 999;
}

.yyui_menu1 li {
    float: left;
    position: relative;
}

.yyui_menu1 .one li {
    
}
.yyui_menu1 .one li a{
  border-bottom: 1px solid #595757;
}
.two, .three{
  padding-left:30px;
  padding-top: 0px;
}

/*这一级是导航*/
.yyui_menu1 li a {
    display: block;
    line-height: 60px;
    text-decoration: none;
    padding: 0px 20px;
    color: #b5b5b6;
    font-size: 18px;
}


.nav .nav_first{font-size:24px; color: #727171;font-family: "NotoSansHans-Light"; padding: 0;font-weight: lighter;}

.yyui_menu1 li a:hover {
    /*transition: 0.2s;
    animation: fadeIn 0.2s;*/
}

/* PC端设置动画类 */
.animation-light{
  position:absolute;top:100px;left:-35px;width:35px;height:1px;
  background:url(../images/ico_light.png) no-repeat center center;
  animation:animation-light 24s infinite;
}
@keyframes animation-light{
  0%{left:-35px;}
  100%{left:100%;}
}
.yyui_menu1 .show_outer li a{width:250px; overflow:hidden;}
.yyui_menu1 .show_outer li a::before{position:absolute;bottom:0;left:-35px;display:block;width:35px;height:1px;background:url(../images/ico_light.png) no-repeat center center;content:"";opacity:0;-webkit-opacity:0;}
.yyui_menu1 .show_outer li a:hover::before{opacity:1;-webkit-opacity:1;animation:animation-light 4s 1;-webkit-animation:animation-light 4s 1;-ms-animation:animation-light 4s 1;}  

.yyui_menu1 .show_outer a:hover {
    color: #fff;
}

.yyui_menu1 li a.more{background:url(../images/ico_arrow_right3.png) no-repeat right 26px;}
.yyui_menu1 li a.more:after {
    /*content: ">";
    background:url(../images/ico_arrow_right3.png) no-repeat;
    width: 7px;
    height: 13px;*/
    float: right;
}

.yyui_menu1 li ul {
    position: absolute;
    float: left;
    width: 250px;
    display: none;
    z-index: 9999;
    top:0;
    left: 250px;
}
.yyui_menu1 li ul ul{
  display: none;
}
.yyui_menu1 li ul ul ul{
  display: none;
}

/*这是第二级菜单*/
.yyui_menu1 li ul a {
    width: 250px;
    text-decoration: none;
    color: #b5b5b6;
}

.yyui_menu1 li ul a:hover {
    color: #fff;
}

/*.yyui_menu1 li ul ul {
    top: 0;
    left: 250px;
}*/
.yyui_menu1 li ul .three{
  width: 500px;
  margin-top: 4px;
}
.yyui_menu1 li .one{
  padding-top: 20px;
}
.nav_info{
  
  color: #fff;
}
.nav_info h3 ,.nav_info p{
  padding-left: 30px;
}
.show_outer{
  width: 100%;height: 360px; position: absolute;background: rgba(0,0,0,.8);z-index: 9999;top:100px;overflow: hidden;display: none;
}
.show_outer ul{
  width: 250px;
  padding-top: 30px;
}
.show_outer li{
  width: 250px;
  position: relative;
  left: 0px;
  top:0;
}
.show_outer li ul li {
    top: 0;
    left: 0;
}


/*从第三级菜单开始,所有的子级菜单都相对偏移*/

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: left;
    font-size: 18px;
    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;
    flex-direction: column;
}
.swiper-slide p:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}

.banner {
    /*height: 970px;*/
}

.index_link_tit{border-bottom: 1px solid #333; line-height: 150px; font-size: 36px;font-family: "futural";font-weight: lighter;}
.index_link_con{ width: 90%; margin: 110px auto; }
.index_link_con ul{ width: 100%; }
.index_link_con li{ float: left; margin-right: 3%;position: relative;width:30%; overflow: hidden;}

.index_link_con a { display:block; width:500px; height:303px; text-decoration:none; }
.index_link_con .big_img { border:0; display: block;}
.index_link_con i { display:block; width:100%; height:303px; position:absolute; left:0; top:250px; z-index:1; background:#333; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.80; -webkit-transition: all 0.6s ease-in-out; }
.index_link_con p { display:block; width:100%; height:303px; position:absolute; left:0; top:250px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; line-height:16px; -webkit-transition: all 0.6s ease-in-out; }
.index_link_con p b { display:block; font-size:22px; color:#fff; text-align:left; margin:0; padding:10px 0 0 30px; line-height:30px; }
.index_link_con p span { display:block; padding:10px; line-height:40px;text-align: center; padding-top: 100px; width: 200px;margin: 0 auto; font-size: 16px; }
.index_link_con p span small{ background: #fff; height: 1px; display: block;}
.index_link_con a:hover { direction:ltr; }
.index_link_con a:hover i { top:0; }
.index_link_con a:hover p { top:0; }








.index_video_wra{ background: #000; padding: 100px 0;  }
.index_video{width: 1240px; margin:0 auto;}
video:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
.index_text{ font-size: 28px; margin:100px auto; }
.index_text .sep{ width: 100px; height: 4px; background: #000; margin:50px 0; }
.index_text h3{ font-weight: lighter; text-transform: uppercase;}
.index_text p{ font-size: 18px; }
.index_text img{margin-top:100px; }

.index_news {height: 780px;padding: 40px 0 0 0;background: #f1f1f2;}
.index_news .pr p{position: absolute;top: 0px;left: 0px;width: 306px;background: #565656;text-align: left;color: #fff;font-size: 18px;padding: 15px;text-transform: uppercase;}
.index_news .pr p:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.index_news .swiper-pagination-bullet{background: #999;}
.index_news img{width:919px; height: 559px;}
.index_news img:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.cao{background: url(../images/img2.jpg) no-repeat top center; height:859px; padding-top:380px;}
.cao_inner{ width:66%; margin:0 auto; color:#fff; font-size:20px;}
.cao_inner_l{width:50%; float:left;}
.cao_inner_l h2{margin-bottom:30px; font-weight:normal; font-size:50px;}
.cao_inner_l p{margin-bottom:30px;}
.cao_inner_r{width:50%; float:left; font-size:18px; font-family:arial;}


#app img {
  max-width: 100%;
}
#app #prev{
  margin-right: 10px;
}
#app #prev,#app #next{
  background: #ccc;
  border: none;
  height: 120px;
  cursor: pointer;
}

#app {
  width: 1240px;
  margin: 0 auto;
  height: 646px;
  overflow: hidden;
}

#app .ui-big-images {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
}

#app .ui-big-image {
  width: 100%;
  margin-right: -100%;
}
#app #app .ui-big-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 20%;
     object-position: center 20%;
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-height: 600px) {
  #app .ui-big-image img {
    -o-object-position: center center;
       object-position: center center;
  }
}

#app .ui-thumbnails {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-right: 45%;
  padding-right: calc( 45% + .5rem );
  box-sizing: content-box;
}

#app .ui-thumbnail {
  display: block;
  margin-right: .5rem;
  padding: .5rem 0;
  cursor: pointer;
}

#app .ui-cuticle {
  background-color: #D4A12D;
  position: absolute;
  bottom: 0;
  height: .25rem;
  width: 100%;
}

#app .ui-thumbnail > img {
  width: 200px;
  height: 120px;
}

#app .ui-thumbnail > img:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}

#app .ui-content {
  position: absolute;
  width: 23%;
  right: 5%;
  top: 10%;
}

#app .ui-articles {
  background: #181615;
  color: white;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  opacity: 0.8;
}

#app .ui-article {
  padding: 1rem;
  width: 100%;
  margin-right: -100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#app .ui-article-inner{
  border: 1px solid #fff; 
  padding:1rem;
  height: 300px;
  position: relative;
}
#app .ui-article-inner span{
  position: absolute;
  bottom: 40px;
  color: #fff;
  font-size: 15px;  
}
#app .ui-article-inner a{
  position: absolute;
  bottom: 20px;
  color: #fff;
  font-size: 12px;  
}
#app .ui-paragraph {
  margin: 0;
  font-size: .8rem;
  line-height: 1.7;
}

#app .ui-nav {
  position: absolute;
  right: 0;
  bottom: 100%;
  background: inherit;
}
#app .ui-nav button {
  background: #493e56;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: .5em;
  width: 2em;
  color: #FFF;
  font-family: monospace;
  transition: inherit;
  transition-duration: 300ms;
}
#app .ui-nav button:hover, #app .ui-nav button:focus {
  background: #151312;
  outline: none;
}
#app .ui-nav button:active {
  outline: none;
  -webkit-transform: translateY(0.25em);
          transform: translateY(0.25em);
  transition-duration: 100ms;
}

#app .ui-heading {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: normal;
}
#app .ui-heading:before {
  font-size: .5rem;
  text-transform: uppercase;
  display: block;
  margin-bottom: .5rem;
  letter-spacing: 1px;
}

#app .ui-big-image {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
#app .ui-big-image img {
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

#app .ui-big-image[data-active] ~ #app .ui-big-image {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

#app .ui-big-image[data-active] {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
#app .ui-big-image[data-active] img {
  -webkit-transform: scale(1);
          transform: scale(1);
}


#app .ui-article {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
#app .ui-article:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #151312;
  opacity: 1;
  transition-duration: 0.35s;
  z-index: 1;
}

#app .ui-article[data-active] ~ #app .ui-article {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

#app .ui-article[data-active] {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
#app .ui-article[data-active]:before {
  opacity: 0;
}


#app .ui-thumbnail > img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  transition-duration: 0.35s;
}
#app .ui-thumbnail:active > img {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  transition-duration: 100ms;
}
#app .ui-thumbnail:focus {
  outline: none;
}

#app .ui-cuticle {
  display: none;
}

#app .ui-thumbnail[data-active] > img, #app .ui-thumbnail:hover > img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
#app .ui-thumbnail[data-active] .ui-cuticle {
  display: block;
}

*, *:before, *:after {
  box-sizing: border-box;
  position: relative;
  transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: transform, opacity, filter;
  transition-property: transform, opacity, filter, -webkit-transform, -webkit-filter;
  transition-duration: 0.7s, 0.7s, 0.7s;
  transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
}

.index_expe{
  background: #f1f1f2;
  text-align: center;
  font-size: 20px;
  padding: 50px 0 80px 0;
  margin:50px 0;
  line-height: 40px;
}

.footer{border-bottom: 1px solid #000; clear: both; margin-top: 10rem;}
.footer_logo{width: 160px; overflow: hidden; float: left; margin-left:100px; }
.bottom{ width: 100%; background: #eeeeee; border-top: 1px solid #9fa0a0; margin-top: 70px; }
.bottom a{ color: #595757;}
.bottom_fx1{ border: 1px solid #9fa0a0; margin-top:26px; width: 100%; }
.bottom_nav{ margin-top:48px; overflow: hidden; padding-left: 6%;}
.bottom_nav_goods{ width:9%; float: left; margin-bottom: 102px; }
.bottom_nav_goods p{ color: #595757;  font-size: 18px; margin-bottom: 40px; font-weight: bold;}
.bottom_nav_goods span{ line-height: 40px; font-size: 16px; color: #595757; }
.bottom_nav_goods span a{color:#333;}
.bottom_code{ width:20%; margin-left: 5%; line-height:33px; color: #595757; float: left; text-align: left;}
.bottom_code span{ line-height: 40px; font-size: 18px; color: #595757; }

.copyright{
  margin:30px 0;
}
.copyright span{
  margin-right:30px;
}


/*brand*/
.category_text{ font-size: 30px; margin:100px auto; padding-bottom: 30px; border-bottom:1px solid #333; font-weight: lighter;}
.category_text h3{font-weight: lighter;text-transform: uppercase;font-size: 90px;}
.about{line-height:2; font-size:24px;}

.brand_wra{
  background: url(../images/brand_bg.jpg) no-repeat;
  height: 620px;
  padding: 50px 0;
  color: #fff;
  margin-bottom: 50px;
}
.global_tit1{
  font-size: 50px;
  text-align: center;
  font-weight: lighter;
}
.global_tit2{
  font-size: 30px;
  text-align: center;
  margin-bottom:30px;
  font-weight: lighter;
}
.global_tit3{
  font-size: 24px;
  text-align: center;
  margin-bottom:30px;
  font-weight: lighter;
}
.global_tit4{
  font-size: 14px;
  text-align: center;
  margin-bottom:30px;
  font-weight: lighter;
}
.global_tit5{
  font-size: 30px;
  text-align: left;
  margin:10px 0;
  font-weight: lighter;
}
#brand img {
  max-width: 100%;
}
#brand #prev{
  margin-right: 10px;
}
#brand #prev,#brand #next{
  background: none;
  border: none;
  height: 120px;
  color: #fff;
  border:1px solid #fff;
  cursor: pointer;
  margin-top: -300px;
  width: 60px;
  font-size: 30px;
}

#brand {
  width: 1240px;
  margin: 0 auto;
  height: 300px;
  overflow: hidden;
}

#brand .ui-big-images {
  position: absolute;
  height: 220px;
  width: 90%;
  left: 5%;
  overflow: hidden;
  display: flex;
}

#brand .ui-big-image {
  width: 100%;
  margin-right: -100%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
#brand .ui-big-image p{
  margin: 20px 0 0 300px;
  font-size: 20px;
}
#brand .ui-big-image[data-active] {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
#brand .ui-thumbnails {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  box-sizing: content-box;
}

#brand .ui-thumbnail {
  display: block;
  margin: 0 1.9rem;
  padding: .5rem 0;
  cursor: pointer;
}

#brand .ui-cuticle {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  height: .25rem;
  width: 100%;
  display: none;
}
#brand .ui-thumbnail:focus {
  outline: none;
}

#brand .ui-thumbnail[data-active] .ui-cuticle {
  display: block;
}
.brand_his{
  background: url(../images/brand_his_bg.png) no-repeat;
  width: 220px;
  height: 220px;
  line-height: 220px;
  color: #fff;
  font-size: 30px;
  float: left;
  text-align: center;
}
.brand_list{
  background: url(../images/brand_bg2.jpg) no-repeat;
  height: 700px;
  padding-top: 59px;
  text-align: center;
  color: #fff;
}
.brand_list .swiper-button-prev{
  background: url(../images/prev.png) no-repeat;
  width: 78px;
  height: 78px;
}
.brand_list .swiper-button-next{
  background: url(../images/next.png) no-repeat;
  width: 78px;
  height: 78px;
}

.linian{
  padding: 100px 0;
}
.linian1{
  background: #8c8c8c;
  color: #fff;
}
.linian2{
  background: #fff;
  color: #333;
  text-align: center;
}
.linian3{
  background: #e3e2e2;
  color: #333;
}
.linian4{
  background: #d9d8d8;
  color: #333;
}

.scaleimg{width: 1300px;}
.scaleimg img{margin-right: 35px;}
.scaleimg img:last-child{margin-right: 0px;}
.scaleimg img:hover{
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
#swiper2{width: 1000px;}

/*product*/
.pro_h1{
  width: 80%;
  margin: 20px auto 0 auto;
  font-weight: lighter;
  font-size: 24px;
}
.pro_banner{
  /*height: 915px;*/
  position: relative;
  width: 100%;
}
.pro_banner_text{
  position: absolute;
  left: 0;
  top:28%;
  width: 37%;
  z-index: 9;
  background: rgba(68,68,68,.7);
  color:#fff;
  padding: 120px 50px 150px 100px;
}
.pro_banner_text h2{
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 20px;
}
.pro_banner_text h3{
  font-weight: lighter;
  font-size: 24px;
}
.pro_img_video{
  width: 80%;
  margin:0 auto;
  padding-bottom: 0px;
  margin-bottom: 100px;
}
.pro_img_video img,.pro_img_video video{
  width: 50%;
}
.pro_img_video img{
  display: block;
  float: left;
}
.pro_detail{
  margin:100px auto 0 auto;
  width: 80%;
}
.pro_detail_img{
  width: 30%;
  float: left;
}
.peo_detail_sep{
  width: 10%;
  float: left;
}
.pro_detail_text{
  width: 60%;
  float: left;
  font-size: 20px;
  font-weight: lighter;
}
.pro_detail_text h1{
  text-transform: uppercase;
  font-weight: lighter;
  border-bottom: 4px solid #333;
  font-size: 30px;
}
.pro_detail_text h2{
  font-weight: lighter;
  border-bottom: 1px solid #333;
  margin-top: 50px;
  padding-bottom: 10px;
  font-size: 24px;
}
.pro_detail_text h2 i {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 7px;
  float: right;
    width: .2rem;
  height: .2rem;
}
.pro_detail_text h2 .up {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.pro_detail_text dl{
  width: 100%;
  line-height: 2;
}
.pro_detail_text dt{
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  padding-left: 50px;
  float: left;
  width: 40%;
}
.pro_detail_text dd{
  border-bottom: 1px solid #333;
  float: left;
  width: 60%;
  padding-left: 100px;
}
.pro_detail_text .small{
  text-align: right;
  font-size: 14px;
  line-height: 3;
}
.pro_detail_text p{
  line-height: 3;
}

/*expe*/
.expe{
  width: 1300px;
  margin: 0 auto 200px auto;
}
.expe li{
  float: left;
  width:44%;
  margin:30px 4% 0 2%;
}
.expe li img{
  width: 600px;
}

/*news*/
.news{
  width: 66%;
  margin:0 auto;
}
.news li{
  float: left;
  width: 30%;
  margin-right:3%;
}
.news li img{
  width: 100%;
  height:250px;
}
.news li .news_time{font-size: 12px; color:#727171;margin-top: 20px;}
.news li h2{ margin: 10px 0;font-size: 22px;transition: all 0.1s linear;}
.news li h2:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.news li p{margin-bottom: 80px; font-size: 12px;color: #727171;}
.overimg{
  position: relative;
  height: 250px;
  overflow: hidden;
}
.light{
  cursor:pointer;
  position: absolute;
  left: -402px;
  top: 0;
  width: 402px;
  height: 250px;
  background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
  transform: skewx(-25deg);
  -o-transform: skewx(-25deg);
  -moz-transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg);
}
/*.overimg:hover .light{
  left:282px;
  -moz-transition:0.9s;
  -o-transition:0.9s;
  -webkit-transition:0.9s;
  transition:0.9s;
}*/
.overimg:hover img {
  transform: scale(1.2, 1.2);
  -ms-transform:scale(1.2, 1.2);  /* IE 9 */
  -moz-transform:scale(1.2, 1.2);   /* Firefox */
  -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
  -o-transform:scale(1.2, 1.2);   /* Opera */
}

.news_category{margin-top:30px;}
.news_category a{margin-right: 50px;font-size: 26px;}
.news_detail_tit{font-size: 36px; padding-bottom: 30px; margin:30px 0; border-bottom:1px solid #333;}
.back{ text-align:center; margin:100px 0;}

.video_list{
  width: 1300px;
  margin: 0 auto 200px auto;
}
.video_list li{
  float: left;
  width:44%;
  margin:30px 6% 0 0%;
}
.video_list li img{
  width: 600px;
}

/*join*/
.join_info{ line-height: 2; }
.join_info h2{ font-size: 30px; margin-bottom:30px; }
.join_info p{font-size: 20px; margin-bottom:150px; }

/*school*/
.school{
  width: 66%;
  margin:0 auto;
}
.school li{
  float: left;
  width: 30%;
  margin-right:3%;
  text-align: center;
}
.school li img{
  width: 100%;
}
.school li h2{ margin: 10px 0;}
.school li p{margin-bottom: 80px; font-size: 12px;}

/*contact*/
.contact{
  text-align: center;
}
.contact h2{
  font-size: 30px;
  margin:30px 0;
}
.contact h3{
  font-size: 36px;
  color: #f00;
}
.contact p{
  font-size: 20px;
}

.Pagination{
	text-align:center;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination .pagecount {
    line-height: 34px;
    margin-left: 10px;
}


/*手机端 and后面必须有空格*/
@media screen and (min-width: 320px) and (max-width: 799px) {
    html {
        font-size: 30px;
    }
    .logo{
      float: none;
      text-align: center;
    }
    .nav .nav_hover{
      padding: 0;
      width: 33%;
      text-align:center;
    }
    .container,.container1{
      width: 96%;
    }
    .show_outer{
      top:6rem;
    }
    .banner{
      height: auto;
    }
    .swiper-slide img{
      width: 100%;
    }
    .index_link_tit{
      line-height: 2;
      font-size: 1rem;
    }
    .index_link_con{
      width: 100%;
      margin:1rem auto;
    }
    .index_link_con ul{
      width: auto;
    }
    .index_link_con li{
      float: none;
      width: 100%;
    }
    .index_link_con li img{
      width: 100%;
    }
    .index_video_wra{
      padding: 1rem 0;
    }
    .index_video, .index_video video{
      width: 100%;
      height: auto;
    }
    .index_text{
      margin: 1rem auto;
    }
    .index_text img{
      margin-top: 1rem;
      width: 100%;
    }
    .index_news{
      height: 280px;
    }
    .index_news img{
      height: auto;
    }
    .swiper-slide{
      font-size: 0.5rem;
    }
    #app{
      width:auto;
      height: 12rem;
    }
    #app .ui-article{
      padding: .5rem;
    }
    #app .ui-thumbnail > img{
      width: 100px;
      height: 60px;
    }
    #app .ui-content{
      width: 50%;
    }
    #app .ui-heading{
      font-size: .5rem;
    }
    #app .ui-paragraph{
      font-size: .4rem;
    }
    #app .ui-article-inner{
      padding: .5rem;
      height: 6rem;
    }
    .footer{
      margin-top: 2rem;
    }
    .bottom_nav{
      clear: both;
    }
    .bottom_nav_goods{
      width: 33%;
      margin-bottom:1rem; 
    }
    .bottom_nav_goods p{
      margin-bottom: .2rem;
    }
    .bottom_code{
      width: 84%;
      text-align: center;
    }
    .copyright span,.copyright a{
      display: block;
      text-align: center;
    }

    .category_text{
      margin: 1rem auto;
    }
    #brand{
      width: auto;
    }
    #brand .ui-thumbnail{
      margin: 0 .2rem;
    }
    .linian{
      padding: 1rem 0;
    }
    .linian img{
      width: 100%;
    }
    .global_tit1{
      font-size: .9rem;
    }
    .global_tit3{
      font-size: .7rem;
    }
    .pro_banner{
      height: auto;
    }
    .pro_banner img{
      width: 100%;
    }
    .pro_banner_text{
      padding: .5rem .2rem .4rem .5rem;
    }
    .pro_banner_text h2{
      font-size: .6rem;
    }
    .pro_banner_text h3{
      font-size: .4rem;
    }
    .pro_img_video{
      width: 100%;
      margin-bottom:1rem;
    }
    .pro_img_video img,.pro_img_video video{
      width: 100%;
    }
    .pro_detail{
      width: 90%;
      margin: 1rem auto 0 auto;
    }
    .peo_detail_sep{
      width: 2%;
      float: left;
    }
    .pro_detail_text{
      font-size: .4rem;
      width: 68%;
    }
    .pro_detail_text dt,.pro_detail_text dd{
      padding-left: 0;
    }
    .pro_detail_text .small{
      font-size: .3rem;
    }
    .expe{
      width: 100%;
      margin: 0 auto 2rem auto;
    }
    .expe li{
      float: none;
      width: 100%;
    }
    .news,.video_list{
      width: 90%;
      margin: 0 auto 2rem auto;
    }
    .news li{
      width: 47%;
    }
    .news li h2{
      font-size: .5rem;
    }
    .news li p{
      margin-bottom:1rem;
    }
	.news li img{
	  height:auto;
	}
	.back{
	  text-align:center;
	  margin:1rem 0;
	}
    .video_list li img{
      width: 100%;
    }
    .join_info{
      width: 90%;
    }
    .join_info h2{
      font-size: .9rem;
    }
    .school{
      width: 90%;
    }
    .school li{
      float: none;
      width: 100%;
    }
    .school li p{
      margin-bottom: 1rem;
    }
}