@charset "utf-8";
/*===================CSS Reset================*/
::selection{color:#fff;background-color: #4687f2;}
::-moz-selection{color:#fff;background-color: #4687f2;}
::-webkit-selection{color:#fff;background-color: #4687f2;}
::-webkit-scrollbar{width: 8px;height: 2px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #ddd;}
*{padding: 0;margin: 0;}
:root{--wz-color:#ffc614;}
body{font: 14px/1.231 '微软雅黑', 'Microsoft YaHei', arial, helvetica, clean, sans-serif;position:relative;color: #333;margin: 0;line-height:1.1;min-width:1200px;overflow-x:auto;background:#fefefe;}
:focus{outline: 0;}
input,button,a{outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display: block;}
ins{background-color: #ff9;color: #000;text-decoration: none;}
mark{background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del{text-decoration: line-through;}
table{border-collapse: collapse;border-spacing: 0;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select{vertical-align: top;}
li,ul{list-style-type: none;}
img{border: none;max-width:100%;}
a{text-decoration: none;color:#393939;}
a:link,a:hover,a:active,a:visited{text-decoration: none;}
input,textarea{outline: 0;border: 0;}
textarea{resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em{font-weight: normal;font-style: normal;}
ul, li{list-style: none;margin: 0;padding: 0;}
.no_padding{padding:0;margin-bottom: 0 !important;}
/*自定义样式*/
.fl{float: left;}
.fr{float: right;}
.wrap{width:1600px;margin: 0 auto;display: block; position: relative; *overflow: hidden;}
.img{overflow:hidden;}
.img imgi,mg{width:100%;height:100%;}
h5{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;}
h5 a{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.txt p{color:#777;}
.clear{clear:both;}
.wrap:after,.clearfix:after{content:'';display:block;overflow: hidden;height: 0; clear: both;}
a{cursor:pointer;}
@font-face {font-family: "iconfont"; /* Project id  */src: url('/static/fonts/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important; font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*===============================================header================================================*/
/*=================导航=================*/
 


 

.banner .swiper-slide{}
.banner .swiper-slide a{display:flex;align-items: center;justify-content: center; background-repeat:no-repeat;background-position: center top;background-size:cover;height:47.916vw;position:relative;}
.banner .swiper-slide a video{*width: 120%;height: 120vw;background: #000000;-o-object-fit: cover;object-fit: cover;outline: none; *margin-left: -10%;}
.banner .swiper-slide a .text{position:absolute; top:calc(50% - 80px);text-align:center;}
.banner .swiper-slide a .text h3{font-size:60px;color:#FFFFFF;margin-bottom:50px;font-weight:600;letter-spacing: 3px;position: relative;top:25px;-webkit-animation: sectitle0 2s ease-in-out 100ms forwards;animation: sectitle0 2s ease-in-out 100ms forwards;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.banner .swiper-slide a .text p{font-size:42px;color:#FFFFFF;font-weight:100; line-height:40px;letter-spacing: 3px;position: relative;top:25px;-webkit-animation: sectitle0 3s ease-in-out 100ms forwards;animation: sectitle0 3s ease-in-out 100ms forwards;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.banner .swiper-slide a img{opacity: 0;}

@-webkit-keyframes sectitle0{
0%{
-webkit-transform: translateX(-15%);
transform: translateX(-15%);
filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
}
}
@keyframes sectitle0{
0%{
-webkit-transform: translateX(-15%);
transform: translateX(-15%);
filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
}
}
.banner .swiper-slide.swiper-slide-active a .text h3{top:0px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .swiper-slide.swiper-slide-active a .text p{top:0px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}

.banner .swiper-button-prev,.banner .swiper-button-next{}

.banner .swiper-container-horizontal .swiper-pagination{bottom:50px;}
.banner .swiper-button-next, .banner .swiper-button-prev{opacity: 0.5; color:#FFFFFF;*background:rgba(238 115 0 / 100%);padding:0;width:50px;height:50px;border-radius:50%;-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;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size:36px;}
.banner .swiper-button-next{right:-80px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-button-prev{left:-80px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");}
.banner:hover .swiper-button-next{right:40px;}
.banner:hover .swiper-button-prev{left:40px;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{opacity: 1;}
.banner .swiper-pagination span{width:50px;height:6px;border-radius: 3px;opacity: 1; overflow: hidden; background:#FFFFFF;margin:0 5px; position: relative; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;}

.banner .swiper-pagination .swiper-pagination-bullet::after {content: " ";width: 0;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;z-index: 2;background: #e6ea15;-webkit-transition-duration: 0;-moz-transition-duration: 0;-ms-transition-duration: 0;-o-transition-duration: 0; transition-duration: 0;}
.banner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active::after {width:0%;transition:all 43s;animation:swipermove 43s linear;}

@keyframes swipermove{0%{width:0%}
100%{width:100%}
}

/**/
.i_tit{text-align:center;}
.i_tit h3{font-size:60px;}
/*产品中心*/
.product{padding:110px 0 0;background:#f7f9fd;}
.product .text_box{width:1200px;margin:60px auto;color:#343a4f;font-size:24px;line-height:38px;text-align:center;}
.product .text_box p{font-weight:200;}
.product .list{}
.product .list>ul:after,.product .list>ul>li .img_list ul:after,.product .list>ul>li .more a:after{content: "";height: 0;display: block;clear: both;}
.product .list>ul>li{width:33.33%;float:left;height:41.666vw;background-repeat: no-repeat; background-position: center top;background-size:cover;}
.product .list>ul>li .box{width:300px;margin:0 auto;}
.product .list>ul>li .img_list{display:none;margin:60px auto 0;width:41.666vw;}
.product .list>ul>li .img_list ul li{float:left;margin-right:10px;text-align:center;width:calc(50% - 10px);}
.product .list>ul>li .img_list ul li p{margin-top:10px;font-size:14px;}
.product .list>ul>li .text{padding-top:100px;text-align:center;}
.product .list>ul>li .text h3{font-size:38px;margin-bottom:30px;}
.product .list>ul>li .text p{font-size:22px;line-height:40px;font-weight:100;}
.product .list>ul>li .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px auto 0;font-size:18px;} 
.product .list>ul>li .more a{display:block;}
.product .list>ul>li .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.product .list>ul>li .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}
.product .list:hover>ul>li{width:18.75%;}
.product .list:hover>ul>li .text,.product .list:hover>ul>li .more{display:none;}
.product .list:hover>ul>li:hover{width:62.5%;}
.product .list:hover>ul>li:hover .more,.product .list:hover>ul>li:hover .img_list,.product .list:hover>ul>li:hover .text{display:block;}
.product .list:hover>ul>li:hover .box{width:41.66vw;}
.product .list:hover>ul>li:hover .text{text-align:left;}
.product .list:hover>ul>li:hover .more{margin:60px 0 0;}
.product .list:hover>ul>li:nth-child(1):hover {background-image:url(/static/images/img1_1.jpg) !important;}
.product .list:hover>ul>li:nth-child(2):hover {background-image:url(/static/images/img2_1.jpg) !important;}
.product .list:hover>ul>li:nth-child(3):hover {background-image:url(/static/images/img3_1.jpg) !important;}
.product .list:hover>ul>li:nth-child(4):hover {background-image:url(/static/images/img4_1.jpg) !important;}

/*解决方案*/
.solution{padding:110px 0 100px;background:#f7f9fd;}
.solution .text_box{width:1200px;margin:60px auto;color:#343a4f;font-size:24px;line-height:38px;text-align:center;}
.solution .text_box p{font-weight:200;}
.solution .list{}
.solution .list ul li{float:left;width:calc(50% - 5px);text-align:center;margin:0 10px 10px 0;overflow: hidden; background-repeat:no-repeat; background-position:center;background-size:cover;height:440px;}
.solution .list ul li:nth-child(2n){margin-right:0;}
.solution .list ul li a{display:block;display:flex;height:440px;align-items: center;justify-content: center; position: relative;}
.solution .list ul li a .box{padding:0 60px;}
.solution .list ul li i{width:240px;height:240px;margin:auto;background:url(/static/images/jjfaiconbg.png)no-repeat center;background-size:cover;display:flex;align-items: center;justify-content: center;}
.solution .list ul li i img{max-width:60px;}
.solution .list ul li h3{font-size:35px;color:#FFFFFF;margin-top:20px;}
.solution .list ul li span{display:none;font-size:24px;margin:30px auto 0;width:34px;height:34px;border-radius: 50%;border:#050827 solid 1px;line-height:32px;text-align:center;}
.solution .list ul li p{display:none;font-size:18px;color:#FFFFFF;font-weight:100;margin-top:20px;line-height:30px;}
.solution .list ul li:hover a{background-image:-webkit-linear-gradient(top, transparent, #ffc614);}
.solution .list ul li:hover h3{margin-top:-40px;}
.solution .list ul li:hover span,.solution .list ul li:hover p{display:block;}

/*核心优势*/
.strengths{padding:110px 0 100px;}
.strengths .list{margin-top:60px;}
.strengths .list ul{margin-right:-10px;}
.strengths .list ul li{float:left;width:calc(25% - 10px);margin-right:10px;background:#f7f9fd;height:600px;text-align:center;}
.strengths .list ul li a{display:flex;align-items: center;justify-content: center; position: relative;height:600px;}
.strengths .list ul li a .box{height:510px;position: relative;}
.strengths .list ul li a em{display:block;margin:auto;width:50px;height:6px;background:var(--wz-color);}
.strengths .list ul li i{display:inline-block;width:130px;height:130px;background:url(/static/images/hxys_icon1.png)no-repeat center; background-size:cover;margin-top:100px;}
.strengths .list ul li h3{font-size:35px;color:#050827;margin-top:75px;}
.strengths .list ul li .con{display:none;margin-top:30px;}
.strengths .list ul li .con p{font-size:22px;color:#050827;font-weight:100;line-height:60px;}
.strengths .list ul li span{display:inline-block;width:34px;height:34px;font-size:24px;border-radius: 50%;border:#050827 solid 1px;line-height:32px;text-align:center; position: absolute;bottom:0;left:calc(50% - 17px);}
.strengths .list ul li:nth-child(2) i{background-image:url(/static/images/hxys_icon2.png);}
.strengths .list ul li:nth-child(3) i{background-image:url(/static/images/hxys_icon3.png);}
.strengths .list ul li:nth-child(4) i{background-image:url(/static/images/hxys_icon4.png);}
.strengths .list:hover ul li{width:calc(20% - 10px);}
.strengths .list ul li:hover{width:calc(40% - 10px);}
.strengths .list ul li:hover em{display:none;}
.strengths .list ul li:hover i{background-image:url(/static/images/hxys_icon1_1.png);margin-top:0px;}
.strengths .list ul li:hover .con{display:block;}
.strengths .list ul li:hover h3{margin-top:45px;}
.strengths .list ul li:nth-child(1):hover i{background-image:url(/static/images/hxys_icon1_1.png);}
.strengths .list ul li:nth-child(2):hover i{background-image:url(/static/images/hxys_icon2_1.png);}
.strengths .list ul li:nth-child(3):hover i{background-image:url(/static/images/hxys_icon3_1.png);}
.strengths .list ul li:nth-child(4):hover i{background-image:url(/static/images/hxys_icon4_1.png);}

/**/
.classic_case{background:#FFFFFF;padding:110px 0 0;}
.classic_case .list{margin-top:60px;position: relative;margin-bottom:0px;}
.classic_case .list .swiper{overflow: hidden;position:relative;}
.classic_case .list .mySwiper2 .swiper-slide .video{height:600px;margin-bottom:150px; overflow: hidden;position: relative;}
.classic_case .list .mySwiper2 .swiper-slide .video i{display:block;width:100px;height:100px;position: absolute;left:calc(50% - 50px);top:calc(50% - 50px);background: url(/static/images/video_icon.png) no-repeat center;}
.classic_case .list .mySwiper2 .swiper-slide .textbox{height:180px;width:1200px;margin:0 auto;color:#5b6172;line-height:36px;font-size:22px ; font-weight:100;padding-bottom:0px;}

.classic_case .list .mySwiper{position: absolute;top:520px;width:1200px;margin:0 auto;left:calc(50% - 600px);}
.classic_case .list .mySwiper2 .swiper-button-prev,.classic_case .list .mySwiper2 .swiper-button-next{top:calc(300px - 25px);background:none;border:2px solid #FFFFFF;color:#FFFFFF;width:50px;height:50px;text-align:center;line-height:50px;border-radius: 50%;}
.classic_case .list .mySwiper2 .swiper-button-prev:after,.classic_case .list .mySwiper2 .swiper-button-next:after{font-family:宋体;font-weight:600;font-size:24px;}
.classic_case .list .mySwiper2 .swiper-button-prev{left:90px;}
.classic_case .list .mySwiper2 .swiper-button-next{right:90px;}
.classic_case .list .mySwiper2 .swiper-button-prev:after{content:'<';}
.classic_case .list .mySwiper2 .swiper-button-next:after{content:'>';}
.classic_case .list .mySwiper .swiper-slide .img{border:#e6e6e6 solid 1px;height:160px;background:#FFFFFF;display:flex; align-items: center;justify-content: center;}
.classic_case .list .mySwiper .swiper-slide .img img{max-width:50%;}
.classic_case .list .mySwiper .swiper-slide.swiper-slide-thumb-active .img{border:var(--wz-color) solid 1px;}
.classic_case.ny_case .list .mySwiper .swiper-slide .img img{max-width:100%;}
.classic_case.ny_case .list .mySwiper .swiper-slide .img{height:70px;}
.classic_case.ny_case .list .mySwiper{top:560px;}
.classic_case .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px auto 0;font-size:18px;} 
.classic_case .more a{display:block;}
.classic_case .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.classic_case .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}

/**/
.ny_case_list{padding:0px 0 80px;}
.ny_case_list ul li{width: calc(25% - 14px);float: left;padding: 0 7px;margin-top: 30px;}
.ny_case_list ul li a{display: block;}
.ny_case_list ul li .img{height:240px;position: relative;}
.ny_case_list ul li .img span{position: absolute;width:100%;height:100%; background-repeat:no-repeat;background-position: center;background-size:cover;}
.ny_case_list ul li .img img{display: block;}
.ny_case_list ul li .txt{margin: 0 20px;padding: 30px 20px 10px;margin-top: -60px;position: relative;z-index: 99;height: 140px;background: #eff1f4;}
.ny_case_list ul li .txt:before{content: "";display: block;width: 100%;height: 0;position: absolute;z-index: -1;left: 0;top: 0;background: #091f3b;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.ny_case_list ul li .txt h5{font-size: 22px;transition: .5s;font-family: Microsoft YaHei, Microsoft YaHei-Regular;font-weight: 400;text-align: center;color: #0c2340;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.ny_case_list ul li .txt p{font-size: 14px;margin-top: 22px;transition: .5s;font-family: Microsoft YaHei, Microsoft YaHei-Regular;font-weight: 400;text-align: left;color: #85898e;line-height: 22px;height: 44px;overflow: hidden;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.ny_case_list ul li .txt svg{display: block;margin: 0 auto;margin-top: 20px;}
.ny_case_list ul li .txt svg path{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.ny_case_list ul li:hover .txt:before{height: 100%;}
.ny_case_list ul li:hover .txt h5{color: #fff;}
.ny_case_list ul li:hover .txt p{color: #fff;}
.ny_case_list ul li:hover .txt svg path{fill: #fff;}
.ny_case_list_xq .tt{font-size: 34px;color: #0c2340;margin-bottom: 20px;}
.ny_case_list_xq .ar_article{}
/**/
.news_list{background:#f7f9fd;padding:110px 0 100px;}
.news_list .list{margin-top:60px;}
.news_list .list ul:after,.news_list .list .more a:after{content: "";height: 0;display: block;clear: both;}
.news_list .list ul li{width:calc(25% - 10px);float:left;margin-right:10px;background:#FFFFFF;}
.news_list .list ul{margin-right:-10px}
.news_list .list ul li .imgbox{height:320px;overflow: hidden;background-repeat:no-repeat; background-position: center; background-size:cover;}
.news_list .list ul li .imgbox img{width:100%;}
.news_list .list ul li .textbox{padding:35px 30px;text-align:center;height:190px;position: relative;}
.news_list .list ul li .textbox p{font-size:20px;color:#caccd3;}
.news_list .list ul li .textbox h3{color:#050826;font-size:24px;line-height:36px;margin-top:25px;}
.news_list .list ul li .textbox span{ position: absolute;width:34px;height:34px;font-size:24px;border-radius: 50%;border:#050827 solid 1px;line-height:32px;text-align:center;bottom:35px;left:calc(50% - 17px);}
.news_list .list .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px auto 0;font-size:18px;} 
.news_list .list .more a{display:block;}
.news_list .list .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.news_list .list .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}

/**/
.khxl_box{padding:40px 0 80px;background:##ffffff;}
.khxl_box .khxl_top:after,.khxl_box .khxl_top .ppgs_link a:after,.khxl_box .khxl_list ul:after{content: "";height: 0;display: block;clear: both;}
.khxl_box .khxl_top{padding:20px 0 40px;border-bottom:solid 1px #d3d5e6;margin-bottom:40px;}
.khxl_box .khxl_top .title h3{font-size:36px;color:#050827; letter-spacing: 2px;}
.khxl_box .khxl_top .title h3 span{color:#5b6172;font-weight:100;padding-left:5px;}
.khxl_box .khxl_top .ppgs_link{display:flex;height:90px;align-items: center;justify-content: center;}
.khxl_box .khxl_top .ppgs_link a{display:block;width:158px;height:46px;border:#1d1f35 solid 1px;margin:0 auto 0;font-size:18px;}
.khxl_box .khxl_top .ppgs_link a span{display:block;float:left;text-indent:24px; line-height:46px;}
.khxl_box .khxl_top .ppgs_link a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}
.khxl_box .khxl_list ul li{float:left;width:calc(25% - 75px);margin-right:100px;}
.khxl_box .khxl_list ul li:last-child{margin-right:0;}
.khxl_box .khxl_list ul li i{display:block;height:80px;width:80px;}
.khxl_box .khxl_list ul li a{display:block;}
.khxl_box .khxl_list ul li h3{font-size:24px;color:#050827;margin:20px 0 15px; }
.khxl_box .khxl_list ul li p{font-size:17px;color:#050827; font-weight:100;line-height:30px;}


/**/
 
/**/
 
/**/
.pro_banner{background-repeat:no-repeat;background-position: center; background-size:cover;height:750px;display:flex;align-items: center; justify-content: center;}
.pro_banner .text_box{width:1200px;text-align:center;}
.pro_banner h3{font-size:60px;color:#FFFFFF;font-weight:100;margin-bottom:60px;}
.pro_banner p{font-size:24px;color:#FFFFFF;font-weight:100;line-height:42px;}

.pro_nav{margin-top:-100px;}
.pro_nav ul li{float:left;width:calc(33.33% - 3.5px);margin-right:5px;padding-bottom:24px;}
.pro_nav ul li:last-child{margin-right:0;}
.pro_nav ul:after{content:'';display:block; overflow: hidden;clear: both;height:0;}
.pro_nav ul li a{display:block;position: relative;}
.pro_nav ul li .img_box{position: relative;height:520px;background-repeat:no-repeat;background-position: center; background-size:cover;}
.pro_nav ul li .img_box h3{position: absolute;top:80px;text-align:center;font-size:40px;color:#bdbcc3;width:100%;}
.pro_nav ul li.on .img_box h3,.pro_nav ul li:hover .img_box h3{color:#050827;}
.pro_nav ul li.on a,.pro_nav ul li:hover a{border-bottom:#ffc614 solid 8px;}
.pro_nav ul li.on a:after,.pro_nav ul li:hover a:after{content:'';position: absolute;left:calc(50% - 10px);  bottom:-18px;width:0;  height:0; border-width:10px 10px 0; border-style:solid; border-color:#ffc614 transparent transparent;/*灰 透明 透明 */}
.pro_nav ul li.li1.on a,.pro_nav ul li.li1:hover a{border-bottom:#ffc614 solid 8px;}
.pro_nav ul li.li1.on a:after,.pro_nav ul li.li1:hover a:after{border-color:#ffc614 transparent transparent;border-style:solid;}
.pro_nav ul li.li2.on a,.pro_nav ul li.li2:hover a{border-bottom:#2ac1f6 solid 8px;}
.pro_nav ul li.li2.on a:after,.pro_nav ul li.li2:hover a:after{border-color:#2ac1f6 transparent transparent;border-style:solid;}
.pro_nav ul li.li3.on a,.pro_nav ul li.li3:hover a{border-bottom:#71bdf7 solid 8px;}
.pro_nav ul li.li3.on a:after,.pro_nav ul li.li3:hover a:after{border-color:#71bdf7 transparent transparent;border-style:solid;}

.pro_con{height:230px;display:flex;align-items: center;justify-content: center;color:#050827;font-size:24px;text-align:center}

.pro_list{padding-bottom:100px;}
.pro_list ul li{margin-bottom:20px;background:#f7f9fd;}
.pro_list ul li a:after{content:'';display:block;height:0; overflow: hidden;clear: both;}
.pro_list ul li a{display:block;padding:40px;}
.pro_list ul li .imgbox{width:390px;height:260px; overflow: hidden;float:left;}
.pro_list ul li .text_box{margin-left:45px;width:calc(100% - 435px);float:left;padding-top:10px;}
.pro_list ul li .text_box h3{font-size:36px;color:#050827;margin-bottom:25px;}
.pro_list ul li .text_box p{font-size:24px;color:#5B6172;line-height:42px;font-weight:100;}

.pro_list .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px auto 0;font-size:18px;} 
.pro_list .more a{display:block;}
.pro_list .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.pro_list .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}

/**/
.pro_show_banner{height:750px;}
.pro_show_banner .text_box{padding-top:180px;text-align:center;color:#FFFFFF;}
.pro_show_banner .text_box h3{font-size:50px;font-weight:200;margin-bottom:20px;letter-spacing: 2px;}
.pro_show_banner .text_box p{font-size:24px;font-weight:200;letter-spacing: 2px;}

.pro_show_img{margin-top:-370px;text-align:center;min-height: 500px;}
.pro_show_text{font-size:22px;font-weight:200;color:#5b6172;line-height:36px;margin-bottom:90px;}
.pro_show_text .wrap{width:1200px;}
.pro_show_con{}
.pro_show_con .pro_show_tab{text-align:center;width:700px;margin:0 auto;}
.pro_show_con .pro_show_tab ul{display: flex; align-items: center; justify-content: center; width: 700px;}
.pro_show_con .pro_show_tab ul li{width:33.33%;float:left;height:160px;display:flex;align-items: center;justify-content: center;cursor:pointer;}
.pro_show_con .pro_show_tab ul li p{font-size:20px;margin-top:5px;font-weight:200;}
.pro_show_con .pro_show_tab ul li.on{background:#f7f9fd;}
.pro_show_con .pro_show_tab ul li.on p{font-weight:600;}
.pro_show_con .pro_show_bot{background:#f7f9fd;padding:80px 0;}
.pro_show_con .pro_show_bot .wrap{width:1600px;}
.pro_show_con .pro_show_bot dl{display:none;}
.pro_show_con .pro_show_bot dl.cur{display:block;}
.pro_show_con .pro_show_bot dl dd{font-size: 22px;font-weight:200; color: #5b6172; line-height: 36px;}
.pro_show_con .pro_show_bot .video_box{width:600px;margin:0 auto 0;}
.pro_show_con .pro_show_bot .chara_tit{text-align:center;margin-bottom:50px;}
.pro_show_con .pro_show_bot .chara_tit h3{font-weight:200;font-size:54px;color:#050827;}
.pro_show_con .pro_show_bot .chara_list1{margin-bottom:100px; position: relative;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list{width: 100%;height: auto; overflow: hidden;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li{width:520px;height: auto;overflow: hidden;background: #FFFFFF;margin-right: 20px;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li a{display:block;padding:20px;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li .img img{opacity: 0;display:none;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li .img{height:240px; background-position: center; background-repeat: no-repeat;background-size: cover;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li .text h3{font-size:24px;text-align:center;line-hieght:30px;padding:20px 0 5px;}
.pro_show_con .pro_show_bot .chara_list1 .arrow a{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;border:#050827 solid 2px;}
.pro_show_con .pro_show_bot .chara_list1 .arrow a:after{content:'';display:block; font-family:'宋体';position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.pro_show_con .pro_show_bot .chara_list1 .arrow a.prev{left: -80px;top: 50%;}
.pro_show_con .pro_show_bot .chara_list1 .arrow a.next{right: -80px;top: 50%;}
.pro_show_con .pro_show_bot .chara_list1 .arrow a.prev:after{content:'<';}
.pro_show_con .pro_show_bot .chara_list1 .arrow a.next:after{content:'>';}
.pro_show_con .pro_show_bot .chara_list1 .arrow a:hover{/*background-color: rgba(0,0,0,.3);*/}
.pro_show_con .pro_show_bot .chara_list2{}
.pro_show_con .pro_show_bot .chara_list2 ul{margin-right:-10px;}
.pro_show_con .pro_show_bot .chara_list2 ul li{width:calc(25% - 10px);height:290px;margin-bottom: 10px;background:#FFFFFF;margin-right:10px;float:left;display:flex; align-items: center;justify-content: center;}
.pro_show_con .pro_show_bot .chara_list2 ul li .box{width:320px;height:210px;}
.pro_show_con .pro_show_bot .chara_list2 ul li i{display:block;}
.pro_show_con .pro_show_bot .chara_list2 ul li h3{font-size:24px;line-height:40px;margin-top:20px;}

/**/
/*分页*/
.pages{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:60px;  clear:both;}
.pages a{display:inline-block;height: 42px;line-height: 42px;padding-left: 20px;overflow:hidden;padding-right: 20px;min-width: 20px;text-align:center;color:#333;font-size: 18px;border:1px solid #fff;background-color:#fff;margin-left: 5px;margin-right: 5px;}
.pages a:hover{ text-decoration:none; color:#fff; background-color:var(--wz-color);border:1px solid var(--wz-color);}
.pages a.on{color:#fff;background-color:var(--wz-color);border:1px solid var(--wz-color);}
.pages a.first:hover,.pages a.last:hover{background-color:var(--wz-color);}

/**/
.jjfa_banner{height:800px; background-repeat:no-repeat; background-position: center; background-size:cover;display:flex;align-items: center; justify-content: center;}
.jjfa_banner .text_box{text-align:center;color:#FFFFFF;}
.jjfa_banner .text_box h3{font-size:50px;font-weight:200;margin-bottom:30px;letter-spacing: 2px;}
.jjfa_banner .text_box p{font-size:24px;font-weight:200;letter-spacing: 2px;line-height:42px;}
.jjfa_banner .text_box a{display:block; width:200px;height:60px;line-height:60px;background:#ffc614; line-hieght:60px;margin:60px auto 0;text-align:center;font-size:24px;}
.jjfa_banner .text_box a i{padding-left:40px;}

/**/
.jjfa_box1{padding:100px 0;}
.jjfa_box1 .wrap{width:1200px;}
.jjfa_box1 .tit h3{text-align:center;font-size:56px;color:#050827;font-weight:200;}
.jjfa_box1 .con{font-size:22px;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;}
.jjfa_box1 .con p{font-weight:200;}
.jjfa_box1 .jjfa_link{margin-top:70px;text-align:center;}
.jjfa_box1 .jjfa_link a{display:inline-block;width:520px;height:120px;line-height:120px;background:#f7f9fe; color:#050827;font-size:34px;margin-right:20px;}
.jjfa_box1 .jjfa_link a:last-child{margin-right:0;}

.jjfa_box2{background:#f7f9fd;padding:100px 0;}
.jjfa_box2 .tit h3{text-align:center;font-size:56px;color:#050827;font-weight:200;}
.jjfa_box2 .tit h3{text-align:center;font-size:56px;color:#050827;font-weight:200;}
.jjfa_box2 .list{margin-top:50px; position: relative;}
.jjfa_box2 .list .swiper-slide .box{background:#FFFFFF;padding:20px;}
.jjfa_box2 .list .swiper-slide .box .imgbox{display:none;}
.jjfa_box2 .list .swiper-slide .box .text{text-align:center;padding:50px 50px 40px;}
.jjfa_box2 .list .swiper-slide .box .text h1{font-size:55px;color:#ffc614;margin:0 0 50px;}
.jjfa_box2 .list .swiper-slide .box .text h3{font-size:22px;color:#373952;line-height:36px;height:100px;font-weight:200;}
.jjfa_box2 .list .swiper-button-prev,.jjfa_box2 .list .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;border:#050827 solid 2px;background:none;}
.jjfa_box2 .list .swiper-button-prev:after,.jjfa_box2 .list .swiper-button-next:after{content:'';display:block; font-family:'宋体';position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.jjfa_box2 .list .swiper-button-prev{left: -80px;top: 50%;}
.jjfa_box2 .list .swiper-button-next{right: -80px;top: 50%;}
.jjfa_box2 .list .swiper-button-prev:after{content:'<';}
.jjfa_box2 .list .swiper-button-next:after{content:'>';}

.jjfa_box3{padding:100px 0;background:url(/static/images/jjfabg.jpg)no-repeat center top;}
.jjfa_box3 .tit h3{text-align:center;font-size:56px;color:#050827;font-weight:200;}
.jjfa_box3 .list{margin-top:50px;position: relative;}
.jjfa_box3 .list .swiper-slide .box{background:#FFFFFF;padding:20px;}
.jjfa_box3 .list .swiper-slide .box .text{text-align:center;padding:20px 50px 10px;}
.jjfa_box3 .list .swiper-slide .box .text h3{font-size:22px;color:#373952;line-height:36px;font-weight:200;}
.jjfa_box3 .list .swiper-button-prev,.jjfa_box3 .list .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;border:#050827 solid 2px;background:none;}
.jjfa_box3 .list .swiper-button-prev:after,.jjfa_box3 .list .swiper-button-next:after{content:'';display:block; font-family:'宋体';position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.jjfa_box3 .list .swiper-button-prev{left: -80px;top: 50%;}
.jjfa_box3 .list .swiper-button-next{right: -80px;top: 50%;}
.jjfa_box3 .list .swiper-button-prev:after{content:'<';}
.jjfa_box3 .list .swiper-button-next:after{content:'>';}

/**/
.n_title002{text-align:center;margin-bottom: 3rem;}
.n_title002 h2{ font-size:1.875rem; color:#5d606c}
.n_title002 .h3{ font-size:1.5rem; color:#ffc614; font-family:Poppins-s; text-transform:uppercase; margin:20px 0 0; line-height:1.5}

.n_dashi{ padding:5rem 0 18.25rem; background:url(/static/images/n_dashi_bg.jpg) center bottom no-repeat; background-size:cover}

.n_dashi .content{ position:relative; z-index:1}
.n_dashi .content .line_x{ content:""; position:absolute; width:100%; left:0; right:0; height:2px; background:#d0d1d3; top:50%; margin-top:-1px; z-index:-1} 
.n_dashi .content .line_x:before{ content:""; position:absolute; background:url(/static/images/kedu.png) center no-repeat; height:15px; bottom:0; left:0; width:100%;}

.list_box_14{ }
.list_box_14 .miso-list{ padding:0 4rem}
.list_box_14 li{ margin:0 -4rem; transition:.5s; position:relative}
.list_box_14 li:before{content:"";position:absolute;bottom: -4.375rem;left: 2.75rem;width: 6px;height: 6px;border: #1a5caa 2px solid;border-radius:50%;transition:0.6s;background: #fff;margin-left: -5px;}
.list_box_14.ar_web li:nth-child(2n-1):before{ bottom:auto; top:-4.375rem}

.list_box_14 li:after{content:"";position:absolute;bottom: -3.75rem;left: 2.75rem;margin-left: -9px;width:18px;height:22px;background:url(/static/images/dots1.png) center no-repeat;transform: scale(0);transition:0.6s;}
.list_box_14.ar_web li:nth-child(2n-1):after{ bottom:0; top:-3.75rem; background:url(/static/images/dots1_on.png) center no-repeat;}

.list_box_14 li a{display:block;height: 15.625rem;background:#fff;border-radius:0 5px 5px 0;padding: 1.5rem 2.25rem 0;transition:.5s;background-size:cover;position: relative;z-index:1;}
.list_box_14 li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/static/images/list_box_14_img1.jpg) center no-repeat; background-size:cover; transition:.5s; opacity:0; visibility:hidden; z-index:-1}
.list_box_14 li a .img{ position:absolute; top:0; right:0; bottom:0; left:0; background:#000; z-index:-1; opacity:0; visibility:hidden}
.list_box_14 li a .img img{ width:100%; height:100%; object-fit:cover; opacity:.6}
.list_box_14 li a:after{ content:""; position:absolute; border-left:transparent 1.25rem solid; border-top:#fff 2.25rem solid; bottom:-2.25rem; left:1.25rem; transition:.5s}
.list_box_14.ar_web li:nth-child(2n-1) a:after{content:"";position:absolute;border-left:transparent 1.25rem solid;border-bottom: #fff 2.25rem solid;border-top: none;top: -2.25rem;left:1.25rem;transition:.5s;bottom: auto;}
.list_box_14 li a h2{ padding:0 .5rem}
.list_box_14 li a h2 big{font-size: 2.25rem;color: #1a5caa;text-align:center;font-weight:bold;line-height: 3.5rem;font-family:Disney English; transition:.5s}
.list_box_14 li a h2 small{display:inline-block;width:1.75rem;height:1.75rem;background: #9a9ca2;border-radius:50%;line-height:1.75rem;text-align:center;font-size:1rem;color:#fff;vertical-align: top;margin-left: .625rem; transition:.5s}
.list_box_14 li a h2 span{ display:inline-block; float:right; background:url(/static/images/n_dashi_ico.png) center no-repeat; width:24px; height:20px; transition:.5s; margin:1.125rem 0 0}
.list_box_14 li a .box{height:7.5rem;margin-top: 1.75rem;overflow:hidden;overflow-y:scroll;}
.list_box_14 li a .box p{font-size: .9375rem;color:#4e4e4e;text-align: left; line-height: 1.5rem;}

.list_box_14 li a .box::-webkit-scrollbar {width:1px;height: 8px;background-color: transparent;}
.list_box_14 li a .box::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
.list_box_14 li a .box::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}


.list_box_14.ar_web li:nth-child(2n-1){ margin-top:23.75rem}

.list_box_14 li.li1{ opacity:0; visibility:hidden}
.list_box_14 li.miso-current+li+li+li+li+li+li+li{ opacity:0; visibility:hidden}

.list_box_14 li:hover a:before{ opacity:1; visibility:visible}
.list_box_14 li:hover a h2 big, .list_box_14 li:hover a .box p{ color:#fff}
.list_box_14 li:hover a h2 small{ background:#fff; color:#01479d}
.list_box_14 li:hover a:after{ border-top:#2c70bb 2.25rem solid;}
.list_box_14 li:nth-child(2n-1) a:hover:after{border-bottom: #3579c4 2.25rem solid; border-top:none} 
.list_box_14 li:hover a .img{ opacity:1; visibility:visible}
.list_box_14 li:hover a h2 span{ background:url(/static/images/n_dashi_ico_on.png) center no-repeat;}
.list_box_14 li:hover:after{ transform: scale(1);}

.list_box_14 .miso-arrow{ width:3.5rem; height:3.5rem; background-size:100% 100% !important; transition:.5s}
.list_box_14 .miso-prev{ background:url(/static/images/list_box_14_prev.png) center no-repeat; left:-6rem}
.list_box_14 .miso-next{ background:url(/static/images/list_box_14_next.png) center no-repeat; right:-6rem}

.list_box_14 .miso-prev:hover{ background:url(/static/images/list_box_14_prev_on.png) center no-repeat;}
.list_box_14 .miso-next:hover{ background:url(/static/images/list_box_14_next_on.png) center no-repeat;}

/**/
.ny_banner{height:800px; background-repeat:no-repeat; background-position: center; background-size:cover;display:flex;align-items: center; justify-content: center;}
.ny_banner .text_box{text-align:center;color:#FFFFFF;}
.ny_banner .text_box h3{font-size:50px;font-weight:200;margin-bottom:30px;letter-spacing: 2px;} 
.ny_banner .text_box p{font-size: 24px; color: #FFFFFF; font-weight: 100; line-height: 42px;max-width:1200px;padding:0 30px;}


.case_box{padding:100px 0;}
.case_box .list{}
.case_box .list ul{margin-right:-20px;}
.case_box .list ul:after{content:'';display:block;height:0; overflow: hidden;clear: both;}
.case_box .list ul li{float:left;width:calc(33% - 20px);margin-right:20px;margin-bottom:20px;}
.case_box .list ul li .img{ position: relative;}
.case_box .list ul li .img:after{content:'';width:100px;height:100px;background:url(/static/images/video_icon.png) no-repeat center; background-size:100px!important;position: absolute; top:calc(50% - 50px);left:calc(50% - 50px);}
.case_box .list ul li .text{height:100px;line-height:100px;text-align:center;}
.case_box .list ul li .text h3{font-size:35px;color:#050827;}
.case_box .list ul li:hover .text{background:#f7f9fd;}

.case_box .list .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px auto 0;font-size:18px;} 
.case_box .list .more a{display:block;}
.case_box .list .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.case_box .list .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}
/**/
.news_box{padding:100px 0;background:#f7f9fd;}
.news_box .list ul{margin-right:-20px;}
.news_box .list ul:after{content:'';display:block;height:0; overflow: hidden;clear: both;}
.news_box .list ul li{float:left;width:calc(33% - 20px);margin-right:20px;margin-bottom:20px;background:#FFFFFF;}
.news_box .list ul li a{display:block;padding:20px;}
.news_box .list ul li .img{ position: relative;height:20vw;background-repeat:no-repeat; background-position: center top;background-size:cover;}
.news_box .list ul li .img img{height:auto!important;}
.news_box .list ul li .text{text-align:left;padding:20px 30px;}
.news_box .list ul li .text span{font-size:16px;color:#c2c4cc;}
.news_box .list ul li .text p{font-size:16px;color:#050827;line-height:30px;height:90px;}
.news_box .list ul li .text h3{font-size:24px;color:#050827;line-height:35px;margin:20px 0 30px;height:70px;}

.news_box .list .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px auto 0;font-size:18px;} 
.news_box .list .more a{display:block;}
.news_box .list .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.news_box .list .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}

/**/
.gg_box{padding:100px 0;background:#f7f9fd;}
.gg_box .gg_title{text-align:center;}
.gg_box .gg_title h3{font-size:28px;color:#000000;}
.gg_box .gg_list{max-width:1000px;width:100%;margin:50px auto 30px;}
.gg_box .gg_list ul li{display:block;padding:25px 10px ;border-bottom:1px dashed #dfdfdf;}
.gg_box .gg_list ul li a{display:block;}
.gg_box .gg_list ul li a .text:after{content:'';display:block;height:0; overflow: hidden;clear: both;}
.gg_box .gg_list ul li h3{height:auto!important;float:left;width:calc(100% - 110px);color:#333333;font-size:18px;padding-left: 20px;position: relative;}
.gg_box .gg_list ul li h3:before{content: "";width: 6px;height: 5px;background-color:rgb(255 198 20);position: absolute;top: 33%;left: 0;transform: translateY(-50%);transform: skew(-30deg); transition: all .36s;}
.gg_box .gg_list ul li span{float:right;color:#666666;font-size:16px;}



/**/
.service_box1{padding:100px 0;}
.service_box1 .tit h3{font-size:54px;text-align:center;color:#050827;font-weight:200;}
.service_box1 .text{font-size:26px;text-align:center;color:#5b6172;margin-top:40px;}
.service_box1 .text p{font-weight:200;}
.service_box1 .list{margin-top:60px;text-align:center;}
.service_box1 .list ul li{display:inline-flex;align-items:center;justify-content: center; width:520px;height:120px;background:#f7f9fd;margin:0 10px;}
.service_box1 .list ul li p{font-size:24px;color:#050827;margin-right:40px;}
.service_box1 .list ul li span{color:#ffc613;font-size:35px;}
.service_box2{background:#f7f9fd;padding:70px 0;}
.service_box2 .tit h3{font-size:32px;text-align:center;ccolor:#5b6172;font-weight:200;}
.service_box2 .list{margin-top:68px;}
.service_box2 .list ul{margin-right:-10px;}
.service_box2 .list ul:after{content:'';display:block;height:0; overflow: hidden;clear: both;}
.service_box2 .list ul li{float:left;width:calc(20% - 10px);margin-right:10px;background:#FFFFFF;padding:50px 0;text-align:center;}
.service_box2 .list ul li .box{height:320px;}
.service_box2 .list ul li i{width:60px;height:60px;margin:auto;}
.service_box2 .list ul li h3{margin:25px 0;font-size:24px;color:#050827;font-weight:600;}
.service_box2 .list ul li p{line-height:32px;font-size:16px;color:#4e5066;font-weight:200;}

.service_box3{padding:100px 0;}
.service_box3 .text{line-height:36px;color:#050827;text-align:center;font-size:22px;}
.service_box3 .text p{font-weight:200;}
.service_box3 .img{text-align:center;margin-top:100px;}
.service_box4{background:url(/static/images/service_bg.jpg)no-repeat center top;height:800px;}
.service_box4 .wrap{display:flex;align-items: center;justify-content: center;height:800px;}
.service_box4 .wrap h3{font-size:52px;color:#FFFFFF;text-align:center;margin-bottom:55px;}
.service_box4 .wrap p{font-size:24px;color:#FFFFFF;line-height:36px;text-align:center;font-weight:200;}
/**/
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.service_wrap{width:1360px;margin:auto;padding:80px 0 90px;}
.service_nav ul:after{content:'';display:block;clear: both; overflow: hidden;}
.service_nav ul li{ width: 26%; float: left; height: 600px; transition: .5s; overflow: hidden;}
.service_nav ul li.on{ width:48%;}
.service_nav ul li a{ display: block; padding-left: 0px;}
.service_nav ul li .box{height: 600px; color: #fff;position: relative;transition: .5s;}
.service_nav ul li .txt:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); transition: .5s; z-index: -1;}
.service_nav ul li .txt{ position: absolute; bottom: 0; left: 0; width: calc(100% - 100px); height: 100%; padding: 0 50px; transition: .5s; z-index: 1; }
.service_nav ul li .tt{}
.service_nav ul li .con h3{ font-size: 1.125rem; line-height: 1.875rem;transition: .3s; }
/*.service_nav ul li .con h4{ font-size: 1.125rem; line-height: 1.875rem; opacity: 0;transition: .5s; height: 0; }*/
.service_nav ul li .con h3 span{ display: block;}
.service_nav ul li .con{ color: #FFFFFF; transition: .5s;display:block;padding-top:100px;}
.service_nav ul li .con p{ font-size: .75rem; line-height: 1.5rem; height: 0; margin-top: .875rem; width: 95%; opacity: 0; overflow: hidden; transition: .5s;  margin-bottom: 1.5rem;}
.service_nav ul li .btn_arrow{ }
.btn_arrow{ display: block; width: 1.875rem; height: 1.875rem; border-radius: 50%; border: 1px solid #fff; background: url(/static/images/btn_arrow.png) center no-repeat;}
.service_nav ul li.on .box .txt{ width: 21.25rem; height: 13rem;padding: 0 30px;  transition-delay: .4s; }
.service_nav ul li.on .box .txt:before{ background:#ffc614; }
.service_nav ul li.on .box .con{ color: #333333;display:table-cell;padding-top:0;}
.service_nav ul li.on .box .con p{ opacity: 1; height:3rem; color:#666666; }
/*.service_nav ul li.on .box .con h3 { opacity: 0; height:0; }*/
.service_nav ul li.on .box .con h4 { opacity: 1; height: 1.875rem;}
.service_nav ul li.on .btn_arrow{background-image: url(/static/images/btn_arrow2.png) ;border: 1px solid #333333;}
/*about*/
.about_banner{position: relative;}
.about_banner .mySwiper2{ overflow: hidden;}
.about_banner .mySwiper2 .swiper-slide{position: relative;}
.about_banner .mySwiper2 .swiper-slide .img_box{height:800px;background-repeat:no-repeat; background-position: center; background-size:cover; display:flex;align-items: center;justify-content: center;}
.about_banner .mySwiper2 .swiper-slide .text_box{text-align:center;color:#FFFFFF;}
.about_banner .mySwiper2 .swiper-slide .text_box h3{font-size:50px;font-weight:200;margin-bottom:30px;letter-spacing: 2px;} 
.about_banner .mySwiper2 .swiper-slide .text_box a{display:block; width:200px;height:60px;line-height:60px;background:#ffc614; line-hieght:60px;margin:60px auto 0;text-align:center;font-size:24px;}
.about_banner .mySwiper2 .swiper-slide .text_box a i{padding-left:40px;}

.about_banner .mySwiper{width:330px;margin:0 auto; position: absolute; bottom:40px;left:calc(50% - 165px);}
.about_banner .mySwiper .swiper-slide .img{border:solid 2px rgba(255 255 255 /0.08); position: relative;}
.about_banner .mySwiper .swiper-slide .img:after{}
.about_banner .mySwiper .swiper-slide .img:before{content:'';position: absolute; display:block;width:36px;height:36px;background:url(/static/images/video_icon.png)no-repeat center;background-size:36px;left:calc(50% - 18px);top:calc(50% - 18px);}
.about_banner .mySwiper .swiper-slide.swiper-slide-thumb-active .img{border:solid 2px #ffc614;}

.about_video .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.about_video .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display: none;}
.about_video .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform:scale(1);}
.about_video .close:hover{transform:rotate(180deg);}
.about_video .close,.tc{transition:all ease 400ms;-moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;-webkit-transition:all ease 400ms;}
.about_video .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;height: 15rem;width: 12rem;left:50%;margin-left: -6rem;margin-top: -7.5rem;}
.about_video .video{position:absolute;overflow: hidden;top:50%;z-index:9999;height: 600px;width:1100px;left:50%;margin-left: -550px;margin-top: -300px;}
.about_video .tc.act{display: block;}
.about_video .close{position: absolute;cursor:pointer;font-size: 20px;right: 30px;top: 30px;}
.about_video .tc-bg{height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.about_video .tc-box h3 img{width:12rem;height:12rem;}
.about_video .tc-box h5{width:12rem;height:3rem;line-height:3rem;font-size:1rem;color:#fff;text-align:center}
.about_video .close-btn{position: absolute;right: 110px;top: 53px;cursor: pointer;width: 42px;height: 42px;border: 2px solid #fdf600;border-color: #fff;-webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.about_video .close-btn span:first-of-type{height: 30px;-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);width: 4px;-webkit-border-radius: 4px;border-radius: 4px;top: 50%;margin-left: -2px;background-color: #fff;position: absolute;left: 50%;}
.about_video .close-btn span:last-of-type{position: absolute;height: 30px;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: 4px;left: 50%;-webkit-border-radius: 4px;border-radius: 4px;top: 50%;margin-left: -2px;background-color: #fff;}

.about_box1{padding:100px 0;}
.about_box1 .list{}
.about_box1 .list ul li{float:left;width:33.3%;text-align:center;}
.about_box1 .list ul li h3{font-size:54px;color:#ffc614;font-weight:600;margin-bottom:35px;}
.about_box1 .list ul li h3 span{font-size:32px;}
.about_box1 .list ul li p{font-size:24px;color:#5b6172;font-weight:200;line-height:36px;}

.about_box2{height:800px;background:url(/static/images/about_bg.jpg)no-repeat center;}
.about_box2 .about_con{color:#FFFFFF;padding-top:140px;}
.about_box2 .about_con h3{font-size:24px;font-weight:400;line-height:35px;margin-bottom:50px;width:1400px;}
.about_box2 .about_con p{font-size:17px;line-height:35px;margin-bottom:40px;width:800px;}

.about_box3{padding:90px 0}
.about_box3 .tit{width:390px;}
.about_box3 .tit h3{font-size:54px;color:#050827;font-weight:200;}
.about_box3 .list{width:calc(100% - 410px);height:450px; overflow-x: auto;padding-right:20px;}
.about_box3 .list::-webkit-scrollbar{width: 3px;height: 2px;background-color: #F5F5F5;}
.about_box3 .list ul li{border-bottom:1px solid #ffeeb8;padding:30px 0;line-height:28px;width:100%;}
.about_box3 .list ul li:first-child{padding-top:0;}
.about_box3 .list ul li:after{content:'';display:block;height:0; overflow: hidden;clear: both;}
.about_box3 .list ul li h3{float:left;font-size:26px;color:#ffc614;}
.about_box3 .list ul li p{float:right;width:calc(100% - 140px);font-size:17px;color:#858996;text-align:right;}
.about_box3 .list .more{width:158px;height:46px;border:#1d1f35 solid 1px;margin:60px 0 0;font-size:18px;} 
.about_box3 .list .more a{display:block;color:#050827;}
.about_box3 .list .more a span{display:block;float:left;text-indent:24px; line-height:46px;}
.about_box3 .list .more a i{float:right;display:block;font-family:宋体;width:46px;height:46px;font-size:20px;font-weight:600;border-left:#1d1f35 solid 1px; line-height:46px;text-align:center;}

.about_box4{}
.about_box4 .wrap{width:100%;}
.about_box4 .img_box{width:50%;float:left;height:720px;}
.about_box4 .text_box{width:50%;float:left;height:720px;background:#f7f9fd;}
.about_box4 .text_box .text{width:700px;height:540px;margin:110px 0 0 100px;}
.about_box4 .text_box h3{font-size:54px;color:#050827;font-weight:200;margin-bottom:40px;}
.about_box4 .text_box ul{height:375px; overflow-x: auto;padding-right:20px;}
.about_box4 .text_box ul::-webkit-scrollbar{width: 3px;height: 2px;background-color: #F5F5F5;}
.about_box4 .text_box ul li{padding:20px 0;border-bottom:solid 1px #e6e6e6;display:block;}
.about_box4 .text_box ul li:after{content:'';display:block;height:0; overflow: hidden;clear: both;}
.about_box4 .text_box ul li i{float:left;width:50px;height:34px;}
.about_box4 .text_box ul li p{float:left;width:calc(100% - 80px);line-height:34px;font-size:17px;color:#838896;}

.about_box5{background:url(/static/images/honor_bg.jpg)no-repeat center;padding:100px 0;}
.about_box5 .tit h3{font-size:54px;color:#050827;font-weight:200;}
.about_box5 .list{margin-top:40px;} 
.about_box5 .list .swiper-slide{background:#FFFFFF;}
.about_box5 .list .swiper-slide .box{padding:30px 30px 10px;}
.about_box5 .list .swiper-slide .img{ overflow: hidden;}
.about_box5 .list .swiper-slide .text{line-height:70px;margin-top:1px;text-align:center;font-size:20px;color:#050827;}
.about_box5 .list .swiper-button-prev,.about_box5 .list .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;border:#050827 solid 2px;background:none;}
.about_box5 .list .swiper-button-prev:after,.about_box5 .list .swiper-button-next:after{content:'';display:block; font-family:'宋体';position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.about_box5 .list .swiper-button-prev{left: -80px;top: 50%;}
.about_box5 .list .swiper-button-next{right: -80px;top: 50%;}
.about_box5 .list .swiper-button-prev:after{content:'<';}
.about_box5 .list .swiper-button-next:after{content:'>';}

/**/
.hxys_box{padding:100px 0;}
.hxys_box .list_box{}
.hxys_box .list_box .item{background:#f7f9fd;margin-bottom:50px;}
.hxys_box .list_box .item .box:after,.hxys_box .list_box .item .list ul:after{content:'';display:block; clear: both; overflow: hidden;height:0;}
.hxys_box .list_box .item .box{padding:50px;}
.hxys_box .list_box .item .title{float:left;width:300px;}
.hxys_box .list_box .item .title i{display:inline-block;width:130px;}
.hxys_box .list_box .item .title h3{margin-top:30px;font-size:36px;color:#050827;font-weight:200;}
.hxys_box .list_box .item .list{float:left;width:calc(100% - 300px);}
.hxys_box .list_box .item .list ul{margin-right:-10px;}
.hxys_box .list_box .item .list ul li{width:calc(33.33% - 10px);margin-right:10px;float:left;height:200px;background:#FFFFFF;margin-bottom:10px;}
.hxys_box .list_box .item .list ul li div{padding:40px;}
.hxys_box .list_box .item .list ul li h3{font-size:24px;color:#050827;}
.hxys_box .list_box .item .list ul li p{font-size:18px;color:#5B6172;line-height:36px;margin-top:24px;}
.hxys_box .list_box .item .list_con{float:left;width:calc(100% - 300px);}
/**/
.join_box1{padding:100px 0;}
.join_box1 .tit{text-align:center;}
.join_box1 .tit h3{font-size:24px;color:#050827;font-family:'PingFang SC';}
.join_box1 .tit h5{color:#5B6172;font-size:60px;text-align:center;font-weight:200;margin-top:40px;}
.join_box1 .text{color:#5B6172;font-size:24px;text-align:center;font-weight:200;line-height:36px;margin-top:40px;}
.join_box1 .list{margin-top:100px;}
.join_box1 .list ul{margin-right:-20px;}
.join_box1 .list ul li{float:left;width:calc(33.3% - 20px);margin-right:20px;height:120px;background:#f7f9fd;display:flex; align-items: center;justify-content: center;}
.join_box1 .list ul li .box{width:440px;}
.join_box1 .list ul li .box h3{float:left;font-size:36px;}
.join_box1 .list ul li .box i{float:right;font-size:24px;width:46px;height:46px;line-height:46px;border:#050827 solid 1px;text-align:center; font-family:'宋体';}
.join_box1 .list ul li:hover{background:#ffc614;}

/**/
.join_box2{background:#f7f9fe;padding:100px 0;}
.join_box2 .tit{text-align:center;}
.join_box2 .tit h3{font-size:24px;color:#050827;font-family:'PingFang SC';}
.join_box2 .tit h5{color:#5B6172;font-size:60px;text-align:center;font-weight:200;margin-top:40px;}
.join_box2 .text{color:#5B6172;font-size:24px;text-align:center;font-weight:200;line-height:36px;margin-top:40px;}
.join_box2 .list{margin-top:100px;}
.join_box2 .list ul{margin-right:-10px;}
.join_box2 .list ul:after{content:'';display:block; clear: both; overflow: hidden;height:0;}
.join_box2 .list ul li{float:left;width:calc(50% - 10px);margin-right:10px;}
.join_box2 .list ul li .img{height:440px;position: relative;display:flex; align-items: center;justify-content: center;}
.join_box2 .list ul li a{display:block; }
.join_box2 .list ul li .text{text-align:center;color:#FFFFFF;}
.join_box2 .list ul li .text h3{font-size:36px;margin-bottom:30px;}
.join_box2 .list ul li .text p{font-size:24px;line-height:36px;font-weight:200;}

.join_box3{padding:100px 0;}
.join_box3 .tit{text-align:center;}
.join_box3 .tit h3{font-size:24px;color:#050827;font-family:'PingFang SC';}
.join_box3 .tit h5{color:#5B6172;font-size:60px;text-align:center;font-weight:200;margin-top:40px;}
.join_box3 .text{color:#5B6172;font-size:24px;text-align:center;font-weight:200;line-height:36px;margin-top:40px;}
.join_box3 .list{margin-top:100px;}
.join_box3 .list ul li{float:left;width:calc(25% - 10px);margin-right:10px;background:#f7f9fd;height:390px;}
.join_box3 .list ul li .box{padding:50px;}
.join_box3 .list ul li .box h3{font-size:36px;margin-bottom:30px;}
.join_box3 .list ul li .box a{font-size:24px;display:block;line-height:42px;font-weight:200;}

.news-show{background: #fbfbfc;padding-bottom:30px;}
.news-show .pc-breadcrumbs{ padding: 40px 0;color: #777; font-size: 14px;}
.news-show .pc-breadcrumbs a{color:#777777;}

.news_show_content_l{float:left;width:calc(70% - 70px);}
.news_show_content_l .news_show_content_top{margin: 0 0 32px;padding-bottom:32px; border-bottom:1px solid #dfdfdf;}
.news_show_content_l .news_title{margin-bottom: 12px;line-height: 30px; color: #000; font-size: 24px; font-weight: 400;}
.news_show_content_l .news_info{line-height: 24px;color: #333; font-size: 14px; font-weight: 300;}
.news_show_content_l .news_info strong{padding-right:30px;}
.news_show_content_l .news_show_content_bot{padding-bottom:30px;}
.news_show_content_l .news_show_content_bot .ar_article{line-height:30px;font-size:14px;}
.news_show_content_l .news_show_content_bot .ar_article .video_box{width:600px;margin:40px auto;}
.news_show_content_l .news_show_content_bot .ar_article .list{background:#FFFFFF;padding:20px 30px;display:inline-block;width:420px;}
.news_show_content_l .news_show_content_bot .info-page-btns{margin-top:20px;padding:20px 0 0;border-top:1px solid #dfdfdf;}
.news_show_content_l .news_show_content_bot .info-page-btns a{display:block;font-size:15px;color:#666666;line-hieght:30px;padding:10px 0;}
.news_show_content_r{float:right;width:30%;}
.news_show_content_r .title{margin-bottom: 16px;line-height: 30px; color: #000;font-size: 18px;font-weight: 400;}
.news_show_content_r .list{min-height: 110px;padding: 24px; background: #fff;box-shadow: 0 4px 13px 0 rgba(164,164,166,.05);}
.news_show_content_r .list ul li{line-height:32px;border-bottom:1px solid #efefef;padding:10px 0;display:flex;align-items: center;}
.news_show_content_r .list ul li:after{content:'';display:block;overflow: hidden;height:0;clear: both;}
.news_show_content_r .list ul li i{display:block;float:left;width:20px;height:22px;line-height:22px;border-radius: 2px;margin-right:10px;text-align:center;color:#666666;background:#efefef;}
.news_show_content_r .list ul li a{display:block;float:left;width:calc(100% - 30px);}
.news_show_content_r .list ul li a h3{font-weight: 300;font-size:15px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.pc-bre2{ padding: 40px 0;color: #777; font-size: 14px;text-align:right;}
.pc-bre2 a{color:#777777;}

.n_contact .n_left1{ width:30%; position:relative; top:calc(-5.75rem - 68px);float:left;}
.n_contact .n_left1:before{content:"";background:url(/static/images/tixing1.png) center no-repeat;position:absolute;top:0;left:0;right:0;height:4.8125rem;background-size: 100% 100%;}
.n_contact .n_left1:after{content:"";background:#eceef0;position:absolute;top: 4.8125rem;bottom:0;left:0;right:0; z-index:0}
.n_contact .n_left1 .box{ padding:140px 40px 40px; position:relative; z-index:1}

.n_titl001{ text-align:left; }
.n_titl001 h3{ font-size:1.875rem; color:#333; font-family:OPENSANS-BOLD; text-transform:capitalize; position:relative; padding-bottom:1.5rem}
.n_titl001 h3:before{ content:""; position:absolute; left:0; bottom:0; width:25px; height:4px; background:#005aa0}
.n_titl001 p{ font-size:14px; color:#727272; line-height:28px; margin:2rem 0 2.25rem}

.n_contact .n_left1 .box .layui-btn{ background:url(/static/images/anniu_bg_001png.png) center no-repeat; width:9.0625rem; height:2.8125rem; line-height:2.8125rem; text-align:center; font-size:13px; color:#fff; text-transform:uppercase}


.title004{ text-align:center; margin-bottom:2.5rem}
.title004 h3{font-size:2.125rem;color:#333;font-family:OPENSANS-BOLD;text-transform:capitalize;margin-bottom: 0.875rem;}
.n_contact .n_right1{ width:65%; padding:80px 0 100px 0;}
.n_contact .n_right1 .title004{ text-align:left}
.n_contact .n_right1 .fl001 p{ font-size:14px; line-height:28px; color:#727272}
.n_contact .n_right1 .fl001 .p{background:url(/static/images/n_contact_fl001_bg.png) center no-repeat;background-size:100% 100%;font-size:14px;line-height:28px;color:#fff;padding: 14px 0;text-align: center;margin: 2rem 0 3rem;}
.n_contact .n_right1 .fl002 h4{ font-size:1.375rem; color:#4b4b4b; font-family:OPENSANS-BOLD; margin-bottom:1.5rem}
.n_contact .n_right1 .fl002 p{ font-size:15px; line-height:2.125rem; color:#4b4b4b}
.n_contact .n_right1 .fl002 p svg{ position:relative; fill:#163c87; width:1.5rem; height:1.5rem; vertical-align:middle; margin:-3px 0 0 0.5rem}
.n_contact .n_right1 .fl002 .ewm_box{margin-top:2rem;margin-bottom: 3.375rem;}
.n_contact .n_right1 .fl002 .ewm_box .ewm{float: left;width:165px;margin-right:20px;}
.n_contact .n_right1 .fl002 .ewm_box .ewm p{text-align:center;margin-top:10px;color:#666666;}
.n_contact .n_right1 .fl002 .ewm_box .ewm .box_table_cell{background:url(/static/images/ewm_bg.png) center no-repeat;background-size: 100% 100%;width:165px;height:165px;display:flex;align-items: center;justify-content: center;}
.n_contact .n_right1 .fl002 .ewm_box .ewm img{width:80%;}
.n_contact .n_right1 .fl003 h4{ font-size:1.375rem; color:#4b4b4b; font-family:OPENSANS-BOLD; margin-bottom:1.5rem}
.n_contact .n_right1 .fl003 h4 .anniu_box_b .anniu_box{width:2.25rem;height:2.25rem;line-height:2.125rem;text-align:center;border:#eaeaea 1px solid;border-radius:50%;transition:.6s;margin-left:6px;cursor:pointer;display: none;}
.n_contact .n_right1 .fl003 h4 .anniu_box_b .anniu_box svg{ fill:#2d2d2d; width:0.875rem; height:0.875rem; position:relative; top:-0.125rem}
.n_contact .n_right1 .fl003 ul{ margin:0 -0.9375rem;}
.n_contact .n_right1 .fl003 ul li{ padding:0 0.9375rem; width:50%; float:left; margin-bottom:1.25rem}
.n_contact .n_right1 .fl003 ul li .box{ width:100%; height:10rem; border:#dddfe1 1px solid; padding:0 2.5rem; position:relative}
.n_contact .n_right1 .fl003 ul li .box:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:0; transition:.6s}
.n_contact .n_right1 .fl003 ul li .box .box_table{ text-align:left}
.n_contact .n_right1 .fl003 ul li .box h4{ font-size:16px; position:relative; transition:.6s}
.n_contact .n_right1 .fl003 ul li .box p{ font-size:14px; line-height:28px; color:#727272; position:relative; transition:.6s}

/**/
.ny_case .list .mySwiper2 .swiper-slide .video{margin-bottom: 80px;}
.ny_case .video a{display:flex;position: absolute;width:100%;height:100%;top:0; align-items: center; justify-content: center;}
.ny_case .video a:before{content:'';display:block;position: absolute;width:100%;height:100%;top:0; background:rgb(0 0 0 /0.4);}
.ny_case .list .mySwiper2 .swiper-slide .video a .textbox{color:#FFFFFF;font-size:40px; *bottom:50px;position: absolute;width:60%;text-align:center;}
.ny_case .list .mySwiper2 .swiper-slide .video a .textbox h3{font-size:36px;margin-bottom:30px;}
.ny_case .list .mySwiper2 .swiper-slide .video a .textbox p{font-size:20px;}
.ny_case .list .mySwiper2 .swiper-slide .video i{display:none;}
.ny_case .textbox {text-align:center;} 
.ny_case .list .mySwiper2 .swiper-slide .video a .textbox i{display:block;margin: 30px auto 0;width: 200px; height: 60px; line-height: 60px; background: #ffc614; text-align: center; font-size: 24px;position: relative;top:auto;left:auto;}
/**/
.n_zlxz{padding:80px 0 100px;}
.zlxz_nav {text-align:center;margin-bottom:30px;}
.zlxz_nav ul li{display:inline-block;padding:0px 20px;margin:0 10px;line-height:38px;height:38px;}
.zlxz_nav ul li.on{background:rgb(255 198 20);}
.zlxz_nav ul li.on a{color:#FFFFFF;}
.zlxz_nav ul li a{font-size:16px;}
.n_zlxz .xz-list ul:after{content:'';display:block;overflow: hidden;clear: both;}
.n_zlxz .xz-list-ti{ background:#f4f4f4}
.n_zlxz .xz-list-ti li{ float:left; height:56px; line-height:56px; color:#333; font-size:18px; width:15%; text-align:center;}
.n_zlxz .xz-list-ti li:nth-child(1){ width:40%; margin-right:6%;padding-left: 32px;}
.n_zlxz .xz-list-ti li:nth-child(2){width:20%;}
.n_zlxz .xz-list-nr{ border-bottom:1px dashed #d3d3d3; line-height:70px;}
.n_zlxz .xz-list-nr li{ width:15%; text-align:center; font-size:16px; float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.n_zlxz .xz-list-nr li:nth-child(1){ width:40%; margin-right:6%; text-align:left; background:url(/static/images/jt1.png) no-repeat left; padding-left:32px;}
.n_zlxz .xz-list-nr li:nth-child(2){width:20%;}
.n_zlxz .xz-list-nr li img{ transition-duration:.5s;}.n_zlxz .xz-list-ti li:nth-child(1)
.n_zlxz .xz-list-nr li:hover img{ transform:scale(1.1,1.1)}
.n_zlxz .xz-list-nr li:last-child,.n_zlxz .xz-list-ti li:last-child{float:right;}

/**/
.n_recru{padding:80px 0 100px;}
.recru_nav {text-align:center;margin-bottom:30px;}
.recru_nav ul li{display:inline-block;padding:0px 20px;margin:0 10px;line-height:38px;height:38px;}
.recru_nav ul li.on{background:rgb(255 198 20);}
.recru_nav ul li.on a{color:#FFFFFF;}
.recru_nav ul li a{font-size:16px;}
.n_recru .recru_list dt span{float: left;}
.n_recru .recru_list .span01{width:20%;}
.n_recru .recru_list .span02{width:15%;}
.n_recru .recru_list .span03{width:15%;}
.n_recru .recru_list .span03{width:15%;}
.n_recru .recru_list .span05{max-width:20%;width: 150px;display: block;height: 100%;text-align: center;position: relative;}
.n_recru .recru_list dl{background: #fff; border: 1px solid #dee0e2;  position: relative; margin-bottom: 10px;}
.n_recru .recru_list dl dt{display:block;position: relative;cursor: pointer;height: 86px;transition: .5s;overflow: hidden;font-size: 16px;color: #797979;padding: 20px 0;padding-left: 40px;display: flex;align-items: center;align-content: center;justify-content: space-between;}
.n_recru .recru_list dl dt span.span01{border-right: 1px solid #dcdcdc;}
.n_recru .recru_list dl dt span.span01 b{font-size: 24px;color: #131313;font-weight: bold;}
.n_recru .recru_list dl dt span.span01 .time{font-size: 14px;color: #878787;display: block;padding-left: 20px;background: url(/static/images/time.png) left center no-repeat;background-size: 13px;margin-top: 10px;}
.n_recru .recru_list dl dt span.span05{}
.n_recru .recru_list dl dt span.span05:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(/static/images/pin.png) center no-repeat;background-size: 80px;}
.n_recru .recru_list dl aside{padding: 30px 0;display: none;margin: 0 50px;line-height: 1.75;font-size: 15px;background: #fff;border-top:1px solid #e7e7e7;}


@media screen and (max-width: 1600px){
.wrap,.pro_show_con .pro_show_bot .wrap{width:1400px;}
 
 
.i_tit h3{font-size:46px;}
.product .text_box,.solution .text_box{ font-size: 20px;line-height: 32px;}
.product .list>ul>li .text {padding-top: 80px;}
.product .list>ul>li .text h3{font-size:24px;margin-bottom:24px;}
.product .list>ul>li .text p{font-size:20px;}
.product .list>ul>li .more {  width: 130px;  height: 38px;  margin: 40px auto 0; font-size: 16px;}
.product .list>ul>li .more a span{line-height: 38px;text-indent:18px;}
.product .list>ul>li .more a i{height: 38px;line-height: 38px;}
.solution .list ul li,.solution .list ul li a{height:360px;}
.solution .list ul li i{width: 200px;height: 200px;}
.solution .list ul li h3{font-size:30px;}
.solution .list ul li p{width:90%;margin:20px auto 0;font-size: 16px;line-height: 26px}
.solution .list ul li span{font-size: 20px; margin: 20px auto 0; width: 28px; height: 28px; line-height: 26px;}
.solution .list ul li p br{display:none;}
.strengths .list ul li,.strengths .list ul li a{height:31.25vw;}
.strengths .list ul li i{height:100px;width:100px;margin-top:85px;}
.strengths .list ul li h3{font-size:28px;margin-top: 65px;}
	.strengths .list ul li .con p{font-size: 18px; line-height:42px;}
.strengths .list ul li a .box{height:26.56vw;}
.news_list,.solution{padding:70px 0;}
.product{padding:70px 0 0;}
.news_list .list ul li .imgbox{height:16.66vw}
.news_list .list ul li .textbox{height:9.895vw;padding: 25px 20px;}
.news_list .list ul li .textbox h3{font-size:20px;line-height: 32px; margin-top: 20px;}
.news_list .list ul li .textbox p{font-size:16px;}
.news_list .list ul li .textbox span{width:28px;height:28px;line-height: 26px;font-size:20px;}
.news_list .list .more{width: 130px; height: 38px; margin: 40px auto 0; font-size: 16px;}
.news_list .list .more a span{line-height: 38px; text-indent: 18px;}
.news_list .list .more a i{height: 38px;line-height: 38px;}
.strengths{padding:70px 0;}
.classic_case .list .mySwiper2 .swiper-slide .video{height:31.25vw;margin-bottom: 100px;}
.classic_case .list .mySwiper{top: calc(31.25vw - 50px);width: 900px; left: calc(50% - 450px);}
.classic_case .list .mySwiper .swiper-slide .img{height:100px;}
.classic_case .list .mySwiper2 .swiper-slide .textbox{ width: 900px;height: 140px;  line-height: 30px; font-size: 18px;}
.khxl_box{padding:70px 0;}
.khxl_box .khxl_top {  padding: 15px 0 30px;  margin-bottom: 30px;}
.khxl_box .khxl_top .title h3 {  font-size: 30px;}
.khxl_box .khxl_top .ppgs_link a{width: 140px; height: 38px;  font-size: 16px;}
.khxl_box .khxl_top .ppgs_link a span{line-height: 38px; text-indent: 15px;}
.khxl_box .khxl_top .ppgs_link a i{height: 38px;line-height: 38px;}

.khxl_box .khxl_list ul li i{width:60px;height:60px;}
.khxl_box .khxl_list ul li h3{font-size:20px;margin: 15px 0 10px;}
.khxl_box .khxl_list ul li p { font-size: 15px;line-height: 24px;}
 
	
/**/
.pro_banner{hieght:39.06vw;}
.pro_banner .text_box{width:900px;}
.pro_banner h3{font-size: 48px; margin-bottom: 40px;}
.pro_banner p { font-size: 20px; line-height: 32px;}

.pro_nav ul li .img_box{height:27.03vw;}
.pro_con{height:180px;}
.pro_list{padding-bottom:70px;}
.pro_list ul li .imgbox { width: 350px; height: 230px;}
.pro_nav ul li .img_box h3 {top: 60px;font-size: 32px;}
.pro_list ul li .text_box h3{font-size: 30px; margin-bottom: 20px;}
.pro_list ul li .text_box p{font-size:20px;line-height: 36px;}
.pro_list .more{width: 130px; height: 38px; margin: 40px auto 0; font-size: 16px;}
.pro_list .more a span{line-height: 38px; text-indent: 18px;}
.pro_list .more a i{height: 38px;line-height: 38px;}	
	
.jjfa_banner{height:41.66vw;}
.jjfa_banner .text_box h3{font-size:42px;margin-bottom: 20px;}
.jjfa_banner .text_box p{font-size: 20px;  line-height: 32px;}
.jjfa_banner .text_box a { width: 160px; height: 50px; line-height: 50px; margin: 40px auto 0; font-size: 18px;}
.jjfa_banner .text_box a i{padding-left: 25px;}
.jjfa_box1{padding:70px 0;}
.jjfa_box1 .tit h3 {font-size: 48px;}
.jjfa_box1 .con { font-size: 18px; line-height: 30px; margin-top: 38px;}
.jjfa_box1 .jjfa_link a { width: 460px;height: 90px;line-height: 90px;font-size: 28px;margin-right: 20px;}

.jjfa_box2 .tit h3 {font-size: 48px;}
.jjfa_box2 {padding: 70px 0;}
.jjfa_box2 .list{margin-top:35px;}
.jjfa_box2 .list .swiper-slide .box{padding:15px;}
.jjfa_box2 .list .swiper-slide .box .text { padding: 30px 35px 20px;}
.jjfa_box2 .list .swiper-slide .box .text h1{font-size: 48px; margin: 0 0 20px;}
.jjfa_box2 .list .swiper-slide .box .text h3{font-size: 18px; line-height: 30px; height: 80px;}
.jjfa_box3{padding:70px 0; }
.jjfa_box3 .tit h3 { font-size: 42px;}
.jjfa_box3 .list .swiper-slide .box{padding:15px;}
	
.ny_banner {height:41.66vw;}
.ny_banner .text_box h3 {font-size: 42px; margin-bottom: 20px;}
.case_box{padding: 70px 0;}
.case_box .list ul li .text {height: 80px; line-height: 80px;}
.case_box .list ul li .text h3 { font-size: 28px; }
.case_box .list .more,.news_box .list .more,.about_box3 .list .more{width: 130px; height: 38px; margin: 40px auto 0; font-size: 16px;}
.case_box .list .more a span,.news_box .list .more a span,.about_box3 .list .more a span{line-height: 38px; text-indent: 18px;}
.case_box .list .more a i,.news_box .list .more a i,.about_box3 .list .more a i{height: 38px;line-height: 38px;}		
	
.news_box {padding: 70px 0; }
.news_box .list ul li a {padding: 15px;}
.news_box .list ul li .text{padding:15px 20px 0;}.news_box .list ul li .text span {font-size: 14px;}
.news_box .list ul li .text h3 {font-size: 20px;line-height: 30px;margin: 15px 0 20px; height: 50px;}
.news_box .list ul li .text p { font-size: 14px;line-height: 24px; height: 120px!important;}

/**/
.about_banner .mySwiper2 .swiper-slide .img_box{height:41.66vw;}
.about_banner .mySwiper2 .swiper-slide .text_box h3 {font-size: 42px;margin-bottom: 20px;}
.about_banner .mySwiper2 .swiper-slide .text_box a {width: 160px; height: 50px; line-height: 50px; margin: 40px auto 0; font-size: 18px;}
.about_banner .mySwiper2 .swiper-slide .text_box a i{padding-left:25px;}
.about_banner .mySwiper{width:280px;}
.about_banner .mySwiper .swiper-slide .img:before { width: 30px; height: 30px; background-size: 30px; left: calc(50% - 15px); top: calc(50% - 15px);}
.about_box1 { padding: 70px 0;}
.about_box1 .list ul li h3{font-size:48px;margin-bottom: 30px;}
.about_box1 .list ul li p {font-size: 20px; line-height: 30px;}
.about_box2 {height:41.66vw;background-size:cover;background-position: center; background-repeat:no-repeat;}
.about_box2 .about_con{padding-top:100px;}
.about_box2 .about_con h3 {font-size: 20px; line-height: 30px; margin-bottom: 30px; width: 1200px;}
.about_box2 .about_con p { font-size: 15px; line-height: 32px; margin-bottom: 30px; width: 600px;}

.about_box3 { padding: 60px 0;}
.about_box3 .tit h3 { font-size: 48px;}
.about_box3 .list ul li p { font-size: 15px;}
.about_box3 .list ul li h3 { font-size: 22px;}
.about_box3 .list .more{margin: 40px 0 0;}
.about_box4 .img_box,.about_box4 .text_box { height:37.5vw;}
.about_box4 .text_box .text {width: 36.45vw; height: 28.15vw;margin: 80px 0 0 70px;}
.about_box4 .text_box h3{font-size: 48px; margin-bottom: 30px;}
.about_box4 .text_box ul li {padding: 15px 0;}
.about_box4 .text_box ul li i {width: 40px; height: 28px;}
.about_box4 .text_box ul li p { width: calc(100% - 70px); line-height: 30px; font-size: 15px;}
	
.about_box5{padding:70px 0;}
.about_box5 .tit h3 { font-size: 48px;}
.about_box5 .list .swiper-slide .text {line-height: 50px;font-size: 18px;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li{width:446px;}

.hxys_box .list_box .item .list ul li{height:240px;}
.case_box .list ul li .img{height: 20vw;}	

.service_box4,.service_box4 .wrap{height:41.6vw;background-size:cover!important;}
.service_box1 .tit h3{font-size:48px;}
.service_box1 .text,.service_box1 .list ul li p{font-size:20px;}
.service_box1 .list ul li{width:460px;}
.service_box1 .list ul li span{font-size:30px;}
.service_box2 .list ul li{padding:50px 0 30px;}
.service_box2 .list ul li i{width:50px;heihgt:50px;}
.service_box2 .list ul li h3{font-size:20px;}
.service_box2 .list ul li p{font-size:14px; line-height: 28px;}

.about_box5 .list .swiper-button-next{right: -20px;}
.about_box5 .list .swiper-button-prev { left: -20px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 1460px){
.wrap,.pro_show_con .pro_show_bot .wrap{width:1300px;}
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li{width:413px;}
.hxys_box .list_box .item .list ul li{height:200px;}	
.hxys_box .list_box .item .list ul li div{padding:25px;}
.hxys_box .list_box .item .list ul li h3{font-size: 20px;}
.hxys_box .list_box .item .list ul li p{font-size:16px; line-height: 30px; margin-top: 15px;}
.hxys_box{padding:0 0 40px;}
	
}
@media screen and (max-width: 1380px){
.wrap,.pro_show_con .pro_show_bot .wrap{width:1200px;}
/*.footer .footer_top .foote_code ul li img{left:-20px;}*/
.pro_show_con .pro_show_bot .chara_list1 .pro-list ul li{width:380px;}
#header .logo { width: 180px;}
#header .gpdm { padding-left: 15px; font-size: 16px;}
#header{display: flex; align-items: center;}
}
@media screen and (max-width: 760px){
body{min-width:100%;}
.wrap, .pro_show_con .pro_show_bot .wrap,.product .text_box,.solution .text_box{width: 96%;}
.banner .swiper-slide a{height:100vw;}
 
	
.banner .swiper-slide a .text h3{font-size:24px;line-height:36px;}
.banner .swiper-slide a .text p{font-size:16px;line-height:22px;}
.banner .swiper-slide a .text{padding:0 15px;}
.banner .swiper-pagination span{width: 30px; height: 4px;}
.banner .swiper-container-horizontal .swiper-pagination{bottom: 30px;}

.product .list>ul>li{width:100%;height:140vw;}
.i_tit h3 {font-size: 36px;}
.product .text_box, .solution .text_box{font-size:16px;margin: 30px auto;}
.solution .list ul li, .solution .list ul li a{width:100%;margin-right:0;height:80vw;}
.solution .list ul li h3 { font-size: 24px;}
.strengths {padding:50px 0;}
.solution .list ul li i { width: 160px; height: 160px;}
.solution .list ul li a .box{padding:0 20px;}
.strengths .list ul li{width:100%;margin-bottom:30px;}
.strengths .list ul,.news_list .list ul{margin-right:0;}
.strengths .list ul li, .strengths .list ul li a{height:100vw;}
.strengths .list ul li{margin-right:0;}
.strengths .list ul li a .box{height: 80vw;}
.strengths .list:hover ul li{width:100%;}
.strengths .list ul li:hover{width:100%;}
.strengths .list ul li i{margin-top:40px;height: 70px; width: 70px;}
.strengths .list ul li h3{margin-top: 45px;font-size: 24px;}
.strengths .list ul li:hover h3{margin-top:25px;}
.strengths .list ul li .con{margin-top:15px;}
.strengths .list ul li .con p{font-size:16px;line-height:36px;}

.classic_case .list .mySwiper2 .swiper-slide .video{height:45vw;margin-bottom:140px;}
.classic_case .list .mySwiper2 .swiper-slide .video i{width:60px;height:60px;}
.classic_case .list .mySwiper{top:48vw;width:100%;left:0%;}
.classic_case .list .mySwiper2 .swiper-slide .textbox{width:96%;height: 180px;line-height:24px; font-size: 14px;}
	
.news_list, .solution{padding:50px 0;}
.news_list .list{margin-top:40px;}
	
.news_list .list ul li{width:100%;margin-right:0;margin-bottom:30px;}
.news_list .list ul li .imgbox { height:60vw;}
.news_list .list ul li .textbox{height:40vw;padding: 15px 20px;}
.news_list .list ul li .textbox span{bottom:20px;}
.news_list .list ul li .textbox h3 {font-size: 16px;line-height: 28px;margin-top: 15px;}

.khxl_box{padding:40px 0;}
.khxl_box .khxl_top .title h3{font-size:20px;}
.khxl_box .khxl_top .title,.khxl_box .khxl_top .ppgs_link{float:none;}
.khxl_box .khxl_top .ppgs_link{margin-top:30px;}
.khxl_box .khxl_list ul li{float:none;width:100%;margin-right:0;margin-bottom:30px;}
.footer .footer_top{height:auto;padding:30px 0;}
.footer .footer_top .foote_code{width:150px;float:none;margin:auto;line-height:40px;height:40px;margin-bottom:20px;}
.footer .footer_top .foote_link{float:none;line-height:20px;text-align:center;}
.footer .footer_top .foote_link a{font-size:14px;}
.footer .footer_bottom .f_tel{font-size: 14px; line-height: 24px;float:none;}
.footer .footer_bottom .f_nav{float:none;margin-top:30px;display:none;}
.footer .footer_bottom .f_nav ul li{float:none;display:block;margin-right:0;margin-bottom:0px;padding: 0;border-bottom:1px solid #0f1448;}
.footer .footer_bottom .f_nav ul li a{display:block;}
.footer .footer_bottom .f_nav ul li dl dt a{font-size:15px;padding:20px 0;}
.footer .footer_bottom .f_nav ul li dl dt{margin-bottom:0;}
.footer .footer_bottom .f_nav ul li dl dd a{font-size:13px;}
.footer .footer_bottom .f_nav ul li dl dd{display:none;}
.footer .copy_box{height:auto;line-height:22px;padding:15px 0;}
.footer .copy_box .copy_con, .footer .copy_box .copy_link{font-size:14px;float:none;}
.footer .copy_box .copy_link a{font-size:14px;}

.pro_banner .text_box{width:90%;left:5%;}
.pro_banner h3{font-size: 24px; margin-bottom: 15px;}
.pro_banner p { font-size: 16px; line-height: 28px;}
	
.pro_nav ul li{margin-right:0;}
.pro_nav ul li .img_box { height: 50vw;}
.pro_nav ul li .img_box h3 { top: 30px; font-size: 16px;}
.pro_con { height: 140px; font-size: 20px;line-height:30px;}.pro_list ul li a{padding:15px;}
.pro_list ul li .imgbox { width: 100%; height: auto;float:none;}
.pro_list ul li .text_box {margin-left: 0; width: 100%; float: none; padding-top: 20px;}
.pro_list ul li .text_box h3{font-size: 24px; margin-bottom: 10px;}
.pro_list ul li .text_box p{font-size:16px;line-height: 28px;}
	
.jjfa_banner,.ny_banner {height:100vw;}
.jjfa_banner .text_box{margin-top:80px;padding:0 10px;}
.jjfa_banner .text_box h3,.ny_banner .text_box h3,.pro_show_banner .text_box h3{font-size:24px;margin-bottom: 15px;}
.jjfa_banner .text_box p,.service_box1 .text, .service_box1 .list ul li p,.service_box3 .text,.pro_show_banner .text_box p,.ny_banner .text_box p{font-size: 16px;  line-height: 28px;}
.jjfa_banner .text_box p br{display:none;}
.jjfa_banner .text_box a { width: 120px; height: 42px; line-height: 42px; margin: 30px auto 0; font-size: 14px;}
.jjfa_banner .text_box a i{padding-left: 15px;}
.jjfa_box1 .wrap{width:96%;}
.jjfa_box1,.service_box1,.service_box3{ padding: 50px 0 30px;}
.jjfa_box1 .tit h3,.service_box1 .tit h3 { font-size: 24px;}
.jjfa_box1 .con {  font-size: 15px; line-height: 26px;  margin-top: 24px;}
.jjfa_box1 .jjfa_link{margin-top:40px;text-align:center;}
.jjfa_box1 .jjfa_link a{display:inline-block;width:100%;height:80px;line-height:80px;font-size:24px;margin-right:0px;margin-bottom:10px;}
.jjfa_box2 .tit h3 {font-size: 24px;}
.jjfa_box2 {padding: 50px 0 30px;}
.jjfa_box2 .list{margin-top:20px;}
.jjfa_box2 .list .swiper-button-prev,.jjfa_box2 .list .swiper-button-next{display:none;}
.jjfa_box2 .list .swiper-slide .box{padding:10px;}
.jjfa_box2 .list .swiper-slide .box .text { padding:20px 25px 10px;}
.jjfa_box2 .list .swiper-slide .box .text h1{font-size: 24px; margin: 0 0 20px;}
.jjfa_box2 .list .swiper-slide .box .text h3{font-size: 14px; line-height: 30px; height: 80px;}
.jjfa_box3{padding:50px 0 30px; }
.jjfa_box3 .tit h3 { font-size: 24px;}
.jjfa_box3 .list .swiper-slide .box{padding:15px;}
.jjfa_box3 .list .swiper-slide .box .text h1{font-size:20px;}

.case_box,.about_box1 { padding: 40px 0;}
.case_box .list ul li{width:100%;margin-right: 0px;}
.case_box .list ul li .img{height: 68vw;}
.case_box .list ul li .img:after{width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px);background-size: 100%!important;}
.case_box .list ul,.service_box2 .list ul,.hxys_box .list_box .item .list ul,.join_box2 .list ul,.join_box3 .list ul,.join_box1 .list ul,.news_box .list ul,.pro_show_con .pro_show_bot .chara_list2 ul{margin-right:0;}
.case_box .list ul li .text h3{font-size: 20px;}
.case_box .list ul li .text { height: 50px;  line-height: 50px;}

.service_box1 .list ul li{width:100%;margin:0;height:80px;margin-bottom:10px;}
.service_box1 .list ul li span{font-size: 24px;}
.service_box2 .list ul li{width:100%;margin-right:10px;padding:30px 0;margin-bottom:20px;}
.service_box2 .list ul li .box{height:80vw;}
.service_box2 .list ul li h3{font-size: 18px;margin: 25px 0 15px;}
.service_box3 .img{margin-top:40px;}

.service_box4, .service_box4 .wrap{height: 80vw;}
.service_box4 .wrap h3{font-size: 24px;margin-bottom:30px;}
.service_box4 .wrap p{font-size: 16px;  line-height: 28px;}

.about_banner .mySwiper2 .swiper-slide .img_box{height: 100vw;}
.about_banner .mySwiper2 .swiper-slide .text_box h3 {font-size: 24px; }
.about_banner .mySwiper2 .swiper-slide .text_box a {width: 120px; height: 40px; line-height: 40px; margin: 30px auto 0; font-size: 14px;}
.about_banner .mySwiper2 .swiper-slide .text_box a i{padding-left:15px;}

.about_banner .mySwiper{width: 240px;left: calc(50% - 120px);}
.about_box1 .list ul li{width:100%;float:none;margin-bottom:20px;}
.about_box1 .list ul li h3{font-size:24px;margin-bottom: 20px;}
.about_box1 .list ul li p {font-size:16px; line-height: 26px;}
.about_box2 {height:41.66vw;background-size:cover;background-position: center; background-repeat:no-repeat;}

.about_box2 { height: 140vw;}
.about_box2 .about_con {  padding-top: 40px;}
.about_box2 .about_con h3 {font-size:15px;line-height: 28px; width: 96%;}
.about_box2 .about_con p { font-size: 13px; line-height: 20px;width: 96%;}

.about_box3 .tit h3 { font-size: 24px;float:none;}
.about_box3 .list{width: 100%;margin-top:20px;}
.about_box3 .list ul li p{width: calc(100% - 60px);font-size: 14px;}

.about_box4 .img_box,.about_box4 .text_box { height:130vw;width:100%;float:none;}
.about_box4 .img_box{height:auto;}
.about_box4 .text_box{padding:10px 0 0;}
.about_box4 .text_box .text {width: 100%; height: auto; margin: 40px 0 0 30px;}
.about_box4 .text_box h3 { font-size: 24px; margin-bottom: 20px;}
.about_box4 .text_box ul li p{ font-size: 14px;}
.about_box5 { padding: 40px 0; background-size:cover; background-position:center right;}
.about_box5 .tit h3 {font-size: 24px;}
.about_box5 .list .swiper-button-next,.about_box5 .list .swiper-button-prev{display:none}
.about_box5 .list .swiper-slide .text { line-height: 30px; font-size: 14px;}
	
.hxys_box .list_box .item .title{width:100%;display:flex; align-items: center; justify-content: center;}
.hxys_box .list_box .item .title i{width:60px;float:left;}
.hxys_box .list_box .item .title h3{margin-top:0;font-size:24px;float:left;margin-left:20px;}
.hxys_box .list_box .item .list,.hxys_box .list_box .item .list_con,.jjfa_box3 .list{width:100%;margin-top:30px;}
.hxys_box .list_box .item .box,.join_box3 .list ul li .box{padding:30px 15px;}
.hxys_box .list_box .item .list ul li{width:100%;margin-right:0;height:auto;margin-bottom:10px;}
.hxys_box .list_box .item{margin-bottom:30px;}
.hxys_box .list_box .item .list ul li h3 {font-size: 16px;}
.hxys_box .list_box .item .list ul li p {font-size: 13px; line-height: 26px; margin-top: 10px;}
.hxys_box .list_box .item .list ul li div {padding: 15px;}

.n_zlxz .xz-list-ti li:nth-child(1){ width:45%; margin-right:0%;padding-left: 0px;text-indent:20px;}
.n_zlxz .xz-list-ti li{height:50px; line-height: 50px; width:10%;font-size: 15px;text-align: left;}
.n_zlxz .xz-list-nr li:nth-child(1){margin-right: 0%;padding-left: 20px;}
.n_zlxz .xz-list-nr li:nth-child(1) a{width:100%;}
.n_zlxz .xz-list-ti li:nth-child(2),.n_zlxz .xz-list-nr li:nth-child(2){width:30%;}
.n_zlxz .xz-list-nr li:nth-child(1) { width: calc(45% - 20px);}
.n_zlxz .xz-list-nr li:nth-child(2){font-size:12px;}
.n_zlxz .xz-list-nr li{font-size: 14px;text-align: left;width:10%;}
.n_zlxz .xz-list-nr li a{display:flex;align-items: center; justify-content: center;height:50px;}
.n_zlxz .xz-list-nr li a img{width:20px;}
.n_zlxz .xz-list-nr li a#attach0{display:block;}
.n_zlxz .xz-list-nr{height:50px; line-height: 50px; }

.n_zlxz,.join_box1,.join_box2,.join_box3,.n_recru{padding:40px 0 50px;}
.n_title002 h2{ font-size:24px; }
.n_title002 .h3{ font-size:20px;line-height:24px;}
.n_title002 { margin-bottom: 40px;}

.join_box1 .tit h3,.join_box2 .tit h3,.join_box3 .tit h3{font-size: 18px;}
.join_box1 .tit h5,.join_box3 .tit h5,.join_box2 .tit h5{font-size: 24px; margin-top: 20px;}
.join_box1 .text ,.join_box2 .text,.join_box3 .text{font-size: 16px; line-height: 28px; margin-top: 30px;}
.join_box1 .text p br,.join_box2 .text p br{display:none;}

.join_box1 .list,.join_box2 .list,.join_box3 .list{margin-top:40px;}
.join_box1 .list ul li{width:100%;margin-right:0px;height:80px;margin-bottom:30px;}
.join_box1 .list ul li .box{width:70vw;}
.join_box1 .list ul li .box h3 {font-size: 24px;line-height: 40px;}
.join_box1 .list ul li .box i{font-size: 20px;width: 40px; height: 40px; line-height: 40px;}

.join_box2 .list ul li{width: 100%; margin-right: 0;margin-bottom:30px;}
.join_box2 .list ul li .img {height: 80vw;}
.join_box2 .list ul li .text h3{font-size:24px;margin-bottom:20px;}
.join_box2 .list ul li .text p{font-size:18px;line-height:28px;}
.join_box2 .list ul li .text{padding:0 20px;}

.join_box3 .list ul li{float:none;width:100%;margin-right:0px;height:60vw;margin-bottom:30px;}
.join_box3 .list ul li .box h3{font-size:24px;margin-bottom:20px;}
.join_box3 .list ul li .box a{font-size:18px;line-height:28px;}

.news_box .list ul li{width: 100%; margin-right: 0px; }
.news_box .list ul li .img{height: 60vw;}
.news_box .list ul li .text{padding: 15px 20px 10px;}
.news_box .list ul li .text h3{font-size: 16px; line-height: 24px;height:50px!important;margin: 15px 0 10px;}
.news_box .list ul li .text p{font-size: 14px;line-height: 24px; height: 60px!important;}
.ny_nav{height:50px;line-height:50px;}
.ny_nav ul li a { padding: 0 20px; font-size: 16px;}
	
	
.pages{ padding-top:40px; }
.pages a{height: 36px;line-height: 36px;padding-left: 10px;overflow:hidden;padding-right: 10px;min-width: 15px;font-size: 14px;margin-left: 2px;margin-right: 2px;}

.news_show_content_l,.news_show_content_r{float:none;width:100%;}
.news_show_content_r{display:none;}
.news_show_content_l .news_title { margin-bottom: 8px; line-height:26px; font-size: 18px;}
.news_show_content_l .news_info {line-height: 20px; font-size: 12px; font-weight:400;}
.news_show_content_l .news_show_content_top{margin: 0 0 20px; padding-bottom: 20px;}
.news_show_content_l .news_show_content_bot .ar_article table{width:100%!important;}
.news_show_content_l .news_show_content_bot .ar_article .video_box,.news_show_content_l .news_show_content_bot .ar_article .video_box video{width:100%;height:400px;}
.news_show_content_l .news_show_content_bot .ar_article .list{width:calc(100% - 40px);padding:20px;}
	
.n_recru .recru_list dl dt{display:block;padding:10px 0 10px 20px;font-size: 14px;height:auto;}
.n_recru .recru_list dl dt span.span01:after{content:'';display:block;overflow: hidden;height:0;clear: both;}
.n_recru .recru_list dl dt span.span01{border-bottom:1px solid #dcdcdc;line-height:36px;display:block;border-right:0;width:100%;float:none;padding:0 0 10px;margin-bottom:10px;}
.n_recru .recru_list dl dt span.span01 .time{float:left;margin-left:10px;margin-top:0px;}
.n_recru .recru_list dl dt span.span01 b{float:left;font-size: 18px;}
.n_recru .recru_list .span02,.n_recru .recru_list .span03,.n_recru .recru_list .span04{width:auto;margin-right:10px;line-height:24px;}
.n_recru .recru_list dl dt span.span05{display:none;}
.n_recru .recru_list dl aside{margin: 0 10px; line-height: 20px; font-size: 14px;}
.n_dashi{padding: 50px 0 120px}
.list_box_14 li a{padding: 20px 20px 0;}

.list_box_14 .miso-next{right:30%;top:auto;bottom:-110px;}
.list_box_14 .miso-prev{left:30%;top:auto;bottom:-110px;}

.n_contact .n_left1,.n_contact .n_right1{width:100%;float:none;}
.n_contact .n_right1{padding-top:0;margin-top:-80px;padding:0;}
.n_contact .n_right1 .title004{margin-bottom:30px;}
.title004 h3{font-size:24px;}
.title004 h5{display:none;}
.n_contact .n_left1 .box{padding: 70px 30px 30px;}
.n_titl001 h3 { font-size: 24px;}
.pro_show_con .pro_show_tab,.pro_show_con .pro_show_tab ul{width:100%;}
.pro_show_con .pro_show_tab ul li .box i{display:block;margin:auto;width:45px;}
.pro_show_con .pro_show_bot .chara_tit h3{font-size: 36px;}

.pro_show_con .pro_show_bot dl dd div,.pro_show_con .pro_show_bot dl dd div video{width:100%!important;height:auto!important;}
.pro_show_banner{height:100vw;}
.pro_show_img{margin-top: -20vw;min-height: 300px;}
.pro_show_text .wrap{width:96%;}
.pro_show_text{font-size:16px; line-height: 30px;}
.pro_show_con .pro_show_bot{padding:40px 0}
.pro_show_con .pro_show_bot .chara_list1 .arrow a.prev{left: -0px;}
.pro_show_con .pro_show_bot .chara_list1 .arrow a.next{right: -0px;}
.pro_show_con .pro_show_bot .chara_list2 ul li{width:calc(50% - 5px); height:200px;margin-bottom:20px;}
.pro_show_con .pro_show_bot .chara_list2 ul li:nth-child(2n){margin-right:0;}
.pro_show_con .pro_show_bot .chara_list2 ul li i{}
.pro_show_con .pro_show_bot .chara_list2 ul li h3{font-size: 18px; line-height: 30px; margin-top: 20px;}
.pro_show_con .pro_show_bot .chara_list2 ul li .box{padding:20px 40px;height:160px;}
	
/**/
.service_wrap{width:90%;padding: 50px 0 40px;}
.service_nav ul li,.service_nav ul li{width:100%;float:none;margin-bottom:20px;}
.service_nav ul li{ width:100% !important; float: left; height: 400px; transition: .5s; overflow: hidden;}
.service_nav ul li a{ display: block; padding-left: 0;}
.service_nav ul li .box{height: 400px; background-size: cover !important;}
.service_nav ul li .txt{ width:70vw !important; height: 50% !important;padding:0 20px!important; }
.service_nav ul li .con{padding-top:0;display: table-cell;color:#333333;}
.service_nav ul li .box .txt{ width: 21.25rem; height: 13rem; transition-delay: .4s; }
.service_nav ul li .box .txt:before{background:#ffc614 !important;}
.service_nav ul li .box .con p{ opacity: 1; height:3rem; width: auto;}
.service_nav ul li.on .btn_arrow,.service_nav ul li .btn_arrow{background-image: url(/static/images/btn_arrow2.png) ;border: 1px solid #333333;}
/**/
.ny_case_list{padding-bottom:40px;}
.ny_case_list .list{margin-top:20px}
.ny_case_list ul li{width: calc(100% - 14px);float: none;margin-top: 30px;}
.ny_case_list ul li .txt h5{font-size:18px;}
.ny_case_list ul li .txt p{margin-top:15px;}
.ny_case_list ul li .txt{height:120px;padding-top:20px;}
}