@charset "utf-8";
/*=============================公共样式=====================================*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');:root{--wz-color: #521cd1}
:root{--font-color: #979797}
:root{--bt-color: #333333}
*{font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif;padding: 0;margin: 0;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,th,article,aside,canvas,details,fi,gcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
html,body{width: 100%;position: relative;height: auto;/*overflow-x: hidden;*/font-size: 16px;color: var(--font-color);}
*[align="center"]{margin: 0 auto;}
html{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-text-size-adjust: none;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
::-webkit-scrollbar{width: 8px;height: 8px;background: #f1f1f1;}
::-webkit-scrollbar-track{border-radius: 10px;background: #f1f1f1}
::-webkit-scrollbar-thumb{border-radius: 10px;background: #c1c1c1;}
::selection{background: var(--wz-color);color: #fff;}
::-moz-selection{background: var(--wz-color);color: #fff;}
::-webkit-selection{background: var(--wz-color);color: #fff;}
/*h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}*/
h1,h2,h3,h4,h5,h6{font-weight: normal;}
table strong{font-weight:bold;}
a,input,img,:focus{mayfish: expression(this.onfocus=this.blur);cursor: handbblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style: none;/*FF使用*/}
/*去除a标签带来的虚框*/input,
textarea{outline-style: none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display: block}
ul,li{list-style: none}
i,cite,em,var,address,dfn{font-style: normal;}
blockquote,q{quotes: none}
blockquote:after,blockquote:before,q:after,q:before{content: '';content: none}
a{margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background: 0 0;color: #333333;}
ins{background-color: var(--wz-color);color: #000;text-decoration: none}
mark{background-color: var(--wz-color);color: #000;font-style: italic;font-weight: 700}
del{text-decoration: line-through}
abbr[title],dfn[title]{border-bottom: 1px dotted #000;cursor: help}
table{border-collapse: collapse;border-spacing: 0;width:100% !important;}
input,select{vertical-align: middle;border: 0;}
input{padding: 0 5px;vertical-align: middle;line-height: normal;}
input[type="submit"],button,select,textarea{background-image: none !important;border-radius: 0 !important;border: 0;}
img{max-width: 100%;}
.table{display: table;table-layout: fixed;text-align: center;width: 100%;height: 100%}
.table_cell{display: table-cell;vertical-align: middle}
.bold{font-weight: bold;}
.c-label{min-width: 44px;height: 22px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;padding: 0 9px;float: left;box-sizing: border-box;border: 1px solid #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.c-label.onsell{color: var(--wz-color);border-color: var(--wz-color);}
.tc{width: 100%;text-align: center;}
.pr{position: relative;}
.f12{font-size: 12px;}
/*css定义超链接四个状态也有顺序的。*/a:link,
a:visited{text-decoration: none;cursor: pointer !important;}
a:hover,a:active{border: none;color: var(--wz-color);}
/*辅助样式*/
.fl,.left{float: left !important;}
.fr,.right{float: right !important;}
.no_bg{background: none !important;}
.no_border{border: 0 !important;}
.no_padding{padding: 0 !important;}
.no_margin{margin: 0 !important;}
.no_bg_img{background-image: none !important;}
.fix{position: fixed;top: 0;*padding-top: 50px;}
.border{border: 1px solid #dedede;}
.clear{clear: both;}
.clearfix:after,.main_box:after,.wrap:after{content: '';height: 0;display: block;overflow: hidden;clear: both;}
.wid1200{width: 1200px;display: block;margin-left: auto;margin-right: auto;}
.main_box,.wrap{width: 87%;min-width: 1200px;max-width: 1660px;display: block;margin-left: auto;margin-right: auto;*z-index: 1;}
.h_x{color: #fe0505;font-weight: bold;padding-left: 10px;padding-top: 10px;}
.dd{background: #d6d7d9;border-radius: 50%;height: 7px;display: inline-block;width: 7px;margin: 0 10px;}
hr{display: block;height: 1px;border: 0;background: #e0dede;margin: 10px 0 30px 0;padding: 0}
@font-face{font-family: "iconfont";/* Project id*/src: url('../font/iconfont.ttf') format('truetype');}
@font-face{font-family: 'fontawesome';src: url('../font/fontawesome-webfont.ttf');}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*==============滚动条=====================*/
/*pc*/
.header .lan_box{float:right;height:90px;display: flex;align-items: center;}
.header .lan_box a{border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background:#ffffff4d;
    color: #fff;}
.header{background: #FFFFFF;height: 90px;}
.header .logo_box{height: 90px;display: flex;align-items: center;justify-content: center;}
.header .logo_box p{display:none;color:#fff;font-size:16px;position:relative;padding-left:12px;margin-left:10px;}
.header .logo_box p:after{content:'';position:absolute;left:0;width:1px;height:80%;top:5px;background:rgb(255 255 255 / 30%);}
.header .logo_box img{width: 180px;}
.header .logo_box .logo,.header .search_btn_box .seatch_icon{display: block;}
.header .logo_box .logo-w,.header .search_btn_box .seatch_icon_w{display: none;}
.header .menuBtn{display: none;}
.header .search_btn_box{float: right;padding: 0 0 0 25px;height: 90px;display: flex;align-items: center;justify-content: center;}
.header .search_btn_box img{width: 20px;}
.header-ss-bj{position: fixed;z-index: 999;height: 15vw;top: 90px;width: 100%;left: 0;background: #fff;border-top: 1px solid #F0EFEE;transition: .6s;opacity: 0;visibility: hidden;box-shadow: 0 2px 5.34px 0.66px rgb(0 0 0 / 11%);color: #222;}
.header-ss-bj.on{opacity: 1;visibility: visible;}
.header-ss-gb{width:1.5vw;position: absolute;top: 2vw;right: 2vw;transition: all .5s;-webkit-transition: all .5s;}
.header-ss{padding: 3vw 0;}
.header-p{width: 100%;position: relative;}
.header-p .int1{/*width: calc(100% - 5.5vw);*/width:100%;height: 56px;padding: 0 2vw;font-size: 16px;padding-left: 3.5vw;background: #f7f7f8;border-radius: 0.6vw;border: 0;}
.header-p .sub1{width: 2.5vw;height: 100%;position: absolute;cursor: pointer;left: 0;top: 0;background-image: url(../images/seatch_icon.svg) !important;background-repeat: no-repeat;background-position: right center;border: 0;background-size: 40%;opacity: 1;background-color: transparent;}
.header-q{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 1.5vw 0;border-bottom: 1px solid #E2E2E2;text-align: center;color: #222;}
.header-q a{color: #888;padding: 0 .5vw;margin-bottom:10px;font-size: 16px;position: relative;}
.header-q a:hover{color:#333333;}
.header-q h3{font-size:18px;margin-bottom:10px;}
.header .nav_box{float: right;}
.header .nav_box>ul{}
.header .nav_box>ul>li{float: left;text-align: center;height: 90px;}
/*.header .nav_box>ul>li>a:after{content:'';display:block;position: absolute;width:0;height:2px;background:#ffffff;left:0;bottom:0px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}*//*.header .nav_box>ul>li:hover>a:after,.header .nav_box>ul>li.on>a:after{width:100%;}*/
.header .nav_box>ul>li>a:hover{color: #353b8c;font-weight: 600;}
.header .nav_box>ul>li>a{padding: 0 30px 0px;font-size: 20px;color: #ffffff;display: block;line-height: 90px;position: relative;}
.header .nav_box>ul>li>.sub{display: none;position: absolute;top: 90px;z-index: 2;width: 100%;left: 0;background: rgba(255 255 255 /1);border-top: 1px solid #e7e7e7;padding: 0px;transition: all .5s;max-height: calc(100vh - 92px);overflow-y: auto;box-shadow: 0 5px 6.34px 0px #00000021;}
.header .nav_box>ul>li>.sub1 .wrap .menu-container:not(:last-child){border-bottom: 1px solid #cccccc;}
.header .nav_box>ul>li>.sub1 .wrap .menu-container>ul{display: grid;grid-template-columns: repeat(4, 1fr);}
.header .nav_box>ul>li>.sub1 .wrap .menu-container>ul>li{line-height: 22px;text-align: left;padding-top: 40px;padding-bottom: 40px;}
.header .nav_box>ul>li>.sub1 .wrap .menu-container>ul>li:not(:last-child) .menu-group{border-right: 1px solid #cccccc;}
.header .nav_box>ul>li>.sub1 .wrap .menu-container>ul>li .menu-group>a{display: block;font-size: 16px;color: #333333;font-weight: 700;}
.header .nav_box>ul>li>.sub1 .wrap .menu-container>ul>li:not(:first-child){padding-left: 28px;}
.header .nav_box>ul>li>.sub1 .wrap .menu-container>ul>li .menu-group>a:hover{color: var(--wz-color);}
.header .nav_box>ul>li>.sub2 .menu-container{padding: 40px 20px 40px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul{display: grid;grid-template-columns: 1fr 1.2fr 1fr 2.2fr;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li{text-align: left;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .tit a{font-size: 18px;color: #333333;font-weight: 600;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .tit{margin-bottom: 15px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li:last-child .tit{margin-bottom: 20px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li dl dd a{font-size: 16px;color: #666666;line-height: 32px}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li dl dd a:hover{color: #353b8c;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box{display: flex;justify-content: space-between;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box .item{width: 270px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl:not(:last-child){margin-bottom: 25px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl dt{border-bottom: #eeadb7 solid 1px;padding-bottom: 10px;margin-bottom: 15px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl dt h3{display: flex}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl dt h3 a{font-weight: 600;font-size: 16px;color: #333333;display: inline-block;margin-right: 10px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl dt h3 i{display: flex;align-items: center;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl dt h3 i img{width: 15px;display: block;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl:nth-child(2) dt{border-bottom: #a5d5c2 solid 1px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl:nth-child(3) dt{border-bottom: #eadd9f solid 1px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box .item:last-child dl:nth-child(1) dt{border-bottom: #adbfee solid 1px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box .item:last-child dl:nth-child(2) dt{border-bottom: #c88cef solid 1px;}
/**/
.i_header{position: fixed;background: none;top: 0;left: 0;width: 100%;z-index: 999;}
.i_header .logo_box .logo-w,.header .search_btn_box .seatch_icon_w{display: block;}
.i_header .logo_box .logo,.header .search_btn_box .seatch_icon,
.header_bg .logo_box .logo-w{display: none;}
.header_bg .logo_box .logo{display: block;}
.header_light,.header_bj,.header_bg{background: #FFFFFF;box-shadow:0 1px 8px 2px rgb(69 69 69 / 12%);}
.header_light .logo_box .logo,.header_bj .logo_box .logo,.header_light .search_btn_box .seatch_icon,.header_bj .search_btn_box .seatch_icon,.header_bg .search_btn_box .seatch_icon{display: block;}
.header_light .logo_box p,.header_bg .logo_box p{color:#a1a3ae;}
.header:hover .logo_box p{color: #a1a3ae;}
.header_light .logo_box p:after,.header_bg .logo_box p:after,.header:hover .logo_box p:after{background: rgb(166 170 184 / 30%);}
.header_light .logo_box .logo-w,.header_light .search_btn_box .seatch_icon_w,.header_bj .logo_box .logo-w,.header_bj .search_btn_box .seatch_icon_w,.header_bg .search_btn_box .seatch_icon_w{display: none;}
.header_light .nav_box>ul>li>a,.header_bj .nav_box>ul>li>a,.header_bg .nav_box>ul>li>a{color: #333333;}
.header_bj .lan_box a,.header_light .lan_box a,.header_bg .lan_box a{color: #fff;background:#353b8c }
.header_light .nav_box>ul>li>a:hover,.header_bj .nav_box>ul>li>a:hover,.header_bg .nav_box>ul>li>a:hover{color: #353b8c;}
.header_light .nav_box>ul>li>a:after,.header_bj .nav_box>ul>li>a:after,.header_bg .nav_box>ul>li>a:after{background: #333333;}
.banner{display: block;position: relative;}
.banner .banner_text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;color: #ffffff;}
.banner .banner_text h3{font-size: 94px;font-weight: 600;margin-bottom: 30px;}
.banner .banner_text h5{font-size: 44px;}
.banner .banner_text h6{font-size: 26px;opacity: 0.7;padding-top: 10px;}
.banner .swiper .swiper-slide a .img{height: 100vh;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner .swiper .swiper-pagination{bottom: 30px;width: 100%;}
.banner .swiper .swiper-pagination span{width: 100px;height: 10px;border-radius: 0;margin: 0 22px;background: #FFFFFF;transform: skewX(-30deg);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);-ms-transform: skewX(-30deg);-o-transform: skewX(-30deg);}
.banner .swiper .swiper-pagination span.swiper-pagination-bullet-active{background: #ffffff;}
.banner .swiper .swiper-button-next,.banner .swiper .swiper-button-prev{color: #ffffff;display:none;}
.banner:hover .swiper .swiper-button-next,.banner:hover .swiper .swiper-button-prev{display:block;}
.i_tit{text-align: center;margin-bottom: 60px;}
.i_tit h3{font-size: 42px;color: #000000;font-weight: bold;text-transform: uppercase;}
.i_tit p{font-size: 18px;color: #a3a5a9;margin-top: 10px}
.i_more{width: 120px;height: 42px;border-radius: 21px;background: #000000;text-align: center;line-height: 42px;}
.i_tit.tit-w h3,.i_tit.tit-w p{color: #ffffff;}
.i_more a{color: #b99956;font-size: 14px;}
/*产品*/
.index_box1{padding: 90px 0 0px;}
.index_box1 .list_box{margin: 0 15px;display: flex;}
.index_box1 .list_box .item .text_box{margin-bottom: 60px;}
.index_box1 .list_box .item .text_box h3{font-size: 28px;color: #000000;margin-bottom: 15px;}
.index_box1 .list_box .item .text_box .p{font-size: 16px;color: #878b90;margin-bottom: 35px;}
.index_box1 .list_box .item .text_box .pro_more{font-size: 16px;color: #484a4d;}
.index_box1 .list_box .list_left{width: calc(45vw - 25px);margin-right: 10px;position: relative;}
.index_box1 .list_box .list_left .item .img_box img{height: 20vw;}
.index_box1 .list_box .list_right{width: calc(55vw - 25px);margin-left: 10px;}
.index_box1 .list_box .item{background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;align-items: center;justify-content: center;text-align: center;}
.index_box1 .list_box .item.li1{background-image: url(../images/pro_itembg1.jpg);position: absolute;height: 100%;width: 100%;}
.index_box1 .list_box .img_box img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.index_box1 .list_box .img_box img:hover{transition: transform .8s;transform: scale(1.1)}
.index_box1 .list_box .item.li2{background-image: url(../images/pro_itembg2.jpg);float: left;width: 100%;margin-bottom: 20px;}
.index_box1 .list_box .list_right .item .box{padding: 0 40px;width: calc(100% - 80px);}
.index_box1 .list_box .list_right .item.li2 .box{flex-direction: row-reverse;justify-content: flex-end;}
.index_box1 .list_box .list_right .item .box{display: flex;align-items: center;height: 23vw;position: relative;}
.index_box1 .list_box .item.li3{width: calc(50% - 10px);float: left;margin-right: 10px;background-image: url(../images/pro_itembg3.jpg);}
.index_box1 .list_box .item.li4{width: calc(50% - 10px);float: left;margin-left: 10px;background-image: url(../images/pro_itembg4.jpg);}
.index_box1 .list_box .list_right .item.li2 .text_box{margin-left: 5%;width: 40%;}
.index_box1 .list_box .list_right .item.li2 .img_box{width: 55%;}
.index_box1 .list_box .list_right .item.li2 .img_box img{max-width: 50%;}
.index_box1 .list_box .list_right .text_box .p{line-height: 30px;}
.index_box1 .list_box .list_right .item:not(:first-child) .box{height: 18.5vw;}
.index_box1 .list_box .list_right .item:not(:first-child) .box{display: block;}
.index_box1 .list_box .list_right .item .text_box{text-align: left;}
.index_box1 .list_box .list_right .item:not(:first-child) .text_box{padding-top: 50px;width: 60%;}
.index_box1 .list_box .list_right .item:not(:first-child) .img_box{position: absolute;bottom:10px;right: 10px;width:36%;}
.index_box1 .keyword{display: flex;justify-content:flex-start;margin: 40px auto 60px;}
.index_box1 .keyword h3{color: #222222;font-size: 20px;width: 90px;}
.index_box1 .keyword .keyword_list ul{display: flex;flex-wrap: wrap;}
.index_box1 .keyword .keyword_list ul li{display: flex;align-items: center;}
.index_box1 .keyword .keyword_list ul li a{font-size:18px;color: #666666;}
.index_box1 .keyword .keyword_list ul li:not(:last-child):after{content: '';display: block;width: 1px;height: 20px;background: #cfd0d2;margin: 0 14px;}
/*研发创新*/
.index_box2{padding: 90px 0 90px;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/yfcxbg.jpg);}
.index_box2 .list_box{}
.index_box2 .list_box ul{display: flex;}
.index_box2 .list_box ul li{width: 22%;border-radius: 10px;overflow: hidden;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all 0.5s ease-in-out;}
.index_box2 .list_box ul li a{display: block;}
.index_box2 .list_box ul li.active{width: calc(56% - 30px);}
.index_box2 .list_box ul li:not(:last-child){margin-right: 15px;}
.index_box2 .list_box ul li .item_bg{background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;height: 29vw;}
.index_box2 .list_box ul li .item_bg .tetxbox{padding:30px;position: absolute;bottom: 0;left: 0;width: calc(100% - 60px);}
.index_box2 .list_box ul li .tetxbox{color: #FFFFFF;}
.index_box2 .list_box ul li .tetxbox h3{font-size: 24px;margin-top: 30px;}
.index_box2 .list_box ul li .tetxbox .p{text-align: justify;height: 0;overflow: hidden;position: relative;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.index_box2 .list_box ul li.active .tetxbox .p{height:110px;line-height: 20px;margin-top: 36px;}
.index_box2 .list_box ul li.active .tetxbox .p p,.index_box2 .list_box ul li.active .tetxbox .p{word-wrap: break-word;}
/*关于我们*/
.index_box3{padding: 140px 0 80px;background-repeat: no-repeat;background-position: top -60px center;background-size: cover;background-image: url(../images/aboutbg.jpg);}
.index_box3 .wrap{display: flex;justify-content: space-between;}
.index_box3 .wrap:after{display: none;}
.index_box3 .left_con{width: 350px;}
.index_box3 .left_con .more{margin-top: 40px;}
.index_box3 .left_con .more a{display: flex;align-items: center;justify-content: center;width: 240px;height: 52px;border-radius: 26px;border: 2px solid #353b8c;}
.index_box3 .left_con .more a span{color: #353b8c;font-size: 18px;margin-right: 20px;}
.index_box3 .left_con .more a:after{content: '';display: block;width: 38px;height: 15px;background-image: url(../images/jt_r.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_box3 .left_con .left_data{}
.index_box3 .left_con .left_data ul li{margin: 60px 0;}
.index_box3 .left_con .left_data ul li:last-child{margin-bottom: 0;}
.index_box3 .left_con .left_data h6{font-size: 16px;color: #666666;margin-top: 15px;}
.index_box3 .left_con .left_data p{color: #353b8c;font-weight: 600;height: 54px;display: flex;align-items: baseline;}
.index_box3 .left_con .left_data p big{font-size: 60px;height: 54px;display: inline-block;}
.index_box3 .left_con .left_data p i{font-size: 40px;}
.index_box3 .left_con .left_data p small{font-size: 26px;}
.index_box3 .tit{}
.index_box3 .tit h3{font-size: 42px;color: #000000;font-weight: bold;text-transform: uppercase;margin-bottom: 40px;}
.index_box3 .tit .p{font-size: 24px;line-height: 38px;color: #222222;}
.index_box3 .right_con{width: 51%;}
.index_box3 .right_con .intro{font-size: 18px;color: #333333;line-height: 34px;text-align: justify;}
.index_box3 .right_con .intro p{margin-bottom: 30px;}
.index_box4{padding: 90px 0 80px;}
.index_box4 .list_box{margin-top: 0;}
.index_box4 .list_box .item:not(:first-child){margin-top: 25px;}
.index_box4 .list_box .item{display: flex;}
.index_box4 .list_box .item .item_tit{width: 26.5%;background-repeat: no-repeat;background-position: center;background-size: auto;height: 260px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;overflow: hidden;}
.index_box4 .list_box .item .item_tit a{height: 260px;display: flex;align-items: center;justify-content: center;color: #FFFFFF;}
.index_box4 .list_box .item .item_tit a h3{font-size: 28px;font-weight: 600;text-shadow: 2px 2px 1px rgb(0 0 0 / 30%);}
.index_box4 .list_box .item .item_tit:hover a h3{}
.index_box4 .list_box .item .item_list{width: 73.5%;}
.index_box4 .list_box .item .item_list ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 20px;}
.index_box4 .list_box .item .item_list ul li{height: 260px;background: #FFFFFF;box-shadow: 0 0 4px 4px rgb(0 0 0 / 3%);border-radius: 20px;}
.index_box4 .list_box .item .item_list ul li:first-child{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.index_box4 .list_box .item .item_list ul li .box{padding: 40px 25px 25px;}
.index_box4 .list_box .item .item_list ul li .time{font-size: 16px;color: #999999;}
.index_box4 .list_box .item .item_list ul li h3{margin-bottom: 35px;margin-top: 25px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index_box4 .list_box .item .item_list ul li h3 a{font-size: 20px;color: #000000;display: block;height: 24px;}
.index_box4 .list_box .item .item_list ul li:hover h3 a{font-weight:Bold;color:#353b8c;}
.index_box4 .list_box .item .item_list ul li:hover .intro{color:#222;}
.index_box4 .list_box .item .item_list ul li .intro{word-break: break-word;font-size: 16px;color: #666666;line-height: 28px;text-align: justify;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index_box4 .list_box .item .item_list ul li .intro p{word-break: break-word;}
.index_box4 .more{margin: 50px auto 0;}
.index_box4 .more a{display: flex;align-items: center;justify-content: center;margin: auto;width: 240px;height: 52px;border-radius: 26px;border: 2px solid #353b8c;}
.index_box4 .more a:hover,.index_box3 .more a:hover{background:#353b8c;}
.index_box4 .more a:hover span,.index_box3 .left_con .more a:hover span{color: #fff;}
.index_box4 .more a:hover:after,.index_box3 .more a:hover:after{background-image: url(../images/jt_rw.png);}
.index_box4 .more a span{color: #353b8c;font-size: 18px;margin-right: 20px;}
.index_box4 .more a:after{content: '';display: block;width: 38px;height: 15px;background-image: url(../images/jt_r.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
/**/
.index_box5{background-image: linear-gradient(to bottom, #ffffff 20px, #f6f9fd 25%, #f6f9fd 70%);padding: 20px 0 80px;}
/*.index_box5 .list{*margin-top: 55px;}
.index_box5 .list ul{display: grid;grid-template-columns: repeat(6, 1fr);grid-column-gap: 20px;grid-row-gap: 24px}
.index_box5 .list ul li{background: #FFFFFF;}
.index_box5 .list ul li a{display: flex;align-items: center;justify-content: center;height: 85px;padding: 15px;}
.index_box5 .list ul li img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.index_box5 .list ul li a:hover img{transition: transform .8s;transform: scale(1.1)}
.index_box5 .list ul li:hover{box-shadow:1px 1px 20px 1px rgb(204 204 204 / 33%)}*/


.index_box5_con {background:#f6f9fd;width: 100%;}
.index_box5_con .swiper{height:10vw;margin:0 auto 40px;}
.index_box5_con .swiper-slide {background:#fff;position:relative;text-align: center;font-size: 18px;height: calc((100% - 20px) / 2) !important;}
.index_box5_con .swiper-slide a{display: flex;justify-content: center;align-items: center;overflow:Hidden;height:100%;width:100%;}
.index_box5_con .text_box{position:absolute;bottom:0;height:100%;width:100%;display: flex;align-items: flex-end;justify-content: center;}
.index_box5_con .text_box h3{font-size:20px;color:#fff;padding-bottom:22px;}
.index_box5_con .swiper-pagination{display:none;}
.index_box5_con .img_box{width:100%;height: 100%;}
.index_box5_con .img_box img{width:100%;height: 100%;object-fit:contain;transition: all 0.5s ease;}
.index_box5_con .swiper-slide:hover img{transform:scale3d(1.05, 1.05, 1.05);}

/**/
.footer{background-color: #111111;}
.footer .f_top{padding-top: 70px;background-image: url("../images/footerbg.png");background-repeat: no-repeat;background-position: center bottom;background-size: 100%;}
.footer .f_top .f_logo{width: 470px;}
.footer .f_top .f_logo .logo{width: 260px;margin-bottom: 20px;}
.footer .f_top .f_logo .logo_b{margin-top: 25px;}
.footer .f_top .f_logo .logo_b ul:after{content: '';display: block;height: 0;clear: both;}
.footer .f_top .f_logo .logo_b ul li{margin-right: 15px;float: left;}
.footer .f_top .f_logo .logo_b ul li a{display: block;position: relative;}
.footer .f_top .f_logo .logo_b ul li a i{border-radius: 20px;width: 40px;height: 40px;opacity: 0.7;background: #353b8c;display: flex;align-items: center;justify-content: center;}
.footer .f_top .f_logo .logo_b ul li a .qrcode{position: absolute;background: #ffffff;padding: 10px;width: 100px;opacity: 0;border-radius: 5px;visibility: hidden;bottom: 60px;left: calc(50% - 60px);transition: .5s;box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.footer .f_top .f_logo .logo_b ul li a .qrcode:before{content: "";display: block;border: 6px solid transparent;border-top: 6px solid #fff;position: absolute;bottom: -12px;left: 50%;margin-left: -6px;}
.footer .f_top .f_logo .logo_b ul li a .qrcode .pic img{width: 100px}
.footer .f_top .f_logo .logo_b ul li a .qrcode h5{color: #999;font-size: 14px;text-align: center;}
.footer .f_top .f_logo .logo_b ul li a:hover .qrcode{bottom: 50px;opacity: 1;visibility: visible;}
.footer .f_top .f_logo .logo_b ul li a:hover i{opacity: 1;}
.footer .f_top .f_tel{display: flex;margin-top:30px;align-items: baseline;}
.footer .f_tip{color:rgb(255 255 255 / 70%);line-height:28px;}
.footer .f_top .f_tel h3{font-size: 18px;color: #909090;}
.footer .f_top .f_tel p{font-size: 35px;color: #ffffff;}
.footer .f_top .f_nav{width: calc(83% - 280px);max-width: 1100px;*margin-bottom: 60px;}
.footer .f_top .f_nav>ul{display: flex;justify-content: space-between;}
.footer .f_top .f_nav>ul>li>a{font-size: 20px;color: #ffffff;display: block;}
.footer .f_top .f_nav>ul>li ul{margin-top: 25px;}
.footer .f_top .f_nav>ul>li ul li a{display: block;color: #909090;font-size: 16px;line-height: 42px;}
.footer .f_top .f_nav>ul>li ul li a:hover{color:#bebebe;}
.footer .f_top .link_box{clear: both;width: 100%;margin: 60px 0 10px;}
.footer .f_top .link_box:after,
.footer .f_top .link_box .list ul:after{content: '';display: block;height: 0;clear: both;}
.footer .f_top .link_box h3{float: left;line-height: 16px;height: 16px;color: #ffffff;font-size: 16px;}
.footer .f_top .link_box .list{float: left;width: calc(100% - 92px);}
.footer .f_top .link_box .list ul li{float: left;padding: 0 10px 0 0;line-height: 16px;height: 16px;margin-bottom: 12px;display: flex;}
.footer .f_top .link_box .list ul li a{color: #616369;font-size: 16px;}
/*.footer .f_top .link_box .list ul li:not(:last-child){border-right:1px solid #616369;}*/
.footer .f_top .link_box .list ul li:first-child{padding-left: 0px;}
.footer .f_top .link_box .list ul li:not(:last-child):after{content: '';display: block;width: 1px;height: 16px;background: #616369;margin: 0 0 0 10px;}
.footer .f_copy{height: 70px;line-height: 70px;font-size: 18px;border-top: 1px solid rgb(255 255 255 /0.1);text-align: center;color: #3b3c3e;}
.nybanner{height: 32.3vw;position: relative;}
.nybanner .pc_img,
.nybanner .phone_img{background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;width: 100%;height: 100%;}
.nybanner .nybanner_text{position: absolute;width: 100%;height: calc(100% - 70px);display: flex;align-items: center;justify-content: center;color: #ffffff;text-align: center;padding-top: 70px;}
.nybanner .nybanner_text h3{font-size: 50px;margin-bottom: 15px;font-weight: 600;}
.nybanner .nybanner_text p{font-size: 28px;}
.nybanner .nynav_box{position: absolute;bottom: 0;width: 100%;height: 60px;background-color: rgb(0 0 0 /0.2);display: flex;align-items: center;justify-content: center;}
.nybanner .nynav_box .wrap{display: flex;justify-content: space-between;}
.nybanner .nynav_box .wrap:after{display: none;}
.nybanner .nynav_box .position_l{display: flex;align-items: center;}
.nybanner .nynav_box .position_l i{display: block;width: 20px;}
.nybanner .nynav_box .position_l a,
.nybanner .nynav_box .position_l em{margin: 0 12px;display: block;font-size: 18px;color: #FFFFFF;}
.nybanner .nynav_box .position_l span{display: block;width: 0;height: 0;border-width: 6px 0 6px 6px;border-style: solid;border-color: transparent transparent transparent rgb(255 255 255 /0.8);/*透明 透明 透明 灰*/position: relative;}
.nybanner .nynav_box .n_nav ul{display: flex;}
.nybanner .nynav_box .n_nav ul li{padding: 0 25px;}
.nybanner .nynav_box .n_nav ul li a{font-size: 18px;color: #FFFFFF;height: 56px;display: flex;align-items: center;}
.nybanner .nynav_box .n_nav ul li.on a{border-bottom: 4px solid #3a419c;}
/*====翻页效果
#pages{padding-top:70px;padding-bottom:0;height:34px;width:100%;text-align:center;}
#pages a{margin-right:25px;height:34px;line-height:34px;transition:all ease .3s;font-size:16px;color:#888888;}
#pages a i{font-size:18px;position:relative;top:1px}
#pages a.active,#pages a:hover{color:#b59451;font-weight:600;}
.pc{display:block;}
.phone{display:none!important;}
====*/
@media screen and (max-width: 1700px){
.header .logo_box p{font-size:16px;}
.header,.header .search_btn_box,.header .logo_box{height: 80px;}
.header .logo_box img{width: 160px;}
.header .search_btn_box img{width: 18px;}
.header-ss-bj{top: 80px;}
.header .nav_box>ul>li{height: 80px;}
.header .nav_box>ul>li>a{font-size: 16px;line-height: 80px;}
.header .nav_box>ul>li>.sub{top: 80px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box .item:first-child{margin-right: 15%;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .tit a{font-size: 16px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .tit{margin-bottom: 10px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box dl dt h3 a{font-size: 14px;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li dl dd a{font-size: 14px;line-height: 28px;}
.banner .banner_text h5{font-size: 36px;}
.banner .banner_text h3{font-size: 80px;}
.banner .banner_text h6{font-size: 22px;}
.banner .swiper .swiper-pagination span{width: 80px;height: 8px;}
.index_box1{padding: 80px 0 0px;}
.i_tit{margin-bottom: 50px;}
.i_tit h3{font-size: 36px;}
.i_tit p{font-size: 16px;}
.index_box1 .list_box .item .text_box h3{font-size: 24px;}
.index_box1 .list_box .item .text_box .p{font-size: 14px;margin-bottom: 30px;}
.index_box1 .list_box .item .text_box{margin-bottom: 50px;}
.index_box1 .list_box .list_right .item .box{padding: 0 30px;width: calc(100% - 60px);}
.index_box1 .list_box .list_right .item:not(:first-child) .text_box{padding-top: 40px;}
.index_box1 .list_box .list_right .text_box .p{line-height: 24px;}
.index_box1 .keyword .keyword_list ul li a{font-size: 18px;}
.index_box1 .keyword h3{color: #222222;font-size: 20px;}
.index_box1 .keyword .keyword_list ul li:not(:last-child):after{margin: 0 18px;}
.index_box2{padding: 80px 0 70px;}
.index_box2 .list_box ul li .item_bg .tetxbox i img{width: 36px;display: inline-block;}
.index_box2 .list_box ul li .item_bg .tetxbox{padding: 30px;width: calc(100% - 60px);}
.index_box2 .list_box ul li .tetxbox h3{font-size: 20px;margin-top: 20px;}
.index_box2 .list_box ul li.active .tetxbox .p{margin-top: 28px;}
.index_box3{padding: 100px 0 70px;}
.index_box3 .tit h3{font-size: 36px;margin-bottom: 32px;}
.index_box3 .tit .p{font-size: 20px;line-height: 30px;}
.index_box3 .left_con .more a,.index_box4 .more a{width: 210px;height: 46px;}
.index_box3 .left_con .more a span,.index_box4 .more a span{font-size: 16px;}
.index_box3 .left_con .more a:after,.index_box4 .more a:after{width: 32px;height: 12px;}
.index_box3 .left_con .left_data p big{font-size: 52px;height: 48px;}
.index_box3 .left_con .left_data p{height: 48px;}
.index_box3 .left_con .left_data p small{font-size: 22px;}
.index_box3 .left_con .left_data h6{font-size: 15px;}
.index_box3 .left_con .left_data ul li{margin: 42px 0;}
.index_box3 .left_con .left_data ul li:last-child{margin-bottom: 0;}
.index_box3 .right_con .intro{font-size: 16px;line-height: 28px;}
.index_box3 .right_con .intro p{margin-bottom: 26px;}
.index_box4{padding: 80px 0 70px;}
.index_box4 .list_box .item .item_tit,.index_box4 .list_box .item .item_tit a,.index_box4 .list_box .item .item_list ul li{height: 220px;}
.index_box4 .list_box .item .item_tit a h3{font-size: 24px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all 0.2s ease-in-out;}
.index_box4 .list_box .item .item_tit:hover a h3{transform: translateY(-10px);}
.index_box4 .list_box .item .item_list ul li .box{padding: 35px 20px 20px;}
.index_box4 .list_box .item .item_list ul li .time{font-size: 14px;}
.index_box4 .list_box .item .item_list ul li h3 a{font-size: 18px;}
.index_box4 .list_box .item .item_list ul li h3{margin-bottom: 25px;margin-top: 15px;}
.index_box4 .list_box .item .item_list ul li .intro{font-size: 14px;line-height: 24px;}
.index_box4 .more{margin: 40px auto 0;}
.index_box5 .list ul li a{height: 75px;}
.footer .f_top{padding-top: 60px;}
.footer .f_top .f_logo .logo{width: 230px;}
.footer .f_top .f_tel h3{font-size: 16px;}
.footer .f_top .f_tel p{font-size: 32px;}
.footer .f_top .f_nav{margin-bottom: 50px;}
.footer .f_top .f_nav>ul>li>a{font-size: 18px;}
.footer .f_top .f_nav>ul>li ul{margin-top: 20px;}
.footer .f_top .f_nav>ul>li ul li a{font-size: 16px;line-height: 36px;}
.footer .f_top .link_box h3{font-size: 14px;}
.footer .f_top .link_box .list ul li a{font-size: 14px;}
.footer .f_top .link_box .list ul li:not(:last-child):after{height: 14px;}
.footer .f_copy{height: 60px;line-height: 60px;font-size: 16px;}
.index_box5_con .swiper-slide a img{max-width: 80%;max-height: 80%;}
}
/*1550*/
@media screen and (max-width: 1550px){
.header,.header .search_btn_box,.header .logo_box,.header .lan_box{height: 70px;}
.header .logo_box img{width: 140px;}
.header .search_btn_box img{width: 16px;}
.header-ss-bj{top: 70px;}
.header .nav_box>ul>li{height: 70px;}
.header .nav_box>ul>li>a{line-height: 70px;    padding: 0 25px 0px;}
.header .nav_box>ul>li>.sub{top: 70px;}
.header .nav_box>ul>li>.sub2 .wrap .menu-container>ul{display: flex;justify-content: space-between;}
.header .nav_box>ul>li>.sub2 .menu-container>ul>li .item_box .item:first-child{margin-right: 15%;}
.banner .banner_text h5{font-size: 28px;}
.banner .banner_text h3{font-size: 68px;margin-bottom: 20px;margin-top: 5px;}
.banner .banner_text h6{font-size: 20px;}
.banner .swiper .swiper-pagination span{width: 70px;height: 6px;}
.i_tit{margin-bottom: 40px;}
.i_tit h3{font-size: 30px;}
.i_tit p{font-size: 15px;}
.index_box1 .list_box .item .text_box h3{font-size: 22px;margin-bottom: 12px;}
.index_box1 .list_box .item .text_box .pro_more{font-size: 14px;}
.index_box3 .tit h3{font-size: 32px;margin-bottom: 26px;}
.index_box3 .tit .p{font-size: 18px;line-height: 30px;}
.index_box1{padding: 70px 0 0px;}
.index_box1 .list_box .item .text_box .pro_more{font-size: 15px;}
.index_box1 .keyword{margin: 30px auto 40px;}
.index_box1 .keyword h3{font-size: 18px;}
.index_box1 .keyword .keyword_list ul li:not(:last-child):after{height: 16px;}
.index_box1 .keyword .keyword_list ul li a{font-size: 16px;}
.index_box2,.index_box4{padding: 70px 0 60px;}
.index_box2 .list_box ul li.active .tetxbox .p{font-size: 14px;}
.index_box3{padding: 80px 0 60px;}
.index_box3 .left_con .left_data ul li{margin: 38px 0;}
.index_box3 .left_con .left_data p big{font-size: 46px;height: 42px;}
.index_box3 .left_con .left_data p{height: 42px;}
.index_box3 .left_con .left_data p small{font-size: 20px;}
.index_box5{padding: 20px 0 70px}
.index_box5 .list ul li a{height: 65px;}
.footer .f_top{padding-top: 50px;}
.footer .f_top .f_logo .logo{width: 210px;}
.footer .f_top .f_tel p{font-size: 28px;}
.footer .f_top .f_nav{margin-bottom: 40px;}
.footer .f_top .f_nav>ul>li ul{margin-top: 15px;}
.footer .f_top .f_nav>ul>li>a{font-size: 16px;}
.footer .f_top .f_nav>ul>li ul li a{font-size: 14px;line-height: 30px;}
.footer .f_copy{height: 50px;line-height: 50px;font-size: 14px;}
}
@media screen and (max-width: 1400px){
.wid1200{width: 80%;}
.banner .banner_text h3{font-size: 50px;margin-bottom: 20px;margin-top: 5px;}
.banner .banner_text h5{font-size: 24px;}
.banner .banner_text h6{font-size: 18px;}
.banner .swiper .swiper-pagination span{width: 60px;height: 5px;margin: 0 15px;}
.index_box3 .left_con{width: 320px;}
.index_box3 .right_con{min-width: 680px;}
.i_tit{margin-bottom: 40px;}
.i_tit h3{font-size: 24px;}
.i_tit p{font-size: 14px;}
.index_box1 .list_box .item .text_box h3{font-size: 20px;margin-bottom: 12px;}
.index_box1 .list_box .item .text_box .pro_more{font-size: 14px;}
.index_box1{padding: 60px 0 0px;}
.index_box2,.index_box4{padding: 60px 0 50px;}
.index_box2 .list_box ul li .tetxbox h3{font-size: 18px;margin-top: 15px;}
.index_box2 .list_box ul li.active .tetxbox .p{margin-top: 20px;}
.index_box3 .tit h3{font-size: 24px;margin-bottom: 24px;}
.index_box3 .tit .p{font-size: 16px;line-height: 26px;}
.index_box3 .left_con .more{margin-top: 30px;}
.index_box3 .left_con .more a,.index_box4 .more a{width: 180px;height: 42px;}
.index_box3 .left_con .more a span,.index_box4 .more a span{font-size: 14px;}
.index_box3 .left_con .more a:after,.index_box4 .more a:after{width: 28px;height: 10px;}
.index_box3 .left_con .left_data p big{font-size: 38px;height: 35px;}
.index_box3 .left_con .left_data p{height: 35px;}
.index_box3 .left_con .left_data h6{font-size: 14px;margin-top: 10px;}
.index_box3 .left_con .left_data ul li:first-child{margin-top: 36px;}
.index_box3 .left_con .left_data ul li{margin: 30px 0;}
.index_box3 .right_con .intro{font-size: 14px;line-height: 24px;}
.index_box3 .right_con .intro p{margin-bottom: 18px;}
.index_box3{padding: 70px 0 50px;}
.index_box4 .list_box .item .item_tit{width: 24.5%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.index_box4 .list_box .item .item_list{width: 75.5%;}
.index_box4 .list_box .item .item_tit a h3{font-size: 20px;}
.index_box4 .list_box .item .item_list ul li{border-radius: 10px;}
.index_box4 .list_box .item .item_list ul li .box{padding: 30px 15px 15px;}
.index_box4 .list_box .item .item_list ul li h3 a{font-size: 16px;height:22px;}
.index_box4 .list_box .item .item_list ul li h3{margin-bottom: 20px;margin-top: 10px;}
.index_box4 .list_box .item .item_tit,.index_box4 .list_box .item .item_tit a,.index_box4 .list_box .item .item_list ul li{height: 190px;}
.index_box4 .more{margin: 30px auto 0;}
.index_box5{padding: 20px 0 60px}
.index_box5_con .swiper{height: 15vw;}
}
@media screen and (min-width: 1200px){
.mobile_nav_box{display: none;}
.header:hover{background: #FFFFFF;}
.header:hover .logo_box .logo,.header:hover .search_btn_box .seatch_icon{display: block;}
.header:hover .logo_box .logo-w,.header:hover .search_btn_box .seatch_icon_w{display: none;}
.header:hover .nav_box>ul>li>a{color: #333333;}
.header:hover .nav_box>ul>li>a:hover{color: #353b8c;}
.header:hover .nav_box>ul>li>a:after{background: #333333;}
.footer .f_top .f_ewm{display: none !important;}
.index_box3 .wrap .i_tit{display: none !important;}
.list_box2{display: none !important;}
.phone{display: none !important;}

.index_box1 .keyword .keyword_list ul{height: 24px;overflow: hidden;}


}

@media screen and (max-width: 1200px){
html,body{overflow-x: inherit;}
::-webkit-scrollbar{width: 4px;height: 4px;background: #f1f1f1;}
.pc{display: none !important;}
.phone{display: block !important;}
.main_box,.wrap{min-width: 80%;width: calc(100% - 44px);margin: 0 20px;}
.header .menuBtn{display: block;}
.header .menuBtn{width: 50px;height: 50px;display: block;position: absolute;right: 10px;top: 10px;z-index: 130;}
.header .menuBtn span,.header .menuBtn.on span{width: 24px;height: 0.14em;background: #FFFFFF;border-radius: 3px;position: absolute;left: 13px;top: 23px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
.header .menuBtn.on span{}
.header .menuBtn span.line1{top: 15px;}
.header .menuBtn span.line3{top: 31px;}
.header .menuBtn.on span.line1{top: 23px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.header .menuBtn.on span.line2{opacity: 0;}
.header .menuBtn.on span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.header .search_btn_box{margin-right: 20px;display: none;}
.header_light .menuBtn span,.header_bg .menuBtn span{background: #333333;}
.header .nav_box{display: none;}
.header .mobile_nav_box{display: none;width: 100vw;left: 0;background: #4d1bd1;position: absolute;top: 0px;height: calc(100vh - 100px);padding: 50px 0;}
.header .mobile_nav_box>ul>li{float: none;text-align: left;margin: 0 15px;border-bottom: 1px solid #5c2bde;position: relative;transition: all .5s;padding: 0 10px;}
.header .mobile_nav_box>ul>li>a{height: 50px;line-height: 50px;color: #ffffff;display: flex;font-size: 16px;}
.header .mobile_nav_box>ul>li.down>a{justify-content: space-between;align-items: center;}
.header .mobile_nav_box>ul>li.down>a:after{content: '';display: block;width: 20px;height: 20px;background-image: url("../images/icon_rw.svg");background-repeat: no-repeat;background-position: center;background-size: 15px;}
.header .mobile_nav_box>ul>li.down.now>a:after{transform: rotate(90deg);}
.header .mobile_nav_box>ul>li .sub{display: none;width: calc(100% - 20px);left: 0;padding: 0px 10px 10px;transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-o-transform: translate(0%, 0%);}
.header .mobile_nav_box>ul>li .sub ul li a{color: #ffffff;font-size: 14px;line-height: 32px;opacity: 0.8;}
.header .mobile_nav_box .mobile_search{display: flex;justify-content: center;margin-right: 0;margin-top: 1rem;margin-bottom: 1rem;}
.header .lan_box{height:70px;margin-right:40px;}



/*搜索*/
.mobile_search{display: flex;justify-content: center;margin-top: 1rem;margin-bottom: 1rem;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);*transform: translateY(30px);}
.header .mobile_nav_box.act .mobile_search{opacity: 1;transition: all 0.5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);transform: translateY(0);}
.mobile_search form{width: 304px;height: 46px;background: none;border-radius: 26px;border: 1px solid rgb(191 195 200 / 63%);display: flex;align-items: center;justify-content: space-between;}
.mobile_search form .input{width: 100px;height: 100%;background: none;border: 0;flex-grow: 1;color: #fff;padding-left: 20px;}
.mobile_search form .button{width: 46px;height: 100%;cursor: pointer;background: url(../images/seatch_icon-w.svg) center no-repeat !important;background-size: 23px !important;border: 0;outline: 0;color: #fff;}
.mobile_search form .button:active{background: url(../images/search-btn.svg) center no-repeat;}
.mobile_search form .input::-webkit-input-placeholder{color: #fff;}
.mobile_search form .input::-moz-placeholder{/* Mozilla Firefox 19+*/color: #fff;}
.mobile_search form .input::-moz-placeholder{/* Mozilla Firefox 4 to 18*/color: #fff;}
.mobile_search form .input::-ms-input-placeholder{/* Internet Explorer 10-11*/color: #fff;}
.mobile_search form .input:focus::-webkit-input-placeholder{color: transparent;}
.mobile_search form .input:focus:-moz-placeholder{color: transparent;}
.mobile_search form .input:focus::-moz-placeholder{color: transparent;}
.mobile_search form .input:focus:-ms-input-placeholder{color: transparent;}
.header_light .mobile_nav_box>ul>li>a,.header_bj .mobile_nav_box>ul>li>a{color: #ffffff;}
.banner .swiper .swiper-slide a .img{height: 70vh;}
.banner .banner_text .wrap{width: auto;min-width: 0;}
.banner .banner_text h5{font-size: 20px;}
.banner .banner_text h3{font-size: 40px;margin-bottom: 15px;}
.banner .swiper .swiper-pagination span{width: 30px;height: 4px;margin: 0 10px;}
.banner .swiper .swiper-button-next,.banner .swiper .swiper-button-prev{display: none;}
.index_box1 .list_box2{margin: 0 20px;}
.index_box1 .list_box2 .item{background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_box1 .list_box2 .text_box{margin-bottom: 25px;}
.index_box1 .list_box2 .text_box h3{font-size: 20px;color: #000000;margin-bottom: 15px;}
.index_box1 .list_box2 .text_box .p{font-size: 14px;color: #878b90;margin-bottom: 20px;}
.index_box1 .list_box2 .text_box .pro_more{font-size: 14px;color: #484a4d;}
.index_box1 .list_box2 .item.li1 .box{padding: 35px 0;}
.index_box1 .list_box2 .item.li1 .img_box img{width: 20vw;}
.index_box1 .list_box2 .item.li1{background-image: url(../images/pro_itembg1.jpg);background-position: center bottom -50px;margin-bottom: 20px;text-align: center;}
.index_box1 .list_box2 .item.li2{background-image: url(../images/pro_itembg2.jpg);margin-bottom: 20px;}
.index_box1 .list_box2 .item.li3{background-image: url(../images/pro_itembg3.jpg);margin-bottom: 20px;}
.index_box1 .list_box2 .item.li4{background-image: url(../images/pro_itembg4.jpg);}

.index_box1 .list_box2 .item.li1 .box{width: 90%;padding: 0;margin: 0 auto;height: 36vw;display: flex;align-items: center;justify-content: space-between;}
.index_box1 .list_box2 .item:not(:first-child) .box{width: 90%;margin: 0 auto;height: 36vw;display: flex;align-items: center;justify-content: space-between;}
.index_box1 .list_box2 .item:not(:first-child) .text_box{width: 48%;}
.index_box1 .list_box2 .item:not(:first-child) .img_box{width:30%;text-align: right;}
/*.index_box1 .list_box2 .item.li2 .img_box,.index_box1 .list_box2 .item.li3 .img_box,.index_box1 .list_box2 .item.li4 .img_box{width:30%;}*/
.index_box1 .keyword h3{float: left;font-size: 16px;font-weight:bold;margin-bottom:8px;}
.index_box1 .keyword .keyword_list{float: left;width: calc(100% - 80px);}
.index_box1 .keyword .keyword_list ul{display: block;}
.index_box1 .keyword:after,.index_box1 .keyword .keyword_list ul:after{content: '';display: block;clear: both;height: 0;overflow: hidden;}
.index_box1 .keyword .keyword_list ul li{float: left;margin-bottom: 5px;}
.index_box1 .keyword .keyword_list ul li a{font-size: 14px;}
.index_box1 .keyword .keyword_list ul li:not(:last-child):after{height: 14px;margin: 0 12px;}
.index_box2 .list_box2 .swiper{padding-bottom: 40px;}
.index_box2 .list_box2 .swiper-slide a{display: block;border-radius: 10px;overflow: hidden;}
.index_box2 .list_box2 .swiper-slide .item_bg .tetxbox i img{width: 36px;display: inline-block;}
.index_box2 .list_box2 .swiper-slide .item_bg{height:75vw;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.index_box2 .list_box2 .swiper-slide .tetxbox{color: #FFFFFF;padding: 30px;width: calc(100% - 60px);position: absolute;bottom: 0;left: 0;}
.index_box2 .list_box2 .swiper-slide .tetxbox h3{font-size: 18px;margin-top: 15px;}
.index_box2 .list_box2 .swiper-slide .tetxbox .p{height: auto;line-height: 20px;margin-top:10px;font-size: 14px;position: relative;}
.index_box2 .list_box2 .swiper-slide .tetxbox .p,.index_box2 .list_box2 .swiper-slide .tetxbox .p p{word-wrap: break-word;}
.index_box2 .list_box2 .swiper-button-next,.index_box2 .list_box2 .swiper-button-prev{display: none;}
.index_box2 .list_box2 .swiper-pagination{bottom: 0;}
.index_box3{background-position: top center;}
.index_box3 .right_con .intro p{margin-bottom: 13px;}
.index_box3 .wrap{display: block;}
.index_box3 .left_con{width:100%;}
.index_box3 .left_con .left_data ul{display:flex;}
.index_box3 .left_con .left_data ul li{width:33.3%;}
.index_box3 .left_con .left_data p small{font-size:16px;}
.index_box3 .right_con{min-width: 300px;width: 100%;}
.index_box3 .index_bot .more{display: flex;justify-content: center;margin-top: 30px;}
.index_box3 .index_bot .more a,.index_box4 .more a{width: 150px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 26px;border: 2px solid #353b8c;}
.index_box3 .index_bot .more a span,.index_box4 .more a span{color: #353b8c;font-size: 14px;margin-right: 15px;}
.index_box3 .index_bot .more a:after,.index_box4 .more a:after{content: '';display: block;width: 28px;height: 8px;background-image: url(../images/jt_r.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_box3 .left_con .left_data ul li:first-child{margin-top:30px;}
.footer .f_top .f_nav{display: none;}
.footer .f_top .link_box{display: none;}
.footer .f_top .f_logo .logo_b{display: none;}
.footer .f_top .f_logo{margin: auto;float: none;width: 100%;}
.footer .f_top .f_logo .logo{margin: 0 auto 20px;}
.footer .f_top .f_tel{justify-content: center;margin-bottom:15px;margin-top:15px;}
.footer .f_top .f_ewm{margin-top: 40px;margin-bottom: 30px;}
.footer .f_top .f_ewm .box{display: flex;justify-content: center;}
.footer .f_top .f_ewm .box ul{display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 15px;text-align: center;}
.footer .f_top .f_ewm .box ul li p{margin-top: 5px;}
.footer .f_tip{text-align:center;}
.index_box5_con .swiper{height: 25vw;}
.index_box3 .right_con .intro{line-height:20px;}
}
@media screen and (max-width:980px){
.index_box3 .left_con .left_data p big{font-size:34px;}
.index_box4 .list_box .item{flex-direction: column;}
.index_box4 .list_box .item .item_tit{border-radius: 10px;width:100%;background-size: cover;}
.index_box4 .list_box .item .item_list ul{display:block;grid-template-columns: repeat(1, 1fr);}
.index_box4 .list_box .item .item_list{width:100%;}
.index_box4 .list_box .item .item_list ul li{margin-top:20px;}
.index_box4 .list_box .item .item_list ul li h3{margin-bottom:10px;}
.index_box5 .list ul{overflow-y: auto;padding-bottom:20px;margin-bottom:-10px;grid-column-gap: 10px;grid-row-gap: 10px;}
.index_box5 .list ul li{width:180px;}
.index_box5 .list{overflow:hidden;}
.banner .banner_text{text-align:center;align-items: flex-start;top: 4.35rem;}
.banner .banner_text h3{font-size:32px;margin-bottom:8px;}
.header{background: #FFFFFF;box-shadow: 0 1px 12px 3px #45454530;}
.header .logo_box .logo,.header .search_btn_box .seatch_icon{display: block;}
.header .menuBtn span{background: #222;}
.header .logo_box p{color:#a1a3ae;}
.header .logo_box p:after,{background: rgb(166 170 184 / 30%);}
.header .logo_box .logo-w,.header .search_btn_box .seatch_icon_w{display: none;}
.header .logo_box p:after{background: rgb(166 170 184 / 30%);}
.header .nav_box>ul>li>a{color: #333333;}
.header_light .nav_box>ul>li>a:hover,.header_bj .nav_box>ul>li>a:hover,.header_bg .nav_box>ul>li>a:hover{color: #353b8c;}
.header_light .nav_box>ul>li>a:after,.header_bj .nav_box>ul>li>a:after,.header_bg .nav_box>ul>li>a:after{background: #333333;}
.banner{margin-top:70px;}
.banner .banner_text h6{font-size:16px;}
.banner .banner_text h5{font-size:18px;}
.header .lan_box a{color:#333333;background:#e5e6ec}
}
@media screen and (max-width: 800px){
.i_tit{margin-bottom: 30px;}
.banner .banner_text{}
.banner .swiper .swiper-slide a .img{height:36rem;}
.index_box1 .list_box2 .item{margin-bottom: 15px !important;}
.index_box1 .list_box2 .item.li1 .text_box{width:48%;text-align: left;}
.index_box1 .list_box2 .text_box .p{display: none;}
.index_box1 .list_box2 .text_box h3{font-size: 16px;}
.header_light .logo_box p,.header .logo_box p{font-size:12px;padding-left:8px;margin-left:8px;}
.header .logo_box img{width:120px;}
.index_box2 .list_box2 .swiper-slide .item_bg{height:95vw}
.index_box2 .list_box2 .swiper-slide .tetxbox .p{height:180px;line-height:13px;font-size:12px;}
.index_box2 .list_box2 .swiper-slide .tetxbox{padding:12px;width: calc(100% - 24px);}
.index_box5_con .swiper{height:28vw;}
.index_box5_con .swiper-slide{}

}
@media screen and (max-width: 500px){
.i_tit h3{font-size: 20px;}
.index_box3 .left_con .left_data p big{font-size:26px;}
.index_box1 .keyword{flex-direction: column;}
.index_box1 .keyword .keyword_list ul li{width:50%;}
.index_box3 .tit h3{font-size: 20px;margin-bottom: 10px;}
.index_box1 .keyword .keyword_list ul li:not(:last-child):after{display:none;}
.index_box1 .keyword .keyword_list{width:100%;}
.index_box4 .list_box .item .item_list ul li{height:auto;padding-bottom:10px;}
.index_box4 .list_box .item .item_tit, .index_box4 .list_box .item .item_tit a{height:120px;}
.index_box1{padding: 40px 0 0px;}
.index_box3 .tit .p{font-size:14px;}
.index_box3{padding: 60px 0 30px;}
.index_box2,.index_box4{padding: 40px 0 30px;}
.index_box3 .index_bot .more a,.index_box4 .more a,.index_box3 .left_con .more a, .index_box4 .more a{width: 120px;height: 32px;}
.index_box3 .index_bot .more a span,.index_box4 .more a span ,.index_box3 .left_con .more a span{margin-right: 10px;}
.index_box3 .index_bot .more a:after,.index_box4 .more a:after{width: 24px;height: 8px;}
.index_box5{padding: 20px 0 40px;}
.footer .f_top .f_ewm{margin-top: 30px;}
.footer .f_top .f_ewm .box ul li img{width: 100px;}
.footer .f_top .f_logo .logo{width: 180px;}
.footer .f_top .f_ewm .box ul li p{font-size: 12px;}
.footer .f_top .f_tel p{font-size:24px;}
.footer .f_tip{line-height: 22px;font-size: 14px;}
.footer .f_copy{height: auto;padding: 15px 0;line-height: 24px;}
.index_box5_con .swiper{height:35vw;}
}