@import url('../fonts/fonts.css');
.header{position: absolute;z-index: 100; left: 0;width: 100%;padding: .2rem 0; background-color: #fff;}
.header .logo{max-width: 144px; width: 30%}
.header .top-right{}
.header .language{padding-right: .55rem}
.header .language a{line-height: 24px;display: inline-block;padding-left: 28px; color: #333; background: url("../images/language_icon.svg") no-repeat left center}
.header .open-search,
.header #TopBtn{background: url("../images/search_icon.svg") no-repeat center center; width: 24px; height: 24px; cursor: pointer;}
.header .open-search{ position: relative; background-image: url("../images/search_icon2.svg");}
.header .top-search{padding-right: 24px;right: 2vw}
.header #TopBtn{position: absolute;right: 0; background-color: #11355b; width: 40px; height: 100%;}
.header .open-menu{display: none}

.header menu li span{display: block;}
.header menu li span a{color: #333;}
.header menu li.aon span a,
.header menu li span a:hover{ color: #009946;}
.header menu li .sub{background-color: rgba(0,153,70,0.8);display: none;}
.header menu li .sub dt{ line-height: 2.5; font-weight: 100;}
.header menu li .sub dt a{color: #fff;padding: 0 15px; }
.header menu li .sub dt  a:hover{text-decoration: underline;}

@media (min-width:1025px) {
.header menu {max-width: 870px; width: 60%;}
.header menu ul{width: 100%}
.header menu li .sub{left: 0;width: 100%; margin: 0;position: absolute; top: 100%; }
.header menu li .sub dl{overflow: hidden;}
.header menu li .sub dt{float: left;}
}
@media (max-width:1024px) {
.header .open-menu{width: .4rem;height: .4rem; display: block; margin-left: .2rem}
.header #menu{position: fixed; left: -100%;top:0;width: 40%; background: rgba(0,153,70,0.9); bottom: 0; padding: 3vw;transform: translateX(-100%); opacity: 0; transition: 0.5s;}
.menu-show .header #menu{opacity: 1;transform: translateX(0); left: 0;}
.header #menu ul{height: 100%;overflow: auto;}
.header #menu li{width: 100%}
.header #menu li span{border-bottom: 1px solid rgba(255,255,255,0.2);}
.header menu li span a{ color: #fff;}
}


.bottom{background: #11355b;padding: 4% 0}
.bottom,
.bottom a{color: #fff}
.bottom .b-top dt a{position: relative;padding-right: 17px;background: url("../images/icon_jt_right.svg") no-repeat right center}
.bottom .b-top dd {padding: 10px 0}
.bottom .b-top dd a:not(:hover){color: rgba(255,255,255,0.5)}
.bottom .b-top dd span{display: block; padding: 5px 0}
.bottom .box_l{width: calc(990/1600*100%)}
.bottom .box_r{width: calc(480/1600*100%)}
.bottom .ewm{max-width: 280px;}
.bottom .ewm dl{width: 42.86%; text-align: center}
.bottom .ewm dl figure{padding: 4px; background: #fff; margin-bottom: 10px}
.bottom .feedback{padding-top: .4rem}
.bottom .feedback a{display: block;text-indent: .3rem; border: solid 1px rgba(255,255,255,0.2);width: 80%; max-width: 250px; line-height: .6rem; position: relative;transition: 0.5s; cursor: pointer}
.bottom .feedback a:hover{background: rgba(255,255,255,0.2)}
.bottom .feedback a:after{content: '';position: absolute; top: 0; bottom: 0;right: .3rem; margin: auto; width: 9px; height: 15px; background: url("../images/icon_jt_right.svg")}
.bottom .b-bottom {padding-top: .8rem}
.bottom .b-bottom .box_l,
.bottom .b-bottom .box_r{padding-top: .3rem;  border-top: solid 1px rgba(89,103,108,0.5)}
.bottom .b-bottom .box_l dd{padding-top: 15px}
.bottom .b-bottom .box_l dt,
.bottom .b-bottom .box_r,
.bottom .b-bottom .box_r a{color:rgba(255,255,255,0.5)}
.bottom .b-bottom .box_r a:hover{color: rgba(255,255,255,1)}
.bottom .b-bottom .link a{margin-right: 18px; position: relative}
.bottom .b-bottom .link a:not(:last-child):after{content: ' ';position: absolute; top: 0; bottom: 0; right: -10px; margin: auto; background: #fff; opacity: 0.5; width: 2px; height: 2px;}
.bottom .copyright{padding-top: 15px}
.bottom .copyright a{display: inline-block}
@media(max-width:1024px){
.bottom .box_l,
.bottom .box_r{width: 100%}
.bottom .b-top .box_r{display: flex;flex-wrap: wrap; justify-content: space-between;}
.bottom .feedback{width: 50%; max-width: 250px;}
.bottom .b-bottom{padding-top: .3rem}
.bottom .b-bottom .box_l{padding-bottom: .3rem}
}
@media(max-width:768px){
.bottom .b-top .box_l{display: none}
.bottom .ewm{margin: auto; width: 100%}
.bottom .feedback{width: 100%; max-width: inherit}
.bottom .feedback a{margin: auto}
}

.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.video_files video{width:100%; height:100%; background-color:#000; position: absolute;}
.video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#ffa94f,#fe8c13);cursor: pointer;}
.video_files .close::before,
.video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_files .close::before{ transform:rotate(45deg);}
.video_files .close::after{ transform:rotate(-45deg);}


.banner{position: relative; z-index: 10}
.banner img{ width: 100%;}
.banner .info{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); color: #ffffff}
.banner .info h5{display: inline-block;line-height: 2.2; padding-right: .40rem; background: url(../images/column_icon.svg) no-repeat right top; background-size: .31rem}
.banner .info p{letter-spacing: 11px;}
@media(max-width:750px){
    .banner .info p{letter-spacing: .1rem;}
    .banner .info .fs60{ font-size: .26rem;}
    .banner .info .fs24{ font-size: .2rem;}
}

.location_menu{position: relative; z-index: 11}
.location_menu .box{position: absolute; bottom: 0; width: 100%}
.location_menu .auto{border-top: solid 1px rgba(255,255,255,0.2); height: .8rem}
.location_menu .location{order: 2}
.location_menu .location i{font-style: normal; padding: 0px 10px;}
.location_menu,
.location_menu a{color: #fff;}
.location_menu .menu li{padding-right: .1rem;}
.location_menu .menu li a{padding: 0 .2rem; line-height: .8rem;display: block}
.location_menu .menu li.aon a{background: linear-gradient(-45deg,rgba(0,153,70,0) 5%,rgba(0,153,70,1) 5%,rgba(0,153,70,1) 95%,rgba(0,153,70,0) 95%)}

.sub_menu {padding-bottom: .8rem}
.sub_menu li{position: relative}
.sub_menu li:not(:last-child){margin-right: .3rem}
.sub_menu li:after{content:'';left:0;bottom: 0; position: absolute; width: 100%; height: 100%; background: #fff; transition: 0.5s;transform: skewX(-45deg);}
.sub_menu li a{position: relative; z-index: 2; display: block;line-height: .6rem; padding: 0 .6rem;}
.sub_menu li.aon:after,
.sub_menu li:hover:after{background: #009946;}
.sub_menu li.aon a,
.sub_menu li:hover a{color: #fff}
@media(max-width:1200px){
.sub_menu li a{ padding: 0 .3rem;}
.sub_menu li:not(:last-child){margin-right: .2rem}
}
@media(max-width:768px){
.sub_menu li:after{transform: skewX(-20deg)}
.sub_menu li a{ padding: 0 .1rem;}
}
@media(max-width:750px){
    .location_menu{border-bottom: 1px solid #eee;}
    .location_menu .box{ position: relative;}
    .location_menu .auto{ height: auto;}
    .location_menu .menu li{ margin-right: 0;}
    .location_menu .menu li a{ padding: 0 .15rem; line-height: .5rem; color: #555;}
    .location_menu .location{ display: none;}
    .location_menu .menu li.aon a{ color: #fff;}
    .sub_menu{ padding-bottom: .5rem;}
    .sub_menu .ul{ gap: .1rem 0;}
    .sub_menu li:first-child{ margin-left: .2rem;}
}

.bg_path .path{overflow: hidden; position: relative;}
.bg_path .path:before,
.bg_path .path:after{content: '';position: absolute; width: .4rem;height: .4rem; z-index: 10}
.bg_path .path:before{left: 0; top: 0;background:linear-gradient(-45deg,rgba(243,248,252,0) 50%,rgba(243,248,252,1) 50%);}
.bg_path .path:after{right: 0; bottom: 0;background:linear-gradient(-45deg,rgba(243,248,252,1) 50%,rgba(243,248,252,0) 50%);}
.bg_path.large160 .path:before,
.bg_path.large160 .path:after{width: 8.7585%; padding-bottom: 8.7585%}

.column_title{font-weight: bold;padding-bottom: 4%}

.about_us{color: #464e54; padding-top: 8%;}
.about_us .article{line-height: 1.85; text-align: justify}
.about_us .article p{margin-bottom: 5%}
.about_us .txt{padding-top: 10%; padding-bottom: 12%}
.about_us .txt .fs52{color: #000000; line-height: 1.35}

.editor_about .left_box{width: 45%}
.editor_about .right_box{width: 45%}
.editor_about .photo{position: relative; margin-bottom: 8%}
.editor_about .box{position: absolute; z-index: 10; width: 100%; padding:10%; color: #fff}
.editor_about .yun a{display: inline-block;color: #fff; background: url(../images/icon_720.svg) no-repeat center top; padding-top: .5rem}
.editor_about .stock{width: 65%; text-align: right;border-left: solid 1px rgba(255,255,255,0.3);}
.editor_about .stock span{display: block;}
.editor_about .stock b{line-height: 1}
.editor_about .bg_path .path:before{background:linear-gradient(-45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%);}
.editor_about .bg_path .path:after{background:linear-gradient(-45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 50%);}
@media(max-width:768px){
.editor_about .left_box,
.editor_about .right_box{width: 100%}
}

.company_culture{margin-top:8%; position: relative;background: no-repeat center top; background-size: 100%;padding:7% 0}
.company_culture:before{content: '';position: absolute;width: 8.7585%; padding-bottom:8.7585%;left: 0; top: 0;background:linear-gradient(-45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%);}
.company_culture .icon{width: 24.342%;position: absolute;right:2%; top:-23%}
.company_culture .icon img{mix-blend-mode: darken; }

.company_culture .item{flex: 1; transition: 0.5s;}
.company_culture .item .pic:before{content: '';position:absolute; width: 100%; height: 100%; z-index: 5; transition: 0.5s}
.company_culture .item:nth-child(odd) .pic:before{background: linear-gradient(rgba(0,78,161,0),rgba(0,78,161,1))}
.company_culture .item:nth-child(even) .pic:before{background: linear-gradient(rgba(0,153,70,0),rgba(0,153,70,1))}
.company_culture .desc{position: absolute; color: #fff; left: 10%; right:10%;bottom: 8%; margin: auto; z-index: 5}
.company_culture .desc h4{padding: .1rem 0}
.company_culture .desc .txt{max-height: 0;font-weight: bold;opacity: 0; transition: 0.5s}
.company_culture .tubiao{width: .8rem; height: .8rem}
.company_culture .pic{position: relative; overflow: hidden}
.company_culture .pic figure{padding-bottom: 0; height: 5.4rem;}
.company_culture .pic figure img{object-position: right;}
.company_culture .hover{flex: 2.4444}
.company_culture .hover .desc{left: 5%; right:5%;}
.company_culture .hover .txt{max-height:inherit;opacity: 1; padding-top: .4rem }
.company_culture .hover:nth-child(odd) .pic:before{background: linear-gradient(45deg,rgba(17,53,91,0.8),rgba(17,53,91,0) 80%)}
.company_culture .hover:nth-child(even) .pic:before{background: linear-gradient(45deg,rgba(0,153,70,0.8),rgba(0,153,70,0) 80%)}
@media(min-width:641px){
    .company_culture .list{-webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain;-webkit-mask-image: url('../images/box_1600x540.svg');}
}

@media(max-width:768px){
.company_culture .column_title{text-align: center}
}
@media(max-width:640px){
    .company_culture .list{ flex-wrap: wrap;}
    .company_culture .item{ flex: auto; width: 100%;}
    .company_culture .icon{ z-index: -1; display: none;}
    .company_culture .desc .txt{ font-size: .2rem; opacity: 1; min-height: auto;}
}
.events_list{background:#f3f8fc url(../images/events_bg.jpg) no-repeat center top; background-size: 100%; overflow: hidden; padding-top: 4.5%; position: relative; z-index: 2}
.events_list .box{margin-bottom: 10%;position: relative; }
.events_list .icon1{width: 15%;position: absolute;left: 15%; top: 10%}
.events_list .icon2{width: 24.342%;position: absolute;right: 4%; bottom:-32%}
.events_list .icon1 img,
.events_list .icon2 img{mix-blend-mode: darken; }
.events_list .slider_list .info{width:85%;max-width: 11.68rem; margin: auto; padding:.5rem;background: linear-gradient(-45deg,rgba(255,255,255,0) 3%,rgba(255,255,255,0.8) 3%,rgba(255,255,255,0.8) 97%,rgba(255,255,255,0) 97%); position: relative;min-height: 4rem}
.events_list .slider_list .pic {width: 300px}
.events_list .slider_list .pic figure{padding-bottom: 70.69%}
.events_list .slider_list h4{position: absolute; top: .5rem; left: -.68rem;line-height: 1; font-size: calc(120/1920*100vw); color: #009946; font-weight: bold}
.events_list .slider_list .desc{flex: 1;padding-left: 2rem}
.events_list .slider_list .desc p{padding-left: .34rem; background: url(../images/events_jt.svg) no-repeat left 8px; background-size: .14rem;}
.events_list .slider_list .desc p:not(:last-child){margin-bottom: .2rem}
.events_list .slider_year:after{content: '';position: absolute;margin: auto; width: 120%; left: -10%; top: 0; bottom: 0; height: 5px; background: url("../images/events_line.png") repeat-x center center; z-index: -1}
.events_list .slider_year .slick-list{text-align: center; width: 80%; margin: auto}
.events_list .slider_year .item{height: 100px; cursor: pointer;}
.events_list .slider_year .item i{width: 10px; height: 10px; background: #e5e5e5; margin: auto;  display: block;transform: rotate(45deg)}
.events_list .slider_year .item b{display: block; padding-bottom: 10px;transition: 0.5s; font-weight: normal}
.events_list .slider_year .slick-current{color: #009946}
.events_list .slider_year .slick-current i{background: #009946}
@media(max-width:1200px){
.events_list .slider_list .desc{padding-left: 0}
}
@media(max-width:1024px){
.events_list .slider_list .info{width:100%; padding: 3%}
.events_list .slider_list h4{left: auto}
.events_list .slider_list .desc{width: 55%}
.events_list .slider_list .pic{width: 40%}
}

.honour_list ul{margin-left: -1.599%; margin-right: -1.599%;}
.honour_list li{width: 25%;padding:1.599% ; margin-bottom:4%}
.honour_list li a{background: #fff;display: block; position: relative; height: 100%}
.honour_list .desc{padding: 15% 15% 60% 12%;height: 100% }
.honour_list .desc h4{line-height: 1.35; margin-bottom: 10px}
.honour_list .desc p{color: #009946; padding-left: .32rem; background: url("../images/view_icont.svg") no-repeat left;}
.honour_list .pic{position: absolute; left: 12%; bottom: -5%; width:82%; height:55%; background: url("../images/honors_jt.svg") no-repeat left 0;background-size: 32.2%; transition: 0.5s}
.honour_list .pic img{z-index: 10; position: absolute; max-width:76%; max-height: 100%; bottom: 0; right: 0}
.honour_list li:not(:hover) .pic{background-image: url("../images/honors_jt2.svg")}
@media(max-width:1024px){
.honour_list li{width: 50%;}
}

.company_units{padding:.8rem 0}
.company_units .photo {position:relative; margin-bottom: .8rem}
.company_units .photo img{width: 100%}
.company_units .box{position: absolute; width: 100%; height: 88%; bottom: 0; z-index: 2; overflow: hidden}
.company_units .box .auto{height: 100%}
.company_units .info{max-width: 4rem; width: 60%; height: 100%; padding:5% 3%;background: linear-gradient(-45deg,rgba(255,255,255,1) 92%,rgba(255,255,255,0) 92%)}
.company_units .info h1{padding: 4% 0; color: #000; font-weight: normal}
.company_units .info p{max-height: 85%; overflow-y: auto}
@media(max-width:1024px){
.company_units .box .auto{width: 100%}
.company_units .box{position: relative; height: inherit}
.company_units .info{width: 100%; max-width: inherit}
.company_units .info h1{text-align: center}
.company_units .path:before{display: none}
.company_units{padding:.5rem 0}
}

.jobs_talent .box1 {overflow: hidden}
.jobs_talent .box1 .article{flex: 1}
.jobs_talent .box1 .talent_num{position: relative; z-index: 2; overflow: hidden}
.jobs_talent .box1 dl{position: relative;flex: 1;padding: 9% 0}
.jobs_talent .box1 dl:after{content: ''; position: absolute; margin: 0; left:0; top:50%; width: 120%; padding-bottom: 120%; border-top: solid 1px #f0f4f2; border-right: solid 1px #f0f4f2;transform:translate(-50%,-50%) rotate(45deg); z-index: -1}
.jobs_talent .box1 dt{color: #004ea1; line-height: 1.2; margin-bottom: 7%}
.jobs_talent .box1 dd{width: 68%}
.jobs_talent .icon{width: 24.342%;position: relative; z-index: 5; display: none;}
.jobs_talent .icon img{mix-blend-mode: darken; position: absolute;left:37%;margin-top: -45%}
.jobs_talent .box2{background: linear-gradient(#f3f8fc,#ffffff); position: relative}
.jobs_talent .box2:before{content: '';position: absolute;width: 8.7585%; padding-bottom: 8.7585%;left: 0; top: 0;background:linear-gradient(-45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%);}
.jobs_talent .box2 .article{width: 45%; padding-top: 10%; text-align: justify}
.jobs_talent .box2 .photo{width: 45% ; }
/* .jobs_talent .box2 .photo .item{-webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain;-webkit-mask-image: url('../images/photo_paths.svg');} */
.jobs_talent .box2 .photo .pic figure{padding-bottom: 77.778%}
.jobs_talent .box2 .photo .txt{color: #fff; position: absolute; bottom: 0; width: 100%; padding: 10% 8% 5% 8%; z-index: 3; background: linear-gradient(rgba(0,78,161,0),rgba(0,78,161,1))}
.jobs_talent .box2 .photo .slick-dots{ width: auto; bottom: 8%; right: 8%}
.jobs_talent .box2 .photo .slick-dots li{margin: 0 .06rem; }
.jobs_talent .box2 .photo .slick-dots li button{width: 8px; height: 8px;}
.jobs_talent .box2 .photo .slick-dots li button:after{display: none;}
@media(max-width:1024px){
.jobs_talent .box1{position: relative}
.jobs_talent .box1 .article{flex: initial; width: 100%}
.jobs_talent .box1 .column_title{position: absolute;width: 100%; top: 5%;text-align: center}
.jobs_talent .box1 dl:nth-child(1){display: none}
.jobs_talent .box2 .column_title{text-align: center}
.jobs_talent .box2 .article,
.jobs_talent .box2 .photo{width:100%}
.jobs_talent .icon{ display: none;}
}
@media(max-width:640px){
    .jobs_talent .box1 .column_title{ position: relative; top: auto; padding-top: 5%;}
}

.jobs_list{margin-top:8%; position: relative;background: no-repeat center top; background-size: 100%;padding:7% 0}
.jobs_list:before{content: '';position: absolute;width: 8.7585%; padding-bottom: 8.7585%;left: 0; top: 0;background:linear-gradient(-45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%);}
.jobs_list .item{cursor: pointer;padding:1.7% 4%; background: linear-gradient(-45deg,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 3%,rgba(255,255,255,1) 97%,rgba(255,255,255,0) 97%)}
.jobs_list .item:not(:last-child){margin-bottom: .2rem}
.jobs_list .box{background: url("../images/jobs_jt2.svg") no-repeat left;padding:2% 4% 2% 8%; background-size: 4.83%}
.jobs_list .desc{padding-top: .1rem}
.jobs_list .desc p{flex: 1}
.jobs_list .desc p:last-child{flex: 1.5}
.jobs_list .item:hover h4{ color: #009946}
.jobs_list .item:hover .box{background-image: url("../images/jobs_jt.svg") }
@media(max-width:1024px){
.jobs_list .column_title{text-align: center}
.jobs_list .desc p{width: 50%; flex: initial}
}
@media(max-width:768px){
.jobs_list .desc p{width: 100%;}
}

.filter {background: #fff}
.filter .path{padding: .2rem .40rem}
.filter dl{padding: .15rem 0 }
.filter dl:not(:last-child){border-bottom: solid 1px #ebf0f5}
.filter dl dt{width: .8rem;line-height: 52px}
.filter dl dd{flex: 1}
.filter dl dd li{padding: .1rem}
.filter dl dd li a{cursor: pointer;display: block}
.filter dl.purpose dd li a{padding: 0px 10px; }
.filter dl.purpose dd li:hover a,
.filter dl.purpose dd li.on a{background: #009946; color: #fff}
.filter dl.brand li a{box-shadow: 0 0 0 1px #dce1e6; display: block; transition: 0.5s}
.filter dl.brand li:hover a,
.filter dl.brand li.on a{box-shadow: 0 0 0 1px #009946}
@media(max-width:640px){
    .filter dl dt{ width: .5rem;line-height: 1.6;}
    .filter dl dd .ul{ gap: .1rem;}
    .filter dl dd li{ padding: 0;}
    .filter dl.brand .ul li{ width: calc( (100% - .1rem) / 2 );}
}
.product_search{padding: .6rem 0}
.product_search .total a{margin-left: .2rem}
.product_search a:not(:hover){color: #999}
.product_search .search{width: 50%; max-width: 4.50rem;padding: 0 .7rem 0 .24rem; border: solid 1px #dce1e6; position: relative}
.product_search .search input{width: 90%; height: .6rem; border: none; background: none}
.product_search .search a{width: .6rem; height: 100%;position: absolute;right: 0; top: 0;background: url("../images/search_icon2.svg") no-repeat center center}

.product_list ul{margin-left: -1.599%; margin-right: -1.599%;}
.product_list li{width: 25%;padding:1.599% ; margin-bottom: 7%}
.product_list li a{background: #fff;display: block; position: relative}
.product_list .txt{padding: 20% 15% 93% 12%; }
.product_list .txt h4{font-size: .22rem;}
.product_list .pic figure{position: absolute; left: 10%; bottom: 0; width: 80%; z-index: 10; padding-bottom: 80%; transition: 0.5s}

@media(max-width:1024px){
.product_list li{width: 50%;}
}

.product_detail .photo{width: 40%}
.product_detail .desc{width: 55%}
.product_detail .desc h1,
.product_detail .desc h2{font-weight: normal}
.product_detail .desc h1{color: #009946}
.product_detail .desc h2{padding: 3% 0;margin: 3% 0; border-top: solid 1px #e7e8e8;border-bottom: solid 1px #e7e8e8}
@media(max-width:768px){
.product_detail .photo,
.product_detail .desc{width: 100%}

}

.product_detail .hide{height: 0; overflow: hidden}

.pro_tab {padding: .4rem 0}
.pro_tab span{position: relative; cursor: pointer}
.pro_tab span:not(:last-child){margin-right: .3rem}
.pro_tab span:after{content:'';left:0;bottom: 0; position: absolute; width: 100%; height: 100%; background: #fff; transition: 0.5s;transform: skewX(-45deg);}
.pro_tab span a{position: relative; z-index: 2; display: block;line-height: .6rem; padding: 0 .6rem;}
.pro_tab span.show:after,
.pro_tab span:hover:after{background: #009946;}
.pro_tab span.show a,
.pro_tab span:hover a{color: #fff}
@media(max-width:1200px){
.pro_tab span a{ padding: 0 .3rem;}
.pro_tab span:not(:last-child){margin-right: .2rem}
}
@media(max-width:768px){
.pro_tab span:after{transform: skewX(-20deg)}
}

.pro_detail .file li{padding: 1%; border-bottom: solid 1px #eee; background: url(../images/jt_green.svg) no-repeat left}
.pro_detail .video_box{position: relative;max-width: 800px; margin: auto}
.pro_detail .video_box .play{position: absolute; left:0; bottom:0;right: 0; top: 0; margin: auto; width: .6rem; height: .6rem; position: absolute;background: url("../images/video_icon.svg");background-size: contain; cursor: pointer; z-index: 5}


.search_list li{padding: 1%; border-bottom: solid 1px #eee; background: url(../images/jt_green.svg) no-repeat left}
.search_list li span{float: right}

.sitemap dl{padding: 1% 0; border-bottom: solid 1px #eee; }
.sitemap dl dt{padding-left: 15px; background: url(../images/jt_green.svg) no-repeat left}
.sitemap dl dd a{display: inline-block; margin-left: 15px;}

.link_list li{width: 25%;padding: 1%}
.link_list li a{display: block; position: relative; background: #fff}
.link_list li .pic figure{padding-bottom: 30%;margin: 2%}
.link_list li .txt{padding: 2% 0; border-top: solid 1px #f3f8fc}
@media(max-width:768px){
.link_list li{width: 50%;padding: 2%}
}

.platform_base .txt{position: absolute;}
.platform_base li{ position: relative}
.platform_base .box1{margin-bottom: 10%}
.platform_base .box1 li{width: 18%;transition:0.5s}
.platform_base .box1 .pic{ overflow: hidden;}
.platform_base .box1 .pic figure{padding-bottom:71.31%;transition: 0.5s}
.platform_base .box1 .path::before,
.platform_base .box1 .path::after{ display: none;}
.platform_base .box1 .pic figure:before{content: '';position: absolute; width: 100%; height: 100%; background: #fff; z-index: 5;transition: 0.5s;background:linear-gradient(rgba(0,153,70,.8),rgba(0,153,70,1)); opacity: 0;}
.platform_base .box1 .txt{width: 100%; height: auto;left:0;top:0; z-index: 5; display: flex; flex-wrap: wrap; padding: .35rem .1rem; align-content: flex-end; position: relative; }
.platform_base .box1 .icon{width:29.36%;filter: grayscale(100%) brightness(500%); display: none;}
.platform_base .box1 h4{width: 100%; }
.platform_base .box1 h4 span{width: 88%; display: block}
.platform_base .box1 li:hover .pic figure:before{ opacity: 1;}
.platform_base .box1 li:hover .pic figure{transform: scale(1.1389)} 
/* .platform_base .box1 li:hover h4{color: #fff} */
.platform_base .box1 li:hover .txt{ background-color: transparent; }

.platform_base .box2 ul{padding: .2rem;}
.platform_base .box2 li{width: calc(360/1560*100%); }
.platform_base .box2 .txt{width: 45%; padding-bottom: 45%; left: 50%;top:50%; transform: translate(-50%,-50%) rotate(45deg); background: rgba(17,53,91,75%);transition: 0.5s}
.platform_base .box2 h4{position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transform: rotate(-45deg)}
.platform_base .box2 h4 span{color: #fff; text-align: center; padding: 0 .2rem}
.platform_base .box2 .path{overflow: inherit; }
.platform_base .box2 .path:before ,
.platform_base .box2 .path:after{display: none}
.platform_base .box2 .pic figure{position: relative;padding-bottom:149.17%}
.platform_base .box2 .pic figure{-webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain;}
.platform_base .box2 li:nth-child(odd) .pic figure{-webkit-mask-image: url('../images/pic_paths1.svg'); }
.platform_base .box2 li:nth-child(even) .pic figure{-webkit-mask-image: url('../images/pic_paths2.svg'); }
.platform_base .box2 li a:before{content: ''; position: absolute; width: 100%; height: 100%; background: no-repeat center center; background-size: contain; top:-.2rem}
.platform_base .box2 li:nth-child(odd) a:before{left: -.2rem; background-image: url("../images/pic_paths1_line.svg")}
.platform_base .box2 li:nth-child(even) a:before{right: -.2rem; background-image: url("../images/pic_paths2_line.svg")}
.platform_base .box2 li:hover .txt{background: #009946}
.platform_base .box2 li:nth-child(2){margin-left: -.3rem;}
.platform_base .box2 li:nth-child(3){margin-right: -.3rem;}
@media(max-width:1200px){
.platform_base .box1 li{width: 30%;}
.platform_base .box1 li:nth-child(4),
.platform_base .box1 li:nth-child(5){width: 47.5%; margin-top: 5%}
.platform_base .box1 li:nth-child(4) .pic figure,
.platform_base .box1 li:nth-child(5) .pic figure{padding-bottom:70%}
.platform_base .box1 li:hover .pic{transform: scale(1.05)} 
}
@media(max-width:768px){
.platform_base .box1 .txt{padding: .2rem}
.platform_base .box1 h4 span{width: 100%}
.platform_base .box1 li .pic figure{padding-bottom:72%!important}
.platform_base .box1 li:nth-child(1),
.platform_base .box1 li:nth-child(2){width: 47.5%;}
.platform_base .box1 li:nth-child(3){width:100%; margin-top: 5%}
.platform_base .box1 li:nth-child(3) .pic figure{padding-bottom:69%!important}

.platform_base .box2 li{width: 47%}
.platform_base .box2 .txt{width:60%; padding-bottom: 60%;}

.platform_base  h3{text-align: center}
}
@media(max-width:640px){
    .platform_base h3{ font-size: .3rem;}
    .platform_base .box1 h4,
    .platform_base .box2 h4{ font-size: .2rem;}
    .platform_base .box2 h4 span{ padding: 0 .1rem;}
    .platform_base .box1 .txt{ gap: .3rem;}
}

.editor_platforms_img{position: relative;margin:2% 0}
.editor_platforms_img:before,
.editor_platforms_img:after{content: '';position: absolute; width: 10%;padding-bottom: 10%; z-index: 10}
.editor_platforms_img:before{background:linear-gradient(-45deg,rgba(243,248,252,0) 50%,rgba(243,248,252,1) 50%);}
.editor_platforms_img:after{right: 0; bottom: 0;background:linear-gradient(-45deg,rgba(243,248,252,1) 50%,rgba(243,248,252,0) 50%);}

.news_list .item{background: #fff;overflow: hidden}
.news_list time b{display: block;line-height: 1.2}
.news_list .txt h4{line-height: 1.3335;}

.news_list .hot{margin-bottom: .8rem}
.news_list .hot .item:before,
.news_list .hot .item:after{ width: .52rem;height: .52rem;}
.news_list .hot .pic{width: 43.75%}
.news_list .hot .pic figure{padding-bottom:75%}
.news_list .hot .txt{width: 56.25%;padding: .4rem .8rem 1rem .8rem}
.news_list .hot .txt h4{ margin: .3rem 0}
.news_list .hot .slick-dots{left: 49%; width: 45%;bottom: .6rem; justify-content: flex-start}
.news_list .hot .slick-dots li{margin: 0 .12rem}
.news_list .hot .slick-dots li button{width: 8px; height: 8px;}
.news_list .hot .slick-dots li button:before{background: #d3d8dc; opacity: 1}
.news_list .hot .slick-dots li button:after{top:-.05rem; left: -.05rem; bottom: -.05rem; right: -.05rem;}
.news_list .hot .slick-dots li.slick-active button:before{background: #009946}
.news_list .hot .slick-dots li.slick-active button:after{border-color: #009946}

.news_list .list .item:not(:last-child){margin-bottom: .4rem}
.news_list .list .pic{width: 25.375%}
.news_list .list .pic figure{padding-bottom: 62.07%}
.news_list .list .txt{width:74.625%;padding: .3rem 1.7rem; position: relative}
.news_list .list .txt h4{max-width: 6.2rem;margin-bottom: .2rem}
.news_list .list .txt time{position: absolute;left: .6rem}
.news_list .list .txt span{display: none}

.news_list .list#SocialResponsibility .pic{order: 2}
.medieo .news_list .list .pic{display: none;}
.medieo .news_list .list .introduce{padding-left: .3rem;border-left: solid 1px #ededed;}
.medieo .news_list .list .txt{width: 100%;}
@media(max-width:1200px){
.news_list .list .txt{padding-right: 4%}
}
@media(max-width:1024px){
.news_list .list .txt h4{  -webkit-line-clamp: 1;}
.news_list .list .pic figure{padding-bottom: 80%}
}
@media(max-width:768px){
.news_list .hot .pic,
.news_list .hot .txt{width: 100%}
.news_list .hot .txt{padding:.3rem; position: relative}
.news_list .hot .txt time{position: absolute;top:-1.3rem; width: 1rem; height: 1rem; color: #fff;background: #009946; text-align: center; opacity: 0.9}
.news_list .hot .txt time b{color: #fff;line-height: 1.5}
.news_list .hot .txt h4{margin-top: 0}
.news_list .hot .slick-dots{position: relative; width: 100%; left: auto; bottom: auto; justify-content: center;padding: 4% 0}
.news_list .list .txt{padding-left: 4%;}
.news_list .list .txt time{display: none}
.news_list .list .txt span{display:block; padding-top: .1rem; opacity: 0.6}
.news_list .list .pic figure{padding-bottom: 120%}
.medieo .news_list .list .introduce{padding: 0;border: 0;}
}

.photo_list .txt{background: #fff; padding: .4rem .3rem .5rem .3rem}
.photo_list time{width: .9rem}
.photo_list time b{display: block; line-height: 1.25}
.photo_list h4{flex: 1}
.photo_list p{padding-left: .9rem;margin-top: .2rem}
.photo_list .pic figure{padding-bottom: 56.566%}
@media(min-width:1024px){
.photo_list ul:after,
.photo_list li{width: calc(495/1600*100%)}
.photo_list ul:after{content: '';}
.photo_list li:nth-child(3)~li{margin-top: 3.59375%}
}
@media(min-width:640px) and (max-width:1024px){
.photo_list li{width: 48.5%}
.photo_list li:nth-child(odd){margin-right: 3%;}
.photo_list li:nth-child(2)~li{margin-top: 3%}
}
@media(max-width:640px){
.photo_list li{width:100%}
.photo_list li:nth-child(1)~li{margin-top: 8%}
.photo_list .txt{padding: .2rem}
.photo_list time{width: .7rem}
.photo_list p{padding-left: 0}
}

.video_list li{width: calc(760/1600*100%);margin-top: 3%; margin-bottom: 2%}
.video_list .pic{background: #004ea1; position: relative;}
.video_list .pic figure {padding-bottom: 60%;}
.video_list .pic img{opacity: 0.9}
.video_list .txt{ width: 100%; bottom: 0; padding:3% 5%; color: #333; }
.video_list .play_video{position: absolute; width: 100%; height: 100%; z-index:8; cursor: pointer}
.video_list .play_video:before{content: '';position: absolute; left: 5%; bottom: 10%; width: .6rem; height: .6rem; position: absolute;background: url("../images/video_icon.svg");background-size: contain}
@media(max-width:640px){
.video_list li{width: 100%}
}

.contact_us{padding: 8.5% 0}

.editor_contact .company{color: #000000; padding-bottom: .2rem; line-height: 1.35}
.editor_contact dl{width: 50%;padding-top: .3rem}
.editor_contact dl.full{width: 100%}
.editor_contact dl dt{color: #464e54}
.editor_contact dl dd{padding: .1rem 0; color: #000000}
.contact_us .have_pic{display: flex; flex-wrap: wrap; justify-content: space-between}
.contact_us .pic figure{padding: 10px;}
.contact_us .pic img{width: 100%;}
.contact_us .group:not(:last-child){padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #eee;}
.contact_us .group:nth-child(odd) .pic figure{ background: linear-gradient(-45deg,#ffffff 40%,#e5edf5); }
.contact_us .group:nth-child(odd) .pic figure,
.contact_us .group:nth-child(odd) .pic figure img{
-webkit-clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%, 10% 0);
clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%, 10% 0);
}
.contact_us .group:nth-child(even) .pic figure{ background: linear-gradient(45deg,#ffffff 40%,#e5edf5); }
.contact_us .group:nth-child(even) .pic figure,
.contact_us .group:nth-child(even) .pic figure img{
-webkit-clip-path: polygon(100% 10%, 100% 100%, 10% 100%, 0 90%, 0 0, 90% 0);
clip-path: polygon(100% 10%, 100% 100%, 10% 100%, 0 90%, 0 0, 90% 0);
}
@media (min-width:768px) {
.contact_us .have_pic .pic{width: calc(820/1600*100%);overflow: hidden}
.contact_us .have_pic .article{width: calc(670/1600*100%)}
.contact_us .group:nth-child(even) .pic{order: 2}
}
@media (max-width:768px) {
.contact_us .have_pic .article{width: 100%}
.contact_us .have_pic .pic{order: 2; width: 100%; padding-top: 3%}
.editor_contact dl{padding-top: .2rem;width: 100%}
.editor_contact dl dd{padding: 0}
}

.article_detail .title h1{line-height: 1.3335;}
.article_detail .detail{color: #464e54}
.article_detail .detail iframe{ width: 100%; height: 7rem;}
@media (max-width:640px) {
    .article_detail .detail iframe{ height: 4rem;}
}
.prev_next {padding-top: .8rem}
.prev_next a{min-width: .5rem; line-height: .5rem; height: .5rem; background: #fff; display: block; position: relative}
.prev_next .back a{background: #009946; padding: 0 .4rem; margin: 0 .2rem; color: #fff}
.prev_next .icon a:hover{box-shadow: inset 0 0 0 1px #009946}
.prev_next .icon a:before{content: '';position: absolute; width: 100%; height: 100%;background: no-repeat center center}
.prev_next .icon a:before{background-image: url("../images/page_jt_gray.svg")}
.prev_next .icon a:hover:before{background-image: url("../images/page_jt_green.svg")}
.prev_next .icon.prev{transform: rotate(180deg)}

.Pages{display: flex; justify-content: center; align-items: center;padding-top: .8rem}
.Pages span:not(.p_page),
.Pages span .a_first,
.Pages span .a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages a{display: block; background: #fff; min-width: .5rem; line-height: .5rem; text-align: center; margin: 0 .1rem}
.Pages a.a_cur{background: #009946; color: #fff}
.Pages em{display: flex; font-style: normal}
.Pages a.a_prev,
.Pages a.a_next{text-indent: -100px; overflow: hidden; background:#fff url("../images/page_jt_gray.svg") no-repeat center center}
.Pages a.a_prev{transform: rotate(-180deg)}
.Pages a.a_prev:hover,
.Pages a.a_next:hover{box-shadow: 0 0 0 1px #009946; background-image:url("../images/page_jt_green.svg");}


.layer-box{position: fixed; display: none; top: 0; left: 0; width: 100%;  height: 100%; z-index: 10; background-color: rgba(0, 0, 0,0.6);}
.layer-box .layer{opacity: 0;position: absolute; top: 0; left: 0; width: 100%;  height: 100%; }
.layer-box .inbox{position: absolute; padding:3% 4%; border-radius: 2px; margin: auto; left: 0; right: 0; top:50%; transform: translateY(-50%); width: 95%; max-width: 16rem; max-height: 95vh; z-index: 5;background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 0) 98%);}
.layer-box .close{float: right;cursor: pointer;background: url("../images/close.svg") no-repeat center center; width: .5rem; height: .5rem; background-size: contain}
.layer-box .close:not(:hover){filter: grayscale(100%)}
.layer-box .inbox.w840{max-width: 8.4rem;padding: 2%}
.layer-box .inbox.w840 .close{width: .2rem; height: .2rem; }
.layer-box .jobs_group{color: #464e54}
.layer-box .jobs_group .jobname{padding-bottom:.1rem}
.layer-box .jobs_group .desc{padding-bottom:2%; margin-bottom: 2%; border-bottom: solid 1px #ebebeb}
.layer-box .jobs_group .desc p{flex: 1}
.layer-box .jobs_group .desc p:last-child{flex: 2}
.layer-box .jobs_group .detail{ line-height: 1.95; max-height: 60vh; overflow-y: auto}
.layer-box .jobs_group .article{padding-bottom: .2rem;}
.layer-box .jobs_group .apply{padding-top: 2%}
.layer-box .jobs_group .apply a{color: #fff;display: block; text-align: center;width: 50%; max-width: 2.5rem;line-height: .6rem; background: linear-gradient(-45deg, rgba(0, 153, 70, 0) 3%, rgba(0, 153, 70, 1) 3%, rgba(0, 153, 70, 1) 97%, rgba(0, 153, 70, 0) 97%); cursor: pointer}
.layer-box .jobs_group .apply a:hover{opacity: 0.8}
.layer-box .job_form{display: none}

.layer-box .box_item{display: flex;padding: 10px 0}
.layer-box .box_name{width: 80px; line-height: 40px;text-align: right}
.layer-box .box_input{width: calc(100% - 80px)}
.layer-box .box_input .text{width: 100%; height: 40px; border: solid 1px #eee; padding:5px;}
.layer-box .box_input textarea.text{height: 150px}
.layer-box .box_button {text-align: center;padding-top: .2rem}
.layer-box .box_button .btn{color: #fff;display: inline-block; cursor: pointer; width: 48%; max-width: 2rem; line-height: .6rem; background: #009946; border: none; font-size: .16rem;}
.layer-box .box_button .btn:hover{opacity: 0.8}

.layer-box[rel=feedback] h4{text-align: center; padding-bottom: .2rem}
.layer-box form[rel=tips] {display: flex; flex-wrap: wrap; justify-content: space-between}
.layer-box form[rel=tips] .box_item{width: 48.5%; border: solid 1px #e6e6e6; padding: .1rem; margin-bottom: .2rem}
.layer-box form[rel=tips] .box_name{position: absolute; width: auto}
.layer-box form[rel=tips] .box_input {width: 100%}
.layer-box form[rel=tips] .box_input .text{border: none;}
.layer-box form[rel=tips] .full{width: 100%}
.layer-box .queueList{margin: 0; border: solid 1px #eee}
.layer-box .placeholder{padding: 30px 0}
.layer-box .placeholder .webuploader-pick,
.layer-box .statusBar .btns .uploadBtn{background: #009946}
.layer-box .placeholder .webuploader-pick-hover,
.layer-box .statusBar .btns .uploadBtn:hover{background: #009946}
.layer-box .webuploader-element-invisible{left: 0}
.layer-box #filePicker2140132{display: none}
@media(max-width:1024px){
.layer-box .jobs_group .desc p{width: 50%;flex: initial}
.layer-box .inbox,
.layer-box .inbox.w840{padding: 5%}
}
@media(max-width:768px){
.layer-box .jobs_group .desc p{width: 100%;}
.layer-box form[rel=tips] .box_item{width: 100%}
}


.consult_form {padding: 4% 0}
.consult_form .left_ewm{width: 360px;}
.consult_form .left_ewm dt{padding-bottom:18%}
.consult_form .left_ewm figure{width:41.945%; border-radius: 5px; background: #fff; padding: 8px; margin-right: .2rem}
.consult_form .left_ewm figure img{width: 100%}
.consult_form .right_form{ width: calc(95% - 360px); max-width: 1120px;}
.consult_form .box_item{padding: .1rem .25rem;background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 0) 96%); margin-bottom: .2rem}
.consult_form .box_name{position: absolute;  line-height: 40px;text-align: right}
.consult_form .box_input{}
.consult_form .box_input .text{width: 100%; height: 40px; border: none; padding:5px;}
.consult_form .box_input textarea.text{height: 230px;}
.consult_form .boxrow .box_item{width: 32%}
.consult_form .box_item.full{padding-top: .25rem; padding-bottom: .25rem; background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 1) 98%, rgba(255, 255, 255, 0) 98%);}
.consult_form .btn_box .btn{color: #fff;display: inline-block; cursor: pointer; width: 48%; max-width: 3.6rem; line-height: .6rem; border: none; font-size: .16rem;background: linear-gradient(-45deg, rgba(0, 78, 161, 0) 4%, rgba(0, 78, 161, 1) 4%, rgba(0, 78, 161, 1) 96%, rgba(0, 78, 161, 0) 96%);}
.consult_form .btn_box .btn:hover{opacity: 0.8}
@media(max-width:1024px){
.consult_form .boxrow .box_item{width: 100%}
}
@media(max-width:768px){
.consult_form .left_ewm,
.consult_form .right_form{width: 100%;}
.consult_form .left_ewm{order: 2}
.consult_form .left_ewm dt{padding: 4% 0; margin-top: 4%}
}

span.form_err{padding-right: 5px;}

/*index*/
.ind_title{}
.ind_title .title{font-weight: normal;color: #004ea1;padding-bottom: .6rem}
.ind_title p{color: #000; line-height: 1; font-weight: bold}

.ind_banner .slick-slide{position: relative}
.ind_banner img{width: 100%}
.ind_banner .wap{display: none}
.ind_banner .info{position: absolute; width: 100%; top: 20%;  transform: translateY(-50%); opacity: 0; transition: 0.5s}
.ind_banner .info h3{color: #FFF;line-height: 1.1;display: inline-block; padding-right: .40rem; padding-top: .4rem;  background: url(../images/title_icon.svg) no-repeat right top; background-size: .7rem;}
.ind_banner .ani-show .info{top: 50%; opacity: 1 }
@media (max-width:1024px) {
.ind_banner .pc{display: none}
.ind_banner .wap{display:block}
}

.ind_about{position: relative;padding: 5% 0; overflow: hidden; z-index: 2}
.ind_about .photo{width: 8rem; transform: translate(-50%,-50%);z-index:2;}
.ind_about .photo a{position: absolute;width: 110px; text-align: center; color: #fff;  bottom: .7rem;left: 0; right: 0; margin: auto; background: url("../images/icon_720.svg") no-repeat center top; background-size: .5rem;padding-top: .35rem;}
.ind_about .photo,
.ind_about:before,
.ind_about:after{position: absolute; left: 50%; top: 50%; }
.ind_about:before,
.ind_about:after{content: ''; border: solid 1px #f0f4f2; transform: translate(-50%,-50%) rotate(45deg); z-index: -1}
.ind_about:before{width: 50%; padding-bottom: 50%; }
.ind_about:after{width: 80%; padding-bottom: 80%; }
.ind_about .auto{}
.ind_about .box:nth-child(1){width: 26%}
.ind_about .box:nth-child(2){width: 24%}
.ind_about .desc:nth-child(1){padding-bottom: 12%}
.ind_about .desc:nth-child(2){padding-bottom: 5%}
.ind_about .info h3.fs52{line-height: 1.2; color: #000; padding-bottom: .3rem}
.ind_about .info p{width: 90%}
.ind_about .ani{display: block; color: #004ea1; font-weight: normal}
@media(max-width:1920px){
.ind_about .photo{width:calc(800/1920*100%);}
}
@media (max-width:1024px) {
    .ind_about .auto{ position: relative; z-index: 2;}
.ind_about .box:nth-child(1),
.ind_about .box:nth-child(2){width: 45%}
.ind_about .desc:nth-child(1){padding-bottom: 45%}
}
@media (max-width:768px) {
.ind_about .box:nth-child(1),
.ind_about .box:nth-child(2){width: 100%}
.ind_about .box:nth-child(2){padding-top: 6%}
.ind_about .desc:nth-child(2) .txt{width: 48%}
.ind_about .desc:nth-child(1){padding-bottom: 65%}
.ind_about .info p{width: 100%}
}

@media(max-width:640px){
    .ind_about .photo a{top: 50%; transform: translateY(-50%);}
}


.ind_news{position: relative; background: no-repeat center top;background-size: 100%; padding-top: 7.5%;}
.ind_news:before{content: '';position: absolute;width: 8.7585%; padding-bottom: 8.7585%;left: 0; top: 0;background:linear-gradient(-45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%);}
.ind_news .icon{width: 24.342%; display: none;}
.ind_news .icon img{margin-top: -53%;mix-blend-mode: darken; }
.ind_news .list {padding-top: .5rem; padding-bottom: 1.7rem}
.ind_news .list h4{line-height: 1.35; font-weight: normal;font-size: .22rem;}
.ind_news .list dl em{font-style: normal}
.ind_news .list dl span{color: #004ea1}
.ind_news .list ol{width: calc(1040/1600*100%)}
.ind_news .list ol li{height: 100%; background: linear-gradient(-45deg,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 3%,rgba(255,255,255,1) 93%,rgba(255,255,255,0) 93%); list-style-type: none;}
.ind_news .list ol .pic{width: 54.265%;}
.ind_news .list ol .pic figure{padding-bottom: 75.048%;-webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain;-webkit-mask-image: url('../images/img_paths.svg');}
.ind_news .list ol .txt{width: 45.735%; padding: 5%; position: relative}
.ind_news .list ol h4{margin-top: .2rem; font-size: .22rem;}
.ind_news .list ol dl:last-child{position: absolute; bottom: 10%}
.ind_news .list ul{width: calc(540/1600*100%); align-content: space-between; justify-content: space-between}
.ind_news .list ul li{width: 100%;  height: 47.5%; padding:6% 9%; background: linear-gradient(-45deg,rgba(255,255,255,0) 5%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 95%)}
.ind_news .list ul dl{margin-bottom: .2rem}
.ind_news .list ul em{border-left: solid 1px #dedede; padding-left: .2rem; margin-left: .35rem}
@media(max-width:1024px){
.ind_news{background-size: 400%}
.ind_news .list ol,
.ind_news .list ul{width: 100%}
.ind_news .list ul{margin-top: 4%;padding: 2%;}
.ind_news .list ul li{width: 48%; height: auto; padding: 2%}

}
@media(max-width:768px){
.ind_news .list ol .pic,
.ind_news .list ol .txt{width: 100%}
.ind_news .list ul li{width: 100%;; padding: 4%}
.ind_news .list ul li:not(:last-child){margin-bottom: 4%}
.ind_news .list ol dl:last-child{ position: relative; bottom: auto;}
}
@media(max-width:768px){
    .ind_news .list h4{ font-size: .24rem;}
.ind_news .list ol h4{font-size: .24rem;}
}
.ind_product{position: relative; background: no-repeat center top;background-size: 100% 100%; padding-top: 7.5%; padding-bottom:2.485%}
.ind_product:before,
.ind_product:after{content: '';position: absolute;width: 8.7585%;  padding-bottom: 8.7585%;}
.ind_product:before{left: 0; top: 0;background:linear-gradient(-45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%);}
.ind_product:after{right: 0; bottom: 0;background:linear-gradient(-45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 50%);}
.ind_product .icon{width: 24.342%;position: absolute; right: 0; top: -10%}
.ind_product .icon img{mix-blend-mode: darken; }
.ind_product .left_box{width: 24%}
.ind_product .right_box{width: 72.5%}
.ind_product .product_Category{padding-top: 20%; width: 81%}
.ind_product .product_Category span{display: block; position: relative; cursor: pointer}
.ind_product .product_Category span:after{content:'';left:0;bottom: 0; position: absolute; width: 100%; height: 100%; transition: 0.5s;transform: skewX(-45deg);}
.ind_product .product_Category span a{position: relative; z-index: 2; display: block;line-height: .6rem; padding: 0 .3rem;}
.ind_product .product_Category span.show:after,
.ind_product .product_Category span:hover:after{background: #009946;}
.ind_product .product_Category span.show a,
.ind_product .product_Category span:hover a{color: #fff;background: url("../images/icon_jt_right.svg") no-repeat 85%}
.ind_product .product_list{min-height: 7.5rem}
.ind_product .product_list ul{margin-left: -.2rem; margin-right: -.2rem}
.ind_product .product_list li{padding: .2rem .2rem 1.3rem .2rem; margin-bottom: 0}
.ind_product .product_list li a{background: none}
.ind_product .product_list .txt{ background: linear-gradient(-45deg,rgba(255,255,255,0) 5%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 95%)}
.ind_product .hide{height: 0; overflow: hidden}
.ind_product .slick-arrow{top: auto; bottom:-50px; }
.ind_product .slick-prev{left: 50%; margin-left: -.75rem;}
.ind_product .slick-next{right: 50%;margin-right: -.75rem;}
@media(max-width:768px){
.ind_product .left_box,
.ind_product .right_box{width:100%}
.ind_product .product_Category{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;padding-top:10%;}
.ind_product .product_Category span{width: 48%; margin: 2% 0}
.ind_product .product_Category span:after{transform: skewX(-20deg); background: #fff}
}

.ind_technological{position: relative;}
.ind_technological .icon{width: 24.342%;position: absolute; left: 6%; top: -28%; z-index: 5}
.ind_technological .icon img{mix-blend-mode: darken; }
.ind_technological .auto{position: relative; overflow: hidden}
.ind_technological .left_box{width: 24%; padding-top: 15%; position: relative; z-index: 5}
.ind_technological .right_box{width: 72.5%;}
.ind_technological .list li{flex: 1; position: relative;padding: 18.33% 0}
.ind_technological .list a{position: relative; width: 1rem; z-index: 10; display: inline-block; margin-left: 10%}
.ind_technological .list .tubiao{width: .8rem; height: 1rem}
.ind_technological .list h4{font-weight: normal;max-width: .82rem; height: 1.5rem; line-height: 1.2; color: #000}
.ind_technological .list .jt{position: absolute; margin: 0; left:0; top:50%; width: 137%; padding-bottom: 137%; border-top: solid 1px #f0f4f2; border-right: solid 1px #f0f4f2;transform:translate(-50%,-50%) rotate(45deg); z-index: -1}

.ind_technological .list ul{position: relative}
.ind_technological .list ul:before{content: '';position: absolute; width: 63.276%; height: 100%; background: url("../images/bg_hover.png") no-repeat; background-size: contain; transition: 0.5s}
.ind_technological .list ul#li0:before{left: -31.5%}
.ind_technological .list ul#li1:before{left: 2.4%;}
.ind_technological .list ul#li2:before{left: 35.5%}
@media(max-width:768px){
.ind_technological .left_box,
.ind_technological .right_box{width: 100%}
.ind_technological .right_box{position: relative}
.ind_technological .list li{padding: 8% 0}
.ind_technological .list a{width: 80%}
}

.ind_other{overflow: hidden; position: relative; z-index: 2}
.ind_other:after{content: '';position: absolute; left: 0; bottom: 0; width: 100%; height:25%; background: #11355b; z-index: -1}
.ind_other li{width: 50%; position: relative}
.ind_other li a{display: block;}
.ind_other li .txt{position: absolute; color: #ffffff; z-index: 5;left: 10%; bottom:11%}
.ind_other li .txt .tubiao{width: .8rem; height: .9rem}
.ind_other li .txt h4{font-weight: normal;}

@media(min-width:768px){
.ind_other li .pic{position: relative;width:122.5%; -webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:cover;}
.ind_other li .pic figure{padding-bottom:33.675%; }
.ind_other li:nth-child(odd) .pic{-webkit-mask-image: url('../images/pic_paths_left.svg');}
.ind_other li:nth-child(even) .pic{left: -22.5%; -webkit-mask-image: url('../images/pic_paths_right.svg');}
}
@media(max-width:768px){
.ind_other li{width: 100%;}
.ind_other li .pic figure{padding-bottom:40%; }
.ind_other li .txt{display: flex; align-items: center}
.ind_other li .txt .tubiao{margin-right: .2rem}
}

/*index end*/
.honor_list{ padding-top: 6%}
.honor_list ul{ padding:0 80px;}
.honor_list li{ float:left; position:relative;  text-align:center; margin-bottom:3%;}
.honor_list li:before,
.honor_list li:after{ position:absolute; content:''; bottom:0px; height:130px; width:80px;}

.honor_list li aside{padding:40px 5% 0 5%;height:130px;background:url(../images/honor_bg_mid.jpg) repeat-x left top;}
.honor_list li .ytable{ height:245px;}
.honor_list li .ytable-cell{ vertical-align:bottom;}
.honor_list li figure{ position:relative; display:inline-block;max-width: 80%;}
.honor_list li figure:after{ position:absolute; right:-24px; background:url(../images/honor_bg_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';}
.honor_list li figure img{ max-height:245px;}
.honor_list li p{ margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:40px; color:#333;}
.honor_list li h3{ height: 90px; line-height: 30px;}
.honor_list .ul-4 li{width:25%;}
.honor_list .ul-3 li{width:33.33333333%;}

.honor_list .ul-2 li{width:50%;}

.honor_list .ul-2 li:nth-child(odd) > *{ padding-left:30%;}
.honor_list .ul-2 li:nth-child(even) > *{ padding-right:30%;}
.honor_list .ul-1 li{width:100%;}

.honor_list ul li:first-child:before{ left: -80px; background:url(../images/honor_bg_left.jpg) no-repeat left top;}
.honor_list ul li:last-child:after{right:-80px; background:url(../images/honor_bg_right.jpg) no-repeat right top;}
@media(max-width:1024px){
.honor_hot{ padding:0 }
}
@media(max-width:640px){
.honor_list ul{ padding:0;}
.honor_list li .ytable{ height:150px;}
.honor_list li figure img{ max-height:150px; padding:3px}
.honor_list .ul-2 li:nth-child(odd) > *{ padding-left:30%;}
.honor_list .ul-2 li:nth-child(even) > *{ padding-right:30%;}
.honor_list .ul-3 li:nth-child(3):after{ display:none;}
.honor_list .ul-4 li{width:50%;}
.honor_list li:before,
.honor_list li:after{ width: 1px;}
.honor_list ul li:first-child:before,
.honor_list .ul-4 li:nth-child(odd):before{ left: 0px; background:url(../images/honor_bg_left.jpg) no-repeat left top;}
.honor_list .ul-4 li:nth-child(even):after,
.honor_list ul li:last-child:after{right:0px; background:url(../images/honor_bg_right.jpg) no-repeat right top;}
}
@media(max-width:480px){
.honor_list li .ytable{ height:100px;}
.honor_list li figure img{ max-height:100px;}
}