﻿body{font-family: 'Montserrat', 'Arial', 'Microsoft YaHei', Helvetica, sans-serif;}
.master-line{position:fixed; top:0px; left:0; width:100%;  background-color: rgba(3, 158, 227, 1); line-height: 40px;height: 40px; z-index:9999;display:none;}
.master-line-rq{display: flex; flex-wrap: wrap; flex-direction: row; height:40px; justify-content: space-between; width: 100%; display-radio: flex; margin-left: auto; margin-right: auto; background_radio: 1; max-width: 1400px; align-items: center;}
.master-line-left{flex: 0 0 70%;}
.master-line-tel-rq{padding:0 20px;}
.master-line-tel{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 1; display-radio: flex;}
.master-line-tel a{line-height: 40px; font_radio: 2; display-radio: 1; font-size: 18px; color: #fff; font-weight: bold;}
.master-line-lang-rq{padding:0 20px; background: #0a8bcc;}
.master-line-lang{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 1; display-radio: flex;}
.master-line-lang a{margin-left:10px; line-height: 40px; font_radio: 2; display-radio: 1; font-size: 16px; color: rgba(255, 255, 255, 1); font-weight: normal;}
@media screen and (max-width: 768px) {
.master-line-left{flex: 0 0 0%;}
.master-line-tel-rq{width:60%; padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.master-line-lang-rq{width:40%; padding:0 10px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.master-line-tel a{font-size:16px;}
}

.alljb{-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}


.master-nav-logo{position:fixed; top:0px; left:0; width:100%; height:150px; z-index:9999;background:#5e5f60; }
.master-nav-logo-content{display: flex; flex-wrap: wrap; flex-direction: row; height:100%; justify-content: space-between; width: 100%; display-radio: flex; margin-left: auto; margin-right: auto; background_radio: 1; max-width: 1400px; align-items: center;}
.master-logo img{height:100px;}
 
.master-nav-rq{background:#5e5f60;}
.master-nav{ position:relative;z-index:10;}
.master-nav-content{align-items: center;display: flex;   flex-direction: row;}
.master-nav .first_item_rq{height:60px; line-height:60px; overflow:hidden; position:relative;}
.master-nav .itemLi {position:relative;}
.master-nav .first_item_rq .first_item{padding:0 20px; height:60px; display:block; overflow:hidden; font-size:18px;background:#5e5f60; cursor:pointer; position:relative;color:#fff;}
.master-nav .first_item_rq .first_item span{display:block;position:relative;z-index:2; line-height:60px; -moz-transition: margin 0.4s ease-in-out; -o-transition: margin 0.4s ease-in-out; -webkit-transition: margin 0.4s ease-in-out; transition: margin 0.4s ease-in-out;}
.master-nav .first_item_rq .first_item .first_w1{margin-top:0;}
.master-nav .first_item_rq .first_item .first_w2{margin-top:60px; color:#fff;} 
.master-nav .first_item_rq .first_item::before{position:absolute;background:#039ee3; z-index:1; bottom:0; left:0; width:100%; height:0%; content:""; -moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;-webkit-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out;}
.master-nav .first_item_rq .first_item::after{position:absolute;background:#0c5ed0; z-index:5; bottom:0%; left:0; width:0%; height:5px; content:"";-moz-transition: width 0.4s ease-in-out;-o-transition: width 0.4s ease-in-out;-webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;}
.master-nav .itemLi:hover .first_item::before{height:60px;}
.master-nav .itemLi:hover .first_item::after{width:100%;}
.master-nav .itemLi:hover .first_item .first_w1{margin-top:-60px;}
.master-nav .itemLi:hover .first_item .first_w2{margin-top:0;}
.master-nav .first_item_rq .first_item.atc::before{background:#039ee3;}
.master-nav li .sub-nav-ul{background: #039ee3;min-width: 200px; width:100%;}
.master-nav li .sub-nav-ul li{width: 100%; border-bottom:1px #273754 solid; }
.master-nav li .sub-nav-ul li:first-child{padding-top:10px;}
.master-nav li .sub-nav-ul li:last-child{padding-bottom:10px; border-bottom:0px;}
.master-nav li .sub-nav-ul a{border: none;display:block; width:100%; text-align:center; font-size:15px; padding:10px 0; color:#fff; position:relative;z-index:20;}
.master-nav li .sub-nav-ul a:hover{background-color:#0c5ed0; font-weight: bold;}
.master-nav li .sub-nav-ul{position: absolute;left: 0;top: 60px; z-index: 10;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition: 350ms;-moz-transition: 350ms;-o-transition: 350ms;transition: 350ms;}
.master-nav ul > li:hover .sub-nav-ul{max-height: 1000px;-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.master-nav li .sub-nav-ul a.atc{background-color:#0c5ed0; font-weight:bold;}
.master-nav .sub-nav-rq{position:absolute; top:0; left:0; width:100%; background:rgba(255,255,255,0.9); height:270px;}
.master-nav li .sub-nav-rq{position: absolute;left: 0;top: 60px; z-index: 10;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition: 350ms;-moz-transition: 350ms;-o-transition: 350ms;transition: 350ms;}
.master-nav ul > li:hover .sub-nav-rq{-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.master-nav .sub-nav-rq-content{width:1360px; margin:0 auto; height:270px; position:relative;}
.master-nav .sub-nav-rq-left{width:calc(100% - 300px);}
.master-nav .sub-nav-rq-left .firstName{line-height:60px; color:#0045a2; font-size:18px;}
.master-nav .sub-nav-rq-left .navImg{width:360px; height:190px; position:relative;}
.master-nav .sub-nav-rq-left .navImg img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.master-nav .sub-nav-rq-left .navWord{width:480px; margin-left:20px; color:#000000; line-height:30px; font-size:16px; text-indent:32px;}
.master-nav .sub-nav-rq .navSlogan{position:absolute; bottom:20px; right:50px; color:#ff0101; font-weight:bold; font-size:32px; font-style:italic;}

.master-nav .sub-nav-rq-right{width:200px; padding-left:100px; padding-top:60px;}
.master-nav .sub-nav-rq-right a{display:block; color:#0045a2; font-size:16px; line-height:24px; padding:6px 0;}
.master-nav .sub-nav-rq-right a:hover{color:#e60012; text-decoration:underline;}
.master-nav .sub-nav-rq-right a.atc{color:#e60012; }

.nav-collapse{ position:relative; z-index: 10; margin-right:20px; display: none; float: right; width: 20px; overflow:hidden; height: 40px; padding: 0; cursor: pointer; background: none;}
.nav-collapse .btn-line{position: absolute; left: 50%; width: 20px; height: 2px; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #1e3988;}
.nav-collapse .btn-line:nth-child(3),
.nav-collapse .btn-line:nth-child(1){position: absolute; display: block; width: 20px; height: 2px; content: ''; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: #1e3988;}
.nav-collapse .btn-line:nth-child(1){top: 35%;} 
.nav-collapse .btn-line:nth-child(2){top: 50%;}
.nav-collapse .btn-line:nth-child(3){top: 65%;}
.nav-collapse.active{border-color: transparent;}
.nav-collapse.active .btn-line:nth-child(2){-webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0;}
.nav-collapse.active .btn-line:nth-child(1){top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotateZ(45deg);}
.nav-collapse.active .btn-line:nth-child(3){top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotateZ(-45deg);}


.headerRy{height:150px;}
@media screen and (max-width: 768px) {
.master-nav-rq{display:none}
.master-nav-logo{height:60px;}
.master-logo img{height:40px;}
.headerRy{height:100px;}
.nav-collapse{display:block;}
.master-nav-rq.active{display:block; position:fixed; top:100px; width:100%; bottom:0; background:rgba(0,0,0,0.8); border-top:2px #000 solid;}
.master-nav{width:60%; float:right; height:100%; background:#fff;}
.master-nav-content { flex-direction: column;}
.master-nav-content .first_w2{display:none;}
.master-nav .itemLi{width:100%;}
.master-nav .first_item_rq .first_item{background:rgba(0,0,0,0); border-bottom:1px #555 dotted}
.master-nav .first_item_rq .first_item span{text-align:right;}
}


.slick-slider, .slick-list, .slick-track, .slick-slide, .slick-slide > div, .slick-slide .item, .slick-slide .item .pic{height: 100%;position: relative;}
.bannercur{bottom:15px;}
.banner .slickbanner .big_pic .item .pic .img-box{padding-bottom: 0%;height: 100%;}
.big_pic .p_info{position: absolute;width: 70%;right: 30%;top: 50%;z-index: 9;display: flex;transform: translateX(20%) translateY(-30%);align-items: center;text-align: left;opacity: 1;padding: 0px;}
.big_pic .p_info div{width: 100%;}
.big_pic .p_info h1{font-size: 50px;font-weight: bold;color: #fff; display: block;line-height: 1.3;}
.big_pic .p_info h1:after{content: "";width: 100%;display: block;margin-top: 15px;height: 5px;transition: 0.7s all;animation-name: btn-focus-in-up, none;animation-delay: 0s, 0.9s;animation-duration: 1.5s, 1s;animation-iteration-count: 1, 1;}
.big_pic .p_info h6{font-size: 15px;color: #fff;margin-top: 25px;line-height: 2;padding: 5px 0;font-weight: 400;}
.big_pic .p_info .LearnMore{width: 100%;max-width: 120px;font-size: 14px;line-height: 44px;color: #fff;display: block;text-align: center;background: #fac716;margin-top: 5%;opacity: 1 !important;}

@media screen and (max-width: 768px) {
.big_pic .p_info{width: 74%; z-index: 9; right:13%; top:10px; padding: 10px;transform:translateX(0%) translateY(-0%);}
.big_pic .p_info h1{font-size: 18px; line-height:1.2; margin:0;}
.big_pic .p_info h1:after{content: "";width: 100%;display: block;margin-top: 5px;height: 5px;transition: 0.7s all; animation-name: btn-focus-in-up, none;animation-delay: 0s, 0.9s;animation-duration: 1.5s, 1s;animation-iteration-count: 1, 1;}
.big_pic .p_info h6{font-size: 15px; color: #fff; margin-top: 5px; line-height: 18px;}
.big_pic .p_info .LearnMore{display:none;}
.bannercur{bottom:5px;}
}

.big_pic .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.Learnmore{display: block;position: relative;overflow: hidden;text-align: center;box-sizing: border-box;width: 120px;padding: 10px;background_radio: 1;border_radio: 2;font_radio: 2;radius_radio: 2;font-size: 14px;margin-top: 30px;border-style: solid;border-width: 1px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background: #fac716;border: 1px solid #fac716;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.Learnmore span{display: block;  color:#fff;  width: 100%;position: relative;z-index: 1;outline: 0;margin: 0px;overflow: hidden;-moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out;}
.Learnmore::after{content: "";position: absolute;width: 0;height: 100%;transition: all .3s;z-index: 0;opacity: 0;top: 0;left: 0px}
.Learnmore:hover{border: 1px solid #039ee3;background: transparent}
.Learnmore:hover span{color: #039ee3;}
.Learnmore:hover::after{opacity: 1}

.bannercur .slick-active{background: #999;width: 100px;margin: 0 5px;}
.bannercur .slick-current{background-image: radial-gradient(circle at left, #039ee3, #00c5ea);}
.index-aboutUs-Rq{background: rgba(233, 237, 243, 1) !important;}
.index-aboutUs-Main{height: 100%;display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;background: none !important;}
.index-aboutUs-p_aitem{flex: 1;max-width: 100%;max-height: 100%;}
.index-aboutUs-s_layout{display: flex;flex-wrap: wrap;flex-direction: row;width: 96%;max-width: 1400px;min-width: 0px;height: auto;max-height: none;min-height: 0px;margin-left: auto;margin-right: auto;transition-property: all;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);margin-top: 70px;margin-bottom: 100px;background_radio: 1;padding-left: 20px;padding-right: 20px;}
.index-aboutUs-left{flex: 0 0 54%;padding-right: 30px;max-width: 100%;max-height: 100%;position: relative;}
.index-aboutUs-Rq .left-rq-1{display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;max-width: 376px;}
.index-aboutUs-Rq .left-rq-1 .p_item{flex: 1;max-width: 100%;max-height: 100%;}
.index-aboutUs-Rq .left-rq-1 hr{flex: 1;border-top-style: solid;border-top-width: 2px;border-top-color: rgba(3, 158, 227, 1);max-width: 40PX;margin-left: 0px;box-sizing: content-box;height: 0;}
.index-aboutUs-Rq .left-rq-2{line-height: normal;font_radio: 2;font-size: 24px;font-family: Microsoft YaHei;color: rgba(51, 51, 51, 1);margin-top: 30px;margin-bottom: 10px;}
.index-aboutUs-Rq .left-rq-3{font-size: 16px;color: rgba(70, 70, 70, 1);line-height: 2;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-weight: normal;}

.index-aboutUs-right{flex: 1;max-width: 100%;max-height: 100%;}
.index-aboutUs-right .s_img{overflow: hidden;margin-right: 0px;margin-left: auto;border-bottom-left-radius: 0px;max-width: 563PX;max-height: none;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;padding-top: 0px;}
.index-aboutUs-right .s_img img{width: 100%;height: 100%;object-fit: contain;transition: 0.5s all;}

.index-aboutUs-word-Rq{min-height:0px;margin-bottom:8px}
.index-aboutUs-word-s_layout{display:flex;flex-wrap:wrap;flex-direction:row;width:96%;max-width:1400px;margin-left:auto;margin-right:auto;margin-top:-64px;background-color:rgba(255,255,255,1);box-shadow:0 0 10px rgba(0,0,0,0.1);visibility:visible;animation-duration:1s;animation-delay:0s;animation-name:fadeInUp;animation-iteration-count:1,1}
.index-aboutUs-word-Rq-1{flex:0 0 60%;max-width:100%;max-height:100%; position:relative;}
.index-aboutUs-word-Rq-1:before{content:"";width:1px;height:65px;background:rgba(0,0,0,0.1);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.index-aboutUs-word-Rq-1 .e_container-1{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-top:34px}
.index-aboutUs-word-Rq-1 .e_container-1 > .p_item{flex:1;max-width:100%;max-height:100%}
.index-aboutUs-word-Rq-1 .s_title{height:60px;line-height:60px;font-size:40px;text-align:center}
.index-aboutUs-word-Rq-1 .s_title .p_num{font-size:48px;color:rgba(3,158,227,1);font-family:'times new roman';font-weight:bold}
.index-aboutUs-word-Rq-1 .s_title .p_plus{font-size:16px;color:rgba(51,51,51,1)}

.index-aboutUs-word-Rq-2{flex:1;max-width:100%;max-height:100%; position:relative;}

.index-aboutUs-word-Rq-2 .e_container-2{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;}
.index-aboutUs-word-Rq-2 .e_container-2 > .p_item{flex:1;max-width:100%;max-height:100%;-moz-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out;}
.index-aboutUs-word-Rq-2 .e_container-2 .p_item:nth-child(1){margin-left:auto;margin-right:auto;padding-top:27px;padding-bottom:27px;background:#00c4ea}
.index-aboutUs-word-Rq-2 .e_container-2 .p_item:nth-child(2){padding-top:27px;padding-bottom:27px;background:#039ee3}
.index-aboutUs-word-Rq-2 .e_container-2 .p_item:nth-child(3){padding-top:27px;padding-bottom:27px;background:#005eb8}

.index-aboutUs-word-Rq-2 .e_container-2 .p_item-1:hover,
.index-aboutUs-word-Rq-2 .e_container-2 .p_item-2:hover,
.index-aboutUs-word-Rq-2 .e_container-2 .p_item-3:hover{background:#fac716}
.index-aboutUs-word-Rq-2 .e_container-2 .p_item-1:hover img,
.index-aboutUs-word-Rq-2 .e_container-2 .p_item-2:hover img,
.index-aboutUs-word-Rq-2 .e_container-2 .p_item-3:hover img{animation:jitter 0.5s}

.index-aboutUs-word-Rq-2 .s_img{overflow:hidden;max-width:42px;margin-left:auto;margin-right:auto;margin-bottom:10px}
.index-aboutUs-word-Rq-2 .s_img img{width:100%;height:100%;object-fit:contain}
.index-aboutUs-word-Rq-2 .s_title{line-height:normal;font-size:14px;color:rgba(255,255,255,1);text-align:center}
.index-aboutUs-word-Rq-2 .s_title:hover,.index-aboutUs-word-Rq .s_title .alink:hover{color:#fff}

@keyframes jitter{
0%,100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
25%{-webkit-transform:scale(0.9, 1.1)}
50%{-webkit-transform:scale(1.1, 0.9)}
75%{-webkit-transform:scale(0.95, 1.05)}
}

@media screen and (max-width:768px){
.index-aboutUs-s_layout{flex-direction: column; padding-left: 10px; padding-right: 10px; margin-top: 20px;}
.index-aboutUs-word-s_layout{flex-direction: column; }
.index-aboutUs-right{margin-top:20px;}
.index-aboutUs-word-Rq .e_container-1 .cbox-1-0{flex:0 0 100%;padding-left:10px;padding-right:10px}
.index-aboutUs-word-Rq .e_scrollNumber-3 .p_num,.index-aboutUs-word-Rq .e_scrollNumber-4 .p_num{font-size:36px}
.index-aboutUs-word-Rq .e_container-5{margin-top:30px}
}



.index-plant{min-height:0px;padding-top:50px;padding-bottom:50px;max-height:none;background-color:rgba(255,255,255,1);background_radio:2}
.index-plant-s_layout{display:flex;flex-wrap:wrap;flex-direction:row;width:96%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;min-height:0px;}
.index-plant-p_item{flex:1;max-width:100%;max-height:100%}
.index-plant hr{border-top-style:solid;border-top-width:2px;border-top-color:rgba(3,158,227,1);max-width:40PX;margin-left:auto;margin-right:auto}
.index-plant .e_richText-12 blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;padding-left:20px;padding-right:8px;border-left-width:5px}
.index-plant .s_title{margin-top:25px;margin-bottom:30px}
.index-plant .s_list .p_list{display:flex;flex-wrap:wrap;position:relative;max-width:100%}
.index-plant .s_list .p_loopitem{flex:0 0 33.3%;position:relative}

.index-plant .s_list{margin-top:0px;}
.index-plant .s_layout {display:flex;flex-wrap:wrap;flex-direction:row;width:auto;margin-left:15px;margin-right:15px;margin-bottom:15px;cursor:pointer;transition:all ease .8s;margin-top:15px}
.index-plant .s_layout .alink{flex:1;max-width:100%;max-height:100%; position:relative;}

.index-plant .p_item .s_img{overflow:hidden;display:block; position:relative; width:100%; }
.index-plant .p_item .s_img img{width:100%;height:100%; object-fit:contain;z-index:1;transform:scale(1);-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-plant .s_layout  .alink::before{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:2;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-plant .s_layout  .alink::after{content:""; position:absolute; bottom:0; left:0; width:0%; height:5px; background:#fac716; z-index:3;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-plant .s_layout:hover .p_item .s_img img{transform:scale(1.1)}
.index-plant .s_layout:hover .alink::before{ background:rgba(0,0,0,0.2);}
.index-plant .s_layout:hover .alink::after{ width:100%;}

@media screen and (max-width:768px){
    .index-plant .s_list .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 1)}
    .index-plant .s_layout {margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:15px}
    .index-plant .p_loopitem > .s_layout {}
    .index-plant .p_loopitem:nth-child(2n+0) > .s_layout {margin-right:0px}
}
@media screen and (min-width: 769px){
    .index-plant .s_list .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3)}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
    .index-plant .s_list .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3)} 
}

.index-product{padding-top: 80px;padding-bottom: 60px; background-size:100% 100%; background-repeat:no-repeat;}
.index-product-title{display:flex;flex-wrap:wrap;flex-direction:row;width:96%;max-width:1400px;margin-left:auto;margin-right:auto}
.index-product-title-left{flex:0 0 30%;max-width:100%;max-height:100%}
.index-product-title-left .s_title{font-size: 30px; color:#fff; font-weight:bold;}
.index-product-title-right{max-width:100%;max-height:100%}
.index-product-title-right .s_list{display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.index-product-title-right .s_list .p_loopitem {flex-grow: 0;flex-shrink: 0;overflow:hidden; padding:0 10px; border-bottom:1px rgba(255,255,255,0.5) solid;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-product-title-right .alink{display:block; width:100%; padding:10px 0; color:#fff;}
.index-product-title-right .p_loopitem:hover{border-style:none;border-bottom:1px solid #fff}
.index-product-title-right .alink > .p_item{flex:1;max-width:100%;max-height:100%}
.index-product-title-right .alink:hover .e_text-18 .alink,.active .e_container-17 .e_text-18 .alink{color:rgba(255,255,255,1)}
.index-product-list{max-width: 1400px;width: 96%;margin-left: auto;margin-right: auto;margin-top: 60px;}
.index-product-list .swiperList{display: flex;flex-wrap: wrap;position: relative;max-width: 100%;}
.index-product-list .swiperList .item{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 4); position:relative; overflow:hidden;}
.index-product-list .swiperList .item .alink{display: flex;flex-wrap: wrap;flex-direction: row;margin-left: 10px;margin-right: 10px;width: auto;margin-bottom: 20px;transition-property: all; transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1); position:relative;}
.index-product-list .swiperList .item .alink .img{display:block; width:100%; padding-top:65%; position:relative; overflow:hidden;}
.index-product-list .swiperList .item .alink .img img{width:100%; height:100%; position:absolute; top:0; left:0; transform-origin:center center; transform: scale(1);object-fit:contain;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-product-list .swiperList .item .alink:hover .img img{transform:scale(1.1)}
.index-product-list .swiperList .item .alink .word{font-size:16px; color:#fff; text-align:center; display:block; margin-top:20px; width:100%;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-product-list .swiperList .item .alink .img::before{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:2;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-product-list .swiperList .item .alink .img::after{content:""; position:absolute; bottom:0; left:0; width:0%; height:5px; background:#fac716; z-index:3;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-product-list .swiperList .item .alink:hover .img::before{ background:rgba(0,0,0,0.4);}
.index-product-list .swiperList .item .alink:hover .img::after{ width:100%;}
.index-product-list .swiperList .item .alink:hover .word{ color:#fac716;}

@media screen and (max-width:768px){
.index-product-title{flex-direction: column;}
.index-product-title-right .s_list .p_loopitem{display: flex; flex-wrap: wrap; position: relative; max-width: 100%;flex-basis: calc(100% / 3);}
.index-product-list .swiperList{flex-direction: column;}
.index-product-list .swiperList .item{ flex-basis: calc(100% / 1);}
.index-product-list .swiperList .item .alink{display:block;}
.index-product-list .swiperList .item .alink .img{display:block; width:100%; position:relative; overflow:hidden; padding-top:0;}
.index-product-list .swiperList .item .alink .img img{width:100%; height:auto; position:relative;}
}




.index-solutions{min-height: 300px;background-repeat: no-repeat;background-size: 100% 100%;background-position: center bottom;margin-top: 0px;padding-top: 60px;padding-bottom: 60px;}
.index-solutions-layout{display: flex; flex-wrap: wrap; flex-direction: row; width: 96%; max-width: 1400px; margin-left: auto; margin-right: auto;}
.index-solutions-layout-left{flex: 1; max-width: 100%; max-height: 100%;}
.index-solutions-layout-left hr{border-top-style: solid; border-top-width: 2px; border-top-color: rgba(3, 158, 227, 1); max-width: 40PX; margin-left: 0px;box-sizing: content-box; height: 0;}
.index-solutions-layout-left .s_title {margin-top: 25px;    margin-bottom: 10px;}
.index-solutions-layout-left .s_title2 {margin-top: 25px;margin-bottom: 10px;max-width: 669px;}
.index-solutions-layout-left .alink{display: block;position: relative;overflow: hidden;text-align: center;box-sizing: border-box;width: 120px;padding: 10px;background_radio: 1;border_radio: 2;font_radio: 2;radius_radio: 2;font-size: 14px;color: rgba(255, 255, 255, 1);margin-top: 80px;border-style: solid;border-width: 1px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background: #fac716;border: 1px solid #fac716;display-radio: block;background-color: #fac716;}
.index-solutions-layout-left .alink span{display: block;width: 100%;position: relative;z-index: 1;outline: 0;margin: 0px;overflow: hidden;}
.index-solutions-layout-left .alink::after{content: ""; position: absolute; width: 0; height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px}
.index-solutions-layout-left .alink:hover::after{opacity: 1}


.index-solutions-layout-right{flex: 1; max-width: 100%; max-height: 100%;font-family: Microsoft YaHei;}
.index-solutions-layout-right-main{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%;}
.index-solutions-layout-right-main .p_item_w{flex: 1; max-width: 100%; max-height: 100%; padding: 5px;position:relative;}
.index-solutions-layout-right-main .p_item_n{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background-color: rgba(255, 255, 255, 1); padding-top: 55px; padding-bottom: 55px;}
.index-solutions-layout-right-main .p_item{flex: 1; max-width: 100%; max-height: 100%;}
.index-solutions-layout-right-main .s_img {overflow: hidden; max-width: 85px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.index-solutions-layout-right-main .s_title{line-height: normal; text-align: center;}
.index-solutions-layout-right-main .p_item .s_title .alink {  font-size:16px; color: rgba(102, 102, 102, 1);-moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out;}
.index-solutions-layout-right-main .p_item:hover .s_title .alink {color: #fac716}
.index-solutions-layout-right-main .p_item:hover img {animation: jitter 0.5s}

.index-solutions-grid{display:grid; grid-gap:5px;grid-template-columns: 1fr 1fr;}
.index-solutions-grid .p_item_w{flex: 1; max-width: 100%; max-height: 100%; padding: 5px;position:relative;}
.index-solutions-grid .p_item_n{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background-color: rgba(255, 255, 255, 1); padding-top: 55px; padding-bottom: 55px;}
.index-solutions-grid .p_item{flex: 1; max-width: 100%; max-height: 100%;}
.index-solutions-grid .s_img {overflow: hidden; max-width: 85px; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.index-solutions-grid .s_title{line-height: normal; text-align: center;}
.index-solutions-grid .p_item .s_title .alink {  font-size:16px; color: rgba(102, 102, 102, 1);-moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out;}
.index-solutions-grid .p_item:hover .s_title .alink {color: #fac716}
.index-solutions-grid .p_item:hover img {animation: jitter 0.5s}

@media screen and (max-width:768px){
.index-solutions-layout{flex-direction: column; }
.index-solutions-layout-right{margin-top:20px;}
}


.index-news{min-height: 0px; padding-top: 60px; padding-bottom: 60px; display:none;}
.index-news-title{display: flex; flex-wrap: wrap; flex-direction: row; width: 96%; background_radio: 1; display-radio: flex; max-width: 1400px; margin-left: auto; margin-right: auto;}
.index-news-title-left{align-self: center; flex: 0 0 auto;max-width: 100%; max-height: 100%;}
.index-news-title-left .s_title{font-family: Microsoft YaHei;}
.index-news-title-left hr{border-top-style: solid; border-top-width: 2px; border-top-color: rgba(3, 158, 227, 1); max-width: 40PX; margin-left: 0px;box-sizing: content-box; height: 0;}
.index-news-title-right{flex: 0 0 300px; padding-right: 0px; margin-right: 0px; margin-left: auto;max-width: 100%; max-height: 100%;}
.index-news-title-right .p_list{display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.index-news-title-right .p_list .p_loopitem {flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 2); overflow:hidden; padding:0 10px; border-bottom:1px #ddd solid;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.index-news-title-right .alink{display:block; width:100%; padding:10px 0; color:#000; text-align:center;-moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; -webkit-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out;}
.index-news-title-right .p_loopitem:hover{border-style:none;border-bottom:1px solid #039ee3}
.index-news-title-right .alink > .p_item{flex:1;max-width:100%;max-height:100%}
.index-news-title-right .p_loopitem:hover .alink{color:#039ee3;}

.index-news-list{max-width: 1400px; margin-left: auto; margin-right: auto; display-radio: 1; width: 96%; margin-top: 30px;
font-family:'Microsoft YaHei';}
.index-news-list .p_list{display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.index-news-list .p_loopitem{flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 4);position: relative;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.index-news-list .s_layout{display: flex; flex-wrap: wrap; flex-direction: row; width: auto; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin-right: 25px; margin-bottom: 72px; margin-top: 0px; transition-property: all; transition-radio: hover; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.25,0.1,0.25,1); display-radio: flex;}
.index-news-list .p_item{flex: 1; max-width: 100%; max-height: 100%;position: relative;}
.index-news-list .s_day{flex: 1;
min-height: 20px; font_radio: 2; font-size: 36px; color: rgba(153, 153, 153, 1); margin-top: 8px; font-family: Arial; line-height: 1; display-radio: 1;}
.index-news-list .s_year{min-height: 20px; font_radio: 2; font-size: 14px; color: rgba(102, 102, 102, 1); margin-top: 8px; font-family: Arial; line-height: 1; display-radio: 1;}
.index-news-list .s_line{max-height: 1px; line_radio: 2; display-radio: 1; border-top-style: solid; border-top-width: 1px; border-top-color: rgba(204, 204, 204, 1);box-sizing: content-box; height: 0;}
.index-news-list .s_title{line-height: normal; font_radio: 2; font-size: 18px; color: rgba(51, 51, 51, 1); margin-top: 40px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; transition-property: all; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.25,0.1,0.25,1); display-radio: -webkit-box;}
.index-news-list .s_miaoshu{line-height: 1.5; font_radio: 2; font-size: 16px; color: rgba(153, 153, 153, 1); margin-top: 20px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0px; display-radio: -webkit-box;}
.index-news-list .s_button{display: block; position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 140px; padding: 8px; background_radio: 1; border_radio: 1; font_radio: 1; radius_radio: 1; margin-left: 0px;     border-radius: 5px; margin-right: auto; margin-top: 45px; height: 40px; margin-bottom: 0px; display-radio: block; color: #fff; border: 1px solid #dcdcdc; background: #fff;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.index-news-list .s_button span{display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; color: #707070;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}

.index-news-list .p_loopitem:hover { margin-top: -20px}
.index-news-list .p_loopitem .s_title .alink {color:#333333;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out}
.index-news-list .p_loopitem:hover .s_title .alink {color:#039ee3; text-decoration:underline;}
.index-news-list .p_loopitem:hover .s_button{background:#fac716; border-color:#fac716}

@media screen and (max-width:768px){
.index-news-list .p_loopitem{flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1); background: #eee; margin-bottom: 15px;}
.index-news-list .s_layout{margin-left: 10px; margin-right: 10px}
.index-news-list .s_day{padding-top: 10px;}
}