.main{ line-height: 30px; padding: 4% 0;}
body {
    --theme-org: #f9820b;
    --theme-blue: #1a4bb7;
}


@media screen and (max-width:768px){
    .row{ margin: 0;}
    .p15{ padding-left: 15px !important; padding-right: 15px !important;}
}

@media screen and (max-height:800px){
    .index_800{ zoom: 0.8;}
    .index_900{ zoom: 0.9;}
}
@media screen and (max-height:650px){
    .index_700{ zoom: 0.7;}
}
@media screen and (max-width:991px){
    .index .swiper-slide .container{ padding-left: 15px; padding-right: 15px;}
}


.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
/*.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/shuiyin.png") repeat center top; width: 100%; height: 100%; background-size: 100% 100%;}*/

.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}


#dituContent label {
  max-width: unset!important;
  text-align: center;
}

@media screen and (max-width:991px){
    .layui-layer{ width: 94% !important; left: 3% !important;}
}



/*头部*/
#top_index{ height: auto; margin: 0 auto; position: fixed; z-index: 200; transition: 0.3s; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-bottom: 1px solid rgba(255,255,255,0.2);}
#top_index_zy{ position: fixed; left: 0; top: 0; z-index: 999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#logo{ text-align: center; transition: 0.3s; padding: 1% 0;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; margin: 0 auto; transition:0.5s;}

#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ display: inline-block; position: relative; height: 50px; line-height: 50px; font-size: 18px; color: #000000; text-align: center; transition:0.5s;}
#nav li .big{ display: block; color: #000; position: relative; z-index: 1; }
#nav li .big:before{ position: absolute; left: 50%; bottom: 0; content: ''; background: var(--theme-org); width: 0; height: 3px; transition: 0.3s;}
#nav li:hover .big:before{ left: 0; width: 100%;}

#nav li .navson{ display: none; position: absolute; left: 50%; transform: translateX(-50%); top:155%; z-index: 999; width: 200%; background: #fff; padding: 10px 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
#nav li .navson a{ display: block; color: #666 !important; border-bottom: 1px solid #ededed; height: 45px; line-height: 45px; text-align: center;font-size: 14px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: pre; transition: 0.3s;}
#nav li .navson a:hover{ color: var(--theme-blue) !important;}

#nav li .navcp{ display: none; position: absolute; overflow: hidden; left: 0 !important; transform: translateX(-36%); border-top: 1px solid #ededed; background: #fff; color: #333; top:155%; z-index: 99999; width: 101vw; box-shadow: 0 10px 10px rgba(0,0,0,0.05); }

#nav li .navson dl dd{ width: 20% !important;}
#nav li .navson dl dd:last-of-type{ border-right: none;}
#nav li .navson .nav_pic{ padding: 20px; overflow: hidden;}
#nav li .navson .nav_pic dd{ margin: 0 5px; line-height: 32px; width: 10%; padding: 20px 0 20px 4%; position: relative;}
#nav li .navson .nav_pic dd:before{ position: absolute; right: 0; top: 0; content: '';  width: 1px; height: 250%; background: #ececec;}
#nav li .navson .nav_pic dd a{ border-bottom: none !important; text-align: left !important;}
#nav li .navson .nav_pic .tit a{ font-size: 20px !important; color: #333 !important; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#nav li .navson .nav_pic .bt{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#nav li .navson .nav_pic .bt a{ font-size: 16px; color: #666; height: 40px; line-height: 40px;}


.top_qh{ color: #282828; font-size: 20px;}
.top_qh a{ padding: 0 15px;}


.lh-nav-btn{margin-left:18px; display:flex; align-items:center; position:relative; z-index:100;}
.lh-nav-btn span{display:block; width:52px; height:52px; border-radius:50%; background:var(--theme-org); margin-right:14px; position:relative;}
.lh-nav-btn span:before,.lh-nav-btn span:after{content:''; display:block; width:22px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-7px 0 0 -11px;transition: all .8s cubic-bezier(.77,0,.175,1);}
.lh-nav-btn i:after{content:'';display:block; width:18px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -11px; transform-origin:left center;transition: all .8s cubic-bezier(.77,0,.175,1);}
.lh-nav-btn em{transition:cubic-bezier(0.215,.61,.355,1) .45s; color: #fff;}
.Nav .lh-nav-btn i:after{transform:scaleX(0);}
.Nav .lh-nav-btn span:before{transform:translate(0,6px) rotate(45deg);}
.Nav .lh-nav-btn span:after{transform:translate(0,-6px) rotate(-45deg);}
.lh-nav-btn span:after{margin:5px 0 0 -11px;}

.lh-nav-btn b{width:52px; height:52px; position:absolute; left:0; top:0;}
.lh-nav-btn b:before{content:''; display:block; width:200vh; height:200vh; margin:-100vh 0 0 -100vh; border-radius:50%; background:#fff; z-index:-1; position:absolute; left:50%; top:50%;transition: all .8s cubic-bezier(.77,0,.175,1); transform:scale(0);}
.Nav .lh-nav-btn b:before{transform:scale(1);}

.layer-shadow{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:98; background:rgba(0,0,0,.7); opacity:0; visibility:hidden; transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.nav-layer{position:fixed; right:0; top:150px; bottom:0; z-index:101; padding:0 3.4375000000000004vw 0 0;pointer-events: none; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.Nav .nav-layer{opacity:1; transition-delay:.8s;pointer-events:initial;}

.Nav .lh-nav-btn{color:#000;}
.Nav .layer-shadow{opacity:1; visibility:visible;}

.nav-item-box{text-align:right; height:calc(100vh - 250px); display:flex;flex-direction:column;}
.nav-item-box>*{flex:1; transform:translateY(60px); opacity:0;}
.Nav .nav-item-box>*{animation:navItem cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
@keyframes navItem{
    to{transform:translateY(0); opacity:1;}
}
.Nav .nav-item-box>*:nth-child(1){animation-delay:.55s;}
.Nav .nav-item-box>*:nth-child(2){animation-delay:.65s;}
.Nav .nav-item-box>*:nth-child(3){animation-delay:.75s;}
.Nav .nav-item-box>*:nth-child(4){animation-delay:.85s;}
.Nav .nav-item-box>*:nth-child(5){animation-delay:.95s;}
.Nav .nav-item-box>*:nth-child(6){animation-delay:1.05s;}
.Nav .nav-item-box>*:nth-child(7){animation-delay:1.15s;}
.Nav .nav-item-box>*:nth-child(8){animation-delay:1.25s;}
.nav-item dt{margin-top:2vh;}
.nav-item dt:first-child{margin-top:0;}
.nav-item dt a{position:relative; white-space:nowrap; line-height:36px;}
.nav-item dt a:hover{color:var(--theme-org);}
.nav-item dt a:before{content: ''; display: block; width: 110%; height: 3px; background: #344154; position: absolute; left: -5%; top: 50%; margin-top: -1px; transform-origin: left center; transition: transform .8s; transform: scaleX(0); z-index: 2;}
.nav-item dt a:hover:before{transform:scaleX(1); transition-duration: .3s;}
.nav-item dt a em{opacity:1; font-size: 30px; font-weight: bold; transition: 0.3s;}
.nav-item dt span{position:absolute; left:0; top:0; width:100%; height:50%; overflow:hidden;transition: transform .8s;}
.nav-item dt a span,.nav-item dt a:before{display:none;}
.nav-item dt span:last-child{top:50%;}
.nav-item dt span:last-child:before{transform:translateY(-50%);display: block;}
.nav-item dt a:hover span:nth-child(2){transform: translateX(-5px) skew(-20deg);transition-duration: .3s;}
.nav-item dt a:hover span:nth-child(3){transform: translateX(5px) skew(-20deg);transition-duration: .3s;}
.nav-item dt span:before{content:attr(data-text);}
.nav-item dd{overflow:hidden;}
.nav-item dd>a{margin-left:2.083333333333333vw; position:relative; color:#666;margin-top:10px; z-index:1; display:inline-block; font-size: 16px;}
.nav-item dd>a:before{content:''; display:block; width:30px; height:30px; border-radius:50%; background:var(--theme-org);background: -webkit-radial-gradient(var(--theme-org),rgba(250,119,14,0),rgba(250,119,14,0)); position:absolute; right:0; bottom:0; z-index:-1; opacity:0;    transition: cubic-bezier(0.215,.61,.355,1) .45s; transform:translateX(-40px);}
.nav-item dd>a:hover:before{opacity:1; transform:translateX(0);}
.nav-item dd>a:first-child{margin-left:0;}

@media screen and (max-width:1440px){
    .nav-item dt a em{ font-size: 20px;}
    .lh-nav-btn{margin-left:10px;}
    .lh-nav-btn span{width:32px; height:32px; margin-right:0;}
    .lh-nav-btn em{display:none;}
    .lh-nav-btn span:before, .lh-nav-btn span:after{width:18px; height:1px; margin:-4px 0 0 -9px;}
    .lh-nav-btn span:after{margin:5px 0 0 -9px;}
    .lh-nav-btn i:after{width:14px; height:1.2px; margin:0 0 0 -9px;}
    .Nav .lh-nav-btn span:before{transform: translate(0,5px) rotate(45deg);}
    .Nav .lh-nav-btn span:after{transform: translate(0,-5px) rotate(-45deg);}
    .lh-nav-btn i:before{width:250vh; height:250vh;}
    .nav-item-box{height:calc(100vh - 80px);}
    .nav-layer{top:80px;}
    .nav-item dt a{line-height:22px;}
}





@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1540px){
    #nav li{ font-size: 16px;}
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    #nav{ margin-top: 0;}
    .top_qh{ font-size: 13px;}
    .top_qh a{ padding: 0 5px;}
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #logo{ padding: 1% 0 1% 3%; text-align: left;}
    #logo a img{ margin: inherit !important;}
}
@media screen and (max-width:768px){
    #logo{ padding: 2%;}
}




/*首页大图*/
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative; height: 100vh !important;float: left; background-size: auto 100% !important;}
.banner .swiper-slide img{ height: 100vh; width: 100vw;}
/*.banner .swiper-slide a{display:block;width:100%;height: auto !important;}*/
/*.banner .swiper-slide a img{ width: 100%; height: auto;}*/
.banner .swiper-pagination{ bottom: 5% !important; width: auto !important;; left: 15% !important;;}
.banner .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 100%; transition:0.3s; margin-right: 30px !important;; background: #fff; opacity: 1; position: relative;}
.banner .swiper-pagination-bullet:before{ position: absolute; left: -10px; top: -10px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; content: ''; opacity: 0; transition: 0.3s;}
.banner .swiper-pagination-bullet-active:before{ opacity: 1;}

.banner .swiper-container #swiper-slide1{text-align: center !important; position: relative;}
.banner .swiper-container #swiper-slide1:before{ position: absolute; width: 100%; height: 15%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(255,255,255,0.01)); content: ''; left: 0; top: 0; z-index: 2;}

.banner .swiper-container .swiper-slide .swiper-slide-content {position: absolute;text-align: left;width: 1600px;height: auto;left: 50%;top: 40%;-webkit-transform: translate(-50%,-30%);transform: translate(-50%,-30%);z-index: 2;}
.banner .swiper-container .swiper-slide .swiper-slide-title {opacity: 0; margin-bottom: 0; -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;}
.banner .swiper-container .swiper-slide .swiper-slide-subtitle {opacity: 0; margin-left: 20px; margin-bottom: 0; -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}
.banner .swiper-container .swiper-slide .swiper-slide-title img,.banner .swiper-container .swiper-slide .swiper-slide-subtitle img{ max-width: 100%;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-title {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 0.8s;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-subtitle {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 1s;}


#mobile_banner img{ width: 100vw; height: 100vh;}


/*.banner .swiper-container #swiper-slide1 .swiper-slide-content{ text-align: center !important; top: 40% !important;}*/
/*.banner .swiper-container #swiper-slide3 .swiper-slide-content{ top: 25% !important;}*/
@media screen and (max-height:800px){
    /*.banner .swiper-container .swiper-slide .swiper-slide-title img,.banner .swiper-container .swiper-slide .swiper-slide-subtitle img{ max-width: 60% !important;}*/
}
@media screen and (max-width:1600px){
    .banner .swiper-slide img{ width: 100%;}
    .banner .swiper-slide{ background-size: 100% 100% !important;}
    .banner .swiper-container .swiper-slide .swiper-slide-content{ width: 90%;}
    .banner .swiper-container .swiper-slide .swiper-slide-subtitle{ margin-left: 0;}
    .banner .swiper-container .swiper-slide .swiper-slide-title img,.banner .swiper-container .swiper-slide .swiper-slide-subtitle img{ width: 60%;}
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    .banner .swiper-slide{ background-size: auto 100% !important;}
    .banner .swiper-slide img{ height: auto !important;}

}
@media screen and (max-width:991px){
    .banner{ padding-top: 10%;}
    .banner .swiper-slide{ background-size: auto 100% !important;}
    .banner .swiper-container .swiper-slide .swiper-slide-title img,.banner .swiper-container .swiper-slide .swiper-slide-subtitle img{ width: 60%;}
}
@media screen and (max-width:768px){
    .banner .swiper-slide{ background-size: 245% 100% !important;}
    .banner .swiper-container .swiper-slide .swiper-slide-title{ margin-bottom: 20px;}
    .banner .swiper-container .swiper-slide .swiper-slide-title img,.banner .swiper-container .swiper-slide .swiper-slide-subtitle img{ width: 100%;}
}


#menu { margin: 0; padding: 0; position: fixed; left: 0; top: 50%; width: 140px; list-style-type: none; z-index: 70;}
#menu li {position: relative;padding-left: 40px; line-height: 35px;margin-bottom: 10px;}
#menu li:after {position:absolute;top:51%;left:0;display:block;width:0;height:1px;background: var(--theme-org);content:"";transition:all .5s ease-out 0s}
#menu li a {display:inline-block;color:#999;font-weight:700;font-size:0;font-family:Arial;line-height:35px}
#menu li a i,#menu li a span {display:inline-block;vertical-align:middle;font-size:14px}
#menu li a i {font-style:normal}
#menu li a span {overflow:hidden;width:0;white-space:nowrap;transition:all .5s ease-out 0s}
#menu .swiper-pagination-bullet-active a {color: var(--theme-org)}
#menu .swiper-pagination-bullet-active span{width:80px}
#menu .swiper-pagination-bullet-active:after {width:85px}

@media screen and (max-width:991px){
    #menu{ display: none;}
}



/*底部*/
#end_bj{ background: #191f2a; color: #fff;}

#end_logo{ border-bottom: 1px solid rgba(255,255,255,0.1); padding: 30px 0;}

.zy_search_form{ display: none; width: 30%; height: 50px; line-height: 50px; background: #393f48; border-radius: 25px; border: none;}
.zy_search_form #search_name{ width: 80%; height: 50px; line-height: 50px; background: none; float: left; outline: none; color: #b6b6b6; font-size: 16px; text-indent: 20px;}
.zy_search_form #button{ width: 38px; height: 38px; margin: 6px; background: url("../images/ss.png") no-repeat center; float: right; cursor: pointer; border:none;outline: none; transition: 0.3s; }

.end_line{ border-right: 1px solid rgba(255,255,255,0.1); padding: 4% 0 0;}
.end_line .end_navlb ul li a{ display: block; color: rgba(255,255,255,0.5); font-size: 14px; height: 40px; line-height: 40px;}
.end_line .end_navlb ul li:first-of-type{ color: #fff !important; font-size: 18px !important; position: relative; height: 40px; margin-bottom: 5px;}
.end_line .end_navlb ul li:first-of-type a{ color: #fff !important; font-size: 16px !important;}
.end_line #end_lx{ border-top: 1px solid rgba(255,255,255,0.1); margin-top: 5% !important; padding: 20px 0; color: rgba(255,255,255,0.5); text-align: center;}

.ewm{ width: 45%; text-align: center; background: url("../images/xw_bj.png") no-repeat center; background-size: 100% 100%; padding: 10px;}
.ewm img{ width: 100%; height: 100%;}

.end_nr{ padding: 2% 6% 0;}
.end_tel{ margin: 5% 0 2%;}
.end_tel p i{ font-size: 30px;}
.end_tel p{ font-size: 16px;}
.end_tel h4{ font-size: 36px; font-weight: bold !important;}
.end_tel1{ padding: 5% 0;}
.end_tel1 p{ color: #b0b0b0;}





@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    #end_lx p{ float: left; width: 50%; height: 40px; line-height: 40px;}
}
@media screen and (max-width:991px){
    #end_logo p,.zy_search_form{ display: none !important;}
}
@media screen and (max-width:768px){
    #end_bj .lx_tel{ display: none !important;}
    #end_lx p{ width: 100%;}
    #end_bj .main .ewm{ width: 30%;}
    #end_bj .main .ewm img{ max-width: 100%;}
}


/*首页*/
.index{position: relative;}
.in_02{ overflow: hidden;}
.in_03{ overflow: hidden;}
.in_04{ background: url("../images/jjbj.png") no-repeat left bottom; overflow: hidden;}
.in_05{ overflow: hidden;}
.in_06{ overflow: hidden;}
.in_07{ height: auto !important;}

.in_03 .main{ padding: 0;}
.in_04 .main{ background: url("../images/jjfont.png") no-repeat center 100px;}
@media screen and (max-width:1440px){
    .in_04 .main{ background-size: 100%;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:768px){
}


.main_top{ padding-top: 8%;}
.mt-10{ margin-top: 5%;}
@media screen and (max-width:991px){
    .main_top{ padding-top: 10%;}
}
@media screen and (max-width:768px){
    .main_top{ padding-top: 15%;}
}
@media screen and (max-width:450px){
    .main_top{ padding-top: 25%;}
}


.tit_in p{ color: var(--theme-blue); font-size: 24px; text-transform: uppercase; }
.tit_in p i{ margin-right: 10px;}
.tit_in h4{ font-size: 36px; font-weight: bold !important; padding: 10px 0 !important;}
.tit_in h4 span{ display: block; font-weight: normal !important; margin-left: 20px; color: #7b7b7b; font-size: 18px;}

.tit_02{ position: absolute; z-index: 1; left: 5%; top: 3%;}
@media screen and (max-width:1500px){
    .tit_in p{ font-size: 65px; height: 65px; line-height: 65px;}
    .tit_in h4{ font-size: 26px;}
}
@media screen and (max-width:1440px){
    .tit_in p{ font-size: 50px; height: 50px; line-height: 50px;}
    .tit_in h4{ font-size: 26px;}
}
@media screen and (max-width:1200px){
    .tit_in p{ font-size: 40px; height: 40px; line-height: 40px;}
    .tit_in h4{ font-size: 22px;}
}
@media screen and (max-width:991px){
    .tit_02{ top: 0;}
}
@media screen and (max-width:768px){
    .tit_in h4{ font-size: 18px;}
    .tit_in h4 span{ font-size: 13px;}
    .tit_in p{ font-size: 26px;}
}


.solution-box { margin-top: 3%; }
.solution-box .item { position: relative; overflow: hidden; width: 14.5%; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s; }
.solution-box .item .item-img img { transform: translateX(-50%); filter: blur(3px); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.solution-box .item .item-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.solution-box .item .item-wrap .item-min { width: 100%; height: 100%; display: block; }
.solution-box .item .item-wrap .item-min .item-title { width: 100%; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: 1; writing-mode: vertical-lr; color: #fff; margin: 0 auto; height: 100%; padding: 28% 20%; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.solution-box .item .item-wrap .item-min .item-title .cn-title { font-size: 1.75rem; line-height: 3.5; letter-spacing: 2px; }
.solution-box .item .item-wrap .item-min .item-title .en-title { opacity: .3; font-size: 0.875rem; text-align: end; text-transform: uppercase; }
.solution-box .item .item-wrap .overlay { height: 100%; padding: 7%; }
.solution-box .item .item-wrap .overlay-wrap { height: 100%; color: #ffffff; }
.solution-box .item .item-wrap .overlay-wrap .item-title .cn-title { font-weight: bold; font-size: 3rem; -webkit-transition: transform .5s ,opacity .5s; -moz-transition: transform .5s ,opacity .5s; -ms-transition: transform .5s ,opacity .5s; -o-transition: transform .5s ,opacity .5s; transition: transform 1s ,opacity 1s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(1.875rem); -moz-transform: translateY(1.875rem); -ms-transform: translateY(1.875rem); -o-transform: translateY(1.875rem); transform: translateY(1.875rem); opacity: 0; }
.solution-box .item .item-wrap .overlay-wrap .item-title .en-title { text-transform: uppercase; color: #8990a5; font-size: 2.4rem; font-weight: bold; line-height: 60px; -webkit-transition: transform 1s ,opacity 1s; -moz-transition: transform 1s ,opacity 1s; -ms-transition: transform 1s ,opacity 1s; -o-transition: transform 1s ,opacity 1s; transition: transform 1s ,opacity 1s; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; -webkit-transform: translateY(1.875rem); -moz-transform: translateY(1.875rem); -ms-transform: translateY(1.875rem); -o-transform: translateY(1.875rem); transform: translateY(1.875rem); opacity: 0; }
.solution-box .item .item-wrap .overlay-wrap .item-icon { margin: 1rem 0 1.25rem; opacity: .5; -webkit-transition: transform 1s ,opacity 1s; -moz-transition: transform 1s ,opacity 1s; -ms-transition: transform 1s ,opacity 1s; -o-transition: transform 1s ,opacity 1s; transition: transform 1s ,opacity 1s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(1.5625rem); -moz-transform: translateY(1.5625rem); -ms-transform: translateY(1.5625rem); -o-transform: translateY(1.5625rem); transform: translateY(1.5625rem); opacity: 0; }
.solution-box .item .item-wrap .overlay-wrap .item-content { line-height: 2; -webkit-transition: transform 1s ,opacity 1s; -moz-transition: transform 1s ,opacity 1s; -ms-transition: transform 1s ,opacity 1s; -o-transition: transform 1s ,opacity 1s; transition: transform 1s ,opacity 1s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -ms-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; -webkit-transform: translateY(2.1875rem); -moz-transform: translateY(2.1875rem); -ms-transform: translateY(2.1875rem); -o-transform: translateY(2.1875rem); transform: translateY(2.1875rem); opacity: 0; }
.solution-box .item .item-wrap .overlay-wrap .item-more { margin-top: 10%; -webkit-transition: transform 1s ,opacity 1s; -moz-transition: transform 1s ,opacity 1s; -ms-transition: transform 1s ,opacity 1s; -o-transition: transform 1s ,opacity 1s; transition: transform 1s ,opacity 1s; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; -webkit-transform: translateY(2.1875rem); -moz-transform: translateY(2.1875rem); -ms-transform: translateY(2.1875rem); -o-transform: translateY(2.1875rem); transform: translateY(2.1875rem); opacity: 0; }
.solution-box .item .item-wrap .overlay-wrap .item-more a { color: #fff; display: inline-block; padding: 7px; line-height: 2; border-radius: 3rem; }
.solution-box .item .item-wrap .overlay-wrap .item-more a span { display: inline-block; vertical-align: middle; }
.solution-box .item.active { width: 71%; }
.solution-box .item.active .item-img img { transform: translateX(0); filter: blur(0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.solution-box .item.active .item-min { display: none; }
.solution-box .item.active .item-min .item-title { opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.solution-box .item.active .overlay .overlay-wrap .item-title .cn-title, .solution-box .item.active .overlay .overlay-wrap .item-title .en-title { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.solution-box .item.active .overlay .overlay-wrap .item-icon { margin: 20px 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.solution-box .item.active .overlay .overlay-wrap .item-content { font-size: 16px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.solution-box .item.active .overlay .overlay-wrap .item-more { font-size: 16px; border-radius: 25px; background: var(--theme-org); width: 160px; height: 45px; line-height: 45px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
@media (max-width: 1679.98px) { .solution-box { height: 500px; } }
@media (max-width: 1399.98px) {
    .solution-box .item .item-wrap .overlay-wrap .item-title .cn-title{ font-size: 26px;}
    .solution-box .item .item-wrap .overlay-wrap .item-title .en-title{ font-size: 20px;}
    .solution-box { height: 460px; }
}
@media (max-width: 1199.98px) {

    .solution-box { height: 420px; }
}
@media (max-width: 991.98px) {
    .solution-box .item .item-wrap .item-min .item-title .cn-title{ font-size: 20px;}
    .solution-box .item .item-wrap .overlay-wrap .item-icon{ display: none;}
    .solution-box { height: 360px; }
    .solution-box .item .item-wrap .overlay-wrap .item-title .en-title{ font-size: 16px; line-height: 30px;}
}
@media (max-width: 767.98px) {
    .solution-box { height: 320px; }
    .solution-box .item.active .overlay .overlay-wrap .item-content{ font-size: 14px;}
}
@media (max-width: 575.98px) {
    .solution-box .item .item-wrap .item-min .item-title .en-title{ display: none;}
    .solution-box .item .item-wrap .item-min .item-title .cn-title { line-height: 1.5; }
    .solution-box .item.active { width: 71%; }
    .solution-box .item.active .item-img img { transform: translateX(0); filter: blur(0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
    .solution-box .item.active .item-min { display: none; }
    .solution-box .item.active .item-min .item-title { opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
    .solution-box .item.active .overlay .overlay-wrap .item-title .cn-title, .solution-box .item.active .overlay .overlay-wrap .item-title .en-title { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
    .solution-box .item.active .overlay .overlay-wrap .item-icon { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: .5; }
    .solution-box .item.active .overlay .overlay-wrap .item-content { font-size: 14px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: .8; }
    .solution-box .item.active .overlay .overlay-wrap .item-more { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
}



#jjfa{ position: relative;}
#jjfa .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
#jjfa .mySwiper2 { height: auto; width: 100%;}
#jjfa .mySwiper2 .swiper-slide{ position: relative;}
#jjfa .mySwiper2 .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 55%; position: relative; overflow: hidden;}
#jjfa .mySwiper2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#jjfa .mySwiper2 .swiper-slide .font{ position: absolute; left: 0; top: 0; content: ''; z-index: 2; color: #fff; width: 100%; padding: 13% 50% 0 12%;}
#jjfa .mySwiper2 .swiper-slide .font i{ filter: grayscale(100%) brightness(100); opacity: 0.5;}
#jjfa .mySwiper2 .swiper-slide .font h2{ font-size: 36px; font-weight: bold !important; margin: 20px 0 10px !important;}
#jjfa .mySwiper2 .swiper-slide .font p{ font-size: 20px; line-height: 45px; padding-top: 5%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
#jjfa .mySwiper2 .swiper-slide .nr{ font-size: 20px; line-height: 35px; padding-top: 3%;}


#jjfa .jjfa_hover{ position: absolute; bottom: 0; width: 100%; height: 15%; z-index: 2; background: rgba(0,0,0,0.5); border-top: 1px solid rgba(255,255,255,0.3);}
#jjfa .mySwiper { box-sizing: border-box; }
#jjfa .mySwiper .swiper-slide {color: #fff; position: relative; transition: 0.3s; border-right: 1px solid rgba(255,255,255,0.2); cursor: pointer;}
#jjfa .mySwiper .swiper-slide:last-of-type{ border-right: none;}
#jjfa .mySwiper .swiper-slide .con{ width: 100%; height: 100%; padding-top: 20px; text-align: center; overflow: hidden;}
#jjfa .mySwiper .swiper-slide .con i{ font-size: 50px; height: 50px; line-height: 50px;}
#jjfa .mySwiper .swiper-slide .con p{ font-size: 20px; padding-top: 20px; line-height: 30px;}
#jjfa .mySwiper .swiper-slide-thumb-active{ background: var(--theme-org);}


@media screen and (max-width:1500px){
    #jjfa .mySwiper .swiper-slide .con p{ font-size: 16px; padding-top: 10px;}
}
@media screen and (max-width:1440px){
    #jjfa .mySwiper2 .swiper-slide .font{ padding: 12% 10% 0;}
    #jjfa .mySwiper2 .swiper-slide .font p{ font-size: 16px; padding-top: 3%;}
    #jjfa .mySwiper2 .swiper-slide .font h2{ font-size: 30px;}
    #jjfa .mySwiper .swiper-slide .con p{ line-height: 30px;}
}
@media screen and (max-width:1200px){
    #jjfa .mySwiper2 .swiper-slide .pic{ padding-bottom: 67%;}
}
@media screen and (max-width:991px){
    #jjfa .mySwiper2 .swiper-slide .pic{ padding-bottom: 81%;}
    #jjfa .mySwiper2 .swiper-slide .font{ padding-top: 25%;}
    #jjfa .mySwiper2 .swiper-slide .font h2{ font-size: 30px;}
    #jjfa .mySwiper2 .swiper-slide .font p{ font-size: 16px; line-height: 30px;}
    #jjfa .mySwiper2 .swiper-slide .font span em{ font-size: 18px;}
    #jjfa .mySwiper .swiper-slide .con i{ font-size: 40px; height: 40px; line-height: 40px;}
    #jjfa .mySwiper .swiper-slide .con p{ font-size: 16px; line-height: 30px;}
    #jjfa .mySwiper .swiper-slide .con{ padding-top: 10px;}
}
@media screen and (max-width:768px){
    #jjfa .mySwiper2 .swiper-slide .pic{ padding-bottom: 100%;}
    #jjfa .mySwiper2 .swiper-slide .font h2{ font-size: 24px;}
    #jjfa .mySwiper2 .swiper-slide .font p{ font-size: 14px; line-height: 25px;}
    #jjfa .mySwiper2 .swiper-slide .font span em{ font-size: 16px;}
    #jjfa .mySwiper .swiper-slide .con{ padding-top: 0;}
}
@media screen and (max-width:500px){
    #jjfa .mySwiper2 .swiper-slide .pic{ padding-bottom: 150%;}
    #jjfa .mySwiper2 .swiper-slide .font{ padding: 30% 2% 0;}
    #jjfa .mySwiper2 .swiper-slide .font h2{ font-size: 20px;}
    #jjfa .mySwiper2 .swiper-slide .font p{ font-size: 14px; line-height: 25px;}
    #jjfa .mySwiper2 .swiper-slide .font span em{ font-size: 14px;}
    #jjfa .mySwiper .swiper-slide .con p{ font-size: 14px; line-height: 25px;}
    #jjfa .mySwiper .swiper-slide .con{ padding-top: 15px;}
}



.jj_pic{ padding-left: 45px; padding-top: 6%;}
.jj_nr{ color: #282828; font-size: 24px; margin: 3% 0 5%; line-height: 40px;}
.jj_con{ color: #4a4a4a; font-size: 18px; margin-bottom: 7%; line-height: 40px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.jj_lb{ margin: 3% 0 !important;}
.jj_lb dd{ text-align: center; margin-right: 17%;}
.jj_lb dd h2{ display: block; height: 55px; line-height: 55px; color: var(--theme-blue); font-size: 55px; font-weight: bold !important; font-family: cursive !important;}
.jj_lb dd h2 sub{ display: block; background: var(--theme-org); color: #fff; width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; border-radius: 100%;}
.jj_lb dd p{ color: #282828; font-size: 16px; padding-top: 10px !important;}
.jj_more{ width: 160px; height: 45px; line-height: 45px; color: #fff; background: var(--theme-org); border-radius: 25px; margin-top: 7%; transition: 0.3s;}
.jj_more i{ font-size: 20px;}
.jj_more:hover{ background: var(--theme-blue);}
@media screen and (max-width:1200px){
    .jj_nr{ font-size: 18px;}
    .jj_lb dd h2{ font-size: 40px;}
}
@media screen and (max-width:991px){
    .jj_lb dd{ margin-right: 0; width: 33%;}
    .jj_lb dd h2{ font-size: 30px;}
}



.service{ height: 100vh;}
.service li{ background: url("../images/in_pic1.jpg") no-repeat center; background-size: auto 100%; width: 50%; height: 100%; color: #fff; padding: 17% 0 0 8%; background-size: 100% 100%;}
.service li:nth-of-type(2){ background: url("../images/in_pic2.jpg") no-repeat center; background-size: 100% 100%;}
.service li .tit_fw h4{ font-size: 36px; font-weight: bold; font-weight: bold !important;}
.service li .tit_fw p{ color: #8990a5; text-transform: uppercase; font-size: 24px; font-weight: normal !important;}
.service li .tit_fw i{ margin: 40px 0;}
.service li dl{ min-height: 150px;}
.service li dl dd{ font-size: 20px; line-height: 40px; }
.service li .more{ width: 160px; height: 45px; line-height: 45px; color: #fff; background: var(--theme-org); border-radius: 25px; margin-top: 7%; transition: 0.3s;}
.service li .more i{ font-size: 20px;}
.service li .more:hover{ background: var(--theme-blue);}
@media screen and (max-width:1440px){
    .service li dl dd{ font-size: 16px;}
    .service li .tit_fw h4{ font-size: 30px;}
    .service li .tit_fw p{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .service li{ width: 100%; height: 50%;}
    .service li .tit_fw i{ display: none;}
    .service li{ padding-top: 14%;}
    .service li .tit_fw h4{ font-size: 24px;}
    .service li .tit_fw p{ font-size: 16px;}
    .service li dl dd{ font-size: 14px; margin: 0 !important;}
    .service li dl{ min-height: auto; margin: 0 !important;}
    .service li .more{ margin-top: 2%;}
}
@media screen and (max-width:768px){
    .service li:nth-of-type(1){ padding-top: 23%;}
}
@media screen and (max-width:700px){
    .service li:nth-of-type(1){ padding-top: 27%;}
}

.tit_xw p{ margin-bottom: 30px !important;}
.tit_xw h4{ font-size: 36px; font-weight: bold !important; margin-left: 20px !important;}
.more_in{ width: 160px; height: 45px; line-height: 45px; color: #fff; background: var(--theme-org); border-radius: 25px; margin-top: 7%; transition: 0.3s;}
.more_in i{ font-size: 20px;}
.more_in:hover{ background: var(--theme-blue);}
@media screen and (max-width:991px){
    .tit_xw h4{ font-size: 20px;}
    .more_in{ width: 120px;}
}

.xwleft{ background: var(--theme-blue); color: #fff; padding: 0 !important; margin-top: 70px !important;}
.xwleft .pic{ width: 60%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.xwleft .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.xwleft .con{ width: 40%; padding: 5%;}
.xwleft .con .time{ color: #dfdfdf; font-size: 16px; font-family: cursive !important;}
.xwleft .con .tit{ font-size: 20px; margin: 10px 0 20px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xwleft .con .nr{ font-size: 14px; opacity: 0.8; line-height: 30px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.xwleft .con i{ width: 45px; height: 45px; line-height: 45px; text-align: center; color: #000; font-size: 20px; border-radius: 100%; margin-top: 15%; background: #fff;}


.xwright{ margin-top: 70px !important; padding: 0 !important;}
.xwright li{ border: 1px solid #ededed; width: 50%; height: 100%; padding: 7% 3%;}
.xwright li:first-of-type{ border-right: none;}
.xwright li .time{ color: #c8c8c8; transition: 0.3s;}
.xwright li .time p{ font-size: 50px; line-height: 60px;}
.xwright li .time span{ font-size: 16px;}
.xwright li .tit{ min-height: 110px; margin: 5% 0; color: #282828; font-size: 24px; line-height: 40px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.xwright li i{ border: 1px solid #e4e4e4; width: 45px; height: 45px; line-height: 45px; text-align: center; color: #000; font-size: 20px; border-radius: 100%; transition: 0.3s;}
.xwright li:hover i{ border: 1px solid var(--theme-org); background: var(--theme-org); color: #fff;}
.xwright li:hover .time{ color: var(--theme-blue);}
@media screen and (max-width:1440px){
    .xwright li .tit{ font-size: 20px;}
    .xwright li{ padding: 3%;}
}





/*公司简介*/
#jjzy_bj{ background: url("../images/jjbj.png") no-repeat center bottom; position: relative;}
#jjzy_bj:before{ position: absolute; width: 100%; height: 100%; content: ''; background: url("../images/jjfont.png") no-repeat center 150px;}
.jjzy{ margin-top: 5%;}
.jjzy_right .bt{ color: #282828; font-size: 24px; font-weight: bold !important; line-height: 40px;}
.jjzy_right .nr{ color: #4a4a4a; font-size: 16px; line-height: 35px; padding-top: 20px;}
.jjzy_pic{ padding: 60px 0 0 60px;}
.jjzy_pic img{ position: relative; z-index: 1;}
.jjzy_pic:before{ position: absolute; left: 0; top: 0; content: ''; background: var(--theme-org); width: 336px; height: 217px; border-top-right-radius: 70px; border-bottom-left-radius: 70px;}
@media screen and (max-width:1440px){
    #jjzy_bj:before{ background: url("../images/jjfont.png") no-repeat center 150px; background-size: 100% auto;}
    .jjzy_right .bt{ font-size: 20px;}
    .jjzy_right .nr{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .jjzy_right .bt{ margin-top: 3%;}
}
@media screen and (max-width:768px){
    .jjzy_right .bt{ font-size: 16px;}
    .jj_lb dd h2{ font-size: 22px;}
    .jj_lb dd h2 sub{ width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
    .jj_lb dd p{ font-size: 12px;}
}

#whbj{ background: url("../images/wh_bj.jpg") no-repeat center; background-size: 100% 100%; position: relative;}
#whbj .tit{ position: absolute; left: 0; top: 15%; z-index: 2; width: 100%;}
#whbj .tit p{ text-align: center; color: #fff; font-size: 36px; font-weight: bold; position: relative; z-index: 1;}
#whbj .tit:before{ position: absolute; text-align: center; width: 100%; height: 100%; content: 'culture'; text-transform: uppercase; color: rgba(255,255,255,0.1); font-size: 150px; font-weight: bold; }
#whbj ul li{ color: #fff; border-right: 1px solid rgba(255,255,255,0.1); text-align: center; padding: 35% 3% 5%; transition: 0.3s;}
#whbj ul li:last-of-type{ border-right: none;}
#whbj ul li i{ font-size: 50px; height: 50px; line-height: 50px; margin-bottom: 20px; transition: 0.5s;}
#whbj ul li h2{ font-size: 24px; font-weight: bold !important; transition: 0.5s;}
#whbj ul li p{ opacity: 0; font-size: 16px; padding: 30px 15% 0; transition: 0.5s;}
#whbj ul li:hover{ background: rgba(11,41,82,0.6);}
#whbj ul li:hover p{ opacity: 1; transform: translateY(-80px);}
#whbj ul li:hover i{ transform: translateY(-80px);}
#whbj ul li:hover h2{ transform: translateY(-75px);}
@media screen and (max-width:1200px){
    #whbj ul li p{ font-size: 14px; padding: 30px 0 0;}
    #whbj ul li h2{ font-size: 18px;}
    #whbj .tit:before{ font-size: 100px;}
}
@media screen and (max-width:991px){
    #whbj .tit:before{ font-size: 80px;}
}
@media screen and (max-width:768px){
    #whbj ul li{ float: left; width: 50%; padding-top: 20%;}
    #whbj .tit{ display: none;}
}

.pic_class {margin-top: 4%;}
.pic_class .swiper-container { overflow: inherit;}
.pic_class .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.pic_class .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.pic_class .swiper-slide .inimg img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.pic_class .swiper-slide .infont{ position: absolute; bottom: 0; left: 0; width: 0; height: 60px; line-height: 60px; overflow: hidden; background: var(--theme-blue); transition: 0.5s; color: #fff; text-overflow: ellipsis; white-space: nowrap; opacity: 0;}
.pic_class .swiper-slide .infont p{ font-size: 16px; height: 60px; line-height: 60px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.pic_class .swiper-slide:hover .inimg img{ transform: scale(1.05);}
.pic_class .swiper-slide:hover .infont{ width: 50%; padding: 0 3%; opacity: 1;}

@media screen and (max-width:1200px){
    .pic_class .swiper-slide .infont p{ font-size: 16px; height: 30px; line-height: 30px;}
}
@media screen and (max-width:991px){
    .pic_class .swiper-container{ padding-bottom: 2%;}
    .pic_class .swiper-slide .infont{ position: relative; max-width: 100%; width: 100% !important; left: 0; bottom: 0; height: 50px; line-height: 50px;}
}



.ry_tit p{ color: #282828; font-size: 36px; font-weight: bold !important; margin-top: 30px !important;}
.ry_tit p i{ margin-right: 20px;}
@media screen and (max-width:991px){
    .ry_tit p{ font-size: 22px;}
}


#qyfz{ margin-top: 5% !important; overflow: hidden;}
#qyfz .swiper {
    width: 100%;
    height: 100%;
}

#qyfz .swiper-slide {
    text-align: center;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#qyfz .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

#qyfz .swiper-slide {
    background-size: cover;
    background-position: center;
}
#qyfz .mySwiper2 .swiper-slide .row{ width: 100%;}
#qyfz .mySwiper2 .swiper-slide{ padding: 0 8%; text-align: left;}
#qyfz .mySwiper2 .swiper-slide .con{ padding: 3%; position: relative;}
#qyfz .mySwiper2 .swiper-slide .con .bt{ position: relative; z-index: 1; height: 60px; line-height: 60px; color: var(--theme-blue); font-size: 48px; text-align: left; font-weight: bold;}
#qyfz .mySwiper2 .swiper-slide .con ul{ position: relative; z-index: 1; color: #4b4b4b; margin-top: 5% !important; font-size: 16px; line-height: 35px; text-align: left;}
#qyfz .mySwiper2 .swiper-slide .con ul li i{ color: var(--theme-blue); font-size: 14px; margin-right: 10px;}
#qyfz .mySwiper2 .swiper-slide .con ul li p{ font-size: 18px; font-weight: bold !important;}
#qyfz .mySwiper2 .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative;}
#qyfz .mySwiper2 .swiper-slide .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; text-align: center; position: absolute; z-index: 2; transition:0.3s; background: #fff;}
#qyfz .mySwiper2 .swiper-slide .pic p img{ max-width: 100%; height: 100%;}
#qyfz .mySwiper2 .swiper-slide .con .nr{ margin-top: 20px;}
#qyfz .mySwiper2 .swiper-slide .con .nr i{ color: var(--theme-blue); font-size: 14px; margin-right: 10px;}
#qyfz .mySwiper2 .swiper-slide .con .nr p{ font-size: 18px; font-weight: bold !important;}
#qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ width: 60px; height: 60px; background: rgba(48,77,184,0.2); border-radius: 100%; opacity: 1; transition: 0.3s;}
#qyfz .mySwiper2 .swiper-button-next:after,#qyfz .mySwiper2 .swiper-button-prev:after{ color: #fff; font-size: 20px;}
#qyfz .mySwiper2 .swiper-button-next{ right: 0;}
#qyfz .mySwiper2 .swiper-button-prev{ left: 0;}
#qyfz .mySwiper2 .swiper-button-next:hover,#qyfz .mySwiper2 .swiper-button-prev:hover{ background: var(--theme-blue);}

#qyfz .mySwiper2 {
    height: 80%;
    width: 100%;
    padding: 0 0 3% !important;
    z-index: 10;
    overflow: inherit;
}

#qyfz .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 30px 5% 0;
    position: relative;
}

#qyfz .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    position: relative;;
}
#qyfz .mySwiper:before{ position: absolute; content: ''; left: 0; top: 28px; height: 2px; width: 100%; background: rgba(75,193,224,0.3);}
#qyfz .mySwiper:after{ position: absolute; content: ''; left: 5%; top: 20px; background: url("../images/lc_jt.png") no-repeat; width: 24px; height: 16px;}
#qyfz .mySwiper .swiper-slide { font-size: 14px; cursor: pointer; height: 70px; transition: 0.3s; text-align: center;}
#qyfz .mySwiper .swiper-slide .bz{ display: inline-block; top: -5px;  position: absolute;}
#qyfz .mySwiper .swiper-slide .bz p{ width: 10px; height: 10px; background: #fff; border-radius: 100%; position: relative; z-index: 1; transition: 0.3s;}
#qyfz .mySwiper .swiper-slide .bz:before{ position: absolute; content: ''; border-radius: 100%; left: -7px; top: -7px; width: 24px; height: 24px; background: rgba(48,77,184,0.2); transition: 0.3s;}
#qyfz .mySwiper .swiper-slide h4{ font-size: 24px; color: #515151; transition: 0.3s; margin-top: 10% !important;}
#qyfz .mySwiper .swiper-slide-thumb-active h4{ color: var(--theme-blue); font-size: 30px;}
#qyfz .mySwiper .swiper-slide-thumb-active .bz{ top: -10px;}
#qyfz .mySwiper .swiper-slide-thumb-active .bz:before{ width: 50px; height: 50px; left: -14px; top: -14px;}
#qyfz .mySwiper .swiper-slide-thumb-active .bz p{ width: 22px; height: 22px; border-radius: 100%; background: #304db8;}

#qyfz .mySwiper .swiper-slide-thumb-active { opacity: 1;}

@media screen and (max-width:1700px){
    #qyfz .mySwiper2 .swiper-slide .con .bt{ font-size: 100px;}
}
@media screen and (max-width:1440px){
    #qyfz .mySwiper2 .swiper-slide .con .bt{ font-size: 80px; height: 100px; line-height: 100px;}
    #qyfz .mySwiper2 .swiper-slide .con ul{ font-size: 14px;}
    #qyfz .mySwiper2 .swiper-slide .con ul li span{ display: block; line-height: 25px;}
    #qyfz .mySwiper .swiper-slide h4{ font-size: 20px;}
    #qyfz .mySwiper .swiper-slide-thumb-active h4{ font-size: 26px;}
}
@media screen and (max-width:1200px){
    #qyfz .mySwiper2 .swiper-slide .con .bt{ font-size: 60px; height: 80px; line-height: 80px;}
}
@media screen and (max-width:991px){
    #qyfz .mySwiper2 .swiper-slide .con .bt{ font-size: 38px;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:550px){
}



/*产品中心*/
#cp_class{ height: 95vh; position: relative;}
#cp_class .swiper { width: 100%; height: 100%;}
#cp_class .swiper-slide { display: flex; position: relative;}
#cp_class .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
#cp_class .swiper-slide { background-size: cover; background-position: center;}
#cp_class .cp_hover{ position: absolute; z-index: 2; right: 10%; bottom: 10%; width: 40%;}
#cp_class .mySwiper2 { height: 100%; width: 100%;}
#cp_class .mySwiper { height: 150px; background: rgba(255,255,255,0.2); border: 1px solid #fff; box-sizing: border-box; padding: 20px; border-radius: 15px;}
#cp_class .mySwiper .swiper-slide { width: 25%; height: 100%; flex: 1; transition: all 0.5s; cursor: pointer;}
#cp_class .mySwiper .swiper-slide .pic{ display: block; width: 100%; height: 110px; background: #1d2c4d; position: relative; overflow: hidden; border-radius: 15px;}
#cp_class .mySwiper .swiper-slide .pic img { width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; opacity: 0.5;}
#cp_class .mySwiper .swiper-slide-thumb-active .pic img{ opacity: 1;}
#cp_class .mySwiper .swiper-slide-thumb-active{ flex: 2;}
#cp_class .swiper-slide .pic img { display: block; object-fit: cover;}
#cp_class .mySwiper2 .swiper-slide .w100{ position: absolute; left: 0; top: 25%; z-index: 1; width: 100%;}
#cp_class .mySwiper2 .swiper-slide .tit i{ margin-bottom: 20px;}
#cp_class .mySwiper2 .swiper-slide .tit h2{ color: #282828; font-size: 30px; font-weight: bold !important; margin-bottom: 5px !important;}
#cp_class .mySwiper2 .swiper-slide .tit p{ color: #8990a5; font-size: 24px; font-weight: bold !important;}
#cp_class .mySwiper2 .swiper-slide ul{ width: 20%; padding-top: 10% !important;}
#cp_class .mySwiper2 .swiper-slide ul li{ height: 60px; font-size: 16px; background: rgba(255,255,255,0.3); color: #282828; border-radius: 20px; padding: 0 20px; margin-top: 15px; transition: 0.5s; }
#cp_class .mySwiper2 .swiper-slide ul li p i{ margin-right: 15px;}
#cp_class .mySwiper2 .swiper-slide ul li em{ color: #c0c0c0; transition: 0.3s;}
#cp_class .mySwiper2 .swiper-slide ul li:hover{ background: #fff;}
#cp_class .mySwiper2 .swiper-slide ul li:hover em{ color: var(--theme-org);}


#cp_banner{ position: relative; background: #152551;}
#cp_banner .pic img{ opacity: 0.5;}

#cp_banner .pic1{ width: 100%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden;}
#cp_banner .pic1 img{ width: 100%; height: 100%; object-fit: cover; opacity: 0.8; left: 0; position: absolute; text-align: center; transition:0.3s;}

#cp_banner .font{ position: absolute; width: 100%; color: #fff; top: 40%; left: 0; text-align: center; z-index: 1;}
#cp_banner .font .tit h2{ font-size: 48px; font-weight: bold !important;}
#cp_banner .font .tit p{ font-size: 32px; font-weight: 100 !important; margin: 20px 0 70px !important;}
#cp_banner .font .tit1{ margin-top: 3%;}
#cp_banner .z_banner_sb{ margin: 0 auto;}

.tit_cp p{ color: var(--theme-blue); font-size: 24px; text-transform: uppercase; margin-bottom: 10px !important;}
.tit_cp p i{ margin-right: 15px;}
.tit_cp h2{ color: #282828; font-size: 32px; font-weight: bold !important;}
.tit_cp h2 span{ color: #7b7b7b; font-size: 18px; font-weight: normal !important; padding-left: 10px;}
#leibie .con{ color: #282828; font-size: 16px; padding: 30px 0;}
@media screen and (max-width:1440px){
    #cp_class .mySwiper2 .swiper-slide ul{ width: 30%;}
}
@media(max-width: 991px){
    #cp_class .cp_hover{ width: 90%; bottom: 10px; right: 5%;}
    #cp_class .mySwiper2 .swiper-slide ul{ width: 50%; padding-top: 3% !important;}
    #cp_class .mySwiper2 .swiper-slide .w100{ top: 15%;}
    .tit_cp h2{ font-size: 22px;}
    .tit_cp h2 span{ font-size: 14px;}
    #cp_banner .font .tit h2{ font-size: 36px;}
    #cp_banner .font .tit p{ font-size: 24px;}
}
@media(max-width: 768px){
    #cp_class .mySwiper2 .swiper-slide ul{ width: 90%;}
    .tit_cp h2 span{ display: block; width: 70%; font-size: 14px;}
}


.cplb{ margin-top: 20px !important;}
.cplb li{ width: 48%; float: left; margin-top: 50px;}
.cplb li:nth-of-type(2n){ float: right;}
.cplb li .pic{ width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden;}
.cplb li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
.cplb li .font{ background: #ebeef3; padding: 50px; color: #282828;}
.cplb li .font .tit h3{ font-size: 24px; font-weight: bold !important;}
.cplb li .font .tit p{ margin: 20px 0 !important; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
.cplb li .font dl dt{ background: var(--theme-org); color: #fff; height: 45px; line-height: 45px; text-indent: 2em; font-size: 18px; font-weight: bold !important;}
.cplb li .font dl dd{ border-bottom: 1px dashed #bfbfbf; height: 40px; line-height: 40px; padding: 0 20px; font-size: 15px;}
.cplb li .font dl dd p{ display: block; width: 35%;}
.cplb li .font dl dd span{ display: block; width: 65%;}
.cplb li .font .more{ background: var(--theme-blue); height: 45px; line-height: 45px; margin-top: 30px; display: inline-block; color: #fff; font-weight: bold !important; font-size: 16px; width: 150px; transition: 0.3s;}
.cplb li .font .more i{ margin-right: 10px;}
.cplb li:hover .font .more{ background: #333;}


.altit{ text-align: center;}
.altit i{ color: var(--theme-org); font-size: 100px; height: 100px; line-height: 100px; margin-bottom: 10px;}
.altit h2{ color: #282828; font-size: 32px; font-weight: bold !important;}


.comc {height: auto; padding-top: 5%; position: relative; }
.comc .swiper-slide {
    flex-direction: column;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.85) !important;
}
.comc .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; background: #000;}
.comc .pic:before{ position: absolute; left: 5%; bottom: 8%; content: ''; background: url("../images/al_font.png") no-repeat left bottom; width: 30%; height: 30%; z-index: 1;}
.comc .pic img{ display: block; width: 100%; height: 100%; text-align: center; background: #fff; object-fit: cover; left: 0; position: absolute; transition:0.3s; opacity: 0.8;}
.comc .swiper-slide .font{ position: absolute; right: 20%; bottom: -5%; z-index: 2; box-shadow: 0 0 15px rgba(0,0,0,0.2); background: #fff; width: 80%; padding: 4% 3%; border-radius: 10px; opacity: 0; transition: all 0.5s; font-size: 24px;}
.comc .swiper-slide .font p{ color: var(--theme-blue); font-weight: bold;}
.comc .swiper-slide .font span{ display: block; color: #535353;}
.comc .swiper-slide-active{transform: scale(1) !important;}
.comc .swiper-slide-active .font{ opacity: 1; right: -5%;}
.comc .swiper-button-next,.comc .swiper-button-prev{ width: 70px; height: 70px; line-height: 70px; border-radius: 100%; text-align: center; background: rgba(0,0,0,0.5);}
.comc .swiper-button-next:after,.comc .swiper-button-prev:after{ color: #fff; font-size: 24px;}
.comc .swiper-button-next{ right: 17%;}
.comc .swiper-button-prev{ left: 17%;}
@media(max-width: 1440px){
    .comc .swiper-slide .font{ font-size: 20px;}
}
@media(max-width: 1200px){
    .comc .swiper-button-next{ right: 5%;}
    .comc .swiper-button-prev{ left: 5%;}
}
@media(max-width: 991px){
    .comc .swiper-slide .font{ position: relative; width: 100%; right: 0;}
    .comc .swiper-slide .font{ font-size: 16px;}
    .cplb li .font{ padding: 10px;}
    .cplb li .font .tit h3{ font-size: 18px;}
    .cplb li .font .tit p{ font-size: 14px; margin: 10px 0 !important;}
    .cplb li .font dl dd{ font-size: 12px; height: 28px; line-height: 28px;}
    .cplb li .font dl dt,.cplb li .font .more{ font-size: 16px; height: 40px; line-height: 40px;}
}
@media(max-width: 768px){
    .cplb li{ width: 100%;}
    .comc .swiper-button-next{ right: 1%; top: 35%;}
    .comc .swiper-button-prev{ left: 1%; top: 35%;}
}



#shpic{ padding-bottom: 10%;}
#shpic .shouhou{ position: absolute; width: 100%; left: 0; bottom: 0; z-index: 2;}
#shpic .shouhou .container{ background: #fff; margin: 0 auto !important; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#shpic ul li{ text-align: center; padding: 4% 5%; cursor: pointer;}
#shpic ul li i{ margin: 5% auto !important; width: 95px; height: 95px; background: #feebd8; border-radius: 100%; font-size: 60px; color: var(--theme-org); line-height: 95px; transition: 0.5s all;}
#shpic ul li h2{ color: #282828; font-size: 24px; font-weight: bold !important; padding: 20px 0 10px !important;}
#shpic ul li p{ color: #757575; font-size: 16px;}
#shpic ul li:hover i{ background: var(--theme-blue); border-radius: 0; color: #fff;}



#jobs_ul{ padding: 2% 0 0 !important; width: 100%;}
#jobs_ul li{width: 100%; margin-top: 20px !important;}
#jobs_ul li .jobs_title{font-size: 18px; width: 100%; height: 60px; line-height: 60px; background: #f3f3f3; color: #333; font-weight: bold; text-indent: 2em; border-bottom: solid 1px #efefef; transition: 0.3s;}
#jobs_ul li .jobs_hover{ background: var(--theme-blue) !important; color: #fff;}
#jobs_ul li .jobs_hover a{ color: #fff;}
#jobs_ul li .jobs_box{ font-size: 15px; padding: 20px; line-height: 40px; background: #fff; position: relative; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#jobs_ul li table{ width: 80% !important; margin: 20px auto 0 !important;}
@media screen and (max-width:1200px){
    #jobs_ul li .jobs_title{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #jobs_ul li .jobs_title{ height: 80px; line-height: 80px;}
    #shpic ul li h2{ font-size: 18px;}
    #shpic ul li p{ font-size: 14px;}
    #shpic ul li{ padding: 3% 1%;}
    #shpic .pic img{ width: 100%;}
}
@media screen and (max-width:768px){
    #shpic .shouhou{ position: relative;}
    #shpic ul li{ float: left; width: 50%;}
    #jobs_ul li .jobs_box .info2 h3,#jobs_ul li .jobs_box .info1 p{ font-size: 14px;}
}



#fw_ul{ padding: 2% 0 0 !important; width: 100%;}
#fw_ul li{width: 100%; margin-top: 20px !important;}
#fw_ul li .fw_title{ font-size: 22px; width: 100%; height: 100px; line-height: 100px; padding-left: 3%; color: #282828; border: solid 1px #e6e6e6; transition: 0.3s; border-radius: 10px;}
#fw_ul li .fw_title p{ background: #feebd8; width: 60px; height: 60px; margin-right: 20px !important; text-align: center; line-height: 60px; border-radius: 100%;}
#fw_ul li .fw_title p i{ color: #f9820b; font-size: 36px;}
#fw_ul li .fw_hover{ background: #f5f5f5; }
#fw_ul li .fw_box{ font-size: 16px; padding: 20px 20px 0; line-height: 40px; position: relative; display: none;}
@media screen and (max-width:1200px){
    #fw_ul li .fw_title{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #fw_ul li .fw_title{ height: 80px; line-height: 80px;}
}
@media screen and (max-width:768px){
    #fw_ul li .fw_box .info2 h3,#fw_ul li .fw_box .info1 p{ font-size: 14px;}
}



.mes-form .name{ background: url("../images/ly1.png") no-repeat 10px center #f6f6f6 !important; padding-left: 52px !important; }
.mes-form .tel{ background: url("../images/ly2.png") no-repeat 10px center #f6f6f6 !important; padding-left: 52px !important; }
.mes-form .content{ background: url("../images/ly3.png") no-repeat 10px 10px #f6f6f6 !important; line-height: 40px; padding-left: 52px !important; }
.mes-form .captcha{ background: url("../images/ly4.png") no-repeat 10px center #f6f6f6 !important; padding-left: 52px !important; }
.mes-form .address{ background: url("../images/ly5.png") no-repeat 10px center #f6f6f6 !important; padding-left: 52px !important; }
.mes-form .email{ background: url("../images/ly6.png") no-repeat 10px center #f6f6f6 !important; padding-left: 52px !important; }


.tishi{ border: 1px solid #e6e6e6; margin-top: 40px; padding: 30px 30px 65px;}
.tishi h2{ color: #333; font-size: 18px; font-weight: bold !important; margin-bottom: 20px !important;}
.tishi h2 i{ color: var(--theme-blue); font-size: 30px; margin-right: 5px; font-weight: normal !important;}


.fw_tuijian .nr{ padding-top: 30px; font-size: 16px;}


#cpinfo_qh{ overflow: hidden; margin-top: 30px !important; padding: 0 20px 20px;}
#cpinfo_qh .gallery-thumbs { height: 70px; line-height: 70px; position: relative; border: 1px solid #969696; }
#cpinfo_qh .gallery-thumbs .swiper-slide{ color: #333; position: relative; text-align: center; font-size: 18px; cursor: pointer; border-right: 1px solid #969696;}
#cpinfo_qh .gallery-thumbs .swiper-slide:last-of-type{ border-right: none;}
#cpinfo_qh .gallery-thumbs .swiper-slide-thumb-active{ background: var(--theme-blue); color: #fff; }

#cpinfo_qh .gallery-top{ margin-top: 30px !important; font-size: 16px; line-height: 35px; color: #666; overflow: hidden;}

#cpinfo_qh .gallery-top .swiper-slide{ overflow: hidden; background: #f3f3f3;}
#cpinfo_qh .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#cpinfo_qh .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#cpinfo_qh .gallery-top .swiper-slide .font{ padding: 30px;}
#cpinfo_qh .gallery-top .swiper-slide .font .bt{ color: #333; font-weight: bold !important; font-size: 22px;}
#cpinfo_qh .gallery-top .swiper-slide .font .con{ padding-top: 20px;}
#cpinfo_qh .gallery-top .swiper-slide .font .more{ background: var(--theme-org); height: 45px; line-height: 45px; text-align: center; color: #fff; width: 150px; transition: 0.3s;}
#cpinfo_qh .gallery-top .swiper-slide .font .more:hover{ background: var(--theme-blue);}


/*联系我们*/
.contact-list{ position: absolute; left: 0; top: 25%; z-index: 1; width: 100%; padding: 0;}
.contact-list .container{ margin: 0 auto !important;}
.contact-list .container ul{ float: left; width: 35%;}
.contact-list .container li{ background: #fff; padding: 6.1%; margin-bottom: 3%; position: relative;}
.contact-list .container .zxly{ background: var(--theme-org); height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 20px; transition:0.3s; cursor: pointer;}
.contact-list .container .zxly i{ display: inline-block; font-size: 20px;}
.contact-list .container .zxly:hover{ background: var(--theme-blue);}
.contact-list .container li .pic{ float: left; width: 60px; height: 60px; background: var(--theme-blue); line-height: 60px; text-align: center; border-radius: 3px;}
.contact-list .container li .pic i{ font-size: 30px; color: #fff;}
.contact-list .container li .font{ float: left; padding-left: 5%; width: 80%;}
.contact-list .container li .font span{ color: #666666; font-size: 18px;}
.contact-list .container li .font p{ color: #282828; font-size: 20px;}
.contact-list .container li:before{ position: absolute; right: 0; top: 0; content: '01.'; width: 45px; height: 45px; line-height: 45px; text-align: center; border-left: 2px solid #fafafb; border-bottom: 2px solid #fafafb; color: #666666; font-size: 24px; font-family: Bahnschrift;}
.contact-list .container li:nth-of-type(2):before{ content: '02.';}
.contact-list .container li:nth-of-type(3):before{ content: '03.';}

.zxly_nr{ float: right; background: #fff; width: 63%; padding: 3%; opacity: 0;
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    -webkit-clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
    clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
}
.zxly_nr .tit{ color: #282828; position: relative;}
.zxly_nr .tit p{ font-size: 36px; font-weight: bold; float: left; padding-right: 3%;}
.zxly_nr .tit span{ font-size: 24px; display: block; float: left;}
.zxly_nr .tit:before{ position: absolute; left: 0; top: 0; content: 'Online Message'; color: rgba(40,40,40,0.03); font-size: 88px; font-family: Bahnschrift; text-transform: uppercase; font-weight: bold;}
.zxly_nr .ly_close{ position: absolute; right: 0; top: 0; z-index: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; background: var(--theme-org); cursor: pointer; transition:0.3s;}
.zxly_nr .ly_close i{ color: #fff; font-size: 16px; transition: all 1.5s ease-out 0s;}
.zxly_nr .ly_close:hover{ background: var(--theme-blue);}
.zxly_nr .ly_close:hover i{ transform: rotate(720deg);}


.zxly_nr.show{ opacity: 1;
    -webkit-clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
    clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
}


@media screen and (max-width:1440px){
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
}

@media screen and (max-width:1200px){
    .contact-list .container li .font{ width: 75%;}
    .contact-list .container li .font span{ font-size: 16px;}
    .contact-list .container li .font p{ font-size: 18px;}
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
    .zxly_nr .ly_close{ width: 35px; height: 35px; line-height: 35px;}
}
@media screen and (max-width:991px){
    .contact-list .container ul{ width: 70%;}
}
@media screen and (max-width:765px){
    .contact-list{ position: relative; margin-top: 25% !important;}
    .contact-list .container ul{ width: 100%;}
    .contact-list .container ul li{ border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}





/*新闻中心*/
#kjcx{position: relative; margin-top: 3% !important;}
#kjcx .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10px;
}
#kjcx .swiper-slide {
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#kjcx .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
#kjcx .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#kjcx .swiper-slide .content{ padding: 5% 0 0; width: 100%; transition: 0.3s;}
#kjcx .swiper-slide .content .news_time{ color: #999; font-size: 16px; }
#kjcx .swiper-slide .content .news_time i{ font-size: 22px; margin-right: 10px;}
#kjcx .swiper-slide .content .news_title{ color: #333333; font-size: 20px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; min-height: 70px;}
#kjcx .swiper-slide:hover .pic img{transform: scale(1.1);}
#kjcx .swiper-slide:hover .content .news_title{ color: var(--theme-blue);}
#kjcx .swiper-button-next{ right: -5%;}
#kjcx .swiper-button-prev{ left: -5%;}
#kjcx .swiper-button-next:after,#kjcx .swiper-button-prev:after{ color: #666; font-size: 40px; transition: 0.3s;}
#kjcx .swiper-button-next:hover:after,#kjcx .swiper-button-prev:hover:after{ color: var(--theme-blue);}
@media screen and (max-width:1700px){
    #kjcx .swiper-slide .content .news_title{ width: 75%;}
}
@media screen and (max-width:1440px){
    #kjcx .swiper-slide .content p{ font-size: 12px;}
    #kjcx .swiper-slide .content .news_title{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #kjcx .swiper-slide .content p{ display: none;}
    #kjcx .swiper-slide .content .news_title{ width: 100%;}
}
@media screen and (max-width:768px){
}

#xwbj{ background: url("../images/newimg1.png") no-repeat center top;}

#xwlb li{ padding: 50px 0; border-bottom: 1px solid #e9e9e9; position: relative; cursor: pointer;}
#xwlb li:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 2px; background: var(--theme-blue); opacity: 0; transition: 0.5s all;}
#xwlb li .img{ width: 30%; height: 0; padding-bottom: 18%; position: relative; overflow: hidden;}
#xwlb li .img img{ object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.5s;}
#xwlb li .box{ width: 65%;}
#xwlb li .box .news_title{ color: #2a2a2a; font-size: 24px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: 0.3s;}
#xwlb li .box .news_info{ color: #666666; font-size: 16px; line-height: 35px; margin: 1% 0 2%; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
#xwlb li .box .news_time{ color: var(--theme-blue); font-size: 16px;}
#xwlb li .box .more{ color: #999; font-size: 16px; margin-left: 20px !important;}
#xwlb li .box .more i{ margin-left: 5px; font-size: 20px;}
#xwlb li:hover .box .news_title{ color: var(--theme-blue);}
#xwlb li:hover:before{ width: 100%; opacity: 1;}
#xwlb li:hover .img img{ transform: scale(1.1);}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    #xwlb li .box .news_title{ font-size: 20px;}
    #xwlb li .box .news_info{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #xwlb li .box .news_title{ font-size: 16px;}
}
@media screen and (max-width:768px){
    #xwlb li .img{ padding-bottom: 22%;}
    #xwlb li .box .more{ font-size: 12px;}
}
@media screen and (max-width:575px){
    #xwlb li{ padding: 25px 15px;}
}


.home_zy{ height: 60px; color: #a2a2a2; font-size: 16px;}
.home_zy i{ display: inline-block; color: var(--theme-blue); font-size: 20px; margin-right: 10px;}
.home_zy a{ color: #a2a2a2; padding: 0 5px;}
.home_zy a:last-of-type{ color: var(--theme-blue);}
#xwinfo_bj{ padding-top: 2%;}
#xwinfo_bj .bai{ margin-top: 3%;}
#xwinfo_bj .main{ padding-top: 6%;}
#xwinfo_bj .news-detail-title{ line-height: 35px;}
#xwinfo_bj .news-detail-title .h3{ color: #000000; font-size: 30px; font-weight: bold !important; padding: 0 !important; border: none !important;}
#xwinfo_bj .news-detail-title .b{ color: #999; font-size: 14px; margin-top: 1% !important; padding-bottom: 2%; border-bottom: 1px solid #E5E5E5;}

#xwinfo_bj .news-detail{ font-size: 16px; line-height: 35px; color: #666666; padding: 1% 0 4%;}
#xwinfo_bj .news-detail .img{ text-align: center; margin-bottom: 2%;}
#xwinfo_bj .news-detail .img img{ max-width: 80%;}
#xwinfo_bj .news-detail img{ max-width: 80%; display: block; margin: 2% auto;}
#xwinfo_bj .news-detail table{ width: 100% !important;}
#xwinfo_bj .news-detail table td{ border: 1px solid #efefef; text-align: center;}
#xwinfo_bj .newsPage{ padding: 0; margin: 0 !important; border-top: 1px solid #d7d7d7; border-bottom: none !important;}
#xwinfo_bj .newsPage .page-a{ float: left; color: #999; font-size: 16px; width: 45%; height: 90px; line-height: 90px; padding-right: 5%; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#xwinfo_bj .newsPage .page-a a{ color: #999; transition: 0.3s;}
#xwinfo_bj .newsPage .more{ color: #fff; font-size: 16px; transition: 0.3s; background: var(--theme-blue); height: 45px; line-height: 45px;}
#xwinfo_bj .newsPage .more i{ color: #fff; font-size: 20px; margin-right: 10px;}
#xwinfo_bj .newsPage .more:hover{ letter-spacing: 3px;}
#xwinfo_bj .newsPage .page-a:hover,#xwinfo_bj .newsPage .page-a:hover a{ color: var(--theme-blue);}

.xwline{ border-left: 1px solid #E5E5E5; padding-left: 30px;}
.xwline .tit{color: #000000; font-size: 30px; font-weight: bold !important;}
#xgxw{ padding: 0 !important;}
#xgxw li{ margin-top: 5%;}
#xgxw li p{ width: 60%; color: #999; font-size: 18px; transition: 0.3s; line-height: 30px;}
#xgxw li .img{ display: block; width: 35%; height: 0; padding-bottom: 23%; position: relative; overflow: hidden; }
#xgxw li .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#xgxw li:hover p{ color: var(--theme-blue); }
@media screen and (max-width:1200px){
    #xgxw li{ font-size: 12px;}
}

@media screen and (max-width:1440px){
    #xwinfo_bj .main{ padding-top: 9%;}
}
@media screen and (max-width:1200px){
    #xwinfo_bj .news-detail-title .h3{ font-size: 24px;}
}
@media screen and (max-width:991px){
    #xwinfo_bj .main{ padding-top: 12%;}
    #xwinfo_bj .news-detail-title .h3{ font-size: 20px;}
    #xwinfo_bj .news-detail-title .float-right p{ width: 25px; height: 25px; line-height: 25px;}
    #xwinfo_bj .newsPage{ padding: 3% 0;}
    #xwinfo_bj .newsPage .page-a{ width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
    #xwinfo_bj .newsPage .page_more{ display: none;}
    .home_zy{ font-size: 14px; height: 50px;}
    .home_zy i{ font-size: 18px;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .main{ padding-top: 15%;}
    #xwinfo_bj .news-detail-title .float-right{ display: none;}
    #xwinfo_bj .news-detail-title .h3{ font-size: 16px;}
    #xwinfo_bj .news-detail-title .b{ font-size: 12px;}
    #xwinfo_bj .news-detail{ font-size: 14px; line-height: 30px;}
    .home_zy{ font-size: 13px;}
    .home_zy i{ font-size: 16px;}
    #xwinfo_bj .news-detail img{ max-width: 100%;}
}
@media screen and (max-width:500px){
    #xwinfo_bj .main{ padding-top: 22%;}
}





/*解决方案*/
#jjfa li{ float: left; width: 48%; margin-top: 3%; position: relative;}
#jjfa li:nth-of-type(2n){ float: right;}
#jjfa li .img{ display: block; width: 100%; height: 0; padding-bottom: 55%; position: relative; overflow: hidden; }
#jjfa li .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; filter: blur(3px); position: absolute; transition:0.3s all;}
#jjfa li .box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; color: #fff; padding: 18% 5% 0; text-align: center;}
#jjfa li .box i{ font-size: 50px; height: 50px; line-height: 50px; position: relative; transition: 0.3s;}
#jjfa li .box .tit{ font-size: 20px; font-weight: bold; padding: 30px 0 10px; position: relative; transition: 0.3s;}
#jjfa li .box .con{ opacity: 0; transition: 0.4s all; padding: 0 15%; font-size: 15px; position: relative;}
#jjfa li .box:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 0; transition:.4s; background: linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0 ,0) 100%);background: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0 0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);}
#jjfa li:hover .box:before{ height: 80%;}
#jjfa li:hover .img img{ filter: blur(0);}
#jjfa li:hover .box .con{ opacity: 1;}
#jjfa li:hover .box i{ transform: translateY(-20px);}
#jjfa li:hover .box .tit{ transform: translateY(-20px);}
#jjfa li:hover .box .con{ transform: translateY(-20px);}
@media screen and (max-width:991px){
    #jjfa li .box .tit{ font-size: 16px; padding-top: 10px;}
}
@media screen and (max-width:768px){
    #jjfa li{ width: 100%;}
    #jjfa li .box .con{ padding: 0; font-size: 12px; line-height: 25px;}
    #jjfa li:hover .box i{ transform: translateY(-40px);}
    #jjfa li:hover .box .tit{ transform: translateY(-40px);}
    #jjfa li:hover .box .con{ transform: translateY(-40px);}
}






/*公共*/
.sub_banner {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s;
}
.sub_banner.active img {
    filter: contrast(1) brightness(1);
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-transform: scale(1);
}
.sub_banner .s {
    width: 100%;
    height: auto;
    position: relative;
}
.sub_banner img {
    opacity: 1;
    visibility: hidden;
}
@media screen and (max-width:991px){
    .sub_banner.active img{ width: 135%;}
}
@media screen and (max-width:768px){
    .sub_banner img{ width: 220%;}
    .sub_banner.active img{ width: 150%; margin-left: 0;}
}
@media screen and (max-width:650px){
    .sub_banner.active img{ width: 250%; margin-left: -70%;}
}


#zi_banner{ position: relative;}
#zi_banner .main{ position: absolute; left: 0; top: 0; z-index: 1; color: #fff; width: 100%; padding-top: 15%; line-height: 65px;}
#zi_banner .main h2{ font-size: 60px; font-weight: bold !important;}
#zi_banner .main p{ font-size: 32px; padding: 5px 0;}


.z_banner_sb{ margin-top: 50px; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 100%; background: var(--theme-org); text-align:center;}
.z_banner_sb .icon{ animation:moves 2s linear  infinite;}
@keyframes moves {
    0%{transform: translateY(0px);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}


.home{ position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 75px; line-height: 75px;}
.home .container{ height: 75px; line-height: 75px; background: rgba(255,255,255,0.8);}
.home ul li{ color: #282828; font-size: 20px; position: relative; width: 25%; text-align: center;}
.home ul li:before{ position: absolute; right: 0; top: 37%; content: ''; width: 1px; height: 26%; background: #aaaaaa;}
.home ul li:last-of-type:before{ display: none;}
.home ul li a{ display: inline-block; height: 30px; line-height: 30px; position: relative;}
.home ul li a:after{ position: absolute; opacity: 0; width: 20px; height: 20px; border-radius: 100%; background: var(--theme-org); right: 10px; bottom: 5px; content: ''; transition: 0.3s;}
.home ul li:hover a:after{ right: -10px; bottom: 0; opacity: 0.4;}


@media screen and (max-width:1440px){
    #zi_banner .main h2{ font-size: 30px;}
    #zi_banner .main p{ font-size: 16px;}
    .home ul li{ margin: 0 20px;}
}
@media screen and (max-width:1200px){
    .z_banner_sb{ display: none !important;}
    .z_banner_sb h3{ display: none;}
    .z_banner_sb .icon{ margin: 0 !important;}
}
@media screen and (max-width:991px){
    .home ul{ width: 100%;}
    .home ul li{ margin: 0; width: 25%;}
    #zi_banner .main h2{ font-size: 32px;}
    #zi_banner .main p{ font-size: 14px;}
    #zi_banner .main{ padding-top: 15%;}
    .z_banner_sb .icon{ display: none;}
}
@media screen and (max-width:768px){
    .home{ line-height: 45px; height: auto;}
    .home ul li{ margin: 0; float: left; width: 25%; text-align: center; font-size: 14px;}
    #zi_banner .main{ padding-top: 22%;}
    #zi_banner .main h2{ font-size: 24px;}
    #zi_banner .main p{ font-size: 12px;}
    #zi_banner .main i{ display: none;}
}
@media screen and (max-width:600px){
    #zi_banner .main{ padding-top: 35%;}
}
@media screen and (max-width:500px){
}


#cpnav{ padding: 0; overflow: hidden; width: 75% !important;}
#cpnav .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#cpnav .swiper-slide {
    text-align: center;
    transition: 0.3s;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cpnav .swiper-slide a{ display: block; width: 80%; color: #333; height: 70px; line-height: 70px; font-size: 18px; transition: 0.3s;}
#cpnav .swiper-slide a:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; height: 3px; background: var(--theme-org); transition: 0.3s;}
#cpnav .swiper-slide a:hover:before{ left: 0; width: 100%;}
@media screen and (max-width:1440px){
    #cpnav .swiper-slide a{ height: 70px; line-height: 70px; font-size: 16px;}
}
@media screen and (max-width:768px){
    #cpnav .swiper-slide a{ height: 50px; line-height: 50px; font-size: 14px;}
}


.bai{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.05); line-height: 35px; padding: 3%;}
.hui{ background: #f5f7fa;}


.content_zy{ font-size: 16px; line-height: 35px; padding-top: 3%;}
.content_zy img{ max-width: 85%; display: block; margin: 20px auto;}

.con_pic{ padding-top: 3%; line-height: 40px;}
.con_pic img{ width: 48%; margin: 2% 1%; float: left;}
@media screen and (max-width:991px){
    .con_pic img,.content_zy img{ width: 100% !important; max-width: 100%;}
}




.art_pic{ margin: 2% -15px 0 !important;}
.art_pic li{ margin-bottom: 5%; position: relative; border-radius: 20px; overflow: hidden;}
.art_pic .imgbox{ overflow: hidden; width: 100%; height: 0; padding-bottom: 70%; position: relative;}
.art_pic .imgbox img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: all 0.5s;}
.art_pic .imgbox1{ overflow: hidden; width: 100%; height: 0; padding-bottom: 70%; position: relative; border: 1px solid #efefef;}
.art_pic .imgbox1 p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.art_pic .imgbox1 p img{ max-width: 100%; height: 100%; transition: all 0.5s;}
.art_pic .txtbox{ background: rgba(255,255,255,0.7); border-radius: 15px; padding: 10px 3%; transition: 0.3s; position: absolute; left: 5%; bottom: 5%; width: 90%;}
.art_pic .txtbox p{ color: #333333; width: 90%; font-size: 20px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.art_pic .txtbox i{ width: 40px; height: 40px; line-height: 40px; background: #2b3e87; text-align: center; border-radius: 100%; color: #fff; transition: 0.3s;}

.art_pic li:hover .txtbox{ background: var(--theme-blue);}
.art_pic li:hover .txtbox p{ color: #fff;}
.art_pic li:hover .txtbox i{ background: #fff; color: var(--theme-blue); transform:rotate(-45deg);}

.art_pic li:hover:hover .imgbox img{ transform: scale(1.05);}
@media screen and (max-width:1440px){
    .art_pic .txtbox p{ font-size: 18px;}
}
@media screen and (max-width:1200px){
    .art_pic .txtbox p{ font-size: 16px;}
    .art_pic .txtbox i{ width: 30px; height: 30px; line-height: 30px;}
}



/*翻页*/
.page {
 font-size: 0;
 text-align: center;
}
.page .center {
 display: inline-block;
 overflow: hidden;
}
.page .center .page-span {
 float: left;
 font-size: 14px;
 color: #c3c3c3;
 line-height: 32px;
 margin-right: 30px;
}
.page .center .page-list {
 float: left;
 overflow: hidden;
}
.page .center .page-list ul li {
 float: left;
 width: auto;
 min-width: 30px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 font-size: 14px;
 margin: 0 4px;
 padding: 0;
 border: none;
 background: transparent;
}
.page .center .page-list ul li a {
 min-width: 20px;
 padding: 0 5px;
 border: 1px solid #eee;
 display: block;
 color: #333;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: hidden;
 background: #fff;
}
.page .center .page-list ul li:hover a {
 color: #f3c04b;
}
.page .center .page-list ul li.active a {
 background: #f3c04b;
 color: #fff;
}