/**初始**/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "微软雅黑";-webkit-text-size-adjust: 100%}
body {background-color: #FFFFFF;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#333333}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
p,
figure,
aside{padding: 0;margin: 0;}
ul,ol,li{list-style-type:none;}
i{
	font-style:normal;
}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px; color:#333333}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
img{border: none;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #956525;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
.minw{width:100%;min-width:1200px;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;/*white-space: nowrap;*/ text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
/**字体大小**/
.fz_30{ font-size:30px;}
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_15{ font-size:15px;}
.fz_14{ font-size:14px;}
.fz_13{ font-size:13px;}
.fz_12{ font-size:12px;}

 @media (min-width: 1680px) {
 .fz_30{ font-size:33px;}
.fz_24{ font-size:26px;}
.fz_20{ font-size:22px;}
.fz_18{ font-size:20px;}
.fz_16{ font-size:18px;}
.fz_15{ font-size:17px;}
.fz_14{ font-size:16px;}
.fz_13{ font-size:15px;}
.fz_12{ font-size:14px;}
}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}


.auto_1200{ max-width:88%;}
@media(min-width:1680px){.auto_1200{max-width:81%; padding:0 2%;}}
@media(max-width:1380px){.auto_1200{max-width:95%; }}
@media(max-width:1200px){.auto_1200{max-width:100%; }}


.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 



/**头部导航**/
.Top002070{ position:fixed; left:0; top:0; width:100%; background:url(../images/head_bg.png) repeat 0 0;z-index:10111100;height: 95px;    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);   }
.Top002070.fixednav{background:#fff;}
.Top002070 header{position:relative;}
.Top002070 .logo,
.Top002070 .top{ position:absolute; top:21%;}
.Top002070 .logo .top_logo{display: block;}
.Top002070 .logo .top_logo img{ display:block;}
.Top002070 .logo .top_logo .top_l2{ position:absolute;}
.Top002070 .logo .suid{display: none;}
.Top002070 .top{ right:0; z-index:10;}
.Top002070 .top dt,
.Top002070 .top dd{ float:left; line-height:40px;}
.Top002070 .top dd.tel{ font-weight:bold; color:#956525; padding-left:35px; font-size:24px;background:url(../images/icon_tel.png) no-repeat 6px center;}
.Top002070 .top dd:before{ display:inline-block; content:''; width:1px; border-right:1px solid #d1d1d1; height:12px; margin-right:10px; vertical-align:middle;}
.Top002070 .top dd.tel:before{ display:none;}
.Top002070 .top dd a{display:inline-block;font-size: 16px;}
/*.Top002070 .top dd a:after{ display:inline-block; content:''; width:0; height:0; border:5px solid transparent; border-top-color:#8c8c8c; margin-left:10px;vertical-align:middle;}*/
.Top002070 .top dt{ position:relative; width:40px; height:40px; background:url(../images/sousuo.png) no-repeat center center;}
.Top002070 .top dt div{ position:absolute; right:0; top:0; overflow:hidden; width:0; opacity:0;background:#eee; transition:0.3s;}
.Top002070 .top dt:hover div{ width:200px; opacity:1;}
.Top002070 .top dt div .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;}
.Top002070 .top dt div .btn{ position:absolute; right:0; top:0; height:40px; border:none; cursor:pointer; width:40px;background:url(../images/sousuo.png) no-repeat center center;}
.Top002070 .logo{ left:0;}

.Top002070 nav{ padding:0 238px 0 0; float:right;}
.Top002070 nav li{ float:left; text-align:center; padding-left:10px; padding-right:10px}
.Top002070 nav li.aon >a,
.Top002070 nav li:hover >a{border-bottom:3px solid #956525; color:#956525}
.Top002070 nav li a{ display:block;}
.Top002070 nav li > a{height: 95px;line-height:95px; position:relative; font-size:16px; color:#333;padding:0 7px;display: inline-block;}

.Top002070 nav li .cur{ color:#956525;  border-bottom:#956525 3px solid }


@media(min-width:1680px){
.Top002070 nav{ padding:0 200px 0 0; float:right;}
.Top002070 nav li{ float:left; text-align:center; padding-left:12px; padding-right:12px}
.Top002070 nav li.aon >a,
.Top002070 nav li:hover >a{border-bottom:3px solid #956525; color:#956525}
.Top002070 nav li a{ display:block;}
.Top002070 nav li > a{height: 95px;line-height:95px; position:relative; font-size:18px; color:#333;padding:0 7px;display: inline-block;}
}



.Top002070 nav li .subnav{ position:absolute; width:100%; left:0; /*top:49px;*/ padding-top:20px;padding-bottom:20px; background-color:#f6f6f6; z-index:2;display:none;}
.Top002070 nav li .subnav dl{/* float:right; */text-align:  center; /* display:  inline-block;*/}
.Top002070 nav li .subnav dd{display:inline-block;text-align:center; padding:0 18px;}
.Top002070 nav li .subnav dd:last-child{/*margin-right: 0;*/}
.Top002070 nav li .subnav dd img{height:40px;transition: ease-in-out 0.3s;}
.Top002070 nav li .subnav dd a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}
.Top002070 nav li .subnav dd .pp{display: none;}
.Top002070 nav li .subnav dd:hover figure{}
.Top002070 nav li .subnav dd:hover .pp{display:none;}
.Top002070 nav li .subnav dd p{color: #333;padding: 10px 0 0 0; margin: 0;}

@media(min-width:1680px){
.Top002070 nav li .subnav dd p{color: #333;padding: 10px 0 0 0; margin: 0; font-size:16px}

}

.Top002070 nav li .guyu{padding-top:12px;padding-bottom:12px}
.Top002070 nav li .guyu .auto{max-width: 560px; text-align:left;}
.Top002070 nav li .guyu dd{width: 120px;margin-left: 0;padding:0;text-align:left;}
.Top002070 nav li .guyu dd:nth-child(3n){margin-right:0;}
.Top002070 nav li .guyu dd a p:hover{color: #c91523;}

.Top002070 .navbg{position: absolute;width:100%;/*height: 222px;*/top: 100%;left:0;z-index:1;background: #f7f7f7;display: none;}



.Top002070 nav li .guyu dl{}
.Top002070 nav li .guyu dd{ float:none;}
.Top002070 nav li .add_dl{ width:150px; line-height:14px;}

.tvShow{width:850px;height:530px;position:fixed;left:50%;margin-left:-400px;top:50%;margin-top:-260px;display:none;z-index:200;}
.tvShow .machine,.tvShow embed{width:800px;height:530px;z-index:100;position:relative;overflow:hidden;background:#000;}
.tvShow .close{position:relative;float:right;z-index:120;color:#fff;font-size:20px;cursor:pointer;}
.machine,video{width:800px;height:530px;background:#000;}
#videoclose {display: inline;position: absolute;top: 0;right: 20px;width: 30px;height: 30px;border-radius: 0px;-webkit-border-radius: 0px;line-height: 26px; margin-right: 0;z-index: 10000000;background: red; color: #fff;text-align: center;}
.layer{width: 100%;height: 100%;background: #000;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;position: fixed;top: 0px;left: 0px;display:none;z-index:10;}


/*广告图*/
#owl-demo{position: relative;}
#owl-demo .hd{position: absolute;text-align: center;bottom: 26px;left: 0;right: 0;margin:auto;}
#owl-demo .hd ul{width: 100%;font-size: 0;}
#owl-demo .hd .button{display: inline-block;vertical-align: top;width: 30px;height: 4px;margin-right:12px;background: #ffffff;border:1px solid transparent;}
#owl-demo .hd .button:hover,
#owl-demo .hd .button.on{background: transparent;border:1px solid #956525; background:#956525}
/* 下面是前/后按钮代码，如果不需要删除即可 */
#owl-demo .prev,
#owl-demo .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#owl-demo .next{ left:auto; right:3%; background-position:8px 5px; }
#owl-demo .prev:hover,
#owl-demo .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#owl-demo .prevStop{ display:none;  }
#owl-demo .nextStop{ display:none;  }


#owl-demo .item img{display: block;width: 100%;height: auto;}


.pinpai{
	position: relative;height: 897px;background: url(../images/bj3.jpg) no-repeat top center;background-attachment: fixed;
}
.wh{width: 1200px;margin: 0 auto;}
.pinpai .jtt dd{padding-top: 70px;}
.pinpai .jtt{color: #070707;}
.fuwu{padding-top: 54px;}
.fuwu .fleft{width:571px;margin-left:26px;}
.fleft ul li{position: relative;}
.fleft ul li a.img img{display: block;width: 571px;height: 555px;overflow: hidden;}
.fleft ul li a.img1{display: none;width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/bj1.png) no-repeat top center;}
.fleft ul li .kz{color: #fff;font-size: 30px;text-transform: uppercase;text-align: center;margin-top: 180px;}
.fleft ul li .bt1{font-size: 33px;text-align: center;color: #fff;;font-weight: bold;margin-left: 12px;}
.fleft ul li:hover a.img1{display: block;}
.fright{width: 549px;margin-left: 28px;}
.fright li{margin-right: 23px;margin-bottom: 15px;position: relative;}
.fright li:nth-child(2n){margin-right: 0;}
.fright ul li a.img img{display: block;width: 263px;height: 270px;overflow: hidden;}
.fright ul li a.img1{display: none;width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/bj2.png) no-repeat top center;}
.fright ul li .kz{color: #fff;font-size: 24px;text-transform: uppercase;text-align: center;margin-top: 64px;}
.fright ul li .bt1{font-size: 27px;text-align: center;color: #fff;font-weight: bold;margin-left: 12px;}

.fright ul li:hover a.img1{display: block;}
.pinpai ul li:hover {box-shadow: 3px 3px 10px #c4c4c4;}

.jtt{text-align: center;color: #fff;}
.jtt dd{font-size: 14px;padding-top: 65px;}
.jtt dt{font-size: 42px;}
.jtt .p1{width: 152px;height: 34px;line-height: 34px;border:1px solid #878686;margin: 0 auto;margin-top: 15px;font-size: 16px;}




  .index .index-nav {
    width: 100%;
    height: 170px;
    background: #fff; }
    .index .index-nav .nav-new {
      width: 100%;
      height: auto;
      text-align: center;
      font-size: 0;
      padding-top: 74px; }
      .index .index-nav .nav-new a {
        width: 145px;
        height: auto;
        display: inline-block;
        margin: 0 0.5%; }
        .index .index-nav .nav-new a .item {
          width: 100%;
          height: auto;
          transition: transform .5s; }
          .index .index-nav .nav-new a .item .icon {
            width: 100%;
            height: 40px; position: relative;}
            .index .index-nav .nav-new a .ycTbAct{width: 100%;height: 100%;position: absolute;top:0;left: 0; opacity: 1;transition: all .5s;-webkit-background-size: auto 90% !important;background-size: auto 90% !important;}
            .index .index-nav .nav-new a:nth-child(1) .ycTbAct{-webkit-background-size: auto 89% !important;
            background-size: auto 89% !important;}
            .index .index-nav .nav-new a .ycTbAct-h{width: 100%;height: 100%;position: absolute;top:0;left: 0;opacity: 0;transition: all .5s;-webkit-background-size: auto 90% !important;background-size: auto 90% !important;}

            .index .index-nav .nav-new a:hover .ycTbAct{opacity: 0;}
            .index .index-nav .nav-new a:hover .ycTbAct-h{opacity: 1;}
          .index .index-nav .nav-new a .item .cn {
            text-align: center;
            width: 100%;
            height: auto;
            font-size: 16px;
            line-height: 22px;
            color: #333;
            margin-top: 10px; }
          .index .index-nav .nav-new a .item .en {
            font-size: 12px;
            line-height: 16px;
            color: #333;
            margin-top: 5px;
            text-align: center; }
 @media (min-width: 1024px) {
          .index .index-nav .nav-new a:hover .item {
            transform: translateY(-20px); } }
    @media (max-width: 1600px){
      .index .index-nav .nav-new a{
        width: 130px;
      }
    }
    @media (max-width: 1400px) {
      .index .index-nav .nav-new a {
        width: 100px; } }
    @media (max-width: 1200px) {
      .index .index-nav .nav-new a {
        width: 100px; } }


  .index .index-product {
    width: 100%;
    height: auto;
    padding-bottom: 30px ;
	}
    .index .index-product .product-new {
      width: 1720px;
      height: auto;
      margin: 0 auto; }
      .index .index-product .product-new .title {
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 30px;
        line-height: 32px;
        color: #000; }
      .index .index-product .product-new .list {
        width: 100%;
        height: auto;
        margin-top: 40px; }
        .index .index-product .product-new .list .list-left {
          width: 62.2%;
          height: auto;
          float: left; }
          .index .index-product .product-new .list .list-left .item {
            width: 100%;
            height: auto;
            margin-bottom: 1%; }
            .index .index-product .product-new .list .list-left .item .item-box {
              height: auto;
              border-radius: 5px;
              overflow: hidden;
              position: relative; }
              .index .index-product .product-new .list .list-left .item .item-box a {
                width: 100%;
                height: auto; }
                .index .index-product .product-new .list .list-left .item .item-box a .img {
                  transition: transform 1s; }
                  .index .index-product .product-new .list .list-left .item .item-box a .bg{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
					transition: all .5s;
                    /*background-color: rgba(0,0,0,0.34);*/
                    z-index: 4;
                    display: block; }
                .index .index-product .product-new .list .list-left .item .item-box a .tits {
                  width: 100%;
                  height: 70px;
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  z-index: 5;
                  transition: background .5s; }
                  .index .index-product .product-new .list .list-left .item .item-box a .tits span {
                    float: left;
                    font-size: 14px;
                    line-height: 70px;
                    color: #fff; }
                  .index .index-product .product-new .list .list-left .item .item-box a .tits i {
                    width: 25px;
                    height: 3px;
                    display: block;
                    position: relative;
                    display: block;
                    float: right;
                    margin-top: 33px;
                    overflow: hidden; }
                    .index .index-product .product-new .list .list-left .item .item-box a .tits i img {
                      position: absolute;
                      top: 0;
                      left: -10px;
                      transition: left .5s; }
              .index .index-product .product-new .list .list-left .item .item-box:hover a .img {
                transform: scale(1.1); }
              .index .index-product .product-new .list .list-left .item .item-box:hover a .tits {
                background: rgba(0, 0, 0, 0.5); }
                .index .index-product .product-new .list .list-left .item .item-box:hover a .tits i img {
                  left: 0; }
				  .index .index-product .product-new .list .list-left .item .item-box:hover a .bg{
					opacity: 0;
				  }
            .index .index-product .product-new .list .list-left .item .item-left {
              width: 39.4%; }
              .index .index-product .product-new .list .list-left .item .item-left a .tits span {
                margin-left: 7.1%; }
              .index .index-product .product-new .list .list-left .item .item-left a .tits i {
                margin-right: 7.8%; }
            .index .index-product .product-new .list .list-left .item .item-right {
              width: 59.6%; }
              .index .index-product .product-new .list .list-left .item .item-right a .tits span {
                margin-left: 4.7%; }
              .index .index-product .product-new .list .list-left .item .item-right a .tits i {
                margin-right: 4.3%; }
        .index .index-product .product-new .list .list-right {
          width: 37.1%;
          height: auto;
          float: right;
          overflow: hidden;
          border-radius: 5px;
          position: relative; }
          .index .index-product .product-new .list .list-right a {
            width: 100%;
            height: auto;
            display: block; }
            .index .index-product .product-new .list .list-right a .img {
              transition: transform .5s; }
            .index .index-product .product-new .list .list-right a .bg{
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              background-color: rgba(0,0,0,0.1f4);
              z-index: 4;
			  transition: all .5s;
              display: block; }
            .index .index-product .product-new .list .list-right a .con {
              width: 83.4%;
              height: auto;
              position: absolute;
              z-index: 5;
              left: 8.3%;
              top: 12%; }
              .index .index-product .product-new .list .list-right a .con .line {
                width: 30px;
                height: 2px;
                background: #fff; }
              .index .index-product .product-new .list .list-right a .con .tits {
                font-size: 30px;
                line-height: 32px;
                color: #fff;
                margin-top: 23px; }
              .index .index-product .product-new .list .list-right a .con .tit {
                font-size: 28px;
                line-height: 30px;
                color: #fff;
                margin-top: 12px; }
              .index .index-product .product-new .list .list-right a .con .tit1 {
                font-size: 14px;
                line-height: 16px;
                color: #fff;
                margin-top: 16px; }
              .index .index-product .product-new .list .list-right a .con .line1 {
                width: 25px;
                height: 3px;
                position: relative;
                overflow: hidden;
                margin-top: 38px; }
                .index .index-product .product-new .list .list-right a .con .line1 img {
                  position: absolute;
                  top: 0;
                  left: -10px;
                  transition: left .5s; }
				.index .index-product .product-new .list .list-right:hover a .bg{
					opacity: 0;
				}
          .index .index-product .product-new .list .list-right:hover a .img {
            transform: scale(1.1); }
          .index .index-product .product-new .list .list-right:hover a .con .line1 img {
            left: 0; }
      .index .index-product .product-new .more {
        width: 24.5%;
        height: 68px;
        border-radius: 5px;
        /*background: #fff;*/
        display: block;
        border: 1px solid #ddd;
        margin: 20px auto 0;
        text-align: center;
        font-size: 0;
        position: relative;
        transition: background .5s; }
        .index .index-product .product-new .more span {
          font-size: 13px;
          line-height: 70px;
          color: #9a9a9a;
          margin-left: -10%;
          transition: color .5s; }
		   @media (min-width: 1680px) {
   .index .index-product .product-new .more span {
          font-size: 15px;
          line-height: 70px;
          color: #9a9a9a;
          margin-left: -10%;
          transition: color .5s; }
}
        .index .index-product .product-new .more i {
          width: 16px;
          height: 3px;
          display: inline-block;
          background: url(../images/index_more2.png) no-repeat;
          position: absolute;
          top: 35px;
          right: 40%;
          transition: background .5s; }
        .index .index-product .product-new .more:hover {
          background: #956525; }
          .index .index-product .product-new .more:hover span {
            color: #fff; }
          .index .index-product .product-new .more:hover i {
            background: url(../images/index_more.png) -10px no-repeat; }
      @media (max-width: 1740px) {
        .index .index-product .product-new {
          width: 94%; } }
    @media (max-width: 1440px) {
      .index .index-product .product-new .more i {
        right: 35%; } }
    @media (max-width: 1200px) {
      .index .index-product .product-new .list .list-left .item .item-box a .tits {
        height: 40px; }
        .index .index-product .product-new .list .list-left .item .item-box a .tits span {
          line-height: 40px; }
        .index .index-product .product-new .list .list-left .item .item-box a .tits i {
          margin-top: 18px; }
      .index .index-product .product-new .more {
        height: 45px; }
        .index .index-product .product-new .more span {
          line-height: 45px;
          margin-left: -20%; }
        .index .index-product .product-new .more i {
          top: 23px;
          right: 30%; } }

.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.js-m {
  transform: translateY(50px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .5s,opacity .5s; }

.js-m1 {
  transform: translateY(-50px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .5s,opacity .5s; }

.js-m2 {
  transform: translateX(-50px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .5s,opacity .5s; }

.js-m3 {
  transform: translateX(50px);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .5s,opacity .5s; }

.animate {
  transform: translate(0px);
  opacity: 1;
  filter: alpha(opacity=100); }

.pagefy {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 0; }
  .pagefy a {
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
    border: 1px solid #aaa;
    cursor: pointer; }
    .pagefy a:hover {
      color: #fff;
      border: 1px solid #1ba5e3;
      background: #1ba5e3; }
  .pagefy span {
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #1ba5e3;
    cursor: pointer;
    background: #1ba5e3; }


.left {
  float: left; }

.right {
  float: right; }




/*领先技术*/
.tech{width:100%;position: relative;z-index: 5;background:url(../images/banner-tech.jpg);background-repeat: no-repeat;background-position: center center;
background-size:cover ;background-attachment: fixed;}
.pw { width:100%; margin: 0 auto; position: relative; }
.tech .six { height: auto; overflow: hidden; position: relative; }
.tech .six .head { width: 100%; background: #fff; color: #666666; padding: 50px 0; position: relative; }
.tech .six .head p { padding-left: 45px; }
.tech .six .sixList { height: auto; overflow: hidden; background: url(../images/join09.jpg) center; background-size: cover; width: 100%; }
.tech .six .sixList li { float: left; width: 33.3%; border-right: 1px solid #999c9d; border-bottom: 1px solid #999c9d; box-sizing: border-box; position: relative; height:250px}
.tech .six .sixList li:last-child{border-right:none ;}
.tech .six .sixList li:nth-child(3){border-right:none ;}
.tech .six .sixList li .cen {width:220px;height:100px;position: absolute;top:50%;margin-top: -50px;left:50%;margin-left: -110px; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); color: #fff; text-align: center;  -webkit-transition-duration: .5s; transition-duration: .5s; }
@media  (min-width: 641px) {
.tech .six .sixList li:nth-child(3) .cen{width:300px;margin-left:-150px ;}
}
.tech .six .sixList li .cen p { font-size: 16px; }
.tech .six .sixList li .cen p.en { padding-top: 10px; }
.tech .six .sixList li .cen .img { width: 11px; height: 11px; background: url(../images/wjIco02.png); display: inline-block; margin-top: 10px; }
.tech .six .sixList li .cen .hr { width: 100%; height: 1px; background: #fff;  margin-top: 15px; }
.tech .six .sixList li .cen2 { -webkit-transform: rotate(1deg) scale(.9); transform: rotate(1deg) scale(.9); position: absolute; top: 0; left: 0;  color: #fff; opacity: 0; -webkit-transition-duration: .5s; transition-duration: .5s; width:100%;height:100%;}
.tech .six .sixList li .cen2 p.en { font-size: 14px; text-align: right; padding: 17px 0; text-align: left;}
.tech .six .sixList li .cen2 p.minh { min-height: 142px; }
.tech .six .sixList li .cen2 .hr { width: 100%; height: 1px; background: #fff;  margin-top: 15px; }
.tech .six .sixList li:hover .cen2 { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.tech .six .sixList li:hover .cen { opacity: 0; -webkit-transform: rotate(10deg) scale(0); transform: rotate(10deg) scale(0); }
.li1 .cen .tit{font-size: 14px !important;display: inline-block;width:100%;position: relative;height:20px;text-align: left;padding-left: 10%;}
.li1 .cen .tit em{display: inline-block;width:100px;height:2px;background: #fff;position: absolute;line-height: 20px;top:13px;left:100px}
.li1 .cen .en{text-align: left;padding-left: 10%;}
.tech .six .sixList .li1:hover .cen{-webkit-transform: rotate(0deg) scale(1);opacity: 1;transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);}
.li1 .cen p{text-align: left;padding-left: 10%;}
.tech .six .sixList li .cen{}
.en img{max-width: 100%;}
.cen .cen-left{width:60px;height:60px;float:left;margin-top: 20px;}
.cen .cen-right{float:left;height:100%;margin-left: 20px;margin-top: 16px;}
.cen2-main .cen-left{width:60px;height:60px;float:left;margin-left: 20px;margin-top: 16px;}
.cen2-main .cen-right{float:left;height:100%;width:125px}
.cen2-main{ width:220px;height:100px;position: absolute;top:50%;margin-top: -50px;left:50%;margin-left: -110px;}
.cen2-main .tit{font-size: 16px;}
.li2 .cen,.li2 .cen2-main{width:300px;margin-left: -150px ;}
.li2 .cen2-main .cen-right{width:204px}



#tec1{background: url(../images/tec-last1.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec2{background: url(../images/tec-last2.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec3{background: url(../images/tec-last3.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec4{background: url(../images/tec-last4.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec5{background: url(../images/tec-last5.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec6{background: url(../images/tec-last.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}


@media  (max-width: 940px) {
.tech .six .sixList li{width:50%}
.tech .six .sixList li:nth-child(3){border-right:1px solid #999c9d ;}	
}



  .index .index-box {
    width: 1720px;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    padding-bottom: 84px; }
    .index .index-box .index-news {
      width: 50%;
      height: auto;
      float: left;
      padding-top: 75px; }
      .index .index-box .index-news .title {
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 30px;
        line-height: 32px;
        color: #000; }
      .index .index-box .index-news .tabs {
        width: 280px;
        height: 42px;
        overflow: hidden;
        margin: 39px auto 0; }
        .index .index-box .index-news .tabs a {
          width: 139px;
          height: 40px;
          display: block;
          float: left;
          font-size: 14px;
          line-height: 40px;
          color: #666;
          text-align: center;
          border: 1px solid #eaeaea;
          border-right: none;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
		   @media (min-width: 1680px) {
		     .index .index-box .index-news .tabs a {
          width: 139px;
          height: 40px;
          display: block;
          float: left;
          font-size: 16px;
          line-height: 40px;
          color: #666;
          text-align: center;
          border: 1px solid #eaeaea;
          border-right: none;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
		   }
          .index .index-box .index-news .tabs a.a {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-right: 1px solid #eaeaea;
            border-left: none; }
          .index .index-box .index-news .tabs a.on {
            background: #956525;
            color: #fff;
            border: 1px solid #956525;
            border-right: none; }
          .index .index-box .index-news .tabs a.a.on {
            border-left: none; }
      .index .index-box .index-news .list {
        width: 70%;
        height: auto;
        margin-left: 12.8%;
        margin-top: 33px; }
        .index .index-box .index-news .list .item {
          width: 100%;
          height: auto; }
          .index .index-box .index-news .list .item ul {
            width: 100%;
            height: auto; }
            .index .index-box .index-news .list .item ul li {
              width: 100%;
              height: auto;
              position: relative; }
              .index .index-box .index-news .list .item ul li a {
                width: 100%;
                height: auto; }
                .index .index-box .index-news .list .item ul li a .time {
                  width: 88px;
                  height: 26px;
                  border-radius: 3px;
                  border: 1px solid #dbdbdb;
                  float: left;
                  text-align: center;
                  font-size: 12px;
                  line-height: 26px;
                  color: #666;
                  position: relative;
                  z-index: 3;
                  margin-top: 11px; }
                .index .index-box .index-news .list .item ul li a .tits {
                  margin-left: 107px;
                  font-size: 14px;
                  line-height: 50px;
                  color: #333;
                  position: relative;
                  border-bottom: 1px dashed #dbdbdb;
                  height: 50px;
                  display: -webkit-box;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  text-overflow: ellipsis; }
				  @media (min-width: 1680px) {
				  .index .index-box .index-news .list .item ul li a .tits {
                  margin-left: 107px;
                  font-size: 16px;
                  line-height: 50px;
                  color: #333;
                  position: relative;
                  border-bottom: 1px dashed #dbdbdb;
                  height: 50px;
                  display: -webkit-box;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;
                  overflow: hidden;
                  text-overflow: ellipsis; }
				  }
                .index .index-box .index-news .list .item ul li a .bg {
                  width: 107px;
                  height: 51px;
                  background: #fff;
                  position: absolute;
                  top: 0;
                  left: 0; }
              @media (min-width: 1024px) {
                .index .index-box .index-news .list .item ul li:hover a .tits {
                  color: #956525; } }
          .index .index-box .index-news .list .item .more {
            width: 69.8%;
            height: 66px;
            border: 1px solid #eaeaea;
            border-radius: 5px;
            margin-left: 107px;
            display: block;
            margin-top: 40px;
            text-align: center;
            font-size: 13px;
            line-height: 70px;
            color: #9a9a9a;
            position: relative;
            transition: color .5s,background .5s; }
				@media (min-width: 1680px) {
   .index .index-box .index-news .list .item .more {
            width: 69.8%;
            height: 66px;
            border: 1px solid #eaeaea;
            border-radius: 5px;
            margin-left: 107px;
            display: block;
            margin-top: 40px;
            text-align: center;
            font-size: 16px;
            line-height: 70px;
            color: #9a9a9a;
            position: relative;
            transition: color .5s,background .5s; }}
            .index .index-box .index-news .list .item .more span {
              margin-left: -36px; }
            .index .index-box .index-news .list .item .more i {
              width: 16px;
              height: 3px;
              display: inline-block;
              background: url(../images/index_more2.png) no-repeat;
              position: absolute;
              top: 35px;
              right: 40%;
              transition: background .5s; }
            @media (min-width: 1024px) {
              .index .index-box .index-news .list .item .more:hover {
                background: #956525;
                color: #fff;
                border: 1px solid #956525; }
                .index .index-box .index-news .list .item .more:hover i {
                  background: url(../images/index_more.png) no-repeat; } }
    .index .index-box .index-about {
      width: 50%;
      height: auto;
      float: left;
      padding-top: 75px; }
      .index .index-box .index-about .title {
        font-size: 30px;
        line-height: 32px;
        color: #000;
        text-align: center; }
      .index .index-box .index-about .box {
        width: 69.8%;
        height: auto;
        margin-left: 18.6%;
        margin-top: 32px; }
        .index .index-box .index-about .box .pic {
          width: 33.7%;
          height: auto;
          float: left; }
        .index .index-box .index-about .box .con {
          width: 54%;
          height: auto;
          float: right;
          margin-top: 5%; }
          .index .index-box .index-about .box .con .tits {
            font-size: 18px;
            line-height: 28px;
			font-weight:700;
            color: #333; }
          .index .index-box .index-about .box .con .tit {
            font-size: 14px;
            line-height: 28px;
            color: #333;
            height: 180px;
            width: 100%;
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 17px; }
			 @media (min-width: 1680px) {
    .index .index-box .index-about .box .con .tit {
            font-size: 16px;
            line-height: 32px;
            color: #333;
            height: 180px;
            width: 100%;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsi    }}
	 
	 
      .index .index-box .index-about .more {
        width: 49%;
        height: 66px;
        border: 1px solid #eaeaea;
        border-radius: 5px;
        display: block;
        text-align: center;
        font-size: 13px;
        margin-left: 25%;
        line-height: 70px;
        margin-top: 13%;
        position: relative;
        color: #9a9a9a;
        transition: color .5s,background .5s; }
		@media (min-width: 1680px) {
     .index .index-box .index-about .more {
        width: 49%;
        height: 66px;
        border: 1px solid #eaeaea;
        border-radius: 5px;
        display: block;
        text-align: center;
        font-size: 16px;
        margin-left: 25%;
        line-height: 70px;
        margin-top: 13%;
        position: relative;
        color: #9a9a9a;
        transition: color .5s,background .5s; }}
		
        .index .index-box .index-about .more span {
          margin-left: -36px; }
        .index .index-box .index-about .more i {
          width: 16px;
          height: 3px;
          display: inline-block;
          background: url(../images/index_more2.png) no-repeat;
          position: absolute;
          top: 35px;
          right: 40%;
          transition: background .5s; }
        @media (min-width: 1024px) {
          .index .index-box .index-about .more:hover {
            background: #956525;
            color: #fff;
            border: 1px solid #956525; }
            .index .index-box .index-about .more:hover i {
              background: url(../images/index_more.png) no-repeat; } }
    .index .index-box .line {
      width: 1px;
      height: 360px;
      position: absolute;
      top: 105px;
      left: 50%;
      background: #dbdbdb; }
    @media (max-width: 1740px) {
      .index .index-box {
        width: 96%; } }
    @media (max-width: 1380px) {
      .index .index-box .index-news .list .item .more {
        height: 50px; }
        .index .index-box .index-news .list .item .more span {
          line-height: 50px;
          margin-left: -50px; }
        .index .index-box .index-news .list .item .more i {
          top: 25px;
          right: 35%; }
      .index .index-box .index-about .more {
        height: 50px; }
        .index .index-box .index-about .more span {
          line-height: 50px;
          margin-left: -50px; }
        .index .index-box .index-about .more i {
          top: 25px;
          right: 35%; } }
    @media (max-width: 1024px) {
      .index .index-box {
        padding-bottom: 55px; }
        .index .index-box .index-news {
          padding-top: 45px; }
          .index .index-box .index-news .title {
            font-size: 22px;
            line-height: 24px; }
          .index .index-box .index-news .tabs {
            width: 200px;
            height: 32px;
            margin: 25px auto 0; }
            .index .index-box .index-news .tabs a {
              width: 99px;
              height: 30px;
              line-height: 30px; }
          .index .index-box .index-news .list {
            width: 85%;
            margin-left: 7%; }
            .index .index-box .index-news .list .item ul li a .time {
              margin-top: 5px;
              width: 74px; }
            .index .index-box .index-news .list .item ul li a .tits {
              margin-left: 85px;
              height: 40px;
              line-height: 40px; }
            .index .index-box .index-news .list .item ul li a .bg {
              width: 85px; }
            .index .index-box .index-news .list .item .more {
              width: 153px;
              height: 40px;
              text-align: left;
              margin-left: 85px;
              margin-top: 20px; }
              .index .index-box .index-news .list .item .more span {
                line-height: 40px;
                margin-left: 25px; }
              .index .index-box .index-news .list .item .more i {
                right: 20%;
                top: 20px; }
        .index .index-box .index-about {
          padding-top: 45px; }
          .index .index-box .index-about .title {
            font-size: 22px;
            line-height: 24px; }
          .index .index-box .index-about .box {
            width: 85%;
            margin-left: 5%; }
            .index .index-box .index-about .box .pic {
              width: 43%; }
          .index .index-box .index-about .more {
            width: 153px;
            height: 40px;
            text-align: left;
            margin-top: 9%; }
            .index .index-box .index-about .more span {
              line-height: 40px;
              margin-left: 25px; }
            .index .index-box .index-about .more i {
              right: 20%;
              top: 20px; }
        .index .index-box .line {
          height: 255px; } }
    @media (max-width: 600px) {
      .index .index-box .line {
        display: none; }
      .index .index-box .index-news {
        width: 100%;
        float: none; }
        .index .index-box .index-news .list {
          margin-top: 15px; }
          .index .index-box .index-news .list .item .more {
            margin: 20px auto 0; }
      .index .index-box .index-about {
        width: 100%;
        float: none; }
        .index .index-box .index-about .box {
          width: 100%;
          margin-left: 0; }
        .index .index-box .index-about .more {
          margin: 20px auto 0;
          bottom: auto;
          left: auto;
          position: relative; } }




.footer {
  width: 100%;
  height: auto;
  background: #333; }
  .footer .foot {
    width: 1550px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 30px; }
    .footer .foot .con {
      width: 17.4%;
      height: auto;
      float: left; }
      .footer .foot .con .logo {
        width: 184px;
        height: 35px;
        display: block; }
      .footer .foot .con .tel {
        width: 100%;
        height: auto;
        margin-top: 30px; }
        .footer .foot .con .tel span {
          font-size: 14px;
          line-height: 36px;
          color: #fff;
          width: 100%;
          display: block; }
        .footer .foot .con .tel i {
          font-size: 24px;
          line-height: 29px;
          color: #fff !important;
          display: block; }
		  @media (min-width: 1680px) {
        .footer .foot .con .tel span {
          font-size: 16px;
          line-height: 36px;
          color: #fff;
          width: 100%;
          display: block; }   
		   .footer .foot .con .tel i {
          font-size: 28px;
          line-height: 29px;
          color: #fff !important;
          display: block; }
		  
		   }
		  
      .footer .foot .con .tag {
        width: 100%;
        height: auto;
        margin-top: 33px; }
        .footer .foot .con .tag a {
          font-size: 14px;
          line-height: 36px;
          color: #fff;
          padding-left: 26px;
          display: block; }
		  		  @media (min-width: 1680px) {
    .footer .foot .con .tag a {
          font-size: 15px;
          line-height: 36px;
          color: #fff;
          padding-left: 26px;
          display: block; }
		  
		   }
		   
          .footer .foot .con .tag a.i1 {
            background: url(../images/footer_icon1.png) left center no-repeat; }
          .footer .foot .con .tag a.i2 {
            background: url(../images/footer_icon2.png) left center no-repeat; }
          .footer .foot .con .tag a.i3 {
            background: url(../images/footer_icon3.png) left center no-repeat; }
          .footer .foot .con .tag a:hover {
            color: #1ba5e2; }
    .footer .foot .nav {
      width: 76%;
      height: auto;
      float: right; }
      .footer .foot .nav dl {
        width: 12.2%;
        height: auto;
        margin-right: 4.46%;
        float: left; }
        .footer .foot .nav dl dt {
          width: 100%;
          height: auto;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          font-size: 18px;
          line-height: 18px;
          padding-bottom: 20px;
          margin-bottom: 12px; }
          .footer .foot .nav dl dt a {
            display: block;
            width: 100%;
            height: auto;
            color: #fff;
            transition: color .5s; }
            .footer .foot .nav dl dt a:hover {
              color: #1ba5e2; }
			  
        .footer .foot .nav dl dd {
          width: 100%;
          height: auto;
          font-size: 13px;
          line-height: 30px; }
          .footer .foot .nav dl dd a {
            color: #c2c2c2;
            display: block;
            width: 100%;
            height: auto;
            transition: color .5s; }
            .footer .foot .nav dl dd a:hover {
              color: #fff; }
			  
			   @media (min-width: 1680px) {
     .footer .foot .nav dl dd {
          width: 100%;
          height: auto;
          font-size: 15px;
          line-height: 30px; }   }
			  
			  
    @media (max-width: 1740px) {
      .footer .foot {
        width: 86%; } }
    @media (max-width: 1330px) {
      .footer .foot .nav {
        width: 80%; }
        .footer .foot .nav dl {
          width: 15%;
          margin-right: 1.6%; } }


  .footer .foott {
    width: 100%;
    height: 68px;
    background: #222; }
    .footer .foott .foott-new {
      width: 1550px;
      height: auto;
      margin: 0 auto; }
      .footer .foott .foott-new .foott-left { text-align:center; margin:auto }
        .footer .foott .foott-new .foott-left .txt {
		text-align:center;
          font-size: 13px;
          line-height: 68px;
          color: #9f9f9f; }
		   .footer .foott .foott-new .foott-left .txt a{color: #9f9f9f;}
		   .footer .foott .foott-new .foott-left .txt a:hover{text-decoration:underline;}
		   @media (min-width: 1680px) {
     .footer .foott .foott-new .foott-left .txt {
		text-align:center;
          font-size: 15px;
          line-height: 68px;
          color: #9f9f9f; }
		     }
        .footer .foott .foott-new .foott-left .nav {
          float: left;
          font-size: 12px;
          line-height: 68px;
          color: #9f9f9f;
          margin-left: 30px; }
          .footer .foott .foott-new .foott-left .nav a {
            color: #9f9f9f;
            transition: color .5s; }
            @media (min-width: 1024px) {
              .footer .foott .foott-new .foott-left .nav a:hover {
                color: #fff; } }
          .footer .foott .foott-new .foott-left .nav span {
            margin: 0 4px; }
      .footer .foott .foott-new .foott-right {
        float: right; }
        .footer .foott .foott-new .foott-right span {
          float: left;
          font-size: 12px;
          line-height: 68px;
          color: #b5b5b5; }
		   @media (min-width: 1680px) {
       .footer .foott .foott-new .foott-right span {
          float: left;
          font-size: 14px;
          line-height: 68px;
          color: #b5b5b5; }   }
        .footer .foott .foott-new .foott-right a {
          float: left;
          width: 21px;
          height: 20px;
          display: block;
          margin: 24px 0 0 21px;
          transition: background .5s; }
          .footer .foott .foott-new .foott-right a.bds_tsina {
            background: url("../images/footer_wb.png") center no-repeat; }
          .footer .foott .foott-new .foott-right a.bds_weixin {
            background: url("../images/footer_wx.png") center no-repeat; }
          .footer .foott .foott-new .foott-right a.bds_qzone {
            background: url("../images/footer_kj.png") center no-repeat; }
          .footer .foott .foott-new .foott-right a.bds_douban {
            background: url("../images/footer_db.png") center no-repeat; }
    
      @media (max-width: 1740px) {
        .footer .foott .foott-new {
          width: 86%; } }
   
.footer-m{
  width: 100%;
  height: auto;
  padding: 30px 0;
  display: none;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background-color: #333;}
  .footer-m .logo{
    width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;}
  .footer-m .t{
    margin-top: 15px;
  }
  .footer-m .t1{
    display: inline-block;
    margin-top: 10px;
    color: #fff;}
  .footer-m .t2{
    margin-top: 10px;
  }
    .footer-m .t2 a{
      color: #fff;
    }
    .footer-m .t2 span{
      margin: 0 5px;}
  .footer-m .t3{
    margin-top: 10px;
  }
  
 @media (min-width: 1680px) {
     .pp1{ font-size:17px}    }