@charset "UTF-8";

/* CSS Document */
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;outline: none;}/*文字强制换行word-break:keep-all;(Ff)*/
table{border-collapse: collapse;margin: auto;}/*细线表格*/
fieldset, img{border: none;}/*清除描边,块显示*/
ul, li{list-style-type: none;}/*无列表项目标记*/

blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
i,em{font-style: normal;}
body{
  font-family:"Microsoft YaHei" !important;
  font-size:12px;color:#666;
/*
  background:#a0a7b7;
  
  background-image: url(../images/box22bg.jpg);
  background-repeat:no-repeat; 
    background-attachment:fixed
*/

}
select, input{vertical-align: middle;outline: none; font-family:"Microsoft YaHei";}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox]{cursor: pointer;outline: none;}
textarea{outline: none;font-family:"Microsoft YaHei";}
.wrap{width:85%;clear: both;margin: 0 auto;}
.clear{clear: both;overflow:hidden;}
.h2{clear: both;height: 2px;overflow:hidden;}
.h10{clear: both;height: 10px;overflow:hidden;}
.h15{clear: both;height: 16px;overflow:hidden;}
.h20{clear: both;height: 20px;overflow:hidden;}
.h25{clear: both;height: 25px;overflow:hidden;}
.h30{clear: both;overflow:hidden;height: 30px;}
.h32{clear: both;height: 32px;}
.h40{clear: both;height: 40px;overflow:hidden;}
.h50{clear: both;height: 50px;overflow:hidden;}
.h55{clear: both;height: 55px;overflow:hidden;}
.h60{clear: both;height: 60px;overflow:hidden;}
.h80{clear: both;height: 80px;overflow:hidden;}
.h100{clear: both;height: 100px;overflow:hidden;}
.h110{clear: both;height: 110px;overflow:hidden;}
.h125{clear: both;height: 125px;overflow:hidden;}
.h150{clear: both;height: 150px;overflow:hidden;}
.h185{clear: both;height: 185px;overflow:hidden;}
.h250{clear: both;height: 125px;overflow:hidden;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}


.bai{ background: #FFF;}
.hui{ background: #f2f2f2;}
.pic{ overflow:hidden;}
.pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.pic:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.hoverDH{transition: 0.3s linear; -webkit-transition: 0.3s linear;}
.hoverDH:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px);box-shadow: 0 2px 9px 2px rgba(0,0,0,0.1);}
.default{background:#ececec url(../images/basiclogo.png) center center no-repeat;}
.imgBox{
  position: relative;
  overflow: hidden;
}
.imgBox img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jqthumb{
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s linear;
}
.publicTit{
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
.publicTit a{
  color: #fff;
}

/*将彩色图片变灰色*/
img.desaturate{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);     
  -moz-filter: grayscale(100%);     
  -ms-filter: grayscale(100%);     
  -o-filter: grayscale(100%); 
  }

/*字竖向排列*/
.writing-mode-lr{
  writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
    text-align: left;  
}
.writing-mode-rl{
  writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
    text-align: left;    
}

/**
 * 改变浏览器滚动条


 */
::-webkit-scrollbar {width:0px;background:#fff;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:0px;background:#585f72;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}

/**
 * css3动画（从上往下、从下往上、从左往右、从右往左、淡入、淡出）
 * @author 
 * @return
 */
@-webkit-keyframes gupIn{from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0; -moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0; transform:translate3d(0,-30px,0);}}

@-webkit-keyframes gdownIn{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gdownIn{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gdownIn{from{opacity:0; transform:translate3d(0,30px,0);}}

@-webkit-keyframes gleftIn{0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes gleftIn{0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes gleftIn{0%{opacity:0; transform:translate3d(-30px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes grightIn{0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes grightIn{0%{opacity:0; -moz-transform:translate3d(80px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes grightIn{0%{opacity:0; transform:translate3d(80px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}

.gupIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
  }
.gdownIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gdownIn 1s 0.1s both;
    -moz-animation: gdownIn 1s 0.1s both;
    animation: gdownIn 1s 0.1s both;
  }
.gleftIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gleftIn 1s 0.1s both;
    -moz-animation: gleftIn 1s 0.1s both;
    animation: gleftIn 1s 0.1s both;
  }
.grightIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: grightIn 1s 0.1s both;
    -moz-animation: grightIn 1s 0.1s both;
    animation: grightIn 1s 0.1s both;
  }
.gfadeIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeIn 1s 0.1s both;
    -moz-animation: gfadeIn 1s 0.1s both;
    animation: gfadeIn 1s 0.1s both;
  }
.gfadeOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeOut 1s 0.1s both;
    -moz-animation: gfadeOut 1s 0.1s both;
    animation: gfadeOut 1s 0.1s both;
  }


/*公共部分结束*/
/*
********************************此处首页样式开始********************************
*/

/*有线框*/
.btn-border{padding:0 20px; display:inline-block; height:40px; line-height:40px; border:1px solid #cb9c01; cursor:pointer; position:relative; display:inline-block; text-align:center; font-size:0;}
.btn-border .arrow {width:17px; height:14px; background:url(../images/btn_black_jt.png) 50% 50% no-repeat; display:inline-block; vertical-align:middle; }
.btn-border .label {font-size:14px; position:relative; display:inline-block; vertical-align:middle; white-space:nowrap; padding:0 10px; opacity:0; visibility:hidden; max-width:0; padding:0; -webkit-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); color:#000;}
.btn-border:hover .label{max-width:80px; padding:0 10px; opacity:1; visibility:visible;}


.index-point{ z-index:2;    position: relative;}

.index-point .container{    width: 82%; clear: both; margin: 0 auto;}
.index-point .rect-295{padding-bottom:29.5%;}
.index-point .content{position:relative; margin-top:-100px;}
.index-point .left{width:54.5%; position:relative;}
.index-point .left .cover{position:absolute; width:100%; height:100%; top:0; left:0;}
.index-point .left .cover .box-point{padding:20px 150px 77px 57px;}
.index-point .left .cover .box-point .tit{font-size:32px; color:#000; font-weight:lighter;}
.index-point .left .cover .box-point .tit span{font-size:45px; font-weight:bold;}
.index-point .left .cover .box-point .con{font-size:16px;  color:#000000; line-height:30px; margin:0px 0 10px;}
.index-point .right{position:absolute; right:0; bottom:0; width:50%; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.2);}
.index-point .right ul{padding:54px  0;}

/*变化数字*/
.index-point  .num_box .item{width: 25%;float: left;text-align: center;background:url(../images/about_center01_line.jpg) no-repeat right;}
.index-point .num_box .item:nth-last-child(1){background:none}
.index-point .num_box .item .main{color: #cb0101;line-height: 1;margin-bottom: 8px;font-weight: bold;font-size: 16px;}
.index-point .num_box .item .num{font-size: 55px;font-family: 'Arial';}
.index-point .num_box .item .s{font-size: 16px;color: #1e1e1e;line-height: 1;padding-bottom: 18px; display:block; text-align:center; background:url(../images/line.jpg) no-repeat center bottom;}
.index-point  .num_box .item .s:after{content: '';height: 1px;background-color: #e2e2e2;}
.num_box{ padding:60px 0; margin: 0 auto; max-width: 1000px;}
.numCount{ margin: 0 10px;}
.numCount li{ width: 25%; float: left;text-align: center;/*background:url(../images/about_center01_line.jpg) no-repeat right;*/}
.numCount li:nth-last-child(1){background:none}
.numCount li .item{ margin: 0  12%;}
.numCount li .item .indc{font-size: 16px;color: #ffffff;line-height: 1;padding-bottom: 18px;  padding-top: 10px;   border-top: 1px solid rgba(250,250,250,.2);}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:50px;font-family: 'Arial'; color:#FFF;font-weight: bold;}
.numCount li .numU .unitC{font-size: 16px;line-height: 1.3;margin-top: 2px;margin-left: 0.3em;color: #FFF; font-weight: bold; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top; color:#FFF;}
.numCount li .numU sub{vertical-align:baseline; color:#FFF;}
@media (max-width:2580px){
  .index-point .rect-295 {
    padding-bottom: 27.5%;
}
}

@media (max-width:1680px){
.banner{
  height:660px;
  width: 100%;
}
.banner .swiper-wrapper{
  height: 660px;
  width: 100%;
  position: relative;
  transition-timing-function: cubic-bezier(0.71, 0.23, 0.22, 0.81);
  transition-delay: 1s;
}
.banner .swiper-slide{
  height:660px;
  width: 100%;
  position: relative;
}

.index-point .rect-295 {
    padding-bottom:31.5%;
}


}




@media (max-width:800px){
  .index-point .container{ width: 100%;}
  .numCount li .numCX{ font-size:36px; }
}


/******************************/



/* index1 S */
.index1{/*background:url(../images/about_center01_1.jpg) no-repeat center;*/ background-size: cover;padding: 20px 0 60px;}
.index1 .container{ width:80%; margin: 0 auto;}
.index1 .intro .img img{background:url(../images/about_center01_bg.jpg) center fixed;}
.index1 .intro .img{padding:0px; text-align:center;}
.index1 .intro .c{font-size: 16px;color: #333;padding: 0px 5%;line-height: 38px;text-align: center;overflow: hidden;      
  text-overflow: ellipsis;      
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */      
  -webkit-line-clamp: 3; /* 控制最多显示几行 */      
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */    }
.mt30{ margin-top: 30px;}
.index1 li .rect-97{padding-bottom:97%;}

.index1 li:first-child{margin-left:0px;}
.index1 li .intro{width:92%; margin:0 4%; position:absolute; left:0; bottom:17px; background:rgb(255,255,255);opacity:0.9; transition:all 0.5s ease;}
.index1 li .intro .box_center01 .t{font-size:20px; line-height:30px; font-weight: bold;color:#333; margin-bottom:15px;}
.index1 li .intro .box_center01 .c{font-size:16px; line-height:25px; color:#333; color:rgba(70,70,70);opacity:0.9;   text-align: left;padding: 0px;display: -webkit-box;       
  overflow: hidden;
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 1;}
.index1 li:hover .intro{background:rgb(196,0,0);opacity:0.9;}

.index1 li .intro .box_center01{padding:20px 30px;}
.index1 li .intro .box_center01 .t{font-size:20px; line-height:26px; margin-bottom:10px;}
.index1 li:hover .intro .box_center01 .t{color:#fbba40;}
.index1 li:hover .intro .box_center01 .c{color:#fff; color:rgba(255,255,255);opacity:0.9;text-align: left;
  display: -webkit-box;       
  overflow: hidden;
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 1;
}
/* index1 E */
/*index2---S*/
.index2{
  background: #f5f5f5;
  /*width: 100%;
  padding-top: 75px;
  padding-bottom: 24px;   background-size: cover;*/
  }
.index2 .container{ width:80%; margin: 0 auto;}
.bg-white {
    background: #fff;
}
.index-title-block {
    text-align: center;
    padding-bottom:20px;
    overflow: hidden;
    width: 100%;
}
.index-title-block .t1 {
    height: 48px;
    line-height: 48px;
    position: relative;
    margin-top:35px;
    float: left;
    width: 100%
}
.index-title-block .t1 span {
    display: inline-block;

    padding: 0 44px;
    line-height: 100%;
    color: #333;

  font-size: 32px;

/*    color: #e50012;*/

    text-align: center;
    font-weight:bold;
}
.index-title-block .t2 {
    font-size: 20px;
    text-align: center;
    color: #1f1e1e;
    padding-top: 10px;
    float: left;
    width: 100%;
}

.prodcut-nav {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 11;
}
.prodcut-nav ul {
    border-right: 1px solid #e5e5e5;
    overflow: hidden
}
.prodcut-nav li {
    width: 11.1%;
    height: 160px;
    float: left;
    line-height: 100%;
    text-align: center;
    border-left: 1px solid #e5e5e5;
}
.prodcut-nav a {
    display: block;
    height: 125px;
/*    width: 122px;*/
    color: #333;
    padding-top: 20px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.prodcut-nav a p{
/*
      width: 75px;
     display: block;
*/
  
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    margin: 0 auto;
}
.pro-icon {
    display: block;
    background: url(../images/product_icon.png);
    width: 68px;
    height: 68px;
    margin: 0 auto 10px;
}
.prodcut-nav .hover a,
.prodcut-nav a:hover {
    color: #e60012
}
.prodcut-nav .hover a .pro-icon,
.prodcut-nav a:hover .pro-icon {
    background-image: url(../images/product_icon_h.png)
}
.pro-icon-2 {
    background-position: 0 -68px
}
.pro-icon-3 {
    background-position: 0 -136px
}
.pro-icon-4 {
    background-position: 0 -204px
}
.pro-icon-5 {
    background-position: 0 -272px
}
.pro-icon-6 {
    background-position: 0 -340px
}
.pro-icon-7 {
    background-position: 0 -408px
}
.pro-icon-8 {
    background-position: 0 -476px
}
.pro-icon-9 {
    background-position: 0 -544px
}
.pro-icon-10 {
    background-position: 0 -612px
}
.pro-icon-11 {
    background-position: 0 -670px
}


.pro-nav-img {
    height: 680px;
    position: relative;
}
.pro-nav-img li {
    width: 100%;
    height: 680px;
    background-position: center center;
   
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    cursor: pointer;
    overflow: hidden
}
.pro-nav-img li .li-bg {
    width: 100%;
    height: 900px;
    width: 100%;
    height: 900px;
    background-position: center center;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.pro-nav-img li:hover {
    opacity: 0.99;
}
.pro-nav-text {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    z-index: 12
}
.pro-nav-text .t1 {
    font-size: 30px;
    padding-bottom: 27px;
    color: #060001;
    font-weight: 300;
}
.pro-nav-text .t2 {
    font-size: 20px;
    line-height: 38px;
    color: #c40101;
    font-weight: 300;
    width: 40%;
    margin: 0 auto; display: -webkit-box;       
  overflow: hidden;
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 3;
}
/*
.pro-nav-text .t3 {
    font-size: 16px;
    color: #333;
    padding-top: 10px;
    line-height: 32px;
}
*/
.pro-nav-text .t3 {
    font-size: 18px;
    color: #333;
    padding-top: 10px;
    line-height: 32px;
    width: 50%;
    margin: 0 auto;display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}
.pro-nav-img li .li-bg {
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    transition: transform 1s ease;
}
.pro-nav-img li:hover .li-bg {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    transition: transform 1s ease;
}
.li-bg canvas {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #fff
}
.pro-nav-img li .li-bg {
    bottom: 0px;
    top: auto;
    background-repeat: no-repeat;
    height: 400px;
}
.li-img {
    position: absolute;
    width: 100%;
    text-align: center;
}
.li-text {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    bottom: 50px;
    z-index: 11
}
.pro-nav-text {
    top: 0
}

.phone-box{ display:none;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-product{position: relative;    overflow: hidden;}
.w-product a{ display: block; text-decoration: none; color: #333;}
.w-product .product-item{ position:relative;}
.w-product .product-imgbox{ width:58%;}
.w-product .product-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-product .swiper-slide.swiper-slide-active .product-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-product .aspectRatio{padding-bottom:450px;}
.w-product .product-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-product .product-text{ top:50%;}
.w-product .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-product .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-product .date .day_month{font-size:17px; color: #bebebe;}
.w-product .product-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-product .product-sum{ line-height: 1.8; height:3.5em; color:#666; display: -webkit-box !important;
    overflow: hidden;text-overflow: ellipsis;word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.w-product .more{margin-top:20px; width: 45px; height: 24px; float: right;    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==) center no-repeat;}
.w-product .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:100%; padding-left: 4%; }
.w-product .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-product .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #ffffff;}
.w-product .swiper-num .active{ font-size:32px; font-weight: bold;}



@media (max-width:960px){
  .w-newsList2 .news-h{font-size:24px;}
  .w-newsList2 .news-sum{ display: none;}
}
@media (max-width:767px){
    .w-product .product-imgbox{width:100%;background: #e3e0db;}
  .w-product .aspectRatio{padding-bottom: 56.25%;}
  .w-product .product-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;}
  :root .w-product .product-text{ top:0;}
  .w-product .adSN_page{ left:0; bottom:2em; margin-bottom: 0;}
  .w-product .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}

  .picScroll-top .bd ul li .pic img {
   width: 90%;
    height: auto; 
    display: block;
}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .w-product .product-h{font-size:125%;}
  .w-product .date .year{ font-size:300%;}
  .w-product .date .day_month{ font-size: 110%;}
    .w-product .swiper-num {
    bottom: 13em;
    background:rgb(204 1 2);
    padding: 5px 10px;
    right: 0px;
}
  .w-product .swiper-num .active{ font-size: 200%;}

  .w-product .product-h{font-size:125%;}
}





/* index3 */

.index3{    background: #f5f5f5;padding:80px 0;}
.index3 .container{ width:80%; margin: 0 auto;}
.index3 .Zhid_list{-webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.Zhid_new{padding-bottom:60px; text-align:center;}
.Zhid_tit a{font-size:32px; color:#333333; font-weight:bold;}
.Zhid_sum{ color: #333333; height: 35px; line-height: 45px;font-size: 16px;margin-top:15px; font-weight:bold;}

#owl-demo{position:relative;width:100%;height:470px;margin: 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:100%;height:470px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑";color:#fff;text-align:center;}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
/*新闻中心  部门信息切换*/
.NewsSlideBox{ }
.NewsSlideBox .hd{/* width: 105%; */height: 60px;background:#e4e4e4;}
.NewsSlideBox .hd li{position: relative;float: left;width: 33.3%;height: 60px;padding-bottom: 8px;font-size: 18px;/* margin-right: 2px; */ *margin-right: 0px;}
.NewsSlideBox .hd li a{
    display: block;
    /* width: 100%; */
    /* border-radius: 4px;height: 100%; */
    text-align: center;
    line-height: 60px;
    color: #000;
    position: relative;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    }
.NewsSlideBox .hd li.on{background: url(../images/Home_ico_3.png) no-repeat center bottom;}
.NewsSlideBox .hd li.on a{ background-color: #cb0001; color: #FFF;}
.NewsSlideBox .bd { margin-top: 15px;}
.NewsSlideBox .bd li{ position: relative; overflow: hidden;}
.NewsSlideBox .bd li a{ display: block; float: left; max-width: 85%; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;     font-size: 18px;
    line-height: 45px;
    color: #333; transition: all 0.3s;}
.NewsSlideBox .bd li a:hover{ text-indent:15px;  }
@media (max-width:1680px){
#owl-demo{position:relative;width:100%;height: 420px;margin: 0 auto;}
#owl-demo img{display:block;width:100%;height: 420px;}
}
@media (max-width:1440px){
#owl-demo{position:relative;width:100%;height: 380px;margin: 0 auto;}
#owl-demo img{display:block;width:100%;height: 380px;}
.NewsSlideBox .bd li a {
    display: block;
    float: left;
    max-width: 85%;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-size: 18px;
    line-height: 38px;
    color: #333;
    transition: all 0.3s;
}

}

/******list*******/

.list-t li {
    position: relative;
    padding-left:10px;
    line-height: 40px;
    font-size: 16px;    text-align: left;
}

.list-t li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #ddd;
    border-radius: 100px;
}

.list-t li:hover:before {
    background-color: #cb0001;

}
.list-t li a b{ color:#cb0001; font-weight: normal;}
/*.list-t li:hover a b{ color:#333}*/
.list-t li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-t li .date {
    position: absolute;
    top: 0;
    right: 0;
    color: #bbb;
}

.list-t li .date+a {
    width: 70%;
}
li:hover a>i{transform: rotateY(180deg);-moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); ransition: transform 0.7s ease-out 0s;-moz-transition:transform 0.7s ease-out 0s; -webkit-transition: transform 0.7s ease-out 0s;}


/* index4 */
.index4{padding:75px 0 105px;  background: #f6f6f9; background:url(../images/index4.jpg) no-repeat center;     background-size: cover; }
.index4 .container {  }
.index4 .cooperation_red_tit h1{
  font-size: 32px;
  color: #fff;
  font-weight: normal;
  letter-spacing: 1px;
  opacity: 0.92;    font-weight: bold;
}
.index4 .cooperation_red_tit p{
  color: #fff;
  font-size: 16px;

  margin-top: 10px;
  line-height: 25px;
  opacity: 0.8;
}

.picScroll-top{ margin:25px auto 0;   overflow:hidden; position:relative;   }

.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-top .hd ul li.on{ background-position:0 0; }
.picScroll-top .bd{ padding:10px;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; float:left;  margin: 5px 0px }
.picScroll-top .bd ul li .pic{ text-align:center; }
.picScroll-top .bd ul li .pic img{ width: 100%;max-height:65px; display:block;  }
.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-top .bd ul li .title{ line-height:24px; }

.index5{padding:75px 0 105px;  background: #f6f6f9; background:url(../images/sec_nav_bg.jpg) no-repeat center;  }
.index5 .infor{text-align:center; padding:0 11.5%; color:#fff;}
.index5 .infor .tit{font-size:36px;line-height:1;margin-bottom:20px;color: #000;font-weight: bold;}
.index5 .infor .con{font-size:18px; line-height:26px; margin-bottom:70px;color:#fff;}
.index5 .content li{text-align:center;}
.index5 .content li .img-box{width:160px; height:160px; background:rgb(255 255 255 / 67%) ;border-radius:50%; margin:0 auto; position:relative; z-index:2;/* transition:all 0.5s ease;*/}
.index5 .content li .img-box:before{position:absolute; top:0; left:0; content:""; display:block;  width:100%; height:100%; opacity:0; background:#c6211a; border-radius:100%; z-index:-1; transform:scale(.5); transition:all .4s ease-in-out; display:none\0;}
.index5 .content li .img-box:after{position:absolute; top:0; left:0; content:""; display:block;  width:100%; height:100%; opacity:0; background:#c6211a; border-radius:100%; z-index:-1; transform:scale(1.5); transition:all .8s ease-in-out; display:none\0;}
:root .index5 .content li .img-box:before{display:block;}
:root .index5 .content li .img-box:after{display:block;}

.index5 .content li .img-box .icon{display:inline-block;width:65px;height:60px;background:url(../images/about_center03_2.png) no-repeat;margin-top: 20%;}
.index5 .content li .img-box .icon4{background-position:0 0;}
.index5 .content li .img-box .icon3{background-position:-80px 0;}
.index5 .content li .img-box .icon2{background-position:-150px 0;}
.index5 .content li .img-box .icon1{background-position:-225px 0;}
.index5 .content li .img-box .t{font-size:18px;color:#c40101;/* margin-top: 10px; */}
.index5 .content li:hover .img-box{background:#c40101;}
.index5 .content li:hover .img-box .t{color:#fff;}
.index5 .content li:hover .img-box .icon4{background-position:0 -60px;}
.index5 .content li:hover .img-box .icon3{background-position:-75px -60px;}
.index5 .content li:hover .img-box .icon2{background-position:-150px -60px;}
.index5 .content li:hover .img-box .icon1{background-position:-225px -60px;}
.index5 .content li:hover .img-box:after{opacity:1; transform:scale(1);}
.index5 .content li:hover .img-box:before{opacity:1; transform:scale(1);}




/*侧边浮框start*/
.floatRight{
  position: fixed;
  height: 200px;
  width: 40px;
  right: 32px;
  top: 65%;
  z-index: 999;
  margin-top: -100px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.floatBox dd{
  padding: 6px 0;
}
.floatBox dd .con{
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 4px;
    background:#000000;opacity:0.9;
  box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.floatIcon .wicon{
  width:60px;
  height:35px;
  border-radius: 4px;
}
.floatIcon .text{
  line-height: 25px;
  height: 25px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.backTop{
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.smallApplet .floatIcon .wicon{
  background: url(../images/kf.png) bottom center no-repeat;
}
.onlineSever .floatIcon .wicon{
  background: url(../images/wxe.png) bottom center no-repeat;
}
.onlinmessage .floatIcon .wicon{
  background: url(../images/kf.png) bottom center no-repeat;
}
.backTop .floatIcon .wicon{
  background: url(../images/zd.png) bottom center no-repeat;
}
.floatPosition{
  position: absolute;
  width: 100px;
  height: 100px;
  right: 85px;
  top:-30px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
  border-radius: 5px;
}
.floatPosition:after{
  display: block;
    content: '';
    border: 8px solid transparent;
    border-left-color: #fff;
    position: absolute;
    left:110px;
    top: 50%;
    margin-top: -8px;
}
.floatPosition i{
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  right: -8px;
  transform: rotateZ(45deg);
  top: 50%;
  margin-top: -8px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
}
.floatImg{
  padding: 5px;
  width: 110px;
  height: 110px;
  background: #fff;
  position: relative;
  border-radius: 5px;
}
.floatImg img{
  display: block;
  height: 105px;
  width: 105px;
  position: relative;
  z-index: 5;
}
.floatPosition1{
  position: absolute;
  right: 80px;
  top: 10px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.floatPosition1 i{
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotateZ(45deg);
  top: 50%;
  margin-top: -5px;
  left: -5px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg1{
  width: 80px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align:center;
  border-radius: 3px;
  position: relative;
  z-index: 5;
}
.floatPosition2{
  position: absolute;
  width: 190px;
  left: 80px;
  top: -25px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.floatPosition2 i{
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotateZ(45deg);
  top: 50%;
  margin-top: -5px;
  left: -5px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg2{
  padding: 10px 0px;
  position: relative;
  z-index: 5;
  background: #fff;
  border-radius: 10px;
}
.floatImg2 .folatTitle{
  padding: 0 20px;
  border-bottom: 1px solid #f0f0f0;
}
.floatImg2 span{
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #858585;
}
.floatImg2 span.span1{
  color: #428a7b;
}
.floatImg2 .floatCon{
  padding: 0 20px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #858585;
}
.backTop:hover .floatPosition1{
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.onlineSever:hover .floatPosition{
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.smallApplet:hover .floatPosition{
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.floatBox dd:hover .con{
  background: #c80000;
}
.floatRight.show .backTop{
  visibility: visible;
  opacity: 1;
}