[allbanner] .img img{width:100%;float: left;}
/*banner*/
.indexban{position:relative}
.indexban .swiper-button-prev,
.indexban .swiper-button-next{width:48px;height:48px;margin-top:-24px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexban .swiper-button-prev{left:30px;background-image:url(../images/bann-l.png)}
.indexban .swiper-button-next{right:30px;background-image:url(../images/bann-r.png)}
.indexban .swiper-button-prev:hover{background-image:url(../images/bann-l_cur.png)}
.indexban .swiper-button-next:hover{background-image:url(../images/bann-r_cur.png)}
.indexban .swiper-slide .textbox{position:absolute;left:50%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1.4s ease 0s;-webkit-transition:1.4s ease 0s;-moz-transition:1.4s ease 0s}
.indexban .swiper-slide .textbox1,
.indexban .swiper-slide .textbox4{top:15%;opacity:0}
.indexban .swiper-slide .textbox1.cur,
.indexban .swiper-slide .textbox4.cur{top:32%;opacity:1}
.indexban .swiper-slide .textbox1 .cnname{width:100%;font-size:24px;text-align:center;margin:0 auto;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox1 .enname{width:100%;font-size:45px;text-align:center;margin:16px auto 0;line-height:1;color:#000;font-family:'helblack';font-weight: bold;}
.indexban .swiper-slide .textbox .more{width:150px;height:48px;background-color:#0079d5;color:#fff;text-align:center;line-height:48px;display:block}
.indexban .swiper-slide .textbox1 .more{margin:82px auto 0}
.indexban .swiper-slide .textbox2,
.indexban .swiper-slide .textbox3{top:50%;left:80%;opacity:0}
.indexban .swiper-slide .textbox2.cur,
.indexban .swiper-slide .textbox3.cur{left:50%;opacity:1}
.indexban .swiper-slide .textbox2 .enname{font-family:'dincon';opacity:0.2;font-size:42px;color:#fff}
.indexban .swiper-slide .textbox2 .cnname{font-weight:bold;font-size:45px;color:#fff;margin-top:26px}
.indexban .swiper-slide .textbox2 .text{font-size:26px;color:#fff;margin-top:19px}
.indexban .swiper-slide .textbox2 .more{margin-top:42px}
.indexban .swiper-slide .textbox3 .enname{font-family:'idcnmei';opacity:0.2;font-size:36px;color:#fff}
.indexban .swiper-slide .textbox3 .cnname{font-weight:bold;font-size:32px;color:#fff;margin-top:12px}
.indexban .swiper-slide .textbox3 .more{margin-top:42px}
.indexban .swiper-slide .textbox4 .icon{text-align:center}
.indexban .swiper-slide .textbox4 .icon img{display:inline-block}
.indexban .swiper-slide .textbox4 .cnname{width:80%;font-size:34px;text-align:center;margin:18px auto 0;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox4 .text{width:35.8%;text-align:center;margin:17px auto 0;opacity:0.6;color:#fff;line-height:2.286}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.5);opacity:1;margin:0 8px;position:relative}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0);stroke-width:1}
.circle-chart__circle{stroke-linecap:square;fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:1;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 5.2s linear reverse;-webkit-animation:circle-chart-fill 5.2s linear reverse;-ms-animation:circle-chart-fill 5.2s linear reverse}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 4.5s linear reverse;-webkit-animation:circle-chart-fill 4.5s linear reverse;-ms-animation:circle-chart-fill 4.5s linear reverse}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}

@media (max-width:1620px){ 
    .indexban .swiper-slide .textbox{}
 }
@media (max-width:1440px){ 
    .indexban .swiper-slide .textbox{}
    .indexban .swiper-slide .textbox1 .cnname{font-size:20px}
    .indexban .swiper-slide .textbox1 .enname{font-size:46px}
    .indexban .swiper-slide .textbox1 .more{margin:41px auto 0}
    .indexban .swiper-slide .textbox2 .enname{font-size:32px}
    .indexban .swiper-slide .textbox2 .cnname{font-size:34px;margin-top:14px}
    .indexban .swiper-slide .textbox2 .text{font-size:18px;margin-top:9px}
    .indexban .swiper-slide .textbox2 .more, .indexban .swiper-slide .textbox3 .more{margin-top:31px}
    .indexban .swiper-slide .textbox3 .enname{font-size:26px}
    .indexban .swiper-slide .textbox3 .cnname{font-size:20px}
    .indexban .swiper-slide .textbox4 .icon img{height:54px}
    .indexban .swiper-slide .textbox4 .cnname{font-size:24px;margin-top:10px}
    .indexban .swiper-slide .textbox4 .text{width:60%;line-height:2;margin:10px auto 0}
 }
@media (max-width:1280px){ 
    .indexban .swiper-slide .textbox{}
}

@media (max-width:1024px){
    .indexban .swiper-button-prev,
    .indexban .swiper-button-next{display:none}
}
/*产品中心*/
.pro_cen_banner{height:485px; overflow:hidden; position:relative;}
.pro_cen_banner img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; /*animation:img_room 6s linear 1; -webkit-animation:img_room 6s linear 1;*/}
.pro_cen_banner .pro_ban_more{position:absolute; width:100%; top:59%;}
.pro_cen_banner .pro_ban_more .more{position:relative; display:inline-block; padding:0 70px 0 20px; background:#007fc3; height:53px; line-height:53px; margin-left:25px;}
.pro_cen_banner .pro_ban_more .more span{display:inline-block; font-size:18px; color:#fff;}
.pro_cen_banner .pro_ban_more .more .icon{position:absolute; right:35px; top:50%; margin-top:-8px; width:12px; height:17px; background:url(../images/more_jt.png) no-repeat center; transition:all 0.5s ease;}
.pro_cen_banner .pro_ban_more:hover .more .icon{right:20px;}
.pro_center.channel_content{padding:0;}
.pro_center01{padding:40px 0;}
.pro_center01 .content{position:relative;}
.pro_center01 .content .item{position:relative; transition:background 0.5s ease; padding-bottom:30px; display:none;}
.pro_center01 .content .owl-item .item{display:block;}
.pro_center01 .content .item a{display:block;}
.pro_center01 .content .item:first-child{margin-left:0;}
.pro_center01 .content .item .rect-6070{padding-bottom:60.70%; background:#efefef;}
.pro_center01 .content .item .box{padding:36px 29px;}
.pro_center01 .content .item .box .t{font-size:18px; color:#00a1e9;}
.pro_center01 .content .item .box .en_t{font-size:48px; font-family:Impact; color:#666  ;}
.pro_center01 .content .item .box .c{font-size:18px; color:#666;}
.pro_center01 .content .item .box .more {display:inline-block; font-size:14px; color:#666; margin-top:25px; height:33px; line-height:33px; transition:all 0.5s ease;}
.pro_center01 .content .item .img_box{position:absolute; right:0; bottom:0; transition:all 0.5s ease;}
.pro_center01 .content .item:hover .rect-6070{background:#dfebf5;}
.pro_center01 .content .item:hover .box .more{padding:0 25px; color:#fff; background:#00a1e9; text-decoration:none; border-radius:3px;}
.pro_center01 .content .item:hover .img_box{bottom:20px;}
.pro_center01 .content .item:hover .box .en_t{color:#00479d;}
.pro_center01 .content .proCen1_btn>div{width:44px; height:44px; background:url(../images/pro_center02_2.png) no-repeat;  position:absolute; top:50%; margin-top:-22px; z-index:2; font-size:0; cursor:pointer; display:none;}
.pro_center01 .content .proCen1_btn .owl-prev {left:0; background-position:0 0;}
.pro_center01 .content .proCen1_btn .owl-next {right:0; background-position:-44px 0px;}
.pro_center02{}
.pro_center02 .infor{text-align:center;}
.pro_center02 .infor .title{font-size:36px; font-weight:bold; color:#666;}
.pro_center02 .infor .form_box{width:45%; margin:30px auto 0; border-radius:50px;border:1px solid #d5d5d5; height:52px; line-height:52px; padding:0 1%; position:relative;}
.pro_center02 .infor .form_box input{width:90%; line-height:52px; border:none; padding:0; margin:0; background:transparent; float:left; text-indent:5px; height:52px;}
.pro_center02 .infor .form_box button{width:41px; height:41px; background:#ccc; padding:0; margin:0; outline:none; border:none; cursor:pointer; transition:all 0.5s ease; position:relative; border-radius:50%; float:right; margin-top:5px; line-height:1;}
/*:root .pro_center02 .infor .form_box button i{vertical-align:middle;}*/
.pro_center02 .infor .form_box button i{margin:0; font-size:20px; color:#fff; height:22px; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-11px;}
.pro_center02 .infor .form_box:hover button{background:#fcc100;}
.pro_center02 .infor .infor_link{text-align:center; padding:40px 11.5%;}
.pro_center02 .infor .infor_link a{display:inline-block; position:relative; font-size:16px; color:#666; line-height:30px; padding:0 23px;}
.pro_center02 .infor .infor_link a:after{content:''; width:1px; height:14px; background:#ffc700; position:absolute; left:0; top:50%; margin-top:-7px;}
.pro_center02 .infor .infor_link a:first-child:after{display:none;}
.pro_center02 .infor .infor_link a:hover{color:#929292;}
.pro_center02 .content .bd{background:#f6f6f6; }
.pro_center02 .content .bd .rect-1061{}
.pro_center02 .content .bd .li_{width:32%; float:left; margin-right:1.3%; padding-bottom:137px; position:relative; transition:all 0.5s ease; margin-bottom:35px;}
.pro_center02 .content .bd .li_four{margin-right:0;}
.pro_center02 .content .bd .li_ .rect-1061:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:opacity .2s ease;}
.pro_center02 .content .bd .li_ .intro{background:#fff; text-align:center; position:absolute; left:0; width:100%; bottom:0;}
.pro_center02 .content .bd .li_ .intro .box1{padding:32px 20px 28px;}
.pro_center02 .content .bd .li_ .intro .box1 .tit{margin-bottom:10px;}
.pro_center02 .content .bd .li_ .intro .box1 .tit a{display:block; font-size:24px; line-height:30px; color:#000; }
.pro_center02 .content .bd .li_ .intro .box1 .con{height:0; overflow:hidden; transition:all 0.5s ease; text-align:left;}
.pro_center02 .content .bd .li_ .intro .box1 .con a{display:block; float:left; width:100%; margin-right:2%; line-height:27px; font-size:14px; color:#000;}
.pro_center02 .content .bd .li_ .intro .box1 .intro_more{margin-top:15px}
.pro_center02 .content .bd .li_ .intro .box1 .intro_more a{margin-right:13px; display:inline-block; font-size:14px; position:relative; color:#666;}
.pro_center02 .content .bd .li_ .intro .box1 .intro_more a:before{content:''; display:block; position:absolute; left:0; bottom:0; width:0px; height:1px; background:#666; transition:all 0.5s ease;}
.pro_center02 .content .bd .li_ .intro .box1 .intro_more a:after{content:''; width:10px; height:10px; background:url(../images/procen02_3.png) no-repeat center; position:absolute; right:-15px; top:50%; margin-top:-5px}
.pro_center02 .content .bd .li_ .li_line{width:0; height:5px; background:#ffcb2d; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.pro_center02 .content .bd .bd_more{width:220px; height:52px; line-height:52px; text-align:center; color:#666; border:1px solid #666; border-radius:3px; font-size:18px; cursor:pointer; margin:0 auto; transition:all 0.5s ease;}
.pro_center02 .content .bd .li_ .intro .box1 .tit a:hover{color:#666;}
.pro_center02 .content .bd .li_ .intro .box1 .con a:hover{color:#000;font-size:14px;}
.pro_center02 .content .bd .li_:hover .intro .box1 .con{height:95px;}
.pro_center02 .content .bd .li_:hover .li_line{width:100%;}
.pro_center02 .content .bd .li_:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2);}
.pro_center02 .content .bd .li_:hover .rect-1061:after{opacity:1; visibility:visible;}
.pro_center02 .content .bd .bd_more:hover{border-color:#00a1e9; background:#00a1e9; color:#fff;}
.pro_center02 .content .bd .li_ .intro .box1 .intro_more a:hover:before{width:100%;}

	
/* case_wrapper */
.box {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.case_wrapper {
    margin-bottom: 100px;
}

.case_title {
    flex-direction: column;
    height: 200px;
    padding-left: 5%;
}

.case_title .case_t_en {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 41px;
    color: #1b8d71;
    font-weight: bold;
}

.case_title .case_t_cn {
    font-size: 30px;
    color: #1f1a1b;
}

.case_main {
    width: 100%;
    height: 400px;
}

.case_item {
    position: relative;
    width: 33.3%;
    height: 100%;
    overflow: hidden;
    transition: width 1s ease-in-out;
}

.case_item:hover {
    width: 40%;
}

.case_item .case_pop {
    flex-direction: column;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -520px;
width: 388px;
height: 230px;
padding-right: 90px;
text-align: right;
background-color: #ffffff;
transition: left 1s ease-in-out;
padding-top: 20px;
}

.case_item:hover .case_pop {
    left: 0;
}

.case_item .case_pop h4.cp_t {
    margin-bottom: 20px;
    font-size: 26px;
    color: #151212;
}

.case_item .case_pop img.cp_line {
    margin-bottom: 20px;
}

.case_item .case_pop p.cp_txt {
    margin-bottom: 20px;
    padding-left: 80px;
    font-size: 14px;
    color: #858484;
    line-height: 28px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.case_item .case_pop a.cp_more {
    display: block;
    width: 162px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #1b8d71;
    border-radius: 10px;
    margin-left: 60%;

}

.case_item .case_pop a.cp_more i {
    display: inline-block;
    width: 21px;
    height: 4px;
    margin: 0 10px 4px;
    background-color: #1b8d71;
}

.case_item .case_pop img.cp_gear {
    position: absolute;
    top: 50%;
    right: 0;
    width: 84px;
    height: 88px;
    margin-top: -44px;
    margin-right: -42px;
    animation: gear 2s infinite linear;
    -webkit-animation: gear 2s infinite linear;
}

@-webkit-keyframes gear {
    100% {
        transform: rotateZ(360deg);
    }
}

.case_item .case_txt {
    position: absolute;
    bottom: 150px;
    left: 35px;
    font-size: 22px;
    color: #ffffff;
    transition: opacity 1s ease-in-out, left 1s ease-in-out;
}

.case_item:hover .case_txt {
    opacity: 0;
    left: -100%;
}

.case_item .case_base {
    width: 100%;
    height: 100%;
}