/*轮显*/
.flash_div{ width:100%; margin:0 auto; overflow:hidden;/* min-height:550px;*/display:none;}
.flash{height:140px;width:320px;overflow:hidden;position:relative;margin:0 auto;/*margin-top:100px;*/}
.ul_flash{width:100000px;height:100%}
.ul_flash li{float:left;width:320px;height:100%;}
.ul_flash img{width:100%;height:100%}
.flash .pagination{clear:both;position:absolute; width:100%; left:0;bottom:0px;z-index:2;height:10px; float:left; text-align:center;}
.flash .pagination span{ display:inline-block;background:url(../images/dian.png) no-repeat; background-size:100% 100%;width:11px;height:11px;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:0 3px;cursor:pointer;position:relative}
.flash .pagination span.swiper-active-switch{ background:url(../images/dian2.png) no-repeat; background-size:100% 100%;}
@media screen and (min-width: 1025px) and (max-width: 1660px) {
    /*style.css*/

    /*pages.css*/
    .ui-homecase .i >.ct .cont{

    }
    .ui-homecase .i >.ct .cont >i{
      display: none;
    }
}
@media screen and (max-width: 1200px) {
.module-content{ margin-top:94px;}
}
/*平板屏幕*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /*style.css*/
    body {
      /*  zoom: .6;*/
    }

    /*pages.css*/
}


/*手机屏幕*/
/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 1024px) {
    .ht15 {
        height: 5px;
    }
    .ht20 {
        height: 10px;
    }
    .ht25{
      height: 10px;
    }
    .ht30 {
        height: 15px;
    }
    .ht35 {
        height: 15px;
    }
    .ht40 {
        height: 20px;
    }
    .ht45 {
        height: 20px;
    }
    .ht50 {
        height: 25px;
    }
    .ht55 {
        height: 25px;
    }
    .ht60 {
        height: 30px;
    }
    .ht65 {
        height: 30px;
    }
    .ht70 {
        height: 35px;
    }
    .ht75 {
        height: 35px;
    }
    .ht80 {
        height: 40px;
    }
    .ht85{
      height: 40px;
    }
    .ht90 {
        height: 45px;
    }
    .ht100 {
        height: 50px;
    }
    .extra-width {
        width: 100%;
    }

    /*style.css*/
    body{
     /* zoom: .8;*/
      min-width: initial;
    }
    .container {
        width: 100% !important;
        padding: 0 15px;
    }
    .container.nopd {
        padding: 0;
    }
  
    header{
      position: fixed;
      z-index: 98;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    }
    header >.a{
      display: none;
    }
    header >.b{
      padding-top: 10px;
    }
    header .logo img{
      height: 30px;
    }
    header .logo p{
      display: none;
    }
    header .menu{
      position: absolute;
      top: 40px;
      left: 0;
      width: 100%;
      background-color: #f5f5f5;
      height: 0;
      padding: 0;
      overflow: auto;
      box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
      transition: height 300ms;
    }
    body.open-navi header .menu{
      height: 380px;
    }
    header .menu >ul{
      padding: 15px 0;
      margin-right: 0;
    }
    header .menu >ul >li{
      width: 100%;
      float: none;
    }
    header .menu >ul >li >a{
      width: 100%;
      line-height: 50px;
      font-size: 16px;
      border-bottom: none;
    }
    header .menu >ul >li >.ex{
      display: none;
    }
    header .mbtn{
      display: block;
    }

    main{
      padding-top: 50px;
    }
    
    footer{

    }
    footer .list{
      padding: 20px 0;
      padding-bottom: 0;
    }
    footer .list >ul{
      margin-bottom: -20px;
    }
    footer .list >ul >li{
      width: 100%;
      margin-bottom: 20px;
    }
    footer .info p{
      text-align: center;
      line-height: 1.5rem;
    }
    footer .info p .pull-right{
      float: none;
      width: 100%;
    }


    .fixbar{
      display: none;
    }
    a.backtop{
      right: 20px;
    }
    a.backtop.show-up{
      bottom: 20px;
    }

    /*pages.css*/
    .ui-banner .img{
      height: 200px;
      background-size: cover;
    }
    .ui-banner.at-home .img{
      height: 260px;
      background-size: cover;
    }
    .ui-fullpart{
      padding: 30px 0;
    }
    .ui-fullpart.part1{
      background-size: cover;
    }
    .ui-fullpart >.head >p{
      font-size: 24px;
    }
    .ui-fullpart >.head >.ct p{
      width: 370px;
      margin: 0 auto;
    }
    .ui-fullpart >.cont{
      margin-top: 20px;
    }
    .ui-homeprod ul{
      margin: -10px;
    }
    .ui-homeprod ul li{
      width: 50%;
      padding: 10px;
    }
    .ui-homeprod .i >.txt >p{
      height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ui-homeprod .i >.txt >.ct{
      overflow: hidden;
    }
    .ui-homecase ul li{
      width: 50%;
    }
    .ui-homecase .i >.ct{
      overflow: hidden;
    }
    .ui-homecase .i >.ct >label{
      display: none;
    }
    .ui-homecase .i >.ct .cont{
      padding-top: 15%;
    }
    .ui-homecase .i >.ct .cont >i{
      display: none;
    }
    .ui-homecase .i >.ct .cont >.ct{
      padding: 0 20px;
    }
    .ui-homedata >ul >li{
      width: 50%;
    }
    .ui-homedata .i >p{
      margin: 15px 0;
      line-height: 1.5em;
      height: 1.5em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ui-homepics{
      height: auto;
      border: none;
      width: 100%;
    }
    .ui-homepics >.img{
      position: relative;
      width: 100%;
      height: auto;
      top: 0;
      margin-top: 0;
      left: 0;
	  text-align:center;/*linami*/
    }
	 .ui-homepics >.img img{ margin:0 auto;/*linami*/    width: 100%;}
    .ui-lrct >.l{
      width: 100%;
      float: none;
    }
    .ui-lrct >.r{
      width: 100%;
      float: none;
    }
    .ui-navi{
      border-bottom: 1px solid #d4d4d4;
      position: fixed;
      z-index: 100;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      background-color: #fff;
      padding-top: 10px;
      transition: right 300ms;
      right: -75%;
    }
    body.on-navi .ui-navi{
      right: 0;
    }
    .ui-navi:after{
      display: none;
    }
    .ui-navi >a{
      content: '';
      display: inline-block;
      width: 28px;
      height: 40px;
      background: url(../images/navi-hide.png) no-repeat center #fff;
      background-size: 13px auto;
      border-top-left-radius: .5rem;
      border-bottom-left-radius: .5rem;
      position: absolute;
      top: 50%;
      margin-top: -2px;
      left: -28px;
    }
    .ui-navi >.hd{
      display: none;
    }
    .ui-navi .list .i >p:after{
      display: none;
    }
    .ui-navi .list .i >.ct p a{
      padding-left: 15px;
    }
    .ui-path{
      background-color: #e70e1f;
      margin: 0 -15px;
      padding: 0 10px;
      position: relative;
    }
    .ui-path >a{
      display: inline-block;
      line-height: 45px;
      background: url(../images/path-menu.png) no-repeat 0 50%;
      background-size: 16px auto;
      padding-left: 20px;
      color: #fff;
      font-size: 16px;
      position: absolute;
      top: 0;
      right: 10px;
    }
    .ui-path p{
      line-height: 45px;
      color: #fff;
      text-align: left;
    }
    .ui-path p a{
      color: #fff;
    }
    .ui-path p a.on{
      color: #fff;
    }
    .ui-prodinfo .p{
      display: block;
      padding-left: 0;
      min-height: auto;
    }
    .ui-prodinfo .p >label{
      position: relative;
      width: 100%;
      padding-top: 0;
      height: 20px;
      top: 0;
      margin-bottom: 10px;
    }
    .ui-prodinfo .p >label img{
      display: none;
    }
    .ui-prodinfo .p >label p{
      margin-top: 0;
      line-height: 20px;
      padding-left: 0;
    }
    .ui-prodinfo .p >.ct{
      display: block;
    }
    .ui-prodinfo .video .img{
      width: 100%;
    }
    .ui-prodlist ul{
      margin: 0 -5px;
    }
    .ui-prodlist ul >li{
      padding: 0 5px;
    }
    .ui-caselist ul{
      margin: -5px;
    }
    .ui-caselist ul li{
      width: 50%;
      padding: 5px;
    }
    .ui-caselist .i >.ct{
      height: auto;
    }
    .ui-caselist .i >.ct >i{
      background-size: 60px auto;
    }
    .ui-article .head >h3{
      font-size: 24px;
      line-height: 1.5em;
    }
    .ui-article .foot{
      margin-top: 0;
    }
    .ui-article .foot .more{
      padding-top: 35px;
    }
    .ui-article .foot .more >a{
      top: 0;
      margin-top: 0;
      background-size: 15px auto;
      padding-left: 20px;
      height: 25px;
    }
    .ui-contactform{
      padding: 20px 0;
    }
    .ui-contactform >.l{
      width: 100%;
      float: none;
    }
    .ui-contactform >.r{
      width: 100%;
      float: none;
      margin-top: 20px;
    }
    .ui-contactform .form .p .pull-right{
      float: none !important;
      margin-bottom: 10px;
    }
    .ui-contactform .form .p .text{
      width: 100% !important;
    }
    .ui-contactform .form .p h3{
      margin-top: 10px;
    }
    .ui-contactform .form .p .vcode{
      margin: 10px 0;
    }
    .ui-contactmaps{
      padding: 20px 0;
      overflow: auto;
    }
    .ui-contactmaps >.txt{

    }
    .ui-contactaddr{
      padding: 20px 0;
    }
	 .ui-contactaddr ul{ margin-left:0;}
    .ui-contactaddr ul li{
      width: 90%;
      margin-bottom: 20px;
	  padding:0;
    }
    .ui-contactaddr .i .text{
      margin-top: 10px;
    }
    .ui-talenthead p{
      font-size: 16px;
    }
    .ui-videolist ul{
      margin: -5px;
    }
    .ui-videolist ul li{
      width: 50%;
      padding: 5px;
    }
    .ui-videolist .i >.img >.ct{
      background-size: 60px auto;
    }
    .ui-videolist .i >.img >.ct:before{
      top: 5px;
      left: 5px;
      right: 5px;
    }
    .ui-newslist ul{
      margin-top: -20px;
    }
    .ui-newslist ul li{
      padding: 20px 0;
    }
    .ui-newslist .i >.img{
      display: block;
      float: none;
    }
    .ui-newslist .i >.img img{
      width: 100%;
    }
    .ui-newslist .i .cont{
      margin-left: 0;
    }
    .ui-talentlink ul li{
      width: 50%;
      float: left;
    }
    .ui-talentlink .i >.ct p.p1{
      display: none;
    }
    .ui-talentlink .i >.ct p.p2{
      padding-top: 20%;
    }
    .ui-navi .view{
      display: none;
    }
    .ui-aboutstory >.ct ul{
      margin: 0 -5px;
    }
    .ui-aboutstory >.ct ul li{
      padding: 0 5px;
    }
    .ui-aboutarget p img{
      width: 100%;
    }
    .ui-history{
      margin-top: 20px;
    }
    .ui-honours .list ul{
      margin: 0 -5px;
    }
    .ui-honours .list ul li{
      padding: 0 5px;
    }
    .ui-honours .list .i{
      background-size: 60% auto;
    }
    .ui-honours >.ct{
      margin-top: 10px;
    }
    .ui-honours .list .b .img{
      padding: 5px;
    }
    .ui-honours .list .b .txt p{
      height: 45px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ui-aboutteam{
      width: 100%;
    }
    .ui-aboutfoot p img{
      width: 100%;
    }
    .ui-prodlist .i .txt p{
      height: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .ui-homedata >ul{
      margin: 0 -5px;
    }
    .ui-homedata >ul >li{
      padding: 0 5px;
    }
    .ui-fullpart.part5{
      background: #1d1c1c;
    }
    .ui-contactmaps >.map{
      margin-top: 60px;
    }
    .ui-title{
      background-color: #e70e1f;
      padding: 0;
      position: relative;
    }
    .ui-title label{
      color: #fff;
    }
    .ui-title .ct{

    }
    .ui-title .ct p{
      color: #fff;
    }
    .ui-title .ct p a{
      color: #fff;
    }
    .ui-talentlist .i >.hd .tb{
      overflow: auto;
    }
    .ui-talentlist .i >.hd .tb table{
      width: 250%;
    }
    .ui-newslist .i .cont >.hd h3{
      font-size: 20px;
      line-height: 30px;
    }
    .ui-newslist .i .cont >.hd >i{
      line-height: 22px;
    }

    
    /*----------customize----------*/
    #carousel-homepics .aw.prev{
      left: 0;
    }
    #carousel-homepics .aw.next{
      right: 0;
    }
    #carousel-banner .carousel-indicators li{
      width: 33px;
    }
    #carousel-prodview .aw.prev{
      left: 0;
    }
    #carousel-prodview .aw.next{
      right: 0;
    }

    .mb-hide{
      display: none;
    }

}
@media screen and (min-width: 768px) {
    .join_td_class{width: 235px}
    .join_td_classbb{width: 154px}
    .join_td_classcc{width: 231px}
}
@media screen and (max-width: 640px) {
	.module-content{ display:none;}
	.ui-banner{ display:none;}
.flash_div{ display:block;}
}