@charset "utf-8";
/* ====================公共样式========================= */
 :root {
font-family: "HSANS-R","PingFang SC","Microsoft YaHei";
}
 * {
     margin:0;
     padding:0;
     outline:none;
     box-sizing:border-box;
}

@font-face{ font-family:goth; src:url('../fonts/Gotham-Bold.otf');}
@font-face{ font-family:HSANS-R; src:url('../fonts/HONORSans-BRegular.woff');}
@font-face{ font-family:HSANS-B; src:url('../fonts/HONORSans-DBold.woff');}

 body {
     font-size:14px;
     overflow-x:hidden;
     padding-top:100px;
}
 li,a,i {
     text-decoration:none;
     list-style:none;
     font-style:normal;
}
 input,button,textarea {
     border:none;
}
 table {
     border-collapse:collapse;
}
 h5,h4,h3,h2,h1 {
     font-weight:normal;
     line-height:100%;
}
 a,a * {
     transition:all 0.5s;
}
 img {
     transition:all 0.8s!important;
     max-width:100%;
     border:none;
    /*防止图片模糊*/
     image-rendering:-moz-crisp-edges;
    /* Firefox */
     image-rendering:-o-crisp-edges;
    /* Opera */
     image-rendering:-webkit-optimize-contrast;
    /*Webkit (non-standard naming) */
     image-rendering:crisp-edges;
     -ms-interpolation-mode:nearest-neighbor;
    /* IE (non-standard property) */
}

 .nydh2 p a:before,.nydh2 p a:after {
     content:'';
     width:0;
     height:100%;
     opacity:0;
     position:absolute;
     top:0;
     z-index:-1;
     transition:all 0.3s;
     -webkit-transition:all 0.3s;
     background-color:#e60012;
}
 .nydh2 p a:hover:before,.nydh2 p a:hover:after {
     width:50%;
     opacity:1;
}
 .nydh2 p a:before {
     left:50%;
}
 .nydh2 p a:after {
     right:50%;
}
/*去掉动画*/
 .wow2 {
     visibility:initial!important;
     animation-duration:initial!important;
     animation-delay:initial!important;
     animation-iteration-count:initial!important;
     animation-name:initial!important;
}
/*电脑头部开始*/
 .head {
     background:#fff;
     width:100%;
     top:0;
     left:0;
     z-index:20;
     position:fixed;
     left:0;
     top:0;
}
 .head-s {
     display:flex;
     justify-content:space-between;
     align-items:center;
}
 .head-s-l a {
     display:block;
}
 .head-s-r {
     float:right;
     display:flex;
     align-items:center;
}
 .head-s-r>ul {
     float:left;
     margin-right:25px;
}
 .head-s-r>ul>li {
     float:left;
     position:relative;
     padding:0 25px;
}
 .head-s-r>ul>li>a {
     display:block;
     position:relative;
     font-size:18px;
     color:#000;
     line-height:100px;
     text-align:center;
     text-transform:uppercase;
     font-family:HSANS-B;
}
 .head-s-r ul li a p {
    width:0;
    height:2px;
    position:absolute;
    bottom:10px;
    background:#fff;
    left: 50%;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    background: #009b4c;
}
 .head-s-r a p,.head-s-r>ul>li>a:hover p{
    width:100%;
}
 .head-s-r ul .active>a p{
    width:100%;
}
 .head-s-r ul .active>a {
    color:#009b4c;
}
 .head-s-r-b {
     position:absolute;
     z-index:100;
     background:#fff;
     top:100%;
     display:none;
     transition:all 0.5s;
     left:50%;
     -webkit-transform:translateY(0%) translateX(-50%);
     transform:translateY(0%) translateX(-50%);
}
 .head-s-r>ul> li:hover .head-s-r-b {
     display:block;
     transition:all 0.5s;
}
 .head-s-r-b a {
     display:block;
     padding:15px 25px;
     color:#252525;
     white-space:nowrap;
     text-align:center;
     text-transform:capitalize;
     font-family:HSANS-B;
}
 .head-s-r-b a:hover {
     color:#fff;
     background:#009b4c;
}
 .head-s-r-r {
     display:flex;
}
 .head-s-r2 {
     display:flex;
     align-items:center;
}
 .head-s-r2 a {
     display:block;
     margin-right:45px;
}
 .head-s-r3 {
     display:flex;
     align-items:center;
}
 .head-s-r3 p i {
     font-size:24px;
     color:#333;
}
 .head-s-r3 .a1 {
     display:flex;
     align-items:center;
     color:#0372cd;
     font-size:18px;
     margin-right:50px;
     display:none;
}
 .head-s-r3 a:hover {
     color:#009b4c;
}
/*电脑头部结束*/
/*手机端头部开始*/

 .mnav {
     background-color:#fff;
     height:60px;
     position:fixed;
     top:0;
     width:100%;
     z-index:100000;
     box-shadow:1px 1px 10px #a09b9b;
     display:none;
}
.ss2 {

margin-right: 0.5rem;
     padding-right:0.5rem;
     border-right:2px solid #dcdcdc;
         line-height: 2.4;
}
 .ss2 i {
     font-size:1.2rem;
}

.mlogo {
     width: 70%;
     text-align:left;
     height:60px;
     display:flex;
     justify-content:flex-start;
     align-items:center;
     float: left;
}
 .mlogo a {
     text-align:left;
     color:#f1c232;
     margin-left:15px;
     display:block;
     max-width:calc(100% - 110px);
}
 .mlogo a img {
     max-height:36px;
     display:block;
}


.mbtn{
     width:30%;
     float: right;
     height: 60px;
     display: flex;
    flex-direction: row-reverse;
    padding: 1rem;
    
}

 #btn {
     background:none;
     border:none;
     outline:none;
     display: block;
     z-index:100;
     cursor:pointer;
     float: right;
     
}
 #btn span {
     display:block;
     width:20px;
     height:2px;
     background:#222;
     margin:6px 0px;
     transition:all 0.5s;
}
 #btn .one {
     transform-origin:left center;
     transform:rotate(45deg);
}
 #btn .two {
     transform-origin:left bottom;
     transform:rotate(-45deg);
     margin-top:5px;
}
 #btn #c {
     transition:all 0.5s;
}
 

 .navigation {
     width:100%;
     top:50px;
     background:#fff;
     position:fixed;
     left:0;
     top:-100%;
     z-index:99999;
     transition:all 0.5s;
     overflow:auto;
     max-height:100%;
     height:auto;
}
 .kj {
     padding:0px 10px;
     overflow:auto;
}
 .kj>li {
     width:100%;
     line-height:50px;
     border-bottom:1px solid #cecbcb;
}
 .kj>li:nth-child(1) {
     margin-top:60px;
}
 .kj .t {
     padding-left:10px;
}
 .kj li .t {
     line-height:50px;
     font-size:14px;
     overflow:hidden;
}
 .kj li .t button {
     background:none;
     outline:none;
     font-size:20px;
     height:30px;
     line-height:30px;
     margin-top:15px;
     padding:0 12px;
     border-radius:4px;
     background:#73659d;
     color:#fff;
     transition:all .36s ease;
     border:none;
}
 .kj li div.t .arrow.up {
     background-image:url(../images/xx.png);
     transform:rotate(180deg);
}
 .kj li div.t .arrow.down {
     background-image:url(../images/xx.png);
}
 .kj li .t .arrow {
     display:block;
     width:31px;
     height:32px;
     background:no-repeat 0 center;
     float:right;
     margin-top:9px;
     margin-right:10px;
     transition:all 0.1s;
}
 .kj li .t a {
     color: #808080;
}
 .kj li ul li {
     color:#727272;
     line-height:40px;
}
 .kj li ul li {
     color:#727272;
     line-height:40px;
}
 .kf .menu2 li {
     border-top:1px solid #d3d3d3;
}
 .menu2 .kj li a {
     font-size:14px;
     font-weight:bold;
     color:#222;
     display:block;
     float:left;
}
 .kj li .menu li a {
     color:#666;
}
 .kj li a:hover {
     color:#222;
}
 .menu,.menu2 {
     display:none;
}
 .menu2 li {
     border-top:1px solid #d3d3d3;
    /* margin-top:2px;
     */
}
 .menu li {
     overflow:hidden;
}
 .menu li a {
     padding-left:20px;
     overflow:hidden;
}
 .menu2 li a {
     padding-left:40px;
     overflow:hidden;
}
 .kj li ul li a {
     display:block;
     border-top:1px solid #d3d3d3;
     float:left;
     width:calc(100% - 20px);
}
 .kj li ul li .menu2 li a {
     width:calc(100% - 40px);
     border:none;
}
 .kj li ul li a .label {
     padding:0;
}
 .nav_active>a {
     color:#007f82;
}
/*手机端头部结束*/
/*搜索框样式开始*/
 .sousou3 {
     position:fixed;
     z-index:1;
     background:rgba(000,000,000,0.4);
     width:100%;
     top:100px;
     left:0px;
     display:none;
     z-index:1003;
     text-align:center;
}
 .sousou3 input {
     width:40%;
     height:40px;
     line-height:40px;
     background:#fff;
     box-sizing:border-box;
     text-indent:1em;
     border-radius:2px;
     border:none;
     font-size:14px;
}
 .sousou3 .input2 {
     width:80px;
     cursor:pointer;
     padding-left:0px;
     color:#fff;
     font-size:14px;
     background:#099513;
     border-radius:0px;
     outline:none;
}
 .sousou3 form {
     display:flex;
     align-items:center;
     justify-content:center;
     padding:10px 15px;
}
 .sousou3 i {
     color:#fff;
     font-size:20px;
     cursor:pointer;
     margin-left:20px;
     display:flex;
     align-items:center;
     justify-content:center;
     width:30px;
     background:#099513;
     height:30px;
     border-radius:30px;
}
/*搜索框样式结束*/
/*留言弹窗 begin*/
 .tc {
     position:fixed;
     width:100%;
     height:100%;
     left:0;
     top:0;
     z-index:100000;
     display:none;
     justify-content:center;
     align-items:center;
     background:rgba(0,0,0,0.5);
}
 .tc2 {
     width:600px;
     background:#fff;
     border-radius:5px;
     padding:45px;
     max-width:90%;
}
 .tc2 h3 {
     font-size:30px;
     margin-bottom:35px;
     text-align: center;
     font-family:HSANS-B;
}
 .tc2 h3 i {
     color:#009b4c;
     font-family:HSANS-B;
}
 .tc2 dl {
     margin-bottom:25px;
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     
}
 .tc2 dl h4 {
     font-size:18px;
     margin-bottom:13px;
     width:100%;
     font-family:HSANS-B;
}
 .tc2 dl input {
     width:100%;
     height:45px;
     border-radius:5px;
     border:1px solid #eee;
     color:#929292;
     padding:0 20px;
     font-family:HSANS-R;
     
}
 .tc2 dl input::placeholder {
     color:#929292;
     font-family:HSANS-R;
}
 .tc2 dl select {
     width:100%;
     height:45px;
     border-radius:5px;
     border:1px solid #eee;
     color:#929292;
     padding:0 20px;
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     background:url(../images/zxly2.png)no-repeat center right 30px;
     font-family:HSANS-R;
}
 .tc2 dl select option:nth-child(1) {
     display:none;
}
 .tc2 dl dd {
     width:calc(50% - 12px);
     display:flex;
     align-items:center;
     justify-content:space-between ;
    
}
 .tc2 dl dd input {
     width:calc(100% - 40px) ;
     border: 1px #999999 solid ;
}
 .tc2 dl textarea{
     width:100%; 
     height: 80px;
     border: 1px #999999 solid ;
     border-radius: 5px;
     
}
 .tc2 button {
     cursor:pointer;
     width:200px;
     height:50px;
     border-radius:5px;
     background:#009b4c;
     font-size:16px;
     color:#fff;
     transition:all 0.5s;
     display: block;
     margin: 0 auto;
     font-family:HSANS-R;
}
 .tc2 button:hover {
     opacity:0.8;
}
/*留言弹窗 end*/
/*电脑底部 begin*/
 .footer {
     background:#2e2e2e;
     padding-top:40px;
}
 .footer-s {
     margin:0 auto;
     overflow:hidden;
}
 .footer-t {
     overflow:hidden;
     margin-bottom:30px;
}
 .footer-t-l {
     float:left;
     overflow:hidden;
     display:flex;
     justify-content:space-between;
     width:100%;
}
 .footer-t-l dl dt {
     font-size:18px;
     color:#fff;
     padding-bottom:28px;
     margin-bottom:30px;
     position:relative;
     line-height:18px;
     font-family:HSANS-B;
}
 .footer-t-l dl dt span {
     position:absolute;
     width:24px;
     height:4px;
     background:#009b4c;
     bottom:0px;
     left:0;
}
 .footer-t-l dl dd {
     font-size:16px;
     line-height:36px;
     font-family:HSANS-R;
}
 .footer-t-l dl dd a {
     color:#909090;
}
 .footer-t-l dl dd a:hover {
     color:#009b4c;
}
 .footer-t-l dl h3 {
     color:#fff;
     font-size:24px;
     margin-bottom:30px;
}
 .footer-t-l dl h4 {
     display:flex;
     justify-content:flex-end;
     margin-bottom:30px;
     color:#fff;
}
 .footer-t-l dl h4 span {
     font-size:16px;
     line-height:28px;
}
 .footer-t-l dl h4 a {
     display:block;
     position:relative;
     margin-right:10px;
}
 .footer-t-l dl h4 a p {
     position:absolute;
     width:120px;
     height:120px;
     right:0;
     bottom:10px;
     z-index:10;
     display:none;
}
 .footer-t-l dl h4 a:hover p {
     display:block;
}
 .footer-b {
     overflow:hidden;
     line-height:50px;
}
 .footer-b p {
     float:left;
     margin-right:50px;
}
 .footer-b a {
     color:#4b4b4b;
}
 .footer-b .footer-s {
     border-top:1px solid #383838 
}
 .footer-b .footer-s>a {
     padding:0 10px;
}
 .footer-b span {
     color:#4b4b4b;
}
 .footer-b a:hover {
     color:#009b4c;
}
 .footer-link {
     padding-bottom:20px;
}
 .footer-link span {
     font-size:14px;
     color:#4b4b4b;
}
 .footer-link a {
     font-size:14px;
     color:#4b4b4b;
}
 .footer-link a:hover {
     color:#009b4c;
}
 .footer2 {
     display:none;
     padding:15px;
     overflow:hidden;
     background:#1E1E1E;
     margin-bottom:58px;
     background:#2e2e2e;
}
 .footer2 ul{
     margin-bottom:2rem;
}
 .footer2 ul .footer2 ul li .footer2 ul li:last-child .footer2-t {
     border:none;
}
 .footer2 ul li span.down {
     -webkit-transform:rotate(180deg);
     -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
     transform:rotate(180deg);
}
 .footer2-t {
     overflow:hidden;
     border-bottom:1px solid #eee 
}
 .footer2-t a {
     display:block;
     overflow:hidden;
     width:calc(100% - 50px);
     float:left;
}
 .footer2-t p {
     float:left;
     line-height:40px;
     color:#EAEAEA;
}
 .footer2-t span {
     float:right;
     display:block;
    /*background:#EAEAEA;
     */
}
 .footer2-t span img {
     width:20px;
     line-height:30px;
     margin-top:10px;
}
 .footer2-b {
     display:none;
}
 .footer2-b a {
     display:block;
     line-height:30px;
     color:#EAEAEA;
     text-indent:10px;
}
 .footer3{
    margin-bottom:1rem
}
 .footer3 p{
     font-size: 1rem;
     color: #fff;
     line-height: 1.5rem;
     text-align: center;
}
 .footer3 .phone{
     margin-top: .1rem;
}
 .footer3 .list{
     overflow: hidden;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     text-align: center;
     margin: .26rem 0 .5rem;
}
 .footer3 .list .li{
     margin: 0 0.5rem;
}
 .footer3 .list .li .img{
     width: 5rem;
     height: 5rem;
     margin-bottom: .2rem;
     overflow: hidden;
     border-radius: .08rem;
     border: 1px solid #fff;
}
 .footer3 .list .li .p{
     font-size: 1rem;
     color: grey;
     line-height: 2rem;
}
 .footer3 p em {
     font-style: normal;
     font-size: 1.5rem;
     color: #009b4c;
}
/*电脑底部 end*/
/*客服插件*/
 .online-service li .way i{
     width:50px;
     height:50px;
     display: block;
     font-size:28px;
    color:#fff;
    text-align:center;
    line-height:54px;
}
 .online-service{
    position: fixed;
    top: 50%;
    right:0;
    margin-top: -100px;
     z-index:100;
}
 .online-service li{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 5px;
}
 .online-service li .way{
    display: block;
    background-color: #009b4c;
    z-index: 2;
     cursor: pointer;
     position: relative;
}
 .online-service li .way:hover{
     background:#009b4c;
}
 .online-service li .way .tit{
     display: none;
}
 .online-service .phone .content{
    display: block;
     position: absolute;
     width: 0px;
     height: 50px;
     padding: 0 50px 0 20px;
     top:0;
     right: 0px;
     border-radius: 20px;
     opacity: 0;
     line-height: 50px;
     color: #fff;
     font-size: 18px;
     background-color: #009b4c;
     z-index: 1;
     overflow: hidden;
     white-space: nowrap;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
}
 .online-service li:hover .content{
    *display: block;
    width: 215px;
    opacity: 1;
}
 .online-service .wx .ewm{
     position: absolute;
    top: 50%;
     margin-top:0;
     width:0;
     height:0;
     right: 60px;
     border: 1px solid #ccc;
     opacity: 0;
    z-index: 1;
     -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
 .online-service .wx:hover .ewm{
     margin-top: -50px;
     width:100px;
     height:100px;
     opacity: 1;
    white-space: nowrap;
}
 .online-service .wx .ewm img{
    display: block;
    width: 100%;
}
 .online-service .wx .ewm .arrow{
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 7px solid #ccc;
    top:50%;
    margin-top: -7px;
    right:-14px;
}
/*客服插件*/
/*右侧返回顶部 begin*/
 .backtop {
     position:fixed;
     right:0;
     top:50%;
     margin-top:175px;
     z-index:999999;
     width:55px;
     height:50px;
     text-align:center;
     line-height:80px;
     cursor:pointer;
     background:#009b4c;
     border-top-left-radius:6px;
     border-bottom-left-radius:6px;
}
 .kefu {
     position:fixed;
     right:0;
     top:50%;
     margin-top:120px;
     z-index:999999;
     width:55px;
     height:50px;
     text-align:center;
     line-height:80px;
     cursor:pointer;
     background:#009b4c;
     border-top-left-radius:6px;
     border-bottom-left-radius:6px;
}
/*右侧返回顶部 end*/
 .w1 {
     width:1440px;
     margin:0 auto;
}
 @media(max-width:1520px) {
     .w1 {
         width:1200px;
    }
}
/*手机底部按钮 begin*/
 .dbdh {
     width:100%;
     position:fixed;
     bottom:-5px;
     background:#2e2e2e;
     overflow:hidden;
     box-shadow:-5px 0px 10px #666;
     display:none;
     z-index:1200;
}
 .dbdh ul li {
     float:left;
     width:calc(25% - 1px);
     text-align:center;
     border-right:1px solid #fff;
     padding:12px 0;
     cursor:pointer;
}
 .dbdh ul li:last-child {
     border:none;
     width:25%;
}
 .dbdh ul li.active {
     background:#fff;
}
 .dbdh ul li.active a {
     color:#009b4c;
}
 .dbdh ul li a {
     color:#fff;
     font-size:14px;
     text-transform:uppercase;
}
 .dbdh ul li i {
     display:block;
     font-size:1.5em;
     margin:0 auto 0.5em;
}
/*手机底部按钮 end*/

/*图片不停旋转动画*/
 @-webkit-keyframes rotation {
     from {
         -webkit-transform:rotate(0deg);
    }
     to {
         -webkit-transform:rotate(360deg);
    }
}
.tp_dh {
     -webkit-transform:rotate(360deg);
     animation:rotation 3s linear infinite;
     -moz-animation:rotation 3s linear infinite;
     -webkit-animation:rotation 3s linear infinite;
     -o-animation:rotation 3s linear infinite;
}
/*wow*/
 @-webkit-keyframes fadeInDown1 {
     from {
         opacity:0;
         -webkit-transform:translate3d(0,-50%,0);
         transform:translate3d(0,-50%,0) 
    }
     to {
         opacity:1;
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0) 
    }
}
@keyframes fadeInDown1 {
     from {
         opacity:0;
         -webkit-transform:translate3d(0,-50%,0);
         transform:translate3d(0,-50%,0) 
    }
     to {
         opacity:1;
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0) 
    }
}
.fadeInDown1 {
     -webkit-animation-name:fadeInDown1;
     animation-name:fadeInDown1 
}
 @-webkit-keyframes fadeInDown2 {
     from {
         opacity:0;
         -webkit-transform:translate3d(0,-20%,0);
         transform:translate3d(0,-20%,0) 
    }
     to {
         opacity:1;
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0) 
    }
}
@keyframes fadeInDown2 {
     from {
         opacity:0;
         -webkit-transform:translate3d(0,-20%,0);
         transform:translate3d(0,-20%,0) 
    }
     to {
         opacity:1;
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0) 
    }
}
.fadeInDown2 {
     -webkit-animation-name:fadeInDown2;
     animation-name:fadeInDown2 
}
 @-webkit-keyframes fadeInLeft1 {
     from {
         -webkit-transform:translate3d(-10%,0,0);
         transform:translate3d(-10%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
@keyframes fadeInLeft1 {
     from {
         -webkit-transform:translate3d(-10%,0,0);
         transform:translate3d(-10%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
.fadeInLeft1 {
     -webkit-animation-name:fadeInLeft1;
     animation-name:fadeInLeft1 
}
 @-webkit-keyframes fadeInLeft2 {
     from {
         -webkit-transform:translate3d(-5%,0,0);
         transform:translate3d(-5%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
@keyframes fadeInLeft2 {
     from {
         -webkit-transform:translate3d(-5%,0,0);
         transform:translate3d(-5%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
.fadeInLeft2 {
     -webkit-animation-name:fadeInLeft2;
     animation-name:fadeInLeft2 
}
 @-webkit-keyframes fadeInRight1 {
     from {
         -webkit-transform:translate3d(10%,0,0);
         transform:translate3d(10%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
@keyframes fadeInRight1 {
     from {
         -webkit-transform:translate3d(10%,0,0);
         transform:translate3d(10%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
.fadeInRight1 {
     -webkit-animation-name:fadeInRight1;
     animation-name:fadeInRight1 
}
 @-webkit-keyframes fadeInRight2 {
     from {
         -webkit-transform:translate3d(5%,0,0);
         transform:translate3d(5%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
@keyframes fadeInRight2 {
     from {
         -webkit-transform:translate3d(5%,0,0);
         transform:translate3d(5%,0,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
.fadeInRight2 {
     -webkit-animation-name:fadeInRight2;
     animation-name:fadeInRight2 
}
 @-webkit-keyframes zoomLeft {
     from {
         -webkit-transform:scale3d(0.3,.3,.3);
         transform:scale3d(0.3,.3,.3);
         opacity:0 
    }
     50% {
         opacity:1 
    }
}
@keyframes zoomLeft {
     from {
         -webkit-transform:scale3d(0.3,.3,.3);
         transform:scale3d(0.3,.3,.3);
         opacity:0 
    }
     50% {
         opacity:1 
    }
}
.zoomLeft {
     -webkit-transform-origin:0 50%;
     transform-origin:0 50%;
     -webkit-animation-name:zoomLeft;
     animation-name:zoomLeft 
}
 .zoomRight {
     -webkit-transform-origin:100% 50%;
     transform-origin:100% 50%;
     -webkit-animation-name:zoomLeft;
     animation-name:zoomLeft 
}
 @-webkit-keyframes fadeInUp1 {
     from {
         -webkit-transform:translate3d(0,10%,0);
         transform:translate3d(0,10%,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
@keyframes fadeInUp1 {
     from {
         -webkit-transform:translate3d(0,10%,0);
         transform:translate3d(0,10%,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
.fadeInUp1 {
     -webkit-animation-name:fadeInUp1;
     animation-name:fadeInUp1 
}
 @-webkit-keyframes fadeInUp2 {
     from {
         -webkit-transform:translate3d(0,2%,0);
         transform:translate3d(0,2%,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
@keyframes fadeInUp2 {
     from {
         -webkit-transform:translate3d(0,2%,0);
         transform:translate3d(0,2%,0);
         opacity:0 
    }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0);
         opacity:1 
    }
}
.fadeInUp2 {
     -webkit-animation-name:fadeInUp2;
     animation-name:fadeInUp2 
}
 @keyframes myfirst {
     0% {
         top:0;
         left:0 
    }
     25% {
         top:10px;
         left:0 
    }
     50% {
         top:0;
         left:0 
    }
     100% {
         top:0;
         left:0 
    }
}
@-moz-keyframes myfirst {
     0% {
         top:0;
         left:0 
    }
     25% {
         top:10px;
         left:0 
    }
     50% {
         top:0;
         left:0 
    }
     100% {
         top:0;
         left:0 
    }
}
@-webkit-keyframes myfirst {
     0% {
         top:0;
         left:0 
    }
     25% {
         top:10px;
         left:0 
    }
     50% {
         top:0;
         left:0 
    }
     100% {
         top:0;
         left:0 
    }
}
@-o-keyframes myfirst {
     0% {
         top:0;
         left:0 
    }
     25% {
         top:10px;
         left:0 
    }
     50% {
         top:0;
         left:0 
    }
     100% {
         top:0;
         left:0 
    }
}
 @-webkit-keyframes aititle {
     0% {
         opacity:0;
         -webkit-transform:translateY(70px);
         transform:translateY(70px);
    }
     100% {
         opacity:1;
         -webkit-transform:translateY(0);
         transform:translateY(0);
    }
}
@keyframes aititle {
     0% {
         opacity:0;
         -webkit-transform:translateY(70px);
         transform:translateY(70px);
    }
     100% {
         opacity:1;
         -webkit-transform:translateY(0);
         transform:translateY(0);
    }
}
/*wow*/
 .hg {
     white-space:nowrap;
     text-overflow:ellipsis;
     overflow:hidden;
     word-break:break-all;
     line-height:140%;
}
 .hg2 {
     text-overflow:-o-ellipsis-lastline;
     overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-line-clamp:2;
     line-clamp:2;
     -webkit-box-orient:vertical;
}
 .hg3 {
     text-overflow:-o-ellipsis-lastline;
     overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-line-clamp:3;
     line-clamp:3;
     -webkit-box-orient:vertical;
}
 .hg4 {
     text-overflow:-o-ellipsis-lastline;
     overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-line-clamp:4;
     line-clamp:4;
     -webkit-box-orient:vertical;
}
 .hg5 {
     text-overflow:-o-ellipsis-lastline;
     overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-line-clamp:5;
     line-clamp:5;
     -webkit-box-orient:vertical;
}
 .hg6 {
     text-overflow:-o-ellipsis-lastline;
     overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-line-clamp:6;
     line-clamp:6;
     -webkit-box-orient:vertical;
}
 .hg7 {
     text-overflow:-o-ellipsis-lastline;
     overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-line-clamp:7;
     line-clamp:7;
     -webkit-box-orient:vertical;
}
 .d-x {
     display:none!important;
}
 .d-y {
     display:block;
}
 @media screen and (max-width:1200px) {
     .backtop .kefu {
         right:15px;
         width:60px;
         bottom:70px;
    }
     iframe#sp {
         width:100%;
         height:200px;
    }
     body {
         padding-top:0!important;
    }
     .t-c {
         text-align:center!important;
    }
     .d-x {
         display:block!important;
    }
     .d-y {
         display:none!important;
    }
     .display,.heat,.head,.footer {
         display:none!important 
    }
     .l-h {
         line-height:24px!important;
    }
     .d-x {
         display:block!important;
    }
     .w100 {
         width:100%!important;
    }
     .w50 {
         width:47.5%!important;
    }
     .w30,.top_popupbox {
         width:calc(100% - 30px)!important;
    }
     .sousou3 {
         top:60px;
    }
     .sousou3 #Search {
         width:50%;
         margin-left:5px;
    }
     .h {
         height:auto!important;
    }
     .margin {
         margin:40px auto!important;
    }
     .margin0 {
         margin:0!important 
    }
     .margin1 {
         margin:10px!important;
    }
     .margin2 {
         margin:x!important;
    }
     .margin3 {
         margin:30px!important;
    }
     .margin4 {
         margin:40px!important;
    }
     .m-l {
         margin-left:0!important 
    }
     .m-l1 {
         margin-left:10px!important 
    }
     .m-l2 {
         margin-left:20px!important 
    }
     .m-l3 {
         margin-left:30px!important 
    }
     .m-l4 {
         margin-left:40px!important 
    }
     .m-r {
         margin-right:0px!important 
    }
     .m-r1 {
         margin-right:10px!important 
    }
     .m-r2 {
         margin-right:20px!important 
    }
     .m-r3 {
         margin-right:30px!important 
    }
     .m-r4 {
         margin-right:40px!important 
    }
     .m-t {
         margin-top:0!important 
    }
     .m-t1 {
         margin-top:10px!important;
    }
     .m-t2 {
         margin-top:20px!important;
    }
     .m-t3 {
         margin-top:30px!important;
    }
     .m-t4 {
         margin-top:40px!important;
    }
     .m-t5 {
         margin-top:50px!important;
    }
     .m-t6 {
         margin-top:60px!important;
    }
     .m-b {
         margin-bottom:0!important 
    }
     .m-b1 {
         margin-bottom:10px!important;
    }
     .m-b2 {
         margin-bottom:20px!important;
    }
     .m-b3 {
         margin-bottom:30px!important;
    }
     .m-b4 {
         margin-bottom:40px!important;
    }
     .padding {
         padding:40px 15px!important;
         box-sizing:border-box;
    }
     .padding0 {
         padding:0px!important;
    }
     .padding1 {
         padding:10px!important;
    }
     .padding2 {
         padding:20px!important;
    }
     .padding3 {
         padding:30px!important;
    }
     .padding4 {
         padding:40px!important;
    }
     .p-t {
         padding-top:0px!important;
    }
     .p-t1 {
         padding-top:10px!important;
    }
     .p-t2 {
         padding-top:20px!important;
    }
     .p-t3 {
         padding-top:30px!important;
    }
     .p-t4 {
         padding-top:40px!important;
    }
     .p-b {
         padding-bottom:0px!important;
    }
     .p-b1 {
         padding-bottom:10px!important;
    }
     .p-b2 {
         padding-bottom:20px!important;
    }
     .p-b3 {
         padding-bottom:30px!important;
    }
     .p-b4 {
         padding-bottom:40px!important;
    }
     .p-l {
         padding-left:0px!important;
    }
     .p-l1 {
         padding-left:10px!important;
    }
     .p-l2 {
         padding-left:20px!important;
    }
     .p-l3 {
         padding-left:30px!important;
    }
     .p-l4 {
         padding-left:40px!important;
    }
     .p-t {
         padding-top:0px!important;
    }
     .p-t1 {
         padding-top:10px!important;
    }
     .p-t2 {
         padding-top:20px!important;
    }
     .p-t3 {
         padding-top:30px!important;
    }
     .p-t4 {
         padding-top:40px!important;
    }
     .p-r {
         padding-right:0px!important;
    }
     .p-r1 {
         padding-right:10px!important;
    }
     .p-r2 {
         padding-right:20px!important;
    }
     .p-r3 {
         padding-right:30px!important;
    }
     .p-r4 {
         padding-right:40px!important;
    }
     .f-s14 {
         font-size:14px!important 
    }
     .f-s16 {
         font-size:16px!important 
    }
     .f-s18 {
         font-size:18px!important 
    }
     .f-s20 {
         font-size:20px!important 
    }
     .f-s22 {
         font-size:22px!important 
    }
     .f-s24 {
         font-size:24px!important 
    }
     .f-s26 {
         font-size:26px!important 
    }
     .f-s28 {
         font-size:28px!important 
    }
}