/* 前端张文杰 */
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family:Arista2,Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;width: 100%;}

html.act{overflow: hidden;width: 100%;height: 100vh;}
html.act1{overflow: hidden;width: 100%;height: 100vh;}
/* html.act{overflow: hidden;width: 100%;height: 100vh;} */

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { 
  /* width: 100%; */
    margin: 0 auto;
    max-width: 1640px;
    /* padding: 0 20px; */
    transition: all 1s;
    -webkit-transition: all 1s;
    position: relative; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #1f1f1f;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%; margin: 0 auto;}

img[src=""]{opacity: 0;}

/* 滚动条样式 */
body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#333333;}

body::-webkit-scrollbar-track{ background:#fff;}

/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 微软雅黑;outline: none;}

input[type="submit"]{background-color: transparent;cursor: pointer;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}

select::-ms-expand { display: none; }

.w1920{position: relative;width: 1920px;margin: 0 auto;height: 100%;max-width: 100%;overflow: hidden;}
.w980{position: relative;width: 980px;margin: 0 auto;height: 100%;max-width: 100%;}
.w1260{position: relative;width: 1260px;margin: 0 auto;height: 100%;max-width: 100%;}
.w1200{position: relative;width: 1200px;margin: 0 auto;height: 100%;max-width: 100%;}
.w1400{position: relative;width: 1400px;margin: 0 auto;height: 100%;max-width: 100%;}

/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 40;}
.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background:#fff;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 900px;max-height: 90%;margin: 0 auto;}
.v_tanchuang .tbox .modal {max-width: 1200px;padding: 0;}
.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: url(../images/c_close.png)no-repeat center;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;top: 0;right: -50px;cursor: pointer;}
.z_tanchuang .tbox .modal .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.z_tanchuang .tbox .modal .img{width: 100%;margin: 0 auto;}
/* .z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;} */
.z_tanchuang .tbox .modal .img img{margin: 0 auto ;width:100%;}
.z_tanchuang .tbox .modal .img video{margin: 0 auto ;width:100%;}
/* .z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);} */
.z_tanchuang .tbox .modal2{padding: 20px;}
/* .z_tanchuang .tbox .modal .img{position: relative; max-width: 1200px;overflow: hidden;width: 100%;} */

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.3s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.3s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

/* 入场动画 */
@-webkit-keyframes rollOutXNext {from {width: 100%;}to { width: 0;}}
  
@keyframes rollOutXNext {from {width: 100%;}to {width: 0;}}

@-webkit-keyframes fadein {from {opacity: 0;}to { opacity: 1;}}
  
@keyframes fadein {from {opacity: 0;}to {opacity: 1;}}


/* .dh1{animation: fadein 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: fadein 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.dh:after{content: '';position: absolute;top: 0px;right: 0px; width: 100%;height: 100%;background-color: #fff;z-index: 21;}
.dh1:after{animation: rollOutXNext 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: rollOutXNext 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} */
.dh1{position: relative; top:-60px;opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;position: relative;}
.dh2{top:0px!important;opacity: 1; position: relative;}

/* 头部 */
.head{background: #1f2122;position: fixed;top: 0;width: 100%;z-index: 101;}
.head .box{padding:0 30px;overflow: visible;}
.head .logo{margin-top: 19px;}
.head .lag{float: right;margin: 0 0 0 140px;line-height: 60px;padding-left: 27px;background: url(../images/lag.png)no-repeat center left;}
.head .lag a{font-size: 14px;color:#fff;padding-right: 14px;}
.head .abtn{float: right;}
.head .abtn .a{float: left;position: relative;}
.head .abtn a{color:#ffffff;font-size: 16px;line-height: 60px;margin:0 47px;position: relative;font-family: Arista1;}
.head .abtn .a>a:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 0%;height: 3px; background: #e5a6a1;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.head .abtn .a>a:hover:after,.head .abtn .a.on>a:after{width: 100%;}
.m_head,.m_nav{display: none;}
.head .nav2{position: fixed;display: none; top: 60px;left: 0;width: 100%;background: #fff;padding-bottom: 60px;box-shadow: 1px 2px 10px rgba(0, 0, 0, .3);}
.head .nav2 .top{text-align: right;font-size: 16px;line-height: 16px;padding: 45px 0 20px 0;display: none;}
.head .nav2 .top.show{display: block;}
.head .nav2 .top a{color: rgba(0,0,0,0.6);}
.head .nav2 .top a:hover{color: rgba(0,0,0,1);}
.head .nav2 .nav2_con{}
.head .nav2 .nav2_con .left{float: left;width: 23%;line-height: 60px;}
.head .nav2 .nav2_con .right{float: left;width: 77%;display: none;}
.head .nav2 .nav2_con .right.show{display: block;}
.head .nav2 .nav2_con .left .a{float: none; padding-left: 28px;font-size: 18px;color: #1f2122;opacity: .6;cursor: pointer;}
.head .nav2 .nav2_con .left .a:hover,.head .nav2 .nav2_con .left .a.on{padding-left: 25px;border-left:3px solid #1f2122;opacity: 1;}
.head .nav2 .nav2_con .right .n2_box{display: block;float: left;width: 23%;margin:0 2.66% 0 0;}
.head .nav2 .nav2_con .right .n2_box:nth-child(4){margin: 0;}
.head .nav2 .nav2_con .right .n2_box .pic{width: 100%;overflow: hidden;position: relative;background-color: #f9f9f9;}
.head .nav2 .nav2_con .right .n2_box .pic img{ width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.head .nav2 .nav2_con .right .n2_box .pic .img1{position: absolute;top: 0;left: 30px;opacity: 0;}
.head .nav2 .nav2_con .right .n2_box .pic .img2{position: relative;}
.head .nav2 .nav2_con .right .n2_box .pic .img3{position: absolute;top: 0;right: 30px;opacity: 0;}
.head .nav2 .nav2_con .right .n2_box:hover .pic .img1{left: 0;opacity: 1;}
.head .nav2 .nav2_con .right .n2_box:hover .pic .img3{right: 0;opacity: 1;}
/* .head .nav2 .nav2_con .right .n2_box:hover .pic img{-webkit-transform: scale(1.1);transform: scale(1.1);} */
.head .nav2 .nav2_con .right .n2_box .p{text-align: center;line-height: 50px;font-size: 16px;color: #1f2122;}
.head .nav1{display: none; position: absolute;top: 60px;left: 0;width: 100%;background: #fff;padding:25px 34px;box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);}
.head .nav1 a{margin: 0;font-size: 18px;line-height: 68px;color: #1f2122;opacity: .6;font-family: 'Arista2';}
.head .nav1 a:hover{opacity: 1;}
/* 头部 end*/

/* foot */
.foot{background: #1f2122;}
.foot .foot_con{padding: 0 30px;}
.foot .foot_con .top{padding: 135px 0 105px 0;}
.foot .foot_con .top a{display: block;color: #fff;}
.foot .foot_con .top .a{color: rgba(255,255,255,.6);font-size: 16px;line-height: 34px;font-family:Arista1;}
.foot .foot_con .top .a:hover{color: #fff;}
.foot .foot_con .top .p{color: rgba(255,255,255,.6);font-size: 16px;line-height: 22px;margin-bottom: 15px;font-family: Arista1;}
.foot .foot_con .top .p a{color: rgba(255,255,255,.6);}
.foot .foot_con .top .top1{font-size: 16px;line-height: 26px;margin: 0 0 32px 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot .foot_con .top .top1:hover{font-weight: bold;}
.foot .foot_con .top .box{float: left;width: 21.5%;}
.foot .foot_con .top .box1{float: right;width: auto;}
.foot .foot_con .top .box1 .top1{margin-bottom: 38px;}
.foot .foot_con .center .f_logo{float: left;}
.foot .foot_con .center span{ font-size: 16px;color: rgba(255,255,255,.6);margin-left: 32px;font-family: Arista1;}
.foot .foot_con .center .lag{float: right;}
/* .foot .foot_con .center .lag a{margin-left: 68px;font-size: 16px;line-height: 20px; color: rgba(255, 255, 255, .6);padding-left: 28px;background: url(../images/f_lag.png)no-repeat;opacity: 0;} */
/* .foot .foot_con .center .lag a:hover{color: #fff;} */
.foot .foot_con .center .wx{position: relative; float: right;margin-left: 26px;margin-bottom: 17px;}
/* .foot .foot_con .center .app{margin-left: 154px;} */

.foot .foot_con .center .wx .pic{width: 25px;height: 21px;background: no-repeat 0 0;}
.foot .foot_con .center .wx .code{height: 0;overflow: hidden; position:absolute;bottom: 0;left: -220px;width: 142px;margin-bottom: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot .foot_con .center .wx .code1{left: -152px;}
.foot .foot_con .center .wx:hover .pic{background-position: 0 -21px;}
.foot .foot_con .center .app:hover .pic{background-position: 0  0;}
.foot .foot_con .center .wx:hover .code{height: 155px;}
.foot .foot_con .center .wb{float: right;margin-bottom: 17px;position: relative;}
.foot .foot_con .center .wb .pic{width: 25px;height: 21px;background: no-repeat 0 0;}
.foot .foot_con .center .wb:hover .pic{background-position: 0 -21px;}
.foot .foot_con .center .wb .code{height: 0;overflow: hidden; position:absolute;bottom: 0;left: -170px;width: 142px;margin-bottom: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.foot .foot_con .center .wb:hover .code{height: 155px;}
.foot .foot_con .bottom{font-size: 16px;color:rgba(255,255,255,.3);line-height: 16px;padding: 18px 0 38px 0;border-top: 1px solid rgba(255,255,255,.3);font-family: Arista1;}
.foot .foot_con .bottom span{margin-right: 30px;}
.foot .foot_con .bottom span a{color:rgba(255,255,255,.3);}
.foot .foot_con .bottom .back{float: right;margin-right: 4px;padding-right:22px;background: url(../images/f_back.jpg)no-repeat right center;cursor: pointer;}
.foot .foot_con .bottom .back:hover{color: #fff;}
/* foot end */

/* 首页 */
.i1_banner{position: relative;overflow: hidden;margin-top: 60px;width: 100%;}
.i1_banner .swiper-slide a{display: block;width: 100%;height: 100%;}
.i1_banner .swiper-slide img{width: 100%;height: 100%;}
.i1_banner .mimg{display: none;}
.i1_banner .prev1,.i1_banner .next1{width: 60px;height: 60px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.i1_banner .prev1:hover,.i1_banner .next1:hover{top: 49%;}
.i1_banner .prev1{background: url(../images/prev.png)no-repeat 100% 100%;left: 70px;}
.i1_banner .next1{background: url(../images/next.png)no-repeat 100% 100%;right: 70px;}
.i1_banner .prev1.on{background: url(../images/prev1.png)no-repeat 100% 100%;}
.i1_banner .next1.on{background: url(../images/next1.png)no-repeat 100% 100%;}
.i1_banner .l_banner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.i1_banner .l_banner .swiper-lz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 12;font-size: 200px;color: #fff;}
.i1_banner .l_banner .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0.3); max-width: 1000000%;zoom: 1;z-index: 2;}
.i1_banner .l_banner .fff{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: 1;}
/* .i1_banner .l_banner .img #image0{width: 100%; height: 100%;} */
.i1_banner .l_banner .img.on{display: none;}
.i1_banner .video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;}
.i1_banner .video video{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
/* .i1_banner .l_banner img{width: 100%;height: 100%;} */
.i2,.i3,.i4,.i5,.i6,.i8{height: 910px;background: no-repeat center/cover;padding-top: 7%;width: 100%;height: 100vh;}
.ih1{font-size: 36px;color:#fff;line-height: 46px;margin-bottom: 3px;font-family:Arista3;;}
.ih2{font-size: 48px;color: #fff;line-height: 58px;margin-bottom: 18px;}
.ip1{font-size: 20px;color: rgba(255,255,255,.5);line-height: 38px;text-align: justify;font-family:Arista1;}
.ip2{font-size: 16px;color: rgba(255,255,255,.2);line-height: 20px;margin: 20px 0 48px 0;font-family:Arista1;}
.ip3{position: relative; font-size: 17px;color: rgba(255,255,255,.5);line-height: 18px;margin-top:0;padding: 0 110px 85px 0;display: inline-block;font-family:Arista1;}
.ip3:after{content: "";position: absolute;left: 0;bottom: 80px;width: 100%;height: 1px;background: #fff;}
.ip3:before{content: "";position: absolute;right: 0;bottom: 0;width: 1px;height: 80px;background: #fff;}
.i2{position: relative;padding-top: 0;}
.i2 .fg{position: absolute;top: 0;left: 0; width: 100%;height: 100%;z-index: 13;}
.i2 .fg.on{display: none;}
.i2 .i2_con .boxs{margin-top: 48px;}
.i2 .i2_con .boxs .box{float: left;}
.i2 .i2_con .boxs .box:nth-child(1),.i2 .i2_con .boxs .box:nth-child(4){width: 380px;}
.i2 .i2_con .boxs .box:nth-child(2),.i2 .i2_con .boxs .box:nth-child(5){width: 315px;}
.i2 .i2_con .boxs .box:nth-child(3),.i2 .i2_con .boxs .box:nth-child(6){width: 285px;}
.i2 .i2_con .boxs .box .pic{height: 42px;line-height: 42px;margin-bottom: 10px;}
.i2 .i2_con .boxs .box .pic img{display: inline-block;vertical-align: middle;}
.i2 .i2_con .boxs .box .h{font-size: 34px;color: #fff;line-height: 46px;margin-bottom: 3px;}
.i2 .i2_con .boxs .box .p{font-size: 16px;color: rgba(255,255,255,.5);line-height: 28px;margin-bottom: 65px;font-family:Arista1;}
.i2{position: relative;background: #000;}
.i2 .swiper-xlz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 12;font-size: 200px;color: #fff;display: none;}
.i2 .xlz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow-x: hidden;}
.i2 .xlz img{width: 100%;height: 100%;}
.i2 .xlz .pimg{position: absolute;top: 0;left: 0; height: 100%;z-index: 10;width: -webkit-calc(100% + 40px);width: calc(100% + 40px);}
.i2 .xlz .pimg.act{position: fixed;}
.i2 .xlz .mimg{display: none;}
.i2 .xlz:after{opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.i2 .xlz.on:after{opacity: 1;}
.i2 .i_w980{opacity: 0.2;height: 800px;box-sizing: border-box;overflow: scroll;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.i2 .w980{height: auto;position: relative;}
.i2 .i_w980.on{z-index: 20;}
.i2 .i_w980.on{opacity: 1;}
.i2 .i_w980:before{content: "";display: block; width: 100%;height: 800px;}
.i2 .i_w980:after{content: "";display: block; width: 100%;height: 0px;}
.i2 .i_w980::-webkit-scrollbar{ width:0;height: 0;}
.i2 .i_w980::-webkit-scrollbar-thumb{ background:transparent;}
.i2 .i_w980::-webkit-scrollbar-track{ background:transparent;}
.pc_i2_txt{display: none;}

.i2 .xlzall{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.xlzallactive{position: fixed !important;z-index: 100;}

/* .i3{height: 910px;background: no-repeat center/cover;padding-top: 135px;} */
.i3{position: absolute;top: 0;left: 0;width: 100%;height: 100vh; background: #000;padding-top: 0;z-index: 1;}
.i33{content: "";position: relative;top: 0;left: 0;width: 100%;height: 100vh;}
.i3.act{}
.i3 .video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.i3 .video video{width: 100%;height: 100%;object-fit: fill;}
.i3 .video:after{opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.i3 .video.on:after{opacity: 1;}
.i3 .i_w980{opacity: 1;height: 100vh;box-sizing: border-box;overflow: scroll;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;z-index: 5;}
.i3 .i_w980.op{z-index: 5;display: block;}
.i3 .w980{height: 100vh;padding:0 -webkit-calc(50% - 490px);padding:0 calc(50% - 490px);padding-top: 7%;width: 100%;}
.i3 .i_w980.on{opacity: 1;}

.i3 .i_w980:before{content: "";display: block; width: 100%;height: 0;}
.i3 .i_w980::-webkit-scrollbar{ width:0;height: 0;}
.i3 .i_w980::-webkit-scrollbar-thumb{ background:transparent;}
.i3 .i_w980::-webkit-scrollbar-track{ background:transparent;}
.i3 .ip3{width: 501px;}
.i4{padding-top: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100vh;padding-bottom: 1px;background: #000;z-index: 2;}
.i44{content: "";position: relative;top: 0;left: 0;width: 100%;height: 100vh;}
.i4.act{}
.i4 .video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.i4 .video:after{opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.i4 .video.on:after{opacity: 1;}
.i4 .video video{width: 100%;height: 100%;}
.i4 .i_w980{opacity: 1;height: 100vh;box-sizing: border-box;overflow: scroll;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;padding-top: 0%;display: block;z-index: 5;}
.i4 .i_w980.op{z-index: 5;display: block;}
.i4 .w980{height: 100vh;width: 100%;padding:0 -webkit-calc(50% - 490px);padding:0 calc(50% - 490px); padding-top: 15%;}
.i4 .i_w980.on{opacity: 1;}

.i4 .i_w980:before{content: "";display: block; width: 100%;height: 0vh;}
.i4 .i_w980::-webkit-scrollbar{ width:0;height: 0;}
.i4 .i_w980::-webkit-scrollbar-thumb{ background:transparent;}
.i4 .i_w980::-webkit-scrollbar-track{ background:transparent;}
.i5{padding-top: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: #000;z-index: 3;}
.i55{content: "";position: relative;top: 0;left: 0;width: 100%;height: 100vh;}
.i5.act{}
.i5 .video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.i5 .video video{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.i5 .video:after{opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.i5 .video.on:after{opacity: 1;}
.i5 .w980{height: ;width: 100%;padding:0 -webkit-calc(50% - 490px);padding:0 calc(50% - 490px); padding-top: 0%;}
.i5 .i_w980{opacity: 1;height: 100vh;padding-top: 10.4%; box-sizing: border-box;overflow: scroll;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;}
.i5 .i_w980.op{z-index: 5;display: block;}
.i5 .i_w980.on{opacity: 1;}
.i5 .i_w980:before{content: "";display: block; width: 100%;height: 0vh;}
.i5 .i_w980::-webkit-scrollbar{ width:0;height: 0;}
.i5 .i_w980::-webkit-scrollbar-thumb{ background:transparent;}
.i5 .i_w980::-webkit-scrollbar-track{ background:transparent;}
.i5 .box{float: left;margin-right: 85px;}
.i5 .box .h{font-size: 42px;color: #fff;line-height: 52px;margin-bottom: 3px;}
.i5 .box .p{font-size: 18px;color: rgba(255,255,255,.5);line-height: 28px;font-family:Arista1;}
.i6{position: relative;}
.i6 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i6 .img1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.i6 .bai{width: 144px;height: 240px;background: transparent;position: absolute;top: 26%;right: 33%;cursor: pointer;z-index: 20;}
.i6 .bai .btn{width: 20px;height: 20px;position: absolute;top: 50px;left: 5px;border-radius: 50%;background: #fff;}
.i6 .bai .btn:after{content: "";display: block;z-index: -1;position: absolute;left: 0;top: 0; width: 20px;height: 20px;border-radius: 50%;background: #fff; -webkit-animation: warn1 2s linear;-moz-animation: warn1 2s linear;animation: warn1 2s linear;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.i6 .lan{width: 150px;height: 77px;background: transparent;position: absolute;top: 16%;right: 32%;cursor: pointer;z-index: 20;}
.i6 .lan .btn{width: 20px;height: 20px;position: absolute;top: 5px;left: 5px;border-radius: 50%;background: #fff;}
.i6 .lan .btn:after{content: "";display: block;z-index: -1;position: absolute;left: 0;top: 0; width: 20px;height: 20px;border-radius: 50%;background: #fff; -webkit-animation: warn1 2s linear;-moz-animation: warn1 2s linear;animation: warn1 2s linear;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.i6 .lv{width: 86px;height: 240px;background: transparent;position: absolute;top: 20%;right: 42%;cursor: pointer;z-index: 20;}
.i6 .lv .btn{width: 20px;height: 20px;position: absolute;top: 94px;left: 21px;border-radius: 50%;background: #fff;}
.i6 .lv .btn:after{content: "";display: block;z-index: -1;position: absolute;left: 0;top: 0; width: 20px;height: 20px;border-radius: 50%;background: #fff; -webkit-animation: warn1 2s linear;-moz-animation: warn1 2s linear;animation: warn1 2s linear;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}


.rchd{position: relative;top: 50px;opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.i3.actdh .rchd,.i4.actdh .rchd,.i5.actdh .rchd{opacity: 1;top: 0;}
.rchd1{transition-delay: .2s;-webkit-transition-delay: .2s;}
.rchd2{transition-delay: .4s;-webkit-transition-delay: .4s;}
.rchd3{transition-delay: .6s;-webkit-transition-delay: .6s;}
.rchd4{transition-delay: .8s;-webkit-transition-delay: .8s;}
.rchd5{transition-delay: 1s;-webkit-transition-delay: 1s;} 
.i3.actdh  .video video,.i4.actdh  .video video,.i5.actdh  .video video{opacity: 0.5;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}


@keyframes warn1 {
	0% {
	  transform: scale(1);
	  opacity: 0.9;
	}
  
	25% {
	  transform: scale(1.2);
	  opacity: 0.7;
	}
  
	50% {
	  transform: scale(1.4);
	  opacity: 0.5;
	}
  
	75% {
	  transform: scale(1.6);
	  opacity: 0.3;
	}
  
	100% {
	  transform: scale(1.8);
	  opacity: 0.1;
	}
  }
  
  @-webkit-keyframes "warn1" {
	0% {
		transform: scale(1);
		opacity: 0.9;
	  }
	
	  25% {
		transform: scale(1.2);
		opacity: 0.7;
	  }
	
	  50% {
		transform: scale(1.4);
		opacity: 0.5;
	  }
	
	  75% {
		transform: scale(1.6);
		opacity: 0.3;
	  }
	
	  100% {
		transform: scale(1.8);
		opacity: 0.1;
	  }
  }
.i6 .box{margin-bottom: 68px;opacity: 0.2;}
.i6 .box.on{opacity: 1;}
.i6 .box4{margin-top: 113px;opacity: 1;}
.i6 .box img{margin:0 0 8px 0;}
.i6 .box .h{font-size: 36px;color: #fff;line-height: 46px;margin-bottom: 3px;}
.i6 .box .p{font-size: 18px;color: rgba(255,255,255,.55);line-height: 28px;}
.i7{padding: 30px;}
.i7 .box{position: relative;display: block; float: left;width: 32.25%;margin-right: 1.6%;padding-bottom:46.875%;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.i7 .box:last-child{margin-right: 0;}
.i7 .box .img1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.i7 .box .img2{position: absolute;top: 50%;left: 50%;width: 0;height: 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);z-index: 1;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.i7 .box .txt{position: absolute;z-index: 4;width: 100%;height: 100%;padding: 30px 33px 40px 33px;}
.i7 .box .txt .top{font-size: 24px;color: #000000;line-height: 24px;}
.i7 .box .txt .bottom{position: absolute;left: 0;bottom: 40px;width: 100%; text-align: center;}
.i7 .box .txt .bottom .h{font-size: 36px;color: #1f2122;line-height: 46px;margin-bottom: 4px;width: 100%;height: 46px;overflow: hidden;text-overflow: ellipsis;}
.i7 .box .txt .bottom .p{font-size: 18px;color: #1f2122;line-height: 28px;margin-bottom: 24px;width: 100%;height: 28px;overflow: hidden;text-overflow: ellipsis;font-family:Arista3;opacity: .5;}
.i7 .box .txt .bottom .btn{display: table;margin: 0 auto;width: 145px;height: 45px;line-height: 41px; border: 2px solid #1f2122;border-radius: 22px;font-size: 16px;color: #1f2122;}
.i7 .box .txt .bottom .btn:hover{color: #e5a6a1;border-color: #e5a6a1;}
.i7 .box:hover .img2{z-index: 3;width: 100%;height: 100%;}
.i8{position: relative;overflow: hidden;}
.i8 .swiper-slide{width: 62.5%;margin: 0 30px;}
.i8 .swiper-slide .txt{position: absolute;left: 0;top: 0;width: 100%; text-align: center;color: #fff;padding-top: 54px;}
.i8 .swiper-slide .txt .h{font-size: 36px;line-height: 46px;margin-bottom: 3px;}
.i8 .swiper-slide .txt .p{font-size: 22px;line-height: 32px;margin-bottom: 20px;font-family:Arista1;}
.i8 .swiper-slide .txt .more{font-size: 14px;line-height: 24px;position: relative;top: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;font-family:Arista2;}
.i8 .swiper-slide .txt .more:hover{top: -3px;color:#e5a6a1;}
.i8 .next1,.i8 .prev1{width: 47px;height: 47px;border-radius: 50%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.i8 .next1{right: -webkit-calc(50% - 600px);right: calc(50% - 556px);background:rgba(0, 0, 0, .3) url(../images/i8_next.png)no-repeat center;}
.i8 .prev1{left: -webkit-calc(50% - 600px);left: calc(50% - 556px);background:rgba(0, 0, 0, .3) url(../images/i8_prev.png)no-repeat center;}
.i8 .next1:hover,.i8 .prev1:hover{top: 49%;}
.i8 .pagination1{bottom: 60px;}
.i8 .pagination1 .swiper-pagination-bullet{background:#fff;width: 30px;height: 3px;border-radius: 0;}
.i9{padding-bottom: 60px;}
.i9 .i9_tit{font-size: 48px;color: #1f2122;line-height: 58px;text-align: center;margin: 115px 0 55px 0;}
.i9 .boxs .box{position: relative; float: left;width: 31.6%;margin:0 2.6% 30px 0;}
.i9 .boxs .box:nth-child(3n){margin-right: 0;}
.i9 .boxs .box .txt{position: absolute;top: 0;left: 0;width: 100%;color: #fff;text-align: center;}
.i9 .boxs .box .txt .h{position: relative; font-size: 36px;line-height: 46px;margin: 55px 0 15px 0;z-index: 2;}
.i9 .boxs .box .txt .p{position: relative; font-size: 22px;line-height: 32px;color: rgba(255,255,255,.7);z-index: 2;font-family:Arista1;}
.i9 .boxs .box .h_bj{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 100%;height: 100%;background-color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;opacity: .8;}
.i9 .boxs .box:hover .h_bj{opacity: 0;}
/* 首页 end */

/* 内页公共 */
.ny_banner{position: relative;margin-top: 60px;}
.ny_banner .mimg{display: none;}
.ny_banner .txt{position: absolute;top: 0;left:0;width: 100%;padding-left: -webkit-calc(50% - 600px);padding-left: calc(50% - 600px);padding-top: 127px;}
.ny_banner .txt .h{font-size: 48px;color: #ffffff;line-height: 58px;margin-bottom: 10px;}
.ny_banner .txt .p{font-size: 22px;color: rgba(255,255,255,.6);line-height: 32px;font-family: Arista1;}
.ny_banner .txt_img{margin:0 0 20px 0;}
.ny_top{padding: 40px 30px 0 30px;margin-top: 60px;margin-bottom: 60px; font-size: 16px;color:rgba(31,33,34,.6);line-height: 16px;}
.ny_top a{display: block; color:rgba(31,33,34,.6);padding-bottom: 5px;float: left;}
.ny_top a:hover,.ny_top a.on{border-bottom: 1px solid #1f2122;}
.ny_top span{margin: 0 3px;float: left;}
/* 内页公共 end */

/* 新闻列表 */
.news_con{padding: 120px 0 430px 0;}
.news_con.on{padding: 120px 0 80px 0;}
.news_con .box{margin-bottom: 70px;display: block;}
.news_con .box .pic{width: 100%;overflow: hidden;}
.news_con .box .pic img{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.news_con .box:hover .pic img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news_con .box .txt .day{font-size: 24px;line-height: 34px;color: #1f2122;opacity: .4;margin: 15px 0 26px 0;font-family:Arista3;}

.news_con .box .txt .h{font-size: 32px;color: #1f2122;line-height: 56px;width: 100%;max-height: 112px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 6px;text-align: justify;}
.news_con .box .txt .p{font-size: 24px;line-height: 42px;color: #1f2122;opacity: .6;max-height: 84px;overflow: hidden;text-overflow: ellipsis;font-family:Arista3;}

.news_con .b_box  .txt .h{text-align: left;}
.news_con .b_box  .txt .p{text-align: left;height: 42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_con .boxs .s_box{float: left;width:48.5%;margin-right: 3%;} 
.news_con .boxs .s_box:nth-child(2n){margin-right: 0;} 
.news_bottom{text-align: center;font-size: 32px;line-height: 32px;color: #1f2122;opacity: 0.6;padding-top: 38px;border-top: 1px solid #1f2122;}
.news_bottom.none{display: none;}
/* 新闻列表 end */

/* 新闻详情 */
.nd_19{background: #f7f9fa;}
.nd_con{padding: 75px 5px 90px 5px;background: #fff;margin-bottom: 90px;}
.nd_con .h{font-size: 32px;color: #1f2122;text-align: center;line-height: 42px;margin-bottom: 20px;}
.nd_con .day{font-size: 16px;color: rgba(31,33,34,.4);line-height: 26px;text-align: center;margin-bottom: 65px;}
.nd_con .p{font-size: 22px;color: rgba(31,33,34,1);line-height: 40px;font-family:Arista3 ;}
.nd_con img{margin: 30px auto;}
.nd_con .bottom{display: table;margin: 0 auto;margin-top: 103px;}
.nd_con .bottom a{display: block;float: left;width: 145px;height: 45px;line-height: 41px;border:2px solid #797a7a;color: #797a7a;text-align: center;border-radius: 22px;font-size: 16px;margin:0 28px}
.nd_con .bottom a:hover{color: #e5a6a1;border-color: #e5a6a1;}
/* 新闻详情 end */


/* 产品列表 */
.pl_con{background: #f7f9fa;padding-bottom: 60px;}
.pl_con .tab{background: #fff;padding: 30px 0 20px 0;margin-bottom: 40px;}
.pl_con .tab a{position: relative; display: block;float: left;font-size: 20px;line-height: 20px;color: rgba(31,33,34,.6);margin-right: 80px;padding-bottom: 11px;}
.pl_con .tab a:after{content:"";position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background: #1f2122;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pl_con .tab a:hover,.pl_con .tab a.on{color: #1f2122;}
.pl_con .tab a:hover:after,.pl_con .tab a.on:after{width: 100%;}
.pl_con .boxs .box{display: block;width: 31.6%;margin-right: 2.6%;float: left;margin-bottom: 30px;background: #fff;text-align: center;padding: 0 0 13px 0;}
.pl_con .boxs .box:nth-child(3n){margin-right: 0;}
.pl_con .boxs .box .pic{width: 100%;overflow: hidden;}
.pl_con .boxs .box .pic img{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pl_con .boxs .box .txt .h{font-size: 24px;line-height: 34px;color: #1f2122;margin-bottom: 8px;height: 34px;overflow: hidden;text-overflow: ellipsis;}
.pl_con .boxs .box .txt .p{font-size: 16px;color: rgba(31,33,34,.6);line-height: 26px;height: 52px;padding: 0 14px;overflow: hidden;text-overflow: ellipsis;}
.pl_con .boxs .box .pic:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
/* 产品列表 end */

/* 关于我们 */
/* .ab1{padding: 180px 0 190px 0;} */
.ab1{padding: 180px 0 78px 0;}
/* .ab1 .tit{display: table;margin: 0 auto;padding-bottom: 10px;border-bottom: 2px solid #1f2122; font-size: 24px;color: #1f2122;text-transform: capitalize;}
.ab1 img{margin: 0 auto;margin-top: 56px;margin-bottom: 60px;} */
.ab1 .ab1_txt{display: table;margin: 0 auto;margin-bottom: 60px;}
.ab1 .ab1_txt .box{float: left;position: relative;padding-top: 60px; }
.ab1 .ab1_txt .box .h{display: none; padding-bottom: 10px;border-bottom: 2px solid #1f2122; font-size: 24px;color: #1f2122;text-transform: capitalize;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ab1 .ab1_txt .box.on .h{display: table;}
.ab1 .ab1_txt .box img{position: relative;top: 0; margin-top: 56px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ab1 .ab1_txt .box.on img{top: -60px;}
.ab1 .ab1_txt .box:nth-child(n+2) img{margin-top: 85px;margin-left: 8px;}
/* .ab1 .p{display: table;max-width: 590px;margin: 0 auto;font-size: 24px;line-height: 42px;text-align: center;color: rgba(31,33,34,.6);} */
.ab1 .p{display: table;margin: 0 auto;font-size: 24px;line-height: 42px;text-align: center;color: rgba(31,33,34,.6);}
.ab2_con{overflow: hidden;}
.ab2 .prev1,.ab2 .next1{width: 60px;height: 60px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.ab2 .prev1:hover,.ab2 .next1:hover{top: 49%;}
.ab2 .prev1{background: url(../images/prev.png)no-repeat 100% 100%;left: 0;top: 32%;}
.ab2 .next1{background: url(../images/next.png)no-repeat 100% 100%;right: 0;top: 32%;}
.ab2 .next1:hover,.ab2 .prev1:hover{top: 30%;}
/* .ab2 .tit{text-align: center;margin-bottom: 100px;padding: 70px 0 0 0;} */
.ab2 .tit{text-align: center;margin-bottom: 30px;padding: 18px 0 0 0;}
.ab2 .tit .h1{font-size: 60px;color: #1f2122;line-height: 70px;margin-bottom: 4px;}
/* .ab2 .tit .h2{font-size: 36px;color: #1f2122;line-height: 46px;margin-bottom: 18px;} */
.ab2 .tit .h2{font-size: 36px;color: #1f2122;line-height: 36px;margin-bottom: 10px;}
/* .ab2 .tit .p{display: table;margin: 0 auto;max-width: 700px; font-size: 22px;line-height: 42px;color: rgba(31,33,34,.6);} */
.ab2 .tit .p{display: table;margin: 0 auto;max-width: 700px; font-size: 22px;line-height: 32px;color: rgba(31,33,34,.6);}
.ab3 .ab3_con{background: no-repeat center/cover;width: 100%;height: 910px;padding-top: 255px;}
.ab3 .ab3_con .box{float: left;width: 28.75%;margin-bottom: 135px;}
.ab3 .ab3_con .box:nth-child(4n){width: 13.75%;}
.ab3 .ab3_con .box .num{font-size: 90px;color: #fff;line-height: 64px;margin-bottom: 12px;font-family: Arista4;}
.ab3 .ab3_con .box .num em{line-height: 36px;vertical-align: top;font-style:normal;}
.ab3 .ab3_con .box .p{font-size: 22px;line-height: 32px;color: rgba(255, 255, 255, .6);font-family:Arista1 ;}
.ab4{background: #f5f5f5;padding: 113px 0 82px 0;display: none;}
.ab4 .tit{font-size: 48px;color: #1f2122;line-height: 58px;text-align: center;margin-bottom: 160px;}
.ab4 .ab4_con{padding-bottom: 20px;}
.ab4 .pic{float: left;width: 20%;height: 82px;margin-bottom: 54px;background: no-repeat;background-size:100% 164px; position: relative;}
.ab4 .pic:hover{background-position-y: -82px;}
.ab5{padding: 115px 0 110px 0;}
.ab5 .tit{font-size: 48px;color: #1f2122;line-height: 58px;text-align: center;margin-bottom: 75px;}
.ab5 .txt{padding-top: 60px; display: flex;justify-content: space-between;align-items: center;}
/* .ab5 .txt .left{float: left;margin-right: 132px;} */
/* .ab5 .txt .center{float: left;margin-right: 140px;} */
/* .ab5 .txt .right{float: left;text-align: center;} */
.ab5 .txt .right{text-align: center;}
.ab5 .txt .right>div{float: left;}
.ab5 .txt .h{font-size: 24px;color: #1f2122;line-height: 24px;margin-bottom: 42px;font-family: Arista6;}
.ab5 .txt .p{font-size: 18px;color: #1f2122;line-height: 36px;font-family:Arista3 ;display: block;}
.ab5 .txt .right .ab5_wx{margin-right: 40px;}
.ab5 .txt .right img{margin-bottom: 12px;}
#d1{position: relative;top: -150px;}
/* 关于我们 end */

/* 产品详情 */
.pd_top{margin-bottom: 58px;}
.pd_con{padding-bottom: 100px;}
.pd_con .left{float: left;width: 500px;display: none;}
.pd_con .left .gallery-top1{width: 100%;margin-bottom: 20px;}
.pd_con .left .gallery-top1 img{width: 100%;}
.pd_con .left .gallery-thumbs1 .swiper-slide{width: 20%;}
.pd_con .left .gallery-thumbs1 .swiper-slide img{width: 100%;}
.pd_con .right{float: right;width: 600px;}
.pd_con .right .top{padding-bottom: 93px;border-bottom: 1px solid #e8e8e8;}
.pd_con .right .top .h{font-size: 36px;color: #1f2122;line-height: 36px;margin-bottom: 25px;}
.pd_con .right .top .p{font-size: 22px;color: #1f2122;line-height: 32px;}
.pd_con .right .name{font-size: 22px;color: #1f2122;line-height: 22px;margin-bottom: 22px;}
.pd_con .right .center{padding: 50px 0 32px 0;border-bottom: 1px solid #e8e8e8;}
/* .pd_con .right .center .btns .btn{float: left;line-height: 32px;margin-right: 85px;cursor: pointer;} */
.pd_con .right .center .btns .btn{float: left;line-height: 32px;margin-right: 85px;cursor: pointer;margin-bottom: 16px;}
.pd_con .right .center .btns .btn .yuan{float: left;padding: 5px;border: 1px solid #c2c2c2;border-radius: 50%;margin-right: 20px;}
.pd_con .right .center .btns .btn .txt{float: left;}
.pd_con .right .center .btns .btn.on .yuan{border:2px solid #e5a6a1;padding: 4px;}
.pd_con .right .bottom{padding:70px 0 0 0;}
.pd_con .right .bottom .btn{position: relative;float:left;display:block; width: 285px;height: 60px;line-height: 58px;padding: 0 84px;border:1px solid #bbbcbc;border-radius: 3px;margin:0 30px 30px 0;font-size: 22px;color: #1f2122;}
.pd_con .right .bottom .btn:nth-child(2n){margin-right: 0;}
.pd_con .right .bottom .btn:after{content: "";width: 10px;height: 11px;position: absolute;right:84px;top: 23px;background: url(../images/pd_jt.png)no-repeat 0 0;}
.pd_con .right .bottom .btn:hover{border-color: #e5a6a1;color: #e5a6a1;}
.pd_con .right .bottom .btn:hover:after{background-position-y: -11px;}
/* 添加产品详情 */
.pd_con .left .view_img{position: relative;}
.pd_con .left .view_img img{position: absolute;top: 0; left: 0;opacity: 0;}
.pd_con .left .view_img .avtiveflag{opacity: 1;transition:all 1s linear;}
.pd_con .left .perview_img{margin-top: 105%;}
.pd_con .left .perview_img img{cursor: pointer;}
.pd_con .postleft{opacity: 1;transition:all 1s linear;display: block;}

/* 产品详情 end */


/* 搜索页面 */
.s_top{  background-color: #f6f6f6;}
.s_top input{position: relative; width: 100%;line-height: 140px;background-color: transparent;font-size: 56px;color:#cccccc;}
.s_top .btn{display: block; width: 36px;height: 100%;position: absolute;top: 0;right: 6px;background: url(../images/s_ss.jpg)no-repeat center right;}
.s_tab {line-height: 100px;border-bottom: 1px solid #eeeeee;}
.s_tab .left{float: left;}
.s_tab .left li{float: left;margin-right: 86px;}
.s_tab .left li a{position: relative; font-size: 20px;color:#111111;}
.s_tab .left li a:after{display:block; content: "";position: absolute;bottom:-1px;left: 0;height: 2px;width:0%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;background: #333;}
.s_tab .left li a span{color:#bbbbbb;}
.s_tab .left li a:hover,.s_tab .left li a.on{color:#333}
.s_tab .left li a:hover span,.s_tab .left li a.on span{color:#333}
.s_tab .left li a:hover:after,.s_tab .left li a.on:after{width: 100%;}
.s_tab .right{float: right;font-size: 16px;color:#111111;}
.s_tab .right span{color:#333}
.ss_con .box2{margin-right:2.6%;}
.ss_con .box2:nth-child(3n){margin-right:0%}
.ss_con .box2:nth-child(5){margin-right:2.6%;}
/* 搜索页面 end */

.appdowload{margin-top: 56px; position: relative;}
.appdowloadimg{width: 100%;}
.appdowload .cont{position: absolute; top: 20%; right: 19.5%;}
.appdowload .cont .bottom{color: #adafb2; font-size: 14px; margin-left: 50px; margin-top: 15px;}
.appdowload .cont .iosimg{ display: flex; align-items: center; margin-top:76px; margin-bottom:16px ; cursor: pointer;}
/* .appdowload .cont .iosimg .iosimg1:hover.andimg{opacity: 1;}
.appdowload .cont .iosimg .iosimg2:hover.andimg{opacity: 1;} */
.appdowload .cont .andimg{ display: flex; align-items: center; }
.appdowload .cont .andimg img{opacity: 0; margin: 0;}
.appdowload .cont .andimg .andimg3{margin-left:9%; margin-right: 27px;}
.appdowload .cont .andimg .andimg4{}
.appdowload .cont .andimg .andimg1{opacity: 1; transition: all 0.5s;}
.appdowload .cont .andimg .andimg2{opacity: 1; transition: all 0.5s;}
.appdowloadclone{display: none;}
.iosimg_a{margin-left: 9%;margin-right: 27px;}
/* .iosimg_a1{margin-left: 19%;} */

@media (max-width:1930px){
  .i2 .i_w980:after{height: 100px;}
}
@media (max-width:1920px){
  .i8 .next1{right: 25%;}
  .i8 .prev1{left: 25%;}
}
@media (max-width:1600px){
    /* .head .abtn a{margin:0 20px;} */
    .head .lag{margin:0 20px;}
    .head .solid1{margin-right: 6px;}
    .w1600{width: 94%;}
    .i8 .next1{right: 20%;}
    .i8 .prev1{left: 20%;}
    /* .i2 .i_w980:before{height: 800px;}
    .i2 .i_w980:after{height: 280px;}
    .i3 .i_w980:after{content: "";display: block;width: 100%; height: 80px;}
    .i4 .i_w980:after{content: "";display: block;width: 100%; height: 120px;} */
    /* .i5 .i_w980:before{height: 400px;} */
    /* .i5 .i_w980:after{content: "";display: block;width: 100%; height: 60px;} */
    .i5{padding-bottom: 10.4%;}
    .i6{padding-bottom: 7%;}
    .i6 .box{margin-bottom: 36px;}
    .i6 .box4{margin-top: 40px;}
    .ny_banner .txt{padding-top: 80px;}
    .ny_banner .txt .h{font-size: 36px;line-height: 46px;}
    .ny_banner .txt .p{font-size: 18px;line-height: 28px;}
    .news_con{padding: 60px 0 215px 0;}
    .news_con .box .txt .h{font-size: 28px;line-height: 48px;max-height: 96px;}
    .news_con .box .txt .day{font-size: 20px;line-height: 26px;}
    .news_con .box .txt .p{font-size: 20px;line-height: 34px;max-height: 68px;}
    .pd_con .right .top .h{font-size: 30px;line-height: 30px;}
    .pd_con .right .top .p{font-size: 18px;line-height: 24px;}
    .pd_con .right .name{font-size: 18px;line-height: 18px;}
    .pd_con .right .bottom .btn{font-size: 20px;}
    .ab2_con{width: 80%;}
    .ab3 .ab3_con .box .num{font-size: 70px;line-height: 58px;}
    .ab3 .ab3_con .box .p{font-size: 20px;line-height: 30px;}
    .ih1{font-size: 28px;line-height: 38px;}
    .ih2{font-size: 34px;line-height: 44px;}
    .ip1{font-size: 18px;line-height: 30px;}
    .ip2{font-size: 14px;line-height: 18px;margin:15px 0 20px 0 ;}
    .ip3{font-size: 14px;}
    .i2 .i2_con .boxs{margin-top: 30px;}
    .i2 .i2_con .boxs .box .h{font-size: 24px;line-height: 36px;}
    .i2 .i2_con .boxs .box .p{font-size: 14px;line-height: 24px;margin-bottom: 30px;}
    .i3{padding-top: 5%;}
    .i5 .box .h{font-size: 36px;line-height: 46px;}
    .i5 .box .p{font-size: 16px;line-height: 26px;}
    .i6 .box .h{font-size: 32px;line-height: 42px;}
    .i6 .box .p{font-size: 16px;line-height: 26px;}
    .i7 .box .txt{padding: 20px;}
    .i7 .box .txt .top{font-size: 16px;line-height: 16px;}
    .i7 .box .txt .bottom{bottom: 20px;}
    .i7 .box .txt .bottom .h{font-size: 24px;line-height: 34px;height: 34px;}
    .i7 .box .txt .bottom .p{font-size: 14px;line-height: 24px;margin-bottom: 10px;height: 24px;}
    .ab4 .ab4_con{padding-bottom: 0;}
  .ab4 .pic{float: left;width: 20%;text-align: center;line-height: 46px;margin-bottom: 10px;}
  .i6 .bai .btn{left: 80px;}
  .i8 .swiper-slide .txt .h{font-size: 34px;line-height: 44px;}
  .i9 .i9_tit{font-size: 42px;line-height: 52px;margin: 70px 0 40px 0;}
  .ab1{padding: 100px 0 80px 0;}
  .ab1 .ab1_txt .box{padding-top: 30px;}
  .ab1 .p{font-size: 20px;line-height: 36px;}
  .ab2 .tit{padding-top:15px ;}
  .ab2 .tit .h1{font-size: 52px;line-height: 62px;}

  .ab2 .swiper-slide img{width: 76%; margin: 0 auto;}
  .ab2 .tit .h2{font-size: 32px;line-height: 22px;}
  .ab2 .tit .p{font-size: 20px;line-height: 26px;}
  .ab3 .ab3_con{padding-top: 195px;height: 790px;}
}
@media (max-width:1440px){
    .w1440{width: 94%;}
    .appdowload .cont{ top: 18%; right: 18%;}

}
@media (max-width:1366px){
  .appdowload .cont .andimg img{width: 33%;height: auto;}
  .appdowload .cont .header img{width: 56%;height: auto; margin-left: 12%;}
}
@media (max-width:1280px){
  .appdowload .cont .iosimg img{ width: 80%;height: auto;}
  .appdowload .cont .andimg img{width: 33%;height: auto;}
  .appdowload .cont .header img{width: 45%;height: auto; margin-left: 12%;}
  .appdowload .cont .iosimg {margin-top:40px;margin-bottom:13px}

}
@media (max-width:1200px){
    .w1200{width: 100%;padding: 0 30px;}
    .ab1{padding: 30px 30px;}
    .ab2_con{width: 80%;}
    .head .box{padding:0 20px;}
    .head .abtn a{font-size: 16px;}
    .head .ss:hover{width: 200px;}
    .head .ss:hover input{width: 120px;}
    .head .zxyy{margin-left: 10px;width: 80px;font-size: 12px;}
    .ny_banner .txt{padding-left: 5%;}
    .nd_con .h{font-size: 28px;line-height: 38px;}
    .nd_con .day{margin-bottom: 40px;}
    .nd_con .p{font-size: 18px;line-height: 32px;}
    .nd_con img{margin: 20px auto;}
    .i2, .i3, .i4, .i5, .i6,.i8{height: auto;}
    .appdowload .cont .iosimg img{ width: 70%;height: auto;}
    .appdowload .cont .andimg img{width: 30%;height: auto;}
    .appdowload .cont .header img{width: 45%;height: auto; margin-left: 12%;}
    .appdowload .cont .iosimg {margin-top:40px;margin-bottom:13px}

}
@media (max-width:1030px){
    .w980{width: 100%;padding:0 30px;}
    .head{display: none;}
    .m_head {display: block;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 30;background: #000;}
    .m_head .mlt{display: block;float: left;margin-top: 15px;}
    .m_head .mlt img{display: block;height: 20px;}
    .m_head .img{width: 50px;float: right;}
    .m_head .img img{display: block;width: 100%;}
    .m_head .mrt{width: 50px;height: 50px;background: url(../images/ss4.png ) center no-repeat;background-size: 20px;  display: block;float: right;}
    .m_nav{font-family: Microsoft Yahei; display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}
    .m_nav.act{right: 0;}
    .m_out{ width: 15%;float: left; }
    .m_out img{display: block;width: 100%;} 
    .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: #fff;top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}
    .m_nav.act{right: 0;}
    .m_out{ width: 50px;float: right; max-width: 50px;margin-right: 3%;}
    .m_out img{display: block;width: 100%;}  
    .wow{opacity: 1;}
    .m_navbox{width: 100%;box-sizing: border-box;float: right;background: #fff;height: calc(100% - 80px);box-sizing: border-box;padding: 20px 0 ;overflow: auto; box-sizing: border-box;}
    .m_navbox div,.m_navbox a{color: #666;display: block;}
    .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;}
    .m_navbox div,.m_navbox a.ltp{font-size: 18px;line-height: 30px;padding: 10px 0;display: block;}
    .m_navbox li>div:nth-child(1) ,.m_navbox a.ltp{padding: 10px 30px 10px  50px;position: relative;}
    .m_navbox li>div:nth-child(1):after,.m_navbox a.ltp:after{content: '';display: block;width: 5px;height: 20px;background: #333;position: absolute;top: 50%;margin-top: -10px;left: 30px;} 
    .m_navbox li>div:nth-child(1){background: url(../images/plus.png)  95% center  no-repeat ;background-size: 16px;}
    .m_navbox li.act>div:nth-child(1){background: url(../images/reduce.jpg) 95%  center  no-repeat;}
    .m_navbox div.lbt{padding: 5px 50px;display: none;border-bottom: 1px solid #333;}
    .m_navbox li.act>div:nth-child(1){color: #333;}
    .m_navbox li.act>div:nth-child(1):after{background:#e5a6a1; }
    .m_navbox .lange{text-align: center;}
    .m_navbox .lange a{display: inline-block;margin: 0 10px;}
    .m_navbox li.lang {padding: 10px;}
    .m_navbox li.lang > a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;}
    .m_navbox li.se{padding:10px 30px ;}
    .m_navbox li.se input{display: block;width: calc(100% - 40px);float: left;display: block;height: 40px;border:none;outline: none;padding: 0 10px;border-bottom: 1px solid #ddd;}
    .m_navbox li.se a{display: block;width: 40px;float: right;padding: 0;}
    .m_navbox li.se a img{display: block;width: 20px;margin: 10px;}
    /* header end */
    .ny_top{font-size: 12px;}
    .ny_banner{margin-top: 50px;}
    .ny_banner .txt{padding-top: 50px;}
    .ny_banner .txt .h{font-size: 28px;line-height: 38px;margin-bottom: 0;}
    .ny_banner .txt .p{font-size: 14px;line-height: 24px;}
    .news_con .box{margin-bottom: 20px;}
    .news_con .box .txt .day{font-size: 16px;line-height: 22px;margin: 8px 0 12px 0;}
    .news_con .box .txt .h{font-size: 18px;line-height: 28px;max-height: 56px;}
    .news_con .box .txt .p{font-size: 14px;line-height: 24px;max-height: 48px;}
    .news_bottom{font-size: 22px;line-height: 22px;padding-top: 20px;}
    .nd_con{padding-bottom: 50px;}
    .ny_top{margin-bottom: 60px;}
    .pl_con{padding-top: 30px;}
    .pl_con .tab{display: none;}
    .pl_con .boxs .box{width: 49%;margin-right: 2%;margin-bottom: 20px;}
    .pl_con .boxs .box:nth-child(3n){margin-right: 2%;}
    .pl_con .boxs .box:nth-child(2n){margin-right: 0%;}
    .pl_con .boxs .box .txt .h{font-size: 16px;line-height: 26px;height: 26px;}
    .pl_con .boxs .box .txt .p{font-size: 14px;line-height: 24px;height: 48px;}
    .pd_con .left{width: 100%;float: none;margin-bottom: 30px;}
    .pd_con .right{width: 100%;float: none;}
    .pd_con .right .top{padding-bottom: 20px;}
    .pd_con .right .top .h{font-size: 26px;line-height: 26px;margin-bottom: 12px;}
    .pd_con .right .top .p{font-size: 15px;}
    .pd_con .right .center{padding: 20px 0;}
    .pd_con .right .center .btns .btn{margin-right: 24px;line-height: 24px;}
    .pd_con .right .center .btns .btn .yuan{margin-right: 10px;}
    .pd_con .right .center .btns .btn .yuan img{height: 12px;}
    .pd_con .right .bottom{padding-top: 20px;}
    .pd_con .right .bottom .btn{width: 140px;padding: 0 24px;font-size: 16px;margin-right: 10px;margin-bottom: 20px; height: 40px;line-height: 38px;}
    .pd_con .right .bottom .btn:after{right: 24px;top:13px;}
    .ab1 img{width: 70%;margin: 30px auto;}
    .ab1 .p{font-size: 18px;line-height: 32px;}
    .ab2_con{padding: 0;}
    .ab2 .prev1, .ab2 .next1{width: 30px;height: 30px;background-size: 30px 30px;}
    .ab2 .tit{margin-bottom: 30px;padding-top: 20px;overflow: hidden;}
    .ab2 .tit .h1{font-size: 26px;line-height: 36px;}
    .ab2 .tit .h2{font-size: 18px;line-height: 28px;margin-bottom: 10px;}
    .ab2 .tit .p{font-size: 14px;line-height: 24px;}
    .ab3 .ab3_con{padding: 50px 0 30px 0;height: auto;}
    .ab3 .ab3_con .box{width: 50%;padding: 0 20px;text-align: center;margin-bottom: 20px;}
    .ab3 .ab3_con .box:nth-child(4n){width: 50%;}
    .ab4{padding: 30px 0;}
    .ab4 .tit{font-size: 32px;margin-bottom: 20px;}
    .ab5{padding: 30px 30px 0 30px;}
    .ab5 .tit{font-size: 32px;margin-bottom: 20px;}
    .ab5 .txt{padding-top: 30px;}
    .ab5 .txt .left,.ab5 .txt .center,.ab5 .txt .right{float: none;margin:0 0 30px 0;}
    .ab5 .txt .h{font-size: 20px;line-height: 20px;margin-bottom: 15px;}
    .ab5 .txt .p{font-size: 14px;line-height: 28px;}
    .i1_banner{padding: 0px;margin-top: 50px;}
    .i1_banner .pimg{display: none;}
    .i1_banner .mimg{display: block;}
    .i1_banner .prev1, .i1_banner .next1{width: 30px;height: 30px;background-size: 30px 30px;}
    .i1_banner .next1.on,.i1_banner .prev1.on{background-size: 30px 30px;}
    .i1_banner .next1{right: 30px;z-index: 50;}
    .i1_banner .prev1{left: 30px;z-index: 50;}
    .ih1{font-size: 22px;line-height: 32px;}
    .ih2{font-size: 30px;line-height: 40px;}
    .ip1 {font-size: 14px;line-height: 24px;}
    .ip2{margin-bottom: 0;}
    .i2{padding: 30px 0;}
    .i2 .i2_con .boxs{margin-top: 30px;}
    .i2 .i2_con .boxs .box{width: 50%;}
    .i2 .i2_con .boxs .box:nth-child(1), .i2 .i2_con .boxs .box:nth-child(4){width: 50%;}
    .i2 .i2_con .boxs .box:nth-child(2), .i2 .i2_con .boxs .box:nth-child(5){width: 50%;}
    .i2 .i2_con .boxs .box:nth-child(3), .i2 .i2_con .boxs .box:nth-child(6){width: 50%;}
    .i2 .i2_con .boxs .box .pic{height: 30px;line-height: 30px;}
    .i2 .i2_con .boxs .box .pic img{max-height: 100%;}
    .i2 .i2_con .boxs .box .h{font-size: 20px;line-height: 30px;}
    .i2 .i2_con .boxs .box .p{font-size: 12px;line-height: 22px;margin-bottom: 20px;}
    .ip3{width: auto;padding: 0 0 7% 0;}
    .ip3:before{display: none;}
    .ip3:after{display: none;}
    .i4{padding: 7% 0;}
    .i5{padding: 7% 0;}
    .i5 .box .h{font-size: 24px;line-height: 34px;}
    .i5 .box .p{font-size: 14px;line-height: 24px;}
    .i6{padding: 7% 0;}
    .i6 .box{margin-bottom: 20px;}
    .i6 .box img{height: 24px;}
    .i6 .box .h{font-size: 24px;line-height: 34px;}
    .ab1 .ab1_txt .box:nth-child(1) img{width: 157px;}
    .ab1 .ab1_txt .box:nth-child(n+2) img{width: 58px;margin-top: 75px;}
    .ab1 .ab1_txt .box .h{font-size: 18px;padding-bottom: 6px;}
    .i8 .next1{right: 3%;}
    .i8 .prev1{left: 3%;}
    .pc_i2_txt{display: block;}
    .pd_con .left .view_img img{display: none;position: relative;}
    .pd_con .left .view_img .avtiveflag{opacity: 1;transition:all 1s linear; display: block;}
    .pd_con .left .perview_img{margin-top: 0;}
    .appdowload .cont{right: 10%;}
    .appdowload .cont .andimg img{width: 25%;}

}
@media (max-width:768px){
  .i1_banner .video{display: none;}
    .i1_banner,.i2,.i3,.i4,.i5,.i6,.i8{height: auto;}
    .foot .foot_con .top{padding: 30px 0 20px 0;}
    .foot .foot_con .top .box{display: none;}
    .foot .foot_con .top .box1{display: block;width: 100%;}
    .foot .foot_con .top .box1 .top1{display: none;}
    .foot .foot_con .top .p{font-size: 14px;line-height: 20px;margin-bottom: 8px;}
    .foot .foot_con .center .f_logo{display: block;float: none;}
    .foot .foot_con .center span{display: block;margin: 8px 0 0 0;font-size: 14px;}
    .foot .foot_con .center .lag,.foot .foot_con .center .wx,.foot .foot_con .center .wb{float: left;margin: 20px 20px 10px 0;}
    .foot .foot_con .center .lag a{margin-left: 0;}
    .foot .foot_con .bottom{padding: 10px 0 20px 0;}
    .foot .foot_con .bottom span{display: block;font-size: 14px;line-height: 20px;}
    .foot .foot_con .bottom .back{display: none;}
    .z_tanchuang .tbox .modal{width: 76%;padding:0;}
    .ny_banner .pimg{display: none;}
    .ny_banner .mimg{display: block;}
    .ab1{padding: 30px;}
    .news_con{padding: 30px 0 50px 0;}
    .news_con.on{padding: 30px 0 50px 0;}
    .nd_con .h{font-size: 24px;line-height: 34px;}
    .ny_top{padding-top:20px;margin-bottom: 30px;}
    .nd_con .day{margin-bottom: 20px;}
    .nd_con .p{font-size: 16px;line-height: 26px;}
    .nd_con .bottom{margin-top: 30px;}
    .nd_con .bottom a{width: 100px;margin: 0 16px;font-size: 14px;height: 36px;line-height: 32px;}
    .ab3 .ab3_con .box .num{font-size: 50px;line-height: 40px;}
    .ab3 .ab3_con .box .p{font-size: 14px;line-height: 24px;}
    .ab4 .pic{float: left;width: 50%;text-align: center;height: 60px;background-size: 100% 120px;}
    .ab4 .pic:hover{background-position-y: -60px;}
    .ab4 .pic img{width: 60%;}
    .ih1{font-size: 18px;line-height: 28px;}
    .ih2{font-size: 22px;line-height: 32px;}
    .i1_banner .l_banner{display: none;}
    .i2 .i2_con .boxs .box:nth-child(1), .i2 .i2_con .boxs .box:nth-child(4){width: 50%;}
    .i2 .i2_con .boxs .box:nth-child(2), .i2 .i2_con .boxs .box:nth-child(5){width: 50%;}
    .i2 .i2_con .boxs .box:nth-child(3), .i2 .i2_con .boxs .box:nth-child(6){width: 50%;}
    .i2 .i2_con .boxs .box .pic{height: 24px;line-height: 24px;}
    .i2 .i2_con .boxs .box .h{font-size: 16px;height: auto;}
    .i2 .i2_con .boxs .box .p{height: 44px;padding-right: 6px;}
    .i6 .box img{height: 16px;}
    .i6 .box .h{font-size: 18px;line-height: 28px;}
    .i6 .box .p{font-size: 12px;line-height: 12px;}
    .i7{padding: 30px 30px 10px 30px;}
    .i7 .box{float: none;width: 100%;padding-bottom: 152%;margin-bottom: 20px;}
    .i7 .box .txt{padding: 12px;}
    .i7 .box .txt .top{font-size: 16px;}
    /* .i7 .box .txt .bottom{padding: 0 10px;} */
    .i7 .box .txt .bottom .h{font-size: 22px;line-height: 32px;height: 32px;}
    .i7 .box .txt .bottom .p{font-size: 12px;line-height: 22px;height: 22px;}
    .i7 .box .txt .bottom .btn{font-size: 14px;width: 110px;height: 30px;line-height: 26px;}
    .i8 .swiper-slide{width: 100%;margin-left: 30px;}
    .i8 .swiper-slide .txt .h{font-size: 20px;line-height: 30px;}
    .i8 .swiper-slide .txt .p{font-size: 16px;line-height: 26px;margin-bottom: 6px;}
    .i8 .swiper-slide .txt .more{font-size: 12px;line-height: 22px;}
    .i8 .pagination1{bottom: 20px;}
    .i8 .pagination1 .swiper-pagination-bullet{width: 20px;}
    .i9{padding-bottom: 30px;}
    .i9 .i9_tit{font-size: 26px;line-height: 36px;margin: 36px 0 30px 0;}
    .i9 .boxs .box{width: 49%;margin-right: 2%;margin-bottom: 20px;}
    .i9 .boxs .box:nth-child(3n){margin-right: 2%;}
    .i9 .boxs .box:nth-child(2n){margin-right: 0;}
    .i9 .boxs .box .txt .h{font-size: 22px;line-height: 32px;margin: 30px 0 20px 0;}
    .i9 .boxs .box .txt .p{font-size: 12px;line-height: 24px;padding: 0 2px;}
    .i3 .i_w980{height: auto;opacity: 1;padding-top: 0;}
    .i3 .w980{padding-top: 0;}
    .i3 .i_w980:before,.i3 .i_w980:after{height: 0;}
    .i4 .i_w980{height: auto;opacity: 1;padding-top: 0;}
    .i4 .w980{padding-top: 0;}
    .i4 .i_w980:before,.i4 .i_w980:after{height: 0;}
    .i5 .i_w980{height: auto;opacity: 1;padding-top: 0;}
    .i5 .w980{padding-top: 0;}
    .i5 .i_w980:before,.i5 .i_w980:after{height: 0;}
    .ab1 .ab1_txt{margin-bottom: 0;}
    .ab1 .ab1_txt .box{padding-top: 20px;}
    .ab1 .ab1_txt .box:nth-child(1) img{width: 110px;}
    .ab1 .ab1_txt .box:nth-child(n+2) img{width: 40px;margin-top: 70px;margin-left: 3px;}
    .ab1 .ab1_txt .box.on img{top: -38px;}
    .video video{object-fit: fill;}
    .i4 .video video{object-fit: cover;}
    .i2 .i_w980{opacity: 1;height: 620px;}
    .i2 .i_w980:before{height: 0;}
    .foot .foot_con .center .wx .code{left: -17px;margin-bottom: 20px;}
    .foot .foot_con .center .wb .code{left: -17px;margin-bottom: 20px;}
    .i2 .swiper-xlz{display: none;}
    .i6 .box4{margin-top: 30px;}
    .foot .foot_con .center .lag{display: none;}
    .i2 .xlz{}
    .i2 .xlz .mimg{display: block;height: auto;margin-top: 30px;opacity: 0.5;}
    .i2 .xlz:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);z-index: 3;}
    .i2 .xlz .pimg{display: none;}
    .i6 .img{display: none;}
    .i6 .img1{display: block;}
    .i6 .box{opacity: 1;}
    .i6 .lan .btn,.i6 .lv .btn,.i6 .bai .btn{display: none;}
    .i5 .w980,.i4 .w980,.i3 .w980{height: auto;padding:0 30px;}
    .i3 .video,.i4 .video,.i5 .video{display: none;}
    .i33,.i44,.i55{height: auto;}
    .i3,.i4,.i5{position: static;}

    .rchd{opacity: 1;top: 0;}
    .appdowload{margin-top: 46px;} 
    .appdowloadimg{display: none;}
    .appdowloadclone{display: block;}
    .appdowload .cont {width: 100%; left: 0;}
    .appdowload .cont .header img{margin-left: 20%; width: 60%;}
    .appdowload .cont .iosimg img{width: 75%; margin: 0 0 0 11%;}
    .appdowload .cont .andimg img{width: 34%; margin: 0 0 0 11%}
    .appdowload .cont .bottom{margin-left: 15px;font-size: 12px; text-align: center;}
    .appdowload .cont .iosimg{margin-top: 45px; margin-bottom: 35px;}
    .appdowloadimg1{float: right; margin-top: 8px; margin-right: 16px !important; margin-left: 0 !important;}
    .iosimg_a{margin-left: 11%;margin-right:0 ;}
    .iosimg_a1{margin-left: 2%;}
    
    .appdowload .cont .andimg .andimg3{margin-left: 12%;margin-right:0 ;}
}
    .productTj {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.productTj img {
    width: 100%;
    animation: scale-bg 35s infinite;
}


.productTj .productFont {
    color: #fff;
    position: absolute;
    left: 160px;
    top: 7vw;
}

.productTj .productTjTitle {
    font-size: 48px;
    margin-bottom: 36px;
    padding-bottom: 10px;
    position: relative;
}

.productInfoParams {
    display: flex;
    justify-content: space-between;
}

.productInfoParams ul li {
    max-width: unset !important;
}

.productTj .productTjSubTitle {
    font-size: 36px;
    font-weight: normal;
}

.productTj .productTjTitle::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100px;
    height: 4px;
    background: #fff;
}
  .home-pro-list{width:100%;padding:2% 0;}
.home-pro-list .list-box{width:100%;position:relative;}
.home-pro-list .pro-slide{float:left;width:50%;}
.home-pro-list .pro-slide a{display:block;width:100%;}
.home-pro-list .pro-slide a .pro-img{width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.home-pro-list .pro-slide a .pro-img img{width:100%;display:block;}

.home-pro-list .pro-slide .swiper-container .swiper-pagination{bottom:20px;}
.home-pro-list .pro-slide .swiper-container .swiper-pagination-bullet{opacity: 1;width:14px;margin:0 5px;background:none;height:14px;border-radius:50%;border:#333333 solid 1px;transition: all .3s;vertical-align:top;}
.home-pro-list .pro-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#d85935;}

.home-pro-list .home-pro-img{float:left;width:50%;}
.home-pro-list .home-pro-img a{display:block;width:100%;}
.home-pro-list .home-pro-img a img{display:block;width:100%;} 

.home-pro-list .pro-list-txt{position:absolute;right:20px;top:0;width:48.5%;height:100%;background:#b9b6b6;display:flex;align-items:center;}
.home-pro-list .pro-list-txt a{display:block;width:100%;padding:0 12%;}
.home-pro-list .pro-list-txt a h5{width:100%;font-size:18px;font-family: "微软雅黑",Arial, Helvetica,sans-serif;color:#000;line-height:28px;text-transform:uppercase;}
.home-pro-list .pro-list-txt a h3{width:100%;font-size:40px;font-family: "微软雅黑",Arial, Helvetica,sans-serif;color:#000;line-height:48px;margin-top:16px;margin-bottom:24px;font-weight:bold;}
.home-pro-list .pro-list-txt a p{width:90%;font-size:18px;color:#000;font-family: "微软雅黑",Arial, Helvetica,sans-serif;line-height:28px;}
.home-pro-list .pro-list-txt a .more-icon{width:60px;height:60px;background:#000;border-radius:50%;font-size:24px;color:#fff;line-height:60px;text-align:center;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;margin-top:50px;}

@media(max-width:1280px){
	.home-pro-list .pro-list-txt a h5{font-size:16px;line-height:20px;}
	.home-pro-list .pro-list-txt a h3{font-size:40px;line-height:40px;margin-top:10px;margin-bottom:16px;}
	.home-pro-list .pro-list-txt a p{font-size:16px;line-height:20px;}
	.home-pro-list .pro-list-txt a .more-icon{width:48px;height:48px;font-size:20px;line-height:48px;margin-top:32px;}
}

@media(max-width:769px){
	.home-pro-list .pro-slide{width:100%;}
	.home-pro-list .home-pro-img{width:100%;}

	.home-pro-list .pro-list-txt{position:relative;width:100%;height:auto;padding:16% 12%;right: 0%;}
	.home-pro-list .pro-list-txt a{padding:0;}
	.home-pro-list .pro-list-txt a h5{font-size:14px;line-height:20px;}
	.home-pro-list .pro-list-txt a h3{font-size:32px;line-height:32px;}
	.home-pro-list .pro-list-txt a p{font-size:14px;line-height:20px;}
	.home-pro-list .pro-list-txt a .more-icon{width:40px;height:40px;font-size:16px;line-height:40px;margin-top:20px;}

	.home-pro-list .pro-slide .swiper-container .swiper-pagination-bullet{width:8px;height:8px;}
}

@media(max-width:480px){
	.home-pro-list .pro-list-txt{height:auto;padding:16% 6%;right: 0%;}
	.home-pro-list .pro-list-txt a h3{font-size:24px;line-height:24px;}
}

.home-news{width:100%;padding:3% 0 6%;background:#f5f5f5;}
.home-news .news-more{width:100%;}
.home-news .news-more a{float:right;width:150px;height:42px;border-radius:24px;background:#fff;text-align:center;transition:all 0.2s;-webkit-transition:all 0.2s;}
.home-news .news-more a span{display:inline-block;font-size:16px;color:#000;line-height:42px;vertical-align:top;margin-right:12px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.home-news .news-more a i{display:inline-block;font-size:16px;color:#000;line-height:42px;vertical-align:top;transition:all 0.2s;-webkit-transition:all 0.2s;}
.home-news .news-more a:hover{background:#d5dc53;}
.home-news .news-more a:hover span{color:#fff;}
.home-news .news-more a:hover i{color:#fff;}

@media(max-width:1280px){
	.home-news .news-more a{width:120px;height:32px;}
	.home-news .news-more a span{font-size:14px;line-height:32px;margin-right:8px;}
	.home-news .news-more a i{font-size:16px;line-height:32px;}
}

@media(max-width:769px){
	.home-news .news-more a{width:100px;height:32px;}
	.home-news .news-more a span{font-size:12px;margin-right:4px;}
	.home-news .news-more a i{font-size:16px;}
}

.home-news-list{width:100%;margin-top:5%;position:relative;}
.home-news-list .swiper-slide:after{content:'';display:block;width:2px;height:100%;position:absolute;right:-18%;top:0;background:#e0e0e0;}
.home-news-list .swiper-slide:last-child:after{display:none;}
.home-news-cont{width:100%;}
.home-news-cont a{display:block;width:100%;}
.home-news-cont h6{width:100%;font-size:16px;color:#999;line-height:16px;font-family: "微软雅黑",Arial, Helvetica,sans-serif;text-align:left;height:16px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.home-news-cont h3{margin-top:24px;width:100%;font-size:24px;color:#000;line-height:32px;font-family: "微软雅黑",Arial, Helvetica,sans-serif;text-align:left;height:64px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.home-news-cont:hover h3{text-decoration:underline;}

.home-news-cont .more{width:100%;margin-top:32px;text-align:left;}
.home-news-cont .more span{display:inline-block;font-size:16px;color:#999;line-height:16px;vertical-align:top;margin-right:12px;transition:all 0.2s;-webkit-transition:all 0.2s;}
.home-news-cont .more i{display:inline-block;font-size:16px;color:#999;line-height:16px;vertical-align:top;transition:all 0.2s;-webkit-transition:all 0.2s;}

.home-news-list .swiper-pagination{bottom:-40px;width:100%;text-align:center;display:none;}
.home-news-list .swiper-pagination-bullet{opacity: 1;width:8px;margin:0 5px;background:none;height:8px;border-radius:50%;border:#d5dc53 solid 1px;transition: all .3s;vertical-align:top;}
.home-news-list .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#d5dc53;}

@media(max-width:1440px){
	.home-news-list .swiper-slide:after{right:-14%;}
}

@media(max-width:1280px){
	.home-news-list .swiper-slide:after{right:-14%;}
	.home-news-cont h6{font-size:14px;line-height:14px;height:14px;}
	.home-news-cont h3{margin-top:20px;font-size:18px;line-height:24px;height:48px;}

	.home-news-cont .more{margin-top:20px;}
	.home-news-cont .more span{font-size:14px;margin-right:8px;}
	.home-news-cont .more i{font-size:16px;}

}
@media(max-width:769px){
	.home-news{padding:40px 0 60px;}
	.home-news-list .swiper-slide:after{right:-20px;width:1px;}

	.home-news-list .swiper-pagination{display:block;}
}

@media(max-width:480px){
	.home-news-list .swiper-slide:after{display:none;}
}


.footer-icon{width:100%;background:#ececeb;padding:5% 0;}

.footer-icon-list{width:100%;}
.footer-icon-list li{float:left;width:33.33%;text-align:center;}
.footer-icon-list li a{display:block;width:100%;}
.footer-icon-list li .icon{display:inline-block;width:40px;vertical-align: top;}
.footer-icon-list li .icon img{display:block;width:40px;height:40px;}
.footer-icon-list li h6{display:inline-block;font-size:24px;color:#000;margin-left:20px;line-height:40px;font-family: "微软雅黑",Arial, Helvetica,sans-serif;vertical-align:top;}
.footer-icon-list li:first-child{text-align:left;}
.footer-icon-list li:last-child{text-align:right;}

@media(max-width:1280px){
	.footer-icon-list li h6{font-size:20px;margin-left:12px;line-height:40px;}
}

@media(max-width:769px){
	.footer-icon-list li .icon{width:32px;}
	.footer-icon-list li .icon img{width:32px;height:32px;}
	.footer-icon-list li h6{font-size:16px;margin-left:12px;line-height:32px;}
}

@media(max-width:640px){
	.footer-icon{padding:40px 0;}
	.footer-icon-list li{width:100%;text-align:left;margin-bottom:20px;background:#fff;border-radius:8px;padding:12px;}
	.footer-icon-list li:first-child{text-align:left;}
	.footer-icon-list li:last-child{text-align:left;margin-bottom:0;}
	.footer-icon-list li .icon img{width:32px;height:32px;}
	.footer-icon-list li h6{font-size:16px;margin-left:12px;line-height:32px;}
}
.iconfont {
    font-family: "iconfont"!important;
    font-style: normal;
}
  .main {
    width: 100%;
    margin: 0 auto;
    max-width: 1640px;
    padding: 0 60px;
    transition: all 1s;
    -webkit-transition: all 1s;
    position: relative;
}
/*  解决方案 css */
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.section p{font: 30px "Microsoft Yahei";}
.section1 { background: url(../images/technology-01.jpg) 0 50% repeat-x; background-size: cover; }
/*.section1 h3{transition: all 5s ease;background: -o-linear-gradient(left, #2A9CF5, #6BDEF5, #A5D060, #00BA90, #2A9CF5);background: -webkit-linear-gradient(left, #2A9CF5, #6BDEF5, #A5D060, #00BA90, #2A9CF5);background-clip: border-box;-webkit-background-clip: text;-moz-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: bold;font-size: 2.25vw;}*/

.section1 p{text-align: center!important;color:#ffffff;font-size:1.5rem;}
.section2 { background: url(../images/Solution-3.jpg) 0 50% repeat-x; background-size: cover; }
.section2 h3{text-align: center; color: #49a0d8;font-size:2.5rem;margin-top: 20px;margin-bottom: 20px;}
.section2 p{text-align: center!important;color:#ffffff;font-size:1.5rem;}
.section3 { background: url(../images/Solution-2.jpg) 0 50% repeat-x;background-size: cover; }
.section3 h3{text-align: center; color: #49a0d8;font-size:2.5rem;margin-top: 20px;margin-bottom: 20px;}
.section3 p{text-align: center!important;color:#ffffff;font-size:1.5rem;}
.section3 span{left: 50%;top: 70%;text-align: center;font-size:1.5rem;position: absolute;transform: translate(-50%, 0);}
.section4 { background: url(../images/technology-04.jpg) 0 50% repeat-x;background-size: cover; }
.section4 h3{text-align: center; color: #49a0d8;font-size:2.5rem;margin-top: 20px;margin-bottom: 20px;}
.section4 p{text-align: center!important;color:#040404;font-size:1.5rem;}
.section4 span{text-align: center !important;
  color: #333;
  font-size: 1.5rem;
  margin-right: 31%;}
.section5 { background: url(../images/solar-energy-002.jpg) 0 50% repeat-x;background-size: cover; }
.section5 p{text-align: center!important;color:#ffffff;font-size:1.5rem;}
.section10 { background: url(../images/Solutions-001.jpg) 0 50% repeat-x; background-size: cover;}
.section10 p{text-align: center!important;color:#ffffff;font-size:1.5rem;}
.section18 { background: url(../images/Solutions-002.jpg) 0 50% repeat-x; background-size: cover;}
.section18 p{text-align: center!important;color:#ffffff;font-size:1.5rem;}
.chevron {position: absolute;width: 28px;height: 8px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite;left: 50%;top: 70%;text-align: center;font-size: 1.5rem;position: absolute;transform: translate(-50%, 0);}
.chevron:first-child {animation: move 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}
.chevron:before,
.chevron:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: #fff;}
.chevron:before {left: 0;transform: skew(0deg, 30deg);}
.chevron:after {right: 0;width: 50%;transform: skew(0deg, -30deg);}
@keyframes move {
  25% {
      opacity: 1;
  }
  33% {
      opacity: 1;
      transform: translateY(30px);
  }
  67% {
      opacity: 1;
      transform: translateY(40px);
  }
  100% {
      opacity: 0;
      transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}
/* .section4 { background: url({pboot:sitetplpath}/images/home-pro-scene02.jpg) 0 50% repeat-x; } */
.section4 h3{text-align: center; color: #49a0d8;font-size:2.5rem;margin-top: 20px;margin-bottom: 20px;margin-right: 32%;}
.section4 p{text-align: center!important;color:#333;font-size:1.5rem;margin-right: 34%;}
.wp1200 {max-width: 1200px;margin: 0 auto;}
.hd .left {float: left;width: 50%;}
.hd .left img {max-width: 100%;}
.hd .right {overflow: hidden;}
.online-title {position: relative;padding-left: 48px;margin-top:200px;}
.hd .right .h5 {padding-top: 10px;padding-bottom: 5px;font-size: 2.5rem;color: #195094 !important;}
.hd .right p {font-size: 1.5rem;color: #666;}
@media (max-width: 1050px){
.online-title {
position: relative;
padding-left: 48px;
margin-top:0%;
}
}
@media (max-width: 1050px){
.hd .left {
float: none;
width: 100%;
}
}
@media (max-width: 1050px){
.hd .left img {
max-width: 100%;
}
}
@media (max-width: 1050px){
.hd .right {
padding-top: .1rem;
overflow: hidden;
}
}
@media (max-width: 1050px){
.hd .right .h5 {
font-size: 18px;
}
}
@media (min-width: 768px){
.icon-mouse {
display: block;
  position: absolute;
  bottom: 2rem;
  top: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* width: 2.35rem; */
  cursor: pointer;
  animation: myMove 2s linear infinite;
  -webkit-animation: myMove 2s linear infinite;
  margin-right: 58%;
}
}
@-webkit-keyframes myMove {
  0% {
    bottom: 2.5rem;
    opacity: 1;
  }
  50% {
    bottom: 1rem;
    opacity: 0.6;
  }
  100% {
    bottom: 2.5rem;
    opacity: 1;
  }
}
@-moz-keyframes myMove {
  0% {
    bottom: 2.5rem;
    opacity: 1;
  }
  50% {
    bottom: 1rem;
    opacity: 0.6;
  }
  100% {
    bottom: 2.5rem;
    opacity: 1;
  }
}
@-o-keyframes myMove {
  0% {
    bottom: 2.5rem;
    opacity: 1;
  }
  50% {
    bottom: 1rem;
    opacity: 0.6;
  }
  100% {
    bottom: 2.5rem;
    opacity: 1;
  }
}
@keyframes myMove {
  0% {
    bottom: 2.5rem;
    opacity: 1;
  }
  50% {
    bottom: 1rem;
    opacity: 0.6;
  }
  100% {
    bottom: 2.5rem;
    opacity: 1;
  }
}
.section1 .typing {
  margin:0 auto;
  width: 18.5em; 
  height: 1.25em;
  white-space: nowrap;
  border-right: 2px solid transparent;
  animation: typing 3.5s steps(37, end), blink-caret .75s step-end infinite;
  overflow: hidden;
}
/* 打印效果 */
@keyframes typing {
from { width: 0; }
to { width: 18.5em; }
}
/* 光标闪啊闪 */
/* @keyframes blink-caret {
from, to { box-shadow: 1px 0 0 0 transparent; }
50% { box-shadow: 1px 0 0 0; }
} */