@charset "utf-8";

/* CSS Document */

/* 全局样式
-------------------------------------------------------------- */
html,body,ul,img{margin:0;padding:0;border:none;color:#666;list-style:none;font-family:"Microsoft Yahei","Arial";line-height:25px;}
p{line-height:25px;}
img{border:none;vertical-align:middle;}
td{font-size:14px;}
body{overflow-x:hidden;}

/* 链接样式 */
a{outline:none;text-decoration:none;}
a:visited{outline:none;text-decoration:none;}
a:hover{outline:none;text-decoration:none;}
:root{--blue:#0F349E;}
*{padding:0;margin:0;box-sizing:border-box;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;}

/* 常用元素 */
.clear{clear:both;height:0px;font-size:1px;line-height:0px;}
img{max-width:100%;}
h1,h2,h3,h4,h5{margin:0;line-height:1;}

/* 层浮动 */
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}

/* 文字对齐 */
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center;}
.visible-xs{display:none!important;}
.page{overflow-x:hidden;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.w100{width:100%}
.w1280{max-width:1360px;margin:0 auto}
.layui-img-responsive{max-width:100%;}
.mobile-show{display:none!important;}
@font-face{font-family:'dinCond-Medium';src:url('../fonts/dincond-medium-webfont.eot');src:url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/dincond-medium-webfont.woff') format('woff'),url('../fonts/dincond-medium-webfont.ttf') format('truetype'),url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');font-weight:normal;font-style:normal;}
@media(min-width:768px){
    .trans{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
}
@media(max-width:767px){
    .mobile-show{display:block!important;}
    .mobile-hide{display:none!important;}
    body{-webkit-tap-highlight-color:rgba(0,0,0,0);}
}
.m_container{margin-right:auto;margin-left:auto;max-width:1440px;width:100%;padding-right:32px;padding-left:32px;}
@media (max-width:768px){
    .m_container{padding-right:32px;padding-left:32px;}
}
@media (max-width:767px){
    .m_container{padding-right:20px;padding-left:20px;}
}
header{position:fixed;top:0;left:0;right:0;z-index:1000;height:100px;transition:.6s;}
header .right{width:130px;height:100px;}
.main-menu{width:calc(100% - 130px);padding:0 30px 0 0;display:inline-block;}
.main-menu nav>ul{display:inline-block;margin:0;padding:0;width:100%;margin-left:-23px;margin-right:-23px;height: 100px;}
.main-menu nav > ul > li{display:inline-block;padding:0 24px;}
header .main-menu li.logo{line-height:100px;height:100px;width:218px;margin-left:6%;margin-right:6%;padding:0;}
header .logo img{width:100%}
.main-menu nav > ul > li > a{color:#ffffff;display:block;font-size:16px;transition:all 0.3s ease 0s;line-height:100px;position:relative;}
.main-menu nav > ul > li > a font{display:inline-block;height:100%;position:relative;white-space:nowrap;}
.main-menu nav > ul > li > a font:after{content:"";position:absolute;width:0;height:2px;transition:.6s;bottom:24px;right:0;}
.main-menu nav > ul > li.active > a font,.main-menu nav > ul > li:hover > a font{color:var(--blue);}
.main-menu nav > ul > li.active > a font:after,.main-menu nav > ul > li:hover > a font:after{width:100%;left:0;background:var(--blue);}
.main-menu nav > ul > li > a i{display:inline-block;height:95px;width:11px;background:url(../images/fa-angle-down.png) center no-repeat;vertical-align:top;margin-left:.375rem;}

/* sub menu */
.main-menu nav > ul > li .sub-menu {
    left: 0;
    position: absolute;
    top: 100%;
    height: 0;
    transition: all 0.4s ease-out;
    width: 100%;
    z-index: 9;
    transform-origin: top;
    opacity: 0;
    overflow: hidden;
    transform: scaleY(0);
}

.main-menu nav > ul > li .sub-menu .w1280 {
    background: #f1f2f5;
    box-shadow: 0px 7px 10.6px 0 rgba(127, 148, 202, 0.27);
    border-radius: 0 0 6px 6px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.main-menu nav > ul > li .sub-menu .left {
    width: 32.8125%;
    min-height: 25rem;
    background: #fff url(../images/sub-menu_bg.png) right bottom no-repeat;
    padding: 3.125rem 3.5rem 0;
    box-shadow: 2.939px 4.045px 31.6px 8.4px rgba(215, 219, 227, 0.3);
    height: 100%;
    position: absolute;
}

.main-menu nav > ul > li .sub-menu .left h3 {
    font-size: 24px;
    color: var(--blue);
    line-height: 1.5rem;
}

.main-menu nav > ul > li .sub-menu .left p {
    font-size: 16px;
    color: #666;
    line-height: 1.4;
    margin: 1.75rem 0 1.375rem;
}

.main-menu nav > ul > li .sub-menu .more001 a span {
    transform: rotate(90deg);
}

.main-menu nav > ul > li .sub-menu .right {
    width: calc(100% - 32.8125%);
    min-height: 25rem;
    padding: 3.125rem 3.75rem 3.125rem;
    float: right;
}

.main-menu nav > ul > li:hover .sub-menu {
    opacity: 1;
    overflow: visible;
    transform: scaleY(1);
}

.main-menu nav > ul > li .sub-menu .right .left_con {
    width: 352px;
    padding-right: 80px;
    background: url(../images/shuxian.png) right top no-repeat;
}

.list_box15 {
    display: block;
    background: url(../images/jianbian_kuang.png) center no-repeat;
    background-size: 100% 100% !important;
    position: relative;
    box-shadow: -2.195px 20.885px 35.26px 7.74px rgba(203, 211, 231, 0.32);
    overflow: hidden;
    padding: .625rem 0;
    min-height: 276px;
}

.list_box15:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #fff 2px solid;
    border-radius: 6px;
}
.list_box15 li{position:relative;overflow:hidden}
.list_box15 li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/jianbain_bai01.png) center repeat-y;background-size:100% auto;transition:.5s;transform:translateX(-100%)}
.list_box15 li a{display:block;height:36px;line-height:36px;position:relative;}
.list_box15 li a:after{content:"";position:absolute;bottom:0;left:0;height:0;width:3px;transition:.5s}
.list_box15 li a font{display:block;position:relative;padding:0 0 0 56px;font-size:16px;color:#666;}
.list_box15 li a font:before{content:"";position:absolute;background:url(../images/container04_dots.png) center no-repeat;width:6px;height:6px;top:50%;margin-top:-3px;left:35px;transition:.5s;}
.list_box15 li.on:before,.list_box15 li:hover:before{height:100%;transform:translateX(0)}
.list_box15 li.on a font:before,.list_box15 li:hover a font:before{background:url(../images/container04_dots_on.png) center no-repeat;}
.list_box15 li.on a:after,.list_box15 li:hover a:after{height:100%;background:var(--blue);}
.main-menu nav > ul > li .sub-menu .right .right_con{width:calc(100% - 352px);padding-left:4.375rem;}
.main-menu nav > ul > li .sub-menu .right .right_con .top{padding:0 0 0 45px;margin-bottom:1.5rem}
.main-menu nav > ul > li .sub-menu .right .right_con .top h4{font-size:15px;color:var(--blue);font-weight:bold}
.main-menu nav > ul > li .sub-menu .right .right_con .top h6{font-size:12px;color:#b2bac8;text-transform:uppercase;margin:.25rem 0 0}
.list_box16{display:block;background:url(../images/jianbian_kuang.png) center no-repeat;background-size:100% 100%!important;position:relative;box-shadow:-2.195px 20.885px 35.26px 7.74px rgba(203,211,231,0.32);overflow:hidden;padding:.625rem;}
.list_box16:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:#fff 2px solid;border-radius:6px;}
.list_box16 li{position:relative}
.list_box16 li a{display:block;}
.list_box16 li a .img,.list_box16 li a .img img{width:100%;overflow:hidden;position:relative;border-radius:4px;object-fit:cover;}
.list_box16 li a .img h5{position:absolute;bottom:0;left:0;right:0;height:40px;line-height:40px;background:rgba(0,0,0,.5);padding:0 5px;font-size:14px;color:#fff;text-align:center}

/* sub menu */
.main-menu nav > ul > li > .sub-menu > li > .sub-menu{background:#ffffff none repeat scroll 0 0;box-shadow:0 6px 12px rgba(0,0,0,0.176);left:100%;opacity:0;position:absolute;top:120%;transition:all 0.3s ease 0s;visibility:hidden;width:220px;z-index:9;}
.main-menu nav > ul > li > .sub-menu > li:hover .sub-menu{top:0!important;opacity:1;top:100%;visibility:visible}
header.xg{top:0;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15);}
header.xg .logo img.img1{display:none}
header.xg .logo img.img2{display:inline-block}
header.xg .main-menu nav > ul > li > a{color:#333333;}

/*导航按钮开始*/
#nav_btn_box{height:100%;z-index:999999999;float:right;margin-left:20px;}
#nav_btn_box.on{background:none;}
#nav_btn .point.on .navbtn::after,#nav_btn .point.on .navbtn::before{}
#nav_btn{cursor:pointer;text-align:center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display:inline-block;width:30px;height:30px;position:relative;outline:none;}
#nav_btn .point:hover .navbtn,#nav_btn .point:hover .navbtn::after,#nav_btn .point:hover .navbtn::before{width:1.75rem;}
#nav_btn .navbtn{position:absolute;top:23px;left:0;display:inline-block;width:21px;height:2px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;background:#414141;}
#nav_btn .navbtn::after,#nav_btn .navbtn::before{position:absolute;left:0;display:inline-block;width:1.75rem;height:2px;content:'';-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;background:#414141;}
#nav_btn .navbtn::after{top:-8px;}
#nav_btn .navbtn::before{top:8px;}
#nav_btn .point.on .navbtn{background:transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column;justify-content:flex-start;width:100%;overflow:auto;padding-top:10px;}
.m_nav_list::-webkit-scrollbar{display:none}
#m_nav{z-index:999;position:fixed;background:#ffffff;width:100%;height:100vh;right:-100%;top:0;display:none;padding:60px 0 30px;overflow:hidden;pointer-events:none;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
#m_nav.act{pointer-events:auto;right:0;}
#m_nav>ul>li{overflow:hidden;margin:0 20px;width:auto;}
#m_nav>ul>li+li{border-top:1px solid #eaeaea;}
#m_nav>ul>li .list{margin:0 -5px;font-size:0;}
#m_nav>ul>li .list div{display:inline-block;width:50%;padding:0 5px;margin-bottom:1rem;}
#m_nav>ul>li .list div a{display:block;background:#F8F9FD;border-radius:4px;font-size:14px;color:#525252;line-height:40px;height:40px;text-transform:capitalize;text-align:center;}
#m_nav li .a{display:inline-block;width:calc(100% - 30px)}
#m_nav li .a h3{line-height:4rem;height:4rem;color:#333;padding:0;font-size:16px;float:left;}
#m_nav li .a span{display:block;position:absolute;top:0;right:10px;width:20px;height:50px;text-align:center;}
#m_nav li .a span i{font-size:0;}
#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:20px;height:4rem;float:right;display:inline-block;background:url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on  i{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
#m_nav li.on .a h3{color:var(--blue);}
#m_nav li{display:block;width:100%;}
.slide_nav{position:absolute;left:0;height:70px;z-index:998;padding:15px;top:0;width:100%;}
#m_nav .title .list{display:none;position:relative;z-index:9;left:0;margin:0 -5px;background:none;border:0;clear:both;padding-bottom:10px;}
#m_nav .title .list span{background:none;}
#m_nav .title .list span a:hover{color:#014085;}

/*menu*/
.nav_mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:888;background-color:rgba(0,0,0,0.4);display:none;}
#m_header{height:60px;line-height:60px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);}
.m_header_box{position:fixed;display:none;height:60px;z-index:1000;left:0;right:0;}
#m_header img{height:35px;}
.n_header_box{height:90px;}
.n_header_box #header{top:0}
#m_header #logo .box_table,#nav_btn_box .box_table{width:auto}
.more001 a{display:inline-block;width:9.375rem;height:2.5rem;line-height:2.5rem;text-align:center;background:linear-gradient(141deg,#1E60B9 0%,#2E8EDF 49%,#3DBBFF 100%);border-radius:1.25rem;font-size:0;padding:0 .25rem;box-shadow:0px 3px 8px 0px rgba(9,114,255,0.35);background-size:100% 100%!important;}
.more001 a font{display:inline-block;width:calc(100% - 2rem);font-size:.875rem;color:#fff;vertical-align:top;}
.more001 a span{display:inline-block;width:2rem;height:2rem;line-height:2rem;background:#fff;vertical-align:middle;border-radius:50%;position:relative;overflow:hidden}
.more001 a span i{position:absolute;top:0;right:0;bottom:0;left:0;transition:.5s}
.more001 a span i.i2{transform:translateX(-100%)}
.more001 a span img{width:16px}
@media(min-width:768px){
    .more001 a:hover span i.i1{transform:translateX(100%)}
    .more001 a:hover span i.i2{transform:translateX(0)}
}
@media(max-width:1400px){
    header .main-menu li.logo{margin-left:5%;margin-right:5%;}
    .main-menu nav > ul > li{padding:0 17px;}
}
@media(max-width:1280px){
    header .main-menu li.logo{margin-left:3.5%;margin-right:3.5%;}
    .main-menu nav > ul > li{padding:0 1.5%;}
}
@media(max-width:1200px){
    header .main-menu li.logo{margin-left:3.5%;margin-right:3.5%;width:190px;}
    .main-menu nav > ul > li{padding:0 1.48%;}
}
@media(max-width:1160px){
    header .main-menu li.logo{margin-left:3%;margin-right:3%;width:190px;}
    .main-menu nav > ul > li{padding:0 1.2%;}
}
.langue{float:right;height:25px;position:relative;margin-top:38px;margin-right:20px;}
.langue:after{content:"";width:1px;height:18px;opacity:1;background:#DDDDDD;position:absolute;right:-10px;top:3px;}
.langue a.lanjt{height:100%;display:block;position:relative;padding-right:25px;line-height:25px;background-image:url("../images/langue_ico.svg");background-size:18px 18px;background-position:left center;background-repeat:no-repeat;padding-left:30px;font-size:16px;color:#666666;}
.langue a.lanjt:before{content:"";position:absolute;right:0;top:0;width:14px;height:100%;background-image:url("../images/language_ico02.svg");background-position:center;background-repeat:no-repeat;background-size:14px 14px;}
.eng{display:none;background:#fff;box-shadow:0 1px 11px rgb(0 0 0 / 30%);width:135px;padding:4px 10px;position:absolute;top:55px;margin-top:15px;left:50%;text-align:center;transform:translateX(-50%);z-index:96;}
.eng:before{border:solid transparent;content:' ';height:0;position:absolute;width:0;border-width:10px;border-bottom-color:#fff;top:-20px;left:50%;transform:translateX(-50%);}
.eng a{line-height:36px;font-size:18px;display:block;width:100%;color:#666;}
.eng a:hover{color:var(--blue);}

/*search*/
.search{position:fixed;top:100px;left:0;width:100%;height:70px;z-index:302;display:none;background:linear-gradient(141deg,#1E60B9 0%,#2E8EDF 49%,#3DBBFF 100%);}
#cdk::-webkit-input-placeholder{color:#fff;}
#cdk::-moz-placeholder{color:#fff;}
#cdk::-moz-placeholder{color:#fff;}
#cdk::-ms-input-placeholder{color:#fff;}
.search .pcbb{position:absolute;top:0px;left:0px;width:100%;height:70px;}
.search .pcsearch{position:absolute;left:50%;top:50%;height:100%;max-width:100%;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.search .pcsearch .sebox{width:850px;max-width:100%;position:relative;}
.search .pcsearch .sebox .m_ser_l{float:left;width:calc(100% - 96px);height:70px;color:#fff;background:none;border:none;font-size:18px;outline:0;}
.sousuoa{position:relative;width:20px;height:100%;float:right;}
.sousuoa i{font-size:0;width:20px;height:20px;display:inline-block;position:absolute;top:50%;background-size:20px 20px;background-repeat:no-repeat;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;cursor:pointer;}
.sousuoa i.sousuoend{background-image:url(../images/serch.svg);}
.sousuoa i.cuohao{display:none;background-image:url(../images/close.svg);}
.cuohao.act{color:#333;}
.search .m_submit{display:inline-block;width:70px;height:70px;text-align:center;cursor:pointer;background:none;border:none;outline:0;background-image:url(../images/se.svg);background-size:20px 20px;background-repeat:no-repeat;background-position:center;}
@media(max-width:1100px){
    .header_box{display:none}
    .m_header_box{display:block}
    .langue{float:right;height:25px;position:relative;margin-top:18px;margin-right:10px;}
    .eng{top:40px;width:100px;}
}
@media(max-width:767px){
    #m_header{padding-left:15px;padding-right:15px;}
    .eng a{line-height:30px;font-size:16px;}
}

/*banner*/
.index_banner{width:100%;height:100vh;}
.index_banner .ban_swiper{width:100%;height:100%;}
.mo_ban{display:none;}
.pc_ban,.mo_ban{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
.index_ban_text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;}
.index_ban_text .title{font-size:18px;font-weight:300;line-height:1.1;color:#FFFFFF;}
.index_ban_text .subtitle{font-size:96px;line-height:1;font-weight:bold;color:#FFFFFF;margin-top:10px;margin-bottom:35px;display:flex;align-items:center;}
.index_ban_text .subtitle a{width:80px;height:80px;display:inline-block;margin-left:40px;}
.index_ban_text .subtitle span{width:100%;height:100%;background:linear-gradient(141deg,#1E60B9 0%,#2E8EDF 49%,#3DBBFF 100%);border-radius:50px 50px 50px 50px;opacity:1;display:inline-block;position:relative;}
.index_ban_text .subtitle span i{position:absolute;left:50%;top:50%;background-image:url(../images/ban_ico_jt.svg);width:38px;height:38px;margin-left:-19px;margin-top:-19px;background-size:38px 18px;background-position:center;background-repeat:no-repeat;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.index_ban_text .subtitle a:hover span i{transform:rotate(45deg);}
.index_ban_text .ban_des{font-size:36px;font-weight:400;color:#FFFFFF;line-height:1.5;}
.index_ban_text .text{padding-top:45px;}
.index_ban_text .text span{display:inline-block;text-align:center;line-height:55px;margin-right:10px;background-image:url(../images/ban_ico_bg.svg);width:150px;height:55px;background-size:cover;background-repeat:no-repeat;color:#FFFFFF;font-size:20px;margin-bottom:10px;}
.ban_button{position:absolute;bottom:0;width:100%;height:0;top:50%;z-index:8;}
.ban_button .m_container{position:relative;}
.ban_button .ban-button-prev,.ban_button .ban-button-next{width:100px;height:100px;position:absolute;margin-top:-50px;cursor:pointer;outline:0;background-repeat:no-repeat;background-size:cover;}
.ban_button .ban-button-prev{left:-70px;background-image:url(../images/ban_left.svg);}
.ban_button .ban-button-next{background-image:url(../images/ban_right.svg);right:-70px;}
.ban_button .ban-pagination{display:none;}
@media(max-width:1580px){
    .ban_button .ban-button-prev{left:0;}
    .ban_button .ban-button-next{right:0;}
    .index_ban_text .m_container{padding-left:100px;padding-right:100px;}
}
@media(max-width:1440px){
    .index_ban_text .subtitle{font-size:70px;}
    .index_ban_text .ban_des{font-size:30px;}
    .index_ban_text .subtitle a{width:60px;height:60px;}
    .ban_button .ban-button-prev,.ban_button .ban-button-next{width:80px;height:80px;margin-top:-40px;}
}
@media(max-width:1440px){
    .index_ban_text .subtitle{font-size:60px;margin-top:10px;margin-bottom:25px;}
    .index_ban_text .ban_des{font-size:26px;}
    .index_ban_text .subtitle a{width:60px;height:60px;}
    .ban_button .ban-button-prev,.ban_button .ban-button-next{width:60px;height:60px;margin-top:-30px;}
    .index_ban_text .text{padding-top:35px;}
}
@media(max-width:991px){
    .index_ban_text .subtitle{font-size:55px;margin-top:10px;margin-bottom:25px;}
    .index_ban_text .ban_des{font-size:24px;}
    .index_ban_text .text span{font-size:18px;}
    .index_ban_text .text span{width:140px;height:51px;line-height:51px;}
    .index_ban_text .subtitle a{width:50px;height:50px;}
    .index_ban_text .subtitle span i{width:30px;height:30px;background-size:30px 14px;margin-left:-15px;margin-top:-15px;}
}
@media(max-width:767px){
    .index_ban_text .m_container{padding-left:30px;padding-right:30px;}
    .index_ban_text .subtitle{font-size:36px;margin-bottom:25px;}
    .index_ban_text .ban_des{font-size:20px;}
    .index_ban_text .text span{width:120px;height:44px;line-height:44px;}
    .index_ban_text .text span:last-child{margin-right:0;}
    .index_ban_text .subtitle a{width:35px;height:35px;margin-left:20px;}
    .ban_button{top:inherit;bottom:40px;}
    .ban_button .ban-pagination{display:block;width:100%;text-align:center;}
    .ban_button .ban-pagination span{margin:0 5px;width:12px;height:12px;}
    .ban_button .ban-pagination .swiper-pagination-bullet{background-color:#fff;opacity:1;}
    .ban_button .ban-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--blue);}
}
@media(max-width:360px){

.index_ban_text .subtitle{
    font-size: 32px;
}

}

/*footer*/
footer{background: #17358A;}
.back-top{position:fixed;right:5px;bottom:10%;z-index:99;display: none;}
.back-top a{width:50px;height:50px;display:inline-block;background-color:#666;border-radius:50%;text-align:center;line-height:50px;color:#fff;}
.back-top a:hover{background:linear-gradient(141deg,#1E60B9 0%,#2E8EDF 49%,#3DBBFF 100%);}
.footer_up .fl{width:62%;height:100%;padding-top:66px;padding-bottom:30px;}
.footer_up .fr{border-left:1px solid rgba(176,182,199,0.5);;width:38%;height:100%;padding-top:50px;padding-bottom:30px;padding-left:55px;}
.footer_up .fl ul{margin-left:-10px;margin-right:-10px;}
.footer_up .fl ul li{width:20%;float:left;padding:0 10px;}
.footer_up .fl .m_block{display:block;font-size:14px;
color: #B0B6C7;margin-bottom:5px;}
.footer_up .fl .m_block:hover{color:#ffffff;}
.footer_up .fl h3{font-size:16px;color:#fff;font-weight:500;line-height:1;margin-bottom:22px;}
.footer_up .fl h3 a{font-size:inherit;color:inherit;}
.foot_bottom{color:rgba(255,255,255,0.6);padding:25px 0 20px 0;font-size:14px;
border-top: 1px solid rgba(176,182,199,0.5);}
.foot_bottom a{color:rgba(255,255,255,0.6);font-size:14px;}
.foot_bottom a:hover{color:#fff;}
.foot_logo img{max-width:150px;}
.foot_tel{padding-top:35px;}
.foot_tel span{font-size:14px;
color: #B0B6C7;display:block;}
.foot_tel strong{font-size:22px;font-family:dinCond-Medium;font-weight:bold;color:#FFFFFF;}
.foot_tel strong a{color:inherit;font-size:inherit;font-family:inherit;display:inline-block;}
.foot_tel strong a{margin-right:25px;}
.foot_tel strong a:last-child{margin-right:0;}
.foot_tel .adress{font-size:16px;font-weight:500;color:#FFFFFF;}
.foot_img span{width:36px;height:36px;opacity:1;border:1px solid #FFFFFF;display:inline-block;border-radius:50%;font-size:0;background-repeat:no-repeat;background-position:center;}
.foot_img ul li{position:relative;float:left;margin-right:10px;cursor:pointer;}
.foot_img span.foot_xl{background-image:url(../images/xl.svg);}
.foot_img span.foot_wx{background-image:url(../images/wx.svg);}
.foot_img .foot_erwei{display:none;background:#fff;box-shadow:0 1px 11px rgb(0 0 0 / 30%);width:135px;padding:5px;position:absolute;bottom:33px;margin-bottom:15px;left:50%;text-align:center;transform:translateX(-50%);opacity:0;z-index:96;}
.foot_img .foot_erwei:before{border:solid transparent;content:' ';height:0;position:absolute;width:0;border-width:10px;border-top-color:#fff;bottom:-20px;left:50%;transform:translateX(-50%);}
.foot_img .foot_erwei img {
    max-height: 100%;
}
@media(max-width:991px){
    .footer_up .fr{padding-left:30px}
    .foot_tel strong a{margin-right:15px;}
}
@media(max-width:767px){
    .footer_up {position: relative;}
    .footer_up .fl{width:100%;}
    .footer_up .fl{padding-top:40px;padding-bottom:10px;}
    .footer_up .fr{border-top:1px solid #666666;border-left:none;width:100%;padding-left:0;padding-top:30px;padding-bottom:20px;}
    .footer_up .fl ul li{width:100%;padding-bottom:15px}
    .footer_up .fl h3{margin-bottom:10px;}
    .footer_up .fl .m_block{float:left;margin-right:15px;}
    .foot_tel{padding-top:20px;}
    .foot_tel strong{font-size:20px;}
    .foot_img{padding-top:10px;}
    .foot_img ul{margin-left:-5px;margin-right:-5px;}
    .foot_img ul li{width:50%;margin-right:0;padding:0 5px;}
    .foot_img .foot_erwei{display:block!important;position:inherit!important;left:inherit;transform:inherit;bottom:0;width:100%;margin:0 auto;max-width:135px;opacity:1!important;}
    .foot_img .foot_erwei::before{display:none;}
    .foot_img span{border:none;color:#fff;font-size:16px;width:100%;display:block;text-align:center;padding-top:5px;background-image:none!important;}
    .foot_bottom{padding:15px 0 10px 0;}
    .foot_bottom .fl,.foot_bottom .fr{width:100%;}
    .back-top{position:absolute;right:5px;top: 5px;bottom:inherit;display: block;}
}

/*index pro*/
.index_title h2{font-size:40px;font-weight:bold;}
.index_title p{font-size:18px;color:#666666;line-height:30px;padding-top:10px;}
.more_one{padding-top:18px;}
.more_one a{display:flex;align-items:center;justify-content:center;width:150px;height:55px;background-image:url(../images/more_grey.svg);background-repeat:no-repeat;background-size:cover;font-size:16px;color:#666666;}
.more_one a i{background-image:url(../images/more_jt_grey.svg);background-repeat:no-repeat;background-size:cover;width:30px;height:30px;margin-left:12px;}
.more_one a:hover{background-image:url(../images/more_blue.svg);color:#fff;}
.more_one a:hover i{background-image:url(../images/more_jt_white.svg);}
.index_first{padding-top:85px;padding-bottom:80px;background-image:url(../images/index_first_bg.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;}
.index_first .index_title h2{color:var(--blue);}
.index_pro_cont{padding-top:60px;}
.index_pro_cont .pro_up{display:flex;align-items:flex-end;}
.index_pro_01{width:25%;height:344px;background:#FFFFFF;border:1px solid #DDDDDD;padding:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.index_pro_02{width:50%;height:570px;position:relative;overflow:hidden;}
.index_pro_03{width:25%;background:#FFFFFF;border:1px solid #DDDDDD;height:570px;position:relative;padding:30px;padding-top:35px;overflow:hidden;}
.pro_pic{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.pro_pic img{display:none;}
.index_pro_02 .pro_pic:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000000;opacity:0.3;}
.pro_title{font-size:30px;font-weight:bold;line-height:1.2;}
.index_pro_02 .pro_title{width:100%;text-align:left;position:absolute;top:35px;padding-left:50px;color:#fff;padding-right:30px;}
.index_pro_01 .pro_title{color:#333333;text-align:center;margin-top:60px;}
.index_pro_03 .more_02{width:55px;height:55px;position:absolute;right:0;bottom:-1px;}
.index_pro_03 .more_02 a{display:inline-block;width:100%;height:100%;background-image:url(../images/more_two_bg.svg);background-repeat:no-repeat;background-position:center;background-size:100%;position:relative;overflow:hidden;}
.index_pro_03 .more_02 a i{width:100%;height:100%;opacity:1;background-image:url(../images/more_jt_grey.svg);background-repeat:no-repeat;background-size:30px 30px;background-position:center;font-size:0;}
.index_pro_03 ul li{padding:5px 0 10px 0;}
.index_pro_03 ul li a{display:inline-block;width:100%;height:30px;position:relative;padding-left:24px;}
.index_pro_03 ul li a:before{content:"";width:0;height:1px;background-color:#0F349E;position:absolute;top:50%;left:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.index_pro_03 span{font-size:18px;max-width:100%;float:left;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333333;font-weight: 100;}
.index_pro_03 i{width:30px;height:30px;position:absolute;right:0;top:0;display:inline-block;opacity:0;background-image:url(../images/more_jt_blue.svg);background-size:100%;background-repeat:no-repeat;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.index_pro_03 ul li a:hover{padding-left:45px;padding-right:45px;}
.index_pro_03 ul li a:hover span{color:var(--blue);font-weight:bold;}
.index_pro_03 ul li a:hover:before{width:35px;}
.index_pro_03 ul li a:hover i{opacity:1;}
.index_pro_03 .omit a:hover{padding-left:24px;}
.index_pro_03 .omit a:before{display:none;}
.index_pro_04{width:50%;height:344px;position:relative;overflow:hidden;}
.index_pro_04 .pro_three_pic{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;}
.index_pro_04 .pro_pic:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000000;opacity:0.3;}
.index_pro_04 .pro_mask{width:100%;position:absolute;left:0;bottom:0;height:131px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 100%);border-radius:0px 0px 0px 0px;opacity:0.7;}
.index_pro_04 .pro_title{width:100%;text-align:right;position:absolute;bottom:35px;padding-right:50px;padding-left:30px;color:#fff;}
.index_pro_05{width:25%;height:344px;position:relative;overflow:hidden;}
.index_pro_05 .pro_title{width:80%;position:absolute;right:0;top:30%;text-align:right;padding-right:24px;color:#333333;}
.index_pro_06{width:25%;height:344px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 5px;}
.index_pro_06 p{font-size:16px;font-weight:400;color:#333333;line-height:30px;}
.more_03{padding-top:35px;}
.more_03 a{display:flex;align-items:center;margin:0 auto;justify-content:center;width:150px;height:55px;background-image:url(../images/more_blue.svg);background-repeat:no-repeat;background-size:cover;font-size:16px;color:#fff;}
.more_03 a i{background-image:url(../images/more_jt_white.svg);background-repeat:no-repeat;background-size:cover;width:30px;height:30px;margin-left:12px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.pro_first_pic{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.more_04{opacity:0;display:inline-block;width:25px;height:25px;background-image:url(../images/more_two_bg.svg);background-repeat:no-repeat;background-position:center;background-size:100%;position:relative;float:right;}
.more_04 i{width:100%;height:100%;position:absolute;left:0;top:0;display:inline-block;background-image:url(../images/more_jt_grey.svg);background-repeat:no-repeat;background-size:13px 13px;background-position:center;font-size:0;}
.index_pro_03 .more_02 a i{position:absolute;top:0;right:0;bottom:0;left:0;transition:.5s}
.index_pro_03 .more_02 a i.i2{transform:translateX(-100%);}
@media(min-width:768px){
    .index_pro_03 .more_02 a:hover i.i1{transform:translateX(100%);}
    .index_pro_03 .more_02 a:hover i.i2{transform:translateX(0);}
}
@media(max-width:1366px){
    .index_title h2{font-size:36px;}
    .pro_title{font-size:28px;}
}
@media(max-width:1280px){
    .index_title h2{font-size:34px;}
    .pro_title{font-size:26px;}
}
@media(max-width:991px){
    .index_title h2{font-size:32px;}
    .pro_title{font-size:24px;}
    .index_pro_01{padding:40px 30px;}
    .index_pro_02 .pro_title{padding-left:30px;}
    .index_pro_04 .pro_title{padding-right:30px;}
    .index_pro_01{height:230px;padding:40px 20px;}
    .index_pro_01 .pro_title{margin-top:30px;}
    .index_pro_02,.index_pro_03{height:510px;}
    .index_pro_03{padding:30px 20px;}
    .index_pro_04,.index_pro_05,.index_pro_06{height:230px;}
    .pro_pic img{display:none;}
    .index_pro_03 ul li a:hover:before{width:15px;}
    .index_pro_03 ul li a:hover{padding-left:25px;}
    .more_03{padding-top:15px;}
}
@media(max-width:768px){
    .index_title h2{font-size:30px;}
    .pro_title{font-size:22px;}
}
@media(min-width:768px){
    a:hover .pro_pic,a:hover .pro_first_pic{transform:scale(1.05);}
}
@media(max-width:767px){
    .index_title h2{font-size:28px;}
    .pro_title{font-size:20px;}
    .index_title p{font-size:16px;line-height:1.5;}
    .index_first{padding-top:50px;padding-bottom: 30px;}
    .index_pro_cont .pro_up{display:block;}
    .index_pro_cont .pro_up div{width:100%;}
    .index_pro_01{width:50%;background:none;border:none;padding:0;height:auto;}
    .index_pro_05{width:50%;}
    .pro_pic{background:none!important;position:relative;height:auto;}
    .pro_pic img{display:block;}
    .pro_first_pic{background:#FFFFFF;border:1px solid #DDDDDD;}
    .index_pro_01 .pro_title{color:#333;}
    .index_pro_02{height:auto;}
    .index_pro_04{width:100%;height:auto;}
    .index_pro_05{height:auto;padding-left:5px}
    .index_pro_02 .pro_title,.index_pro_04 .pro_title,.index_pro_04 .pro_title,.index_pro_05 .pro_title{position:inherit;bottom:inherit;color:#333;padding-left:0;padding-right:0;padding-top:15px;padding-bottom:20px;text-align:left;}
    .index_pro_02 .pro_mask,.index_pro_04 .pro_mask{display:none;}
    .index_pro_01>div{height:100%;}
    .index_pro_01 .pro_title{margin-top:0;padding-top:15px;text-align:left;}
    .pro_first_pic{position:relative;}
    .pro_first_pic img:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
    .index_pro_01{padding-right:5px;}
    .index_pro_05 .pro_title{width:100%;}
    .pro_title{font-size:18px;}
    .index_pro_cont{padding-top:40px;}
    .more_04{opacity:1;width:25px!important;}
}

/*index about*/
.index_about{background-color:#fff;padding:65px 0 195px 0;background-image:url(../images/index_about_zbg.jpg);background-repeat:no-repeat;background-position:right top;overflow:hidden;}
.index_about .index_about_cont{position:relative;}
.index_about .index_a_l{width:297px;height:500px;background-image:url(../images/index_about_bg.jpg);background-repeat:no-repeat;background-size:cover;padding:44px 50px;position:relative;}
.index_about .index_a_pic{position:absolute;right:0;top:100%;width:-webkit-calc(100% + 165px);width:-moz-calc(100%  + 165px);width:calc(100% + 165px);}
.index_about .index_a_l h2,.index_about .index_title p{color:#fff;}
.more_small_w{width:55px;height:55px;position:absolute;left:50px;bottom:80px;z-index:8;}
.more_small_w a{display:inline-block;width:100%;height:100%;background-image:url(../images/more_two_white.svg);background-repeat:no-repeat;background-position:center;background-size:100%;position:relative;overflow:hidden;}
.more_small_w a i{width:100%;height:100%;opacity:1;position:absolute;left:0;top:0;display:inline-block;background-image:url(../images/more_jt_white.svg);background-repeat:no-repeat;background-size:30px 30px;background-position:center;font-size:0;}
.index_about_cont .index_a_r{width:-webkit-calc(100% - 297px);width:-moz-calc(100% - 297px);width:calc(100% - 297px);padding-left:60px;padding-top:40px;position:relative;}
.index_about_cont .index_ar_line{padding-bottom:20px;border-bottom:1px solid #DDDDDD;}
.index_ar_line h3{font-size:24px;font-weight:bold;color:#333333;line-height:1.1;}
.index_ar_line p{font-size:16px;color:#333333;line-height:24px;padding-top:10px;font-weight: 300;}
.div_text{padding-top:30px;padding-bottom:20px;}
.div_text ul{margin-left:-45px;margin-right:-45px;}
.div_text ul li{float:left;width:50%;padding:0 45px;}
.div_text p{font-size:16px;color:#333333;line-height:24px;font-weight: 300;}
.more_small_w a i{top:0;right:0;bottom:0;left:0;transition:.5s;}
.more_small_w a i.i2{transform:translateX(-100%);}
@media(min-width:768px){
    .more_small_w a:hover i.i1{transform:translateX(100%);}
    .more_small_w a:hover i.i2{transform:translateX(0);}
}
@media(max-width:1280px){
    .index_about .index_a_l{padding:44px 30px;width:260px;height:438px;}
    .index_about_cont .index_a_r{padding-left:40px;width:-webkit-calc(100% - 260px);width:-moz-calc(100% - 260px);width:calc(100% - 260px);}
    .index_about .index_a_pic{width:-webkit-calc(100% + 128px);width:-moz-calc(100% + 128px);width:calc(100% + 128px);}
    .div_text ul{margin-left:-20px;margin-right:-20px;}
    .div_text ul li{padding:0 20px;}
}
@media(max-width:991px){
    .index_about_cont .index_a_r{padding-top:0}
    .index_about_cont .index_ar_line .fr{display:none;}
    .index_about{padding-bottom:100px;}
}
@media(max-width:767px){
    .index_about{padding-bottom:50px;}
    .index_about .index_a_l{width:100%;height:auto;padding:34px 20px;}
    .index_about .more_small_w{position:inherit;bottom:inherit;left:inherit;width:20px;height:20px;margin-top:45px;}
    .more_small_w a i{background-size:10px 10px;}
    .index_about_cont .index_a_r{width:100%;padding-left:0;padding-top:30px;}
    .div_text ul li{width:100%;padding-bottom:20px;}
    .index_about .index_a_pic{position:inherit;top:inherit;width:100%;}
    .index_ar_line h3{font-size:20px;}
}

/*index industry*/
.index_indus{width:100%;overflow:hidden;background-image:url(../images/hy_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:75px 0 95px 0;}
.index_indus .index_title h2{color:var(--blue);}
.index_indus .indus_number{display:inline-block;}
.index_indus .indus_number:nth-child(2){padding-left:100px;}
.index_indus .indus_number strong{color:var(--blue);font-family:dinCond-Medium;font-weight:bold;font-size:64px;line-height:1.1;}
.index_indus .indus_number em{font-style:normal;vertical-align:top;height:100%;font-size:24px;font-family:dinCond-Medium;font-weight:bold;color:#0F349E;}
.index_indus .indus_number span{font-size:16px;font-weight:400;color:#333333;float:right;display:inline-block;height:100%;padding-top:40px;position:relative;}
.index_indus .indus_number span:before,.index_indus .indus_number span:after{content:"";position:absolute;right:0;top:10px;width:8px;height:8px;background:#F4B000;border-radius:50%;opacity:1;}
.index_indus .indus_number span:after{right:20px;}
.index_indus .indus_swiper{margin-top:60px;}
.index_indus .swiper-container{overflow:visible;}
.indus_swiper .indus_bg{height:324px;background:#0F349E;padding:40px 40px 40px 35px;position:relative;}
.indus_bg .indus_l{width:45%;float:left;padding-right:10px;height:100%;position:relative;}
.indus_bg .indus_r{width:55%;float:right;}
.indus_bg .indus_r img{transform:scale(0.8);}
.indus_bg .indus_l .indus_down{position:absolute;bottom:35px;left:0;width:100%;}
.swiper-slide-active .indus_bg .indus_r img{transform:scale(1);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.indus_bg .indus_l .indus_hy,.indus_bg .indus_l .indus_down .cz{font-size:16px;color:#fff;opacity:0.8;}
.indus_bg .indus_l .indus_name{font-size:30px;font-weight:bold;color:#FFFFFF;line-height:35px;margin-top:10px;}
.indus_bg .indus_l .indus_line{width:30px;height:0px;opacity:1;border:1px solid #FFFFFF;margin-top:20px;}
.indus_bg .indus_l .indus_down  .zl{padding-top:7px;}
.indus_bg .indus_l .indus_down  .zl span{font-size:14px;color:#fff;border:1px solid #FFFFFF;line-height:30px;height:30px;display:inline-block;float:left;padding:0 8px;margin-right:7px;margin-bottom:5px;}
.indus_bg .indus_l .indus_down  .zl span:last-child{margin-right:0;}
.indus_swiper  .indus-button-next{position:absolute;top:calc(50% - 180px / 2);margin:0;right:-100px;width:180px;height:180px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:0;z-index:8;}
.indus_swiper  .indus-button-next.svg{width:180px;height:136px;transform:scale(1);transition:all .6s cubic-bezier(0.65,0,0.35,1) 0s}
.indus_swiper  .indus-button-next .button-active{position:absolute;display:flex;justify-content:center;align-items:center;width:83px;height:83px;transform:rotate(0deg) scale(0);background:#3DBBFF;border-radius:50%;transition:all .6s cubic-bezier(0.65,0,0.35,1) 0s}
.indus_swiper  .indus-button-next .button-active img{width:30%}
.indus_swiper  .indus-button-next:hover>.svg{transform:scale(0)}
.indus_swiper  .indus-button-next:hover .button-active{transform:rotate(360deg) scale(1)}
.indus_swiper  .indus-button-next::after{display:none}
.indus_swiper .swiper-slide.swiper-slide-prev{opacity:0.4;}
@media(max-width:1580px){
    .indus_swiper .indus-button-next{right:-50px;}
}
@media(max-width:767px){
    .index_indus{padding:50px 0 70px 0;}
    .index_indus .index_title .fr{width:100%;padding-top:30px}
    .index_indus .indus_number{width:50%;float:left;text-align:center;display:flex;justify-content:center;}
    .index_indus .indus_number:nth-child(1){padding-right:15px}
    .index_indus .indus_number:nth-child(2){padding-left:15px}
    .index_indus .indus_number strong{font-size:44px;}
    .index_indus .indus_number span{padding-top:22px;}
    .index_indus .indus_number span::before,.index_indus .indus_number span::after{top:10px;width:4px;height:4px;}
    .index_indus .indus_number span::after{right:15px;}
    .indus_swiper .indus-button-next{right:-30px;}
    .indus_bg .indus_l .indus_name{font-size:22px;line-height:1.2;}
    .indus_bg .indus_l .indus_line{width:20px;margin-top:10px;}
    .indus_swiper .indus_bg{height:auto;overflow:hidden;padding:30px 20px;}
    .indus_bg .indus_l{width:100%;}
    .indus_bg .indus_r{width:100%;padding-top:30px;}
    .indus_bg .indus_l .indus_down{position:inherit;bottom:inherit;left:inherit;}
    .indus_swiper .indus-button-next{top:calc(50% - 140px / 2);width:140px;height:140px;}
    .indus_swiper .indus-button-next .button-active{width:60px;height:60px;}
}

/*index new*/
.index_new{width:100%;padding:70px 0 60px 0;overflow:hidden;}
.index_new .index_title h2{color:var(--blue);}
.index_new_switch{padding-top:65px;}
.index_new_switch .newSwiper001{float:left;width:46.5%;height:640px;}
.index_new_switch .m_case_thumb{float:left;width:53.5%;height:640px;padding-left:55px;}
.index_new_switch .newSwiper01{height:100%;padding-top:35px;}
.index_new_switch .newSwiper01 .swiper-slide{height:72px!important;cursor:pointer;}
.index_new_switch .newSwiper01 .swiper-slide.active{height:245px!important;padding-top:30px;}
.index_new_switch .newSwiper01 .swiper-slide:before{content:"";width:0;height:2px;background:#333333;left:50%;position:absolute;top:0;opacity:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.index_new_switch .newSwiper01 .swiper-slide.active:before{opacity:1;width:100%;left:0;}
.index_new_switch .newSwiper01 .fl{width:20px;margin-right:50px;}
.index_new_switch .newSwiper01 .fr{width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);}
.index_new_switch .newSwiper01  .new_des{opacity:0;padding-top:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.index_new_switch .newSwiper01 .new_more{opacity:0;}
.index_new_switch .newSwiper01 .swiper-slide.active .new_des{opacity:1;padding-top:20px;}
.index_new_switch .newSwiper01 .swiper-slide.active .new_more{opacity:1;}

.index_new_switch .newSwiper01 .new_num{font-size:18px;font-family:dinCond-Medium;font-weight:500;color:#333333;line-height:28px;}
.index_new_switch .newSwiper01 .new_title{font-size:18px;font-weight:bold;color:#333333;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_new_switch .newSwiper01 .new_des p{height:48px;font-size:14px;color:#666666;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index_new_switch .newSwiper01 .swiper-slide.active .new_title {font-size: 24px;}
.new_more{width:100%;border-bottom:1px solid #DDDDDD;padding-top:26px;padding-bottom:30px;}
.new_more a{font-size:14px;color:#666666;line-height:16px;padding-bottom:5px;position:relative;}
.new_more a:before,.new_more a:after{content:"";position:absolute;height:2px;bottom:0;}
.new_more a:before{width:100%;left:0;background-color:#666;}
.new_more a:after{content:"";width:0%;height:2px;bottom:0;left:50%;background-color:var(--blue);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.new_more a:hover{color:var(--blue);}
.new_more a:hover:before{opacity:0;}
.new_more a:hover:after{opacity:1;left:0;width:100%;}

@media(min-width:768px){
    .index_new_switch .newSwiper001 .swiper-wrapper{transform:inherit!important;}
    .index_new_switch .newSwiper001 .swiper-slide{display:flex;align-items:center;position:absolute;left:0;opacity:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
    .index_new_switch .newSwiper001 .swiper-slide.swiper-slide-active{opacity:1;}
}
@media(max-width:767px){
    .index_new{padding:50px 0 50px 0;}
     .index_new .index_title {
        position: relative;
    }
    .index_new .index_title .fr {
        position: absolute;
        right: 0;
        top: -28px;
    }
    .index_new .index_title .fr .more_one a {
    width: 98px;
    height: 36px;
    background-size: contain;
    font-size: 12px;
}
.index_new .index_title .fr .more_one a i {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}
    .index_new_switch{padding-top:30px;overflow:hidden;}
    .index_new_switch .newSwiper001{float:left;width:100%;height:auto;}
    .index_new_switch .newSwiper001 .swiper-slide{display:block;float:left;opacity:1;}
    .index_new_switch .new-pagination{display:flex;justify-content:center;align-items:center;padding-top:20px;bottom:0;}
    .index_new_switch .new-pagination span{outline:0;}
    .index_new_switch .swiper-pagination-bullet-active{background:var(--blue);width:10px;height:10px;}
    .new_title{padding-top:10px;font-size:16px;color:#333;}
}

/*about*/
.mfont48{font-size:48px;}
.mfont40{font-size:40px;}
.mfont30{font-size:30px;}
.height100{height:100px;}
.page_ban{position:relative;width:100%;overflow:hidden;}
.page_ban_img .aos-animate img{transform:translate(0) scale(1.06);transition:all 2.5s ease-in-out;}
.page_ban_img.small_ban .aos-animate img{transform:translate(-50%,-50%) scale(1.06);transition:all 2.5s ease-in-out;}
.small_ban{height:500px;width:100%;position:relative;}
.small_ban img{transform:translate(-50%,-50%) scale(1);position:absolute;height:500px;width:inherit;max-width:inherit;left:50%;top:50%;}
.page_ban .page_ban_img{position:relative;}
.page_ban .m_ban_mask{position:absolute;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0F1526 0%,rgba(15,52,158,0) 100%);z-index:1;}
.page_ban .m_page_text{position:absolute;left:0;top:0;height:100%;width:100%;color:#fff;display:flex;align-items:center;z-index:2;}
.page_ban .m_page_text .m_container{padding-bottom:30px;}
.page_ban .m_page_text h2{font-weight:bold;line-height:1.1;}
.page_ban .m_page_text h2 em{font-style:normal;font-size:28px;margin-left:10px;}
.page_ban .m_page_text p{line-height:1.4;padding-top:20px;font-size:18px;padding-bottom:30px;}
.page_ban .m_page_text span{display:inline-block;background-image:url(../images/jump_ico.svg);width:24px;height:36px;background-repeat:no-repeat;background-size:cover;position:relative;cursor:pointer;}
.page_ban .m_page_text span:after{content:"";position:absolute;width:2px;height:4px;background:#FFFFFF;opacity:0.5;left:50%;top:0;margin-left:-1px;-webkit-animation:caseheight3 1.6s linear infinite;animation:caseheight3 1.6s linear infinite;}
@keyframes caseheight3{
    0%{top:20%;}
    100%{top:60%;}
}
.page_menu{position:absolute;left:0;bottom:0;width:100%;background:rgba(15,52,158,0.4000);z-index:9;}
.page_menu .fl ul li{float:left;font-size:18px;color:#FFFFFF;}
.page_menu .fl ul li a{height:66px;line-height:66px;padding:0 34px;display:inline-block;color:#FFFFFF;position:relative;z-index:1;}
.page_menu .fl ul li a:before{content:"";left:50%;width:0;background-color:var(--blue);height:100%;position:absolute;top:0;z-index:-1;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.page_menu .fl ul li.active a:before{opacity:1;left:0;width:100%;}
.page_menu .fl ul li a:hover:before{opacity:1;width:100%;left:0;}
.page_menu .fr{line-height:66px;color:#fff;}
.page_menu .fr a{font-size:14px;color:#fff;margin-left:5px;margin-right:5px;}
@media(max-width:1440px){
    .mfont48{font-size:44px;}
    .mfont40{font-size:38px;}
    .mfont30{font-size:28px;}
}
@media(max-width:1366px){
    .mfont48{font-size:42px;}
    .mfont40{font-size:36px;}
    .mfont30{font-size:26px;}
    .small_ban{height:450px;}
}
@media(max-width:1280px){
    .mfont48{font-size:40px;}
    .mfont40{font-size:34px;}
    .mfont30{font-size:24px;}
}
@media(max-width:991px){
    .mfont48{font-size:36px;}
    .mfont40{font-size:30px;}
    .mfont30{font-size:20px;}
    .small_ban{height:400px;}
    .page_ban .m_page_text p{padding-top:15px;padding-bottom:20px;}
    .page_menu .fl ul li a{height:50px;line-height:50px;padding:0 20px;}
    .page_menu .fr{line-height:50px;}
    .page_menu .fl ul li{font-size:16px;}
}
@media(max-width:1100px){
    .height100{height:60px;}
}
@media(max-width:767px){
        .small_ban{height:250px;}

    .mfont48{font-size:32px;}
    .mfont40{font-size:25px;}
    .mfont30{font-size:18px;}
    .page_menu .fl{width:100%;}
    .page_menu .fr{display:none!important;}
    .page_ban .m_page_text .m_container{padding-bottom:0;}
    .page_ban .m_page_text span{display:none;}
    .page_ban .page_menu{position:inherit;background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.08);}
    .page_ban .page_menu .m_container{padding-left:0;padding-right:0;}
    .page_menu .fl ul li{width:33.33%;}
    .page_menu .fl ul li a{color:#333;width:100%;text-align:center;padding:0 5px;}
    .page_menu .fl ul li.active a,.page_menu .fl ul li a:hover{color:#fff;}
}
@media(max-width:400px){
    .page_menu .fl ul li{width:33.33%;}
}
.m_about_synopsis{padding-top:100px;}
.m_syno_up{padding-bottom:60px;}
.m_syno_up .fl{width:22%;padding-right:10px;}
.m_syno_up .fr{width:76%;padding-left:10px;}
.m_syno_up .fr p{font-size:16px;font-weight:400;color:#666666;line-height:30px;}
.m_syno_up .fl h3{color:var(--blue);line-height:1.1;}
.m_syno_up .fl strong{color:#333333;display:inline-block;padding-top:5px;line-height:1.2;}
.m_syno_down{padding-bottom:15%;position:relative;}
.m_syno_down .m_syno_img{position:absolute;top:0;left:0;width:100%;z-index:8;}
.m_about_culture{background-color:var(--blue);width:100%;position:relative;padding:310px 0 70px 0;}
.m_about_culture .m_dw{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:center;}
.m_about_smsub{font-weight:bold;line-height:1.1;}
.m_about_culture .m_about_smsub{color:#fff;}
.m_about_whlist{padding-top:30px;}
.m_about_whlist ul{margin-left:-10px;margin-right:-10px;}
.m_about_whlist ul li{width:25%;padding:10px;float:left;}
.m_about_whlist .m_bg{height:260px;width:100%;position:relative;text-align:center;display:flex;align-items:center;justify-content:center;z-index:1;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.m_about_whlist .m_bg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/about_wh_bg01.svg);background-repeat:no-repeat;background-size:cover;background-position:left;background-position:left top;border-right:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;z-index:-1;}
.m_about_whlist span{height:60px;margin:0 auto;display:inline-block;margin-bottom:20px;}
.m_about_whlist span img{max-height:100%;}
.m_about_whlist span img:nth-child(2){height:0;overflow:hidden;}
.m_about_whlist .wh_name{font-size:24px;color:#FFFFFF;line-height:28px;}
.m_about_whlist .wh_text{font-size:16px;color:#666666;line-height:26px;transform:translateY(30px);overflow:hidden;height:0;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.m_about_whlist .m_bg:hover:before{background-image:url(../images/about_wh_bgh01.svg);}
.m_about_whlist .m_bg:hover span img:nth-child(1){height:0;overflow:hidden;}
.m_about_whlist .m_bg:hover span img:nth-child(2){height:100%;overflow:visible;}
.m_about_whlist .m_bg:hover .wh_name{color:#333333;}
.m_about_whlist .m_bg:hover .wh_text{height:auto;overflow:visible;transform:translateY(18px);}
.m_about_whlist .m_bg:hover{transform:translateY(-5px);}
.deve_cont{padding-top:100px;padding-bottom:65px;}
.deve_cont .m_about_smsub{color:var(--blue);}
.deve_loop{background-image:url(../images/de_map.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:relative;padding-left:150px;padding-right:150px;}
.deve_loop .m_button{width:44px;height:44px;background-color:#0F349E;outline:0;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:18px 18px;border-radius:50%;position:absolute;top:50%;margin-top:-22px;}
.deve_loop .deve-button-prev{left:0;background-image:url(../images/deve_l.svg);}
.deve_loop .deve-button-next{right:0;background-image:url(../images/deve_r.svg);}
.deve_loop .swiper-wrapper{height:450px;}
.deve_loop .swiper-slide{height:100%;opacity:0!important;}
.deve_loop .swiper-slide.swiper-slide-active{opacity:1!important;}
.deve_loop .deve_l,.deve_loop .deve_r{width:50%;height:100%;display:flex;align-items:center;}
.deve_loop .deve_l{padding-right:50px;float:left;max-height:90%;}
.deve_loop .deve_l img{max-height:100%;}
.deve_loop .deve_r{float:right;transform:translateY(40px);-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;opacity:0;}
.deve_year{font-size:64px;font-weight:bold;color:#0F349E;line-height:1;}
.deve_text{margin-top:15px;margin-bottom:25px;max-height:180px;overflow-y:auto;}

.deve_text::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.deve_text::-webkit-scrollbar-track{
  background:#999;
  border-radius:2px;
}
.deve_text::-webkit-scrollbar-thumb{
  background:#E9E9E9;
  border-radius:10px;}
  
.deve_text p{font-size:16px;color:#666666;line-height:30px;}
.deve_loop .deve_dou{max-width:48px;}
.deve_loop .swiper-slide.swiper-slide-active .deve_r{transform:translateY(0);opacity:1;}
.honor_cont {
    width: 100%;
    background-image: url(../images/honor_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    padding-top: 100px;
    min-height: 440px;
}

.honor_cont .m_dw {
    position: relative;
    height: 100%;
}
.honor_cont .honor_l{float:left;width:288px;position:absolute;left:0;top:0;}
.honor_cont .honor_r{float:left;width:100%;margin-left:350px;}
.honor_cont .honor_r .swiper-slide{cursor:pointer;}
.honor_cont .m_about_smsub{color:var(--blue);}
.honor_cont .honor_l .honor_text{margin-top:40px;font-size:16px;color:#666666;line-height:30px;min-height:150px;margin-bottom:30px;}
.honor_cont .honor_r .bg{background:#FFFFFF;border-radius:0px 0px 0px 0px;border:1px solid rgba(0,0,0,0.2000);padding:13px 10px;}
.honor_cont .honor_r p{text-align:center;margin-top:15px;}
.mhonor-btn{width:55px;height:55px;float:left;outline:0;cursor:pointer;background-size:cover;background-repeat:no-repeat;}
.honor-button-prev{background-image:url(../images/honor_l_d.svg);}
.honor-button-next{background-image:url(../images/honor_r_d.svg);margin-left:10px;}
.mhonor-btn i{width:100%;height:100%;display:inline-block;background-size:30px 30px;background-repeat:no-repeat;background-position:center;}
.honor-button-prev i{background-image:url(../images/honor_jt_l_hover.svg);}
.honor-button-next i{background-image:url(../images/more_jt_grey.svg);}
.honor-button-prev:hover{background-image:url(../images/honor_l_hover.svg);}
.honor-button-next:hover{background-image:url(../images/honor_r_hover.svg);}
.honor-button-prev:hover i{background-image:url(../images/honor_jt_l.svg);}
.honor-button-next:hover i{background-image:url(../images/more_jt_blue.svg);}
.case-swp-tc-close{position:absolute;width:50px;height:50px;right:40px;top:20px;z-index:11;cursor:pointer;background-image:url(../images/tc_close.png);background-position:center;background-repeat:no-repeat;background-size:80%;}
.case-swp-tc{position:fixed;z-index:1111;width:100vw;height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);display:none;}
.case-swp-tc .swiper-container{transform:scale(0);transition:transform .6s;}
.case-swp-tc .swiper-slide{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;}
.case-swp-tc .swiper-slide div{text-align:center;}
.case-swp-tc .swiper-slide img{max-width:90%;max-height:90%;border-radius:10px;background-color:#fff;padding:10px;}
.case-swp-tc .swiper-slide p{color:#ffffff;font-size:24px;font-weight:bold;width:100%;text-align:center;padding-top:15px;}
.case-swp-tc .tc-btn{position:absolute;width:50px;height:100px;z-index:11;top:50%;transform:translateY(-50%);cursor:pointer;background-repeat:no-repeat;background-position:center;outline:0;background-size:80%;opacity:.3;}
.case-swp-tc .tc-btn:hover{opacity:1;}
.case-swp-tc .tc-prev{left:50px;background-image:url(../images/tc_left.png);}
.case-swp-tc .tc-next{right:50px;background-image:url(../images/tc_right.png);}
.honor_cont .honor_r .swiper-slide .bg img{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.honor_cont .honor_r .swiper-slide:hover .bg img{transform:scale(1.03)}
.honor_cont .honor_r .swiper-slide:hover p{color:var(--blue);}
@media (max-width:768px){
    .case-swp-tc-close{width:30px;height:30px;right:20px;top:20px;}
    .case-swp-tc .tc-btn{width:30px;height:60px;opacity:1;}
    .case-swp-tc .swiper-slide p{font-size:16px;}
    .m_ambient_button .ambi-button-prev{margin-right:25px;}
    .m_ambient_button .ambi-button-next{margin-left:25px;}
    .case-swp-tc .tc-prev{left:10px;}
    .case-swp-tc .tc-next{right:10px;}
    .case-swp-tc .swiper-slide div{padding:0 30px;}
}
@media(max-width:1420px){
    .m_about_whlist .m_bg:before{border-right:1px solid rgba(255,255,255,0.4);}
}
@media(max-width:1366px){
    .m_about_culture{padding:280px 0 70px 0;}
    .deve_year{font-size:60px;}
}
@media(max-width:1200px){
    .m_about_culture{padding:250px 0 70px 0;}
    .deve_year{font-size:56px;}
}
@media(max-width:991px){
    .m_about_culture{padding:24% 0 70px 0;}
    .m_about_whlist .wh_name{font-size:22px;}
    .deve_loop{padding-left:100px;padding-right:100px;}
    .deve_year{font-size:50px;}
    .honor_cont .honor_l .honor_text{min-width:120px;}
}
@media(max-width:767px){
    .m_about_synopsis{padding-top:50px;}
    .m_syno_up .fl{width:100%;padding-right:0px;}
    .m_syno_up{padding-bottom:30px;}
    .m_syno_up .fr{width:100%;padding-top:30px;padding-left:0;}
    .m_syno_down{padding-bottom:30px;}
    .m_syno_down .m_syno_img{position:inherit;}
    .m_about_culture{padding:50px 0 50px 0;}
    .m_about_whlist .wh_name{font-size:20px;}
    .m_about_whlist ul li{width:50%;}
    .deve_cont{padding-top:50px;padding-bottom:35px;}
    .deve_loop{padding-left:58px;padding-right:58px;}
    .deve_loop .deve_l,.deve_loop .deve_r{width:100%;float:left;display:block;height:auto;}
    .deve_loop .swiper-wrapper{height:420px;display:flex;align-items:center;}
    .deve_loop .swiper-slide{height:auto;}
    .deve_loop .deve_r{padding-bottom:20px;}
    .deve_year{font-size:40px;}
    .deve_loop .deve_dou{max-width:30px;}
    .honor_cont{padding:50px 0;min-height: 300px}
    .honor_cont .honor_l{position:inherit;width:100%;}
    .honor_cont .honor_l .honor_text{min-height:auto;margin-top:30px;}
    .honor_cont .honor_r{float:left;margin-top:30px;margin-left:0;}
    .mhonor-btn{width:45px;height:45px;}
    .mhonor-btn i{background-size:25px 25px;}
}
@media(max-width:540px){
    .m_about_whlist ul li{width:100%;}
}

/*hexinjishu*/
.te_bg{width:100%;height:100vh;min-height:800px;position:relative;}
.te_title{position:absolute;width:100%;top:25%;left:0;z-index:9;}
.te_title h2{font-weight:bold;position:relative;color:#FFFFFF;line-height:1.1;}
.te_title h2 em{font-size:28px;font-style:normal;font-weight:500;padding-left:10px;}
.te_title h3{padding-top:30px;font-weight:bold;color:#FFFFFF;line-height:1.1;}
.tab-con{position:absolute;left:0;top:0;width:100%;height:100%;}
.tab-con .j-tab-con,.tab-con-item{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;position:relative;background-position:center;}
.tab-con .j-tab-con:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.5);z-index:8;}
.j-tab-nav{position:relative;margin-left:-15px;margin-right:-15px;z-index:9;}
.te_bottom{position:absolute;bottom:20%;left:0;width:100%;}
.j-tab-nav a{width:25%;max-width:285px;display:block;padding:0 15px;float:left;}
.j-tab-nav dl{width:100%;height:295px;border:1px solid #FFFFFF;border-radius:0px 60px 60px 60px;padding:30px 24px 0 24px;}
.j-tab-nav dl dd h3{font-size:24px;font-weight:bold;position:relative;padding-bottom:15px;line-height:1.2;color:#FFFFFF;}
.j-tab-nav dl dd h3:before{content:"";width:14px;height:2px;position:absolute;background-color:rgba(255,255,255,0.5);left:0;bottom:0;}
.j-tab-nav dl dd p{font-size:16px;margin-top:20px;line-height:25px;height:50px;margin-bottom:5px;color:#FFFFFF;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.j-tab-nav dl dd span{display:inline-block;height:54px;margin-bottom:15px;}
.j-tab-nav dl dd span img{max-height:100%;}
.j-tab-nav dl dd i{display:inline-block;opacity:0;transform:translateY(10px);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.j-tab-nav a.current dl{background:var(--blue);border:1px solid var(--blue);}
.j-tab-nav a.current i{opacity:1;transform:translateY(0);}
@media screen and (max-height:900px){
    .te_bottom{bottom:15%;}
}
@media screen and (max-width:1280px){
    .j-tab-nav a{width:25%;}
    .j-tab-nav a dl{width:100%;}
}
@media screen and (max-width:1279px){
    .j-tab-nav{margin-left:-20px;margin-right:-20px;}
    .j-tab-nav a{padding:0 20px;}
}
@media screen and (max-width:1100px){
    .te_bg{margin-top:60px;}
}
@media screen and (max-width:991px){
    .te_title h2 em{font-size:24px;}
    .j-tab-nav a dl dd h3{font-size:20px;}
    .j-tab-nav{margin-left:-10px;margin-right:-10px;}
    .j-tab-nav a{padding:0 10px;}
    .j-tab-nav dl{height:275px;border-radius:0px 60px 60px 60px;padding:30px 18px 0 18px;}
}
@media screen and (max-width:767px){
    .te_bg{height:auto;min-height:auto;overflow:hidden;padding:80px 0 50px 0;}
    .te_title{top:inherit;position:inherit;}
    .te_title h2 em{font-size:18px;}
    .j-tab-nav a{width:100%;}
    .j-tab-nav a dl{height:282px;padding:35px 10px 0 20px;border-radius:0px 40px 40px 40px;}
    .j-tab-nav a{width:50%;margin-bottom:30px;}
    .te_title h3{line-height:1.4;}
    .te_bottom{position:inherit;bottom:inherit;padding-top:50px;}
}
@media screen and (max-width:375px){
    .j-tab-nav a dl{padding:35px 15px 0 20px;}
    .j-tab-nav a dl dd h3{font-size:1.4rem;}
}
@media screen and (max-width:359px){
    .te_title h3{font-size:20px;}
}
@media screen and (max-width:340px){
    .j-tab-nav a{width:100%;max-width:inherit;}
}

/*pro list*/
.pro_ser{padding-top:60px;color:#999999;font-size:16px;padding-bottom:50px;border-bottom:1px solid rgba(0,0,0,0.0800);}
.pro_ser_nei{line-height:60px;}
.pro_ser .pro_list_n{font-size:24px;font-weight:bold;color:#000000;line-height:1.1;padding-bottom:20px;}
.pro_ser .pro_list_select{width:29%;}
.pro_ser .pro_ser_name{width:4%;text-align:center;}
.pro_ser .pro_list_input{width:40%;height:60px;line-height:60px;background:rgba(0,0,0,0.04);outline:0;border:none;padding:0 26px;}
.pro_ser .pro_list_button{width:25%;border:none;outline:0;height:60px;background:var(--blue);font-size:16px;font-weight:bold;color:#FFFFFF;cursor:pointer;float:right;}
.pro_ser .pro_list_select select{width:100%;border:none;outline:0;padding:0 26px;}
.pro_select_box{opacity:1;position:relative;height:60px;background:rgba(0,0,0,0.04);z-index:8;}
.pro_select_box .span{position:absolute;left:0;top:0;right:0;bottom:0;cursor:pointer;z-index:1;}
.pro_select_box .span input{display:block;position:absolute;left:0;top:0;right:0;bottom:0;padding:0 16px;cursor:pointer;outline:0;border:none;width:100%;line-height:60px;font-size:16px;}
.pro_select_box .span .icon{position:absolute;right:0;top:50%;transform:translateY(-50%);width:46px;height:22px;}
.pro_select_box .span .icon:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-top:7px solid #000;border-left:6px solid transparent;border-right:6px solid transparent;}
.pro_select_box .drop_down_{position:absolute;left:0;top:100%;right:0;border:1px solid #C4C4C4;background-color:#EEEEEE;padding:10px 20px;display:none;}
.pro_select_box .drop_down_ p{color:#ccc;font-size:16px;margin:10px 0;cursor:pointer;}
.pro_select_box .drop_down_ p:hover{color:#666;}
.pro_ser_nei input::placeholder{color:#666666;font-size:16px;}
.pro_ser_nei input:-ms-input-placeholder{font-size:16px;color:#666666;}
.pro_ser_nei input::-ms-input-placeholder{font-size:16px;color:#666666;}
.pro_n_list{padding-top:35px;}
.pro_n_list ul{margin-left:-18px;margin-right:-18px;}
.pro_n_list ul li{width:50%;float:left;overflow:hidden;padding:10px 18px;}
.pro_n_list .m_bg{height:328px;background:#FFFFFF;}
.pro_n_list .m_bg .fl,.pro_n_list .m_bg .fr{width:50%;height:100%;}
.pro_n_list .m_bg .fl{position:relative;overflow:hidden;}
.pro_n_list .m_bg .fr{padding-top:90px;position:relative;padding-left:30px;padding-right:30px;}
.pro_n_list .m_line{width:30px;margin-top:15px;margin-bottom:20px;height:2px;background:var(--blue);}
.pro_n_list  h3{font-size:20px;font-weight:bold;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro_n_list .m_bg p{height:50px;line-height:25px;color:#333333;font-size:16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pro_n_list span{background-image:url(../images/honor_l_d.svg);width:55px;height:55px;background-size:100%;position:absolute;right:0;bottom:0;background-repeat:no-repeat;}
.pro_n_list span i{width:100%;height:100%;display:inline-block;position:relative;overflow:hidden;}
.pro_n_list span i:before,.pro_n_list span i:after{content:"";width:100%;height:100%;display:inline-block;position:absolute;left:0;background-size:30px 30px;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.pro_n_list span i:before{background-image:url(../images/more_jt_grey.svg);}
.pro_n_list span i:after{background-image:url(../images/more_jt_white.svg);transform:translateX(-100%);}
.pro_n_list .pro_img{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.pro_n_list a:hover .m_bg .fr{background:var(--blue);}
.pro_n_list a:hover h3,.pro_n_list a:hover p{color:#fff;}
.pro_n_list a:hover .m_line{background:#fff;}
.pro_n_list a:hover span{background-image:url(../images/more_two_white.svg);}
.pro_n_list a:hover span i:before{transform:translateX(100%);}
.pro_n_list a:hover span i:after{transform:translateX(0);}
.pro_n_list a:hover .pro_img{transform:scale(1.03);}
@media screen and (max-width:767px){

    .pro_ser .pro_list_select,.pro_ser .pro_list_input{width:100%;}
    .pro_ser .pro_ser_name{width:10%;text-align:left;line-height:50px;}
    .pro_ser .pro_list_button{width:100%;margin-top:15px;}
    .pro_n_list ul li{width:100%;}
    .pro_n_list h3{font-size:18px;white-space:inherit;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .pro_n_list .m_bg{height:inherit;position: relative;overflow: hidden;}
    .pro_n_list span i::before, .pro_n_list span i::after {
        background-size: 25px 25px;
    }
    .pro_n_list .m_bg .fr {
           height: 100%;
           position: absolute;
           right: 0;
           top: 0;
    }
    .pro_n_list .m_bg .fr{padding-top:20px;padding-left:20px;padding-right:20px;}
    .pro_n_list .m_line {
        margin-bottom: 10px;
    }
    .pro_n_list span {
        width: 35px;
        height: 35px;
    }
    .pro_n_list .m_bg p {
    height: 40px;
    line-height: 20px;
    font-size: 14px;

}
    input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
}
@media screen and (max-width:359px){
.pro_n_list .m_bg p {
    display: none!important;
}

}
.paged{padding-top:40px;padding-bottom:50px;text-align:center;}
.paged:after{clear:both;content:'';width:0px;display:block;height:0px;visibility:hidden;}
.paged ul li:first-child{}
.paged ul li:first-child span,.paged ul li:first-child a,.paged ul li:last-child a,.paged ul li:last-child span{width:80px;height:36px;background:#F5F5F6;border-radius:18px 18px 18px 18px;border-color:#F5F5F6;line-height:36px;font-size:16px;color:#999999;}
.paged ul li:first-child.disabled span,.paged ul li:last-child a:hover{border-color:var(--blue);background-color:var(--blue);color:#fff;}
.paged a{border:1px solid #F5F5F6;display:inline-block;line-height:36px;margin:0 2px;width:36px;height:36px;text-decoration:none;font-size:14px;color:#999999;background:#F5F5F6;border-radius:50%}
.paged a:hover{border:1px solid var(--blue);text-decoration:none;color:#fff;background-color:var(--blue);font-size:14px;}
.paged span{border-radius:50%;display:inline-block;border:1px solid var(--blue);background-color:var(--blue);color:#fff;line-height:36px;width:36px;height:36px;font-size:14px;margin:0 2px;}
.paged a:first-child,.paged a:last-child{border:none;}
.paged .pagination{display:block;}
.paged .pagination li{display:inline-block;}
@media screen and (max-width:767px){
    .paged{margin-bottom:10px;padding-bottom:30px;}
    .paged a,.paged span{font-size:12px;width:30px;height:30px;line-height:30px;margin:0 1px;}
    .paged .pagination li{padding-bottom:5px;}
    .paged a:hover,.paged ul li:first-child span,.paged ul li:first-child a,.paged ul li:last-child a,.paged ul li:last-child span{font-size:12px;}
    .paged ul li:first-child span,.paged ul li:first-child a,.paged ul li:last-child a,.paged ul li:last-child span{width:60px;line-height:30px;height:30px;}
}

/*pro detail*/
.pro_d_up{width:100%;background:#fff;padding:60px 0;}
.pro_d_one{display:flex;}
.pro_d_one .pro_d_left{float:left;width:50%;position:relative;}
.pro_d_one .pro_d_right{float:left;width:50%;padding-left:70px;position:relative;}
.pro_d_down{position:absolute;left:0;bottom:0;width:100%;padding:14px 0;padding-left:14px;padding-right:14px;background:rgba(0,0,0,0.6);z-index:8;}
.pro_d_down .pro_small{position:relative;padding-left:30px;padding-right:30px;}
.pro_d_down .prod-button-next,.pro_d_down .prod-button-prev{width:22px;height:100%;background:rgba(255,255,255,0.2);background-position:center;background-repeat:no-repeat;position:absolute;top:0;outline:0;cursor:pointer;}
.pro_d_down .prod-button-prev{left:0;background-image:url(../images/pro_d_l.svg);}
.pro_d_down .prod-button-next{right:0;background-image:url(../images/pro_d_r.svg);}
.prodSwiper2 .swiper-slide{height:490px;background-repeat:no-repeat;background-size:cover;background-position:center;}
.prodSwiper2 .swiper-slide img{display:none;}
.prodSwiper .swiper-slide{opacity:0.6;text-align:center;height:114px;display:flex;align-items:center;}
.prodSwiper .swiper-slide img{max-height:100%;}
.prodSwiper .swiper-slide-thumb-active{opacity:1;}
.pro_d_right .pro_d_one_title{border-bottom:1px solid rgba(0,0,0,0.08);padding-bottom:20px;color:#333333;}
.pro_d_text{padding-top:15px;}
.pro_d_right .pro_d_one_title h3{font-weight:bold;color:#333333;display:inline-block;line-height:1.1;}
.pro_d_right .pro_d_des{padding-top:20px;}
.pro_d_right .pro_d_des strong{font-size:18px;color:#333333;}
.pro_d_right .pro_d_scoll{max-height:236px;overflow-y:auto;}
.pro_d_right .pro_d_scoll::-webkit-scrollbar{width:6px;height:6px;}
.pro_d_right .pro_d_scoll::-webkit-scrollbar-track{background:#999;}
.pro_d_right .pro_d_scoll::-webkit-scrollbar-thumb{background:#E9E9E9;}
.pro_d_right .pro_d_scoll  p{font-size:16px;line-height:25px;overflow:hidden;padding-bottom:17px;}
.pro_d_right .pro_d_scoll  p:last-child {
    padding-bottom: 0;
}
.pro_d_right .pro_d_scoll  p strong{width:45%;display:inline-block;}
.pro_d_right .pro_d_scoll  p span{width:55%;display:inline-block;}
.pro_d_right .pro_d_more_01{position:absolute;bottom:0;width:100%;left:0;padding-left:70px;}
.pro_d_right .pro_d_more_01 .pro_d_zx{height:55px;line-height:55px;display:inline-block;text-align:center;}
.pro_d_right .pro_d_more_01 .pro_d_zx{font-size:16px;float:left;}
.pro_d_right .pro_d_more_01 .pro_d_zx a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.pro_d_right .pro_d_more_01 .pro_d_zx i{font-style:normal;display:inline-block;}
.pro_d_right .pro_d_more_01 .pro_d_zx{margin-right:18px;}
.pro_d_right .pro_d_more_01 span:first-child{width:150px;background-image:url(../images/pro_d_bg.svg);}
.pro_d_right .pro_d_more_01 span:nth-child(2){width:220px;margin-right:0;background-image:url(../images/pro_d_bg02.svg);}
.m_zx i{color:#fff;background-image:url(../images/zx_ico.svg);background-repeat:no-repeat;background-size:30px 30px;padding-right:40px;background-position:right;}
.m_down i{background-image:url(../images/pdf.svg);background-repeat:no-repeat;background-size:30px 30px;padding-left:35px;background-position:left;color:#666666;position:relative;padding-right:50px;}
.m_down i:after{content:"";width:30px;height:30px;position:absolute;right:0;top:50%;margin-top:-15px;background-image:url(../images/down_ico01.svg);background-repeat:no-repeat;background-size:30px 30px;}
.pro_d_right .pro_d_more_01 a.pro_d_lx{background-color:var(--color-blue);}
.pro_d_right .pro_d_more_01 a.pro_d_next span{padding-right:21px;background-image:url(../images/pro_d_jt.svg);background-position:right center;color:#333333;background-size:13px 7px;}
.pro_d_right .pro_d_more_01 a.pro_d_lx span{padding-left:28px;background-image:url(../images/pro_d_tel.svg);background-position:left center;background-size:18px 17px;color:#FFFFFF;}
.pro_share{display:inline-block;float:right;width:55px;height:55px;background-color:var(--blue);border-radius:50%;background-image:url(../images/share.svg);background-repeat:no-repeat;background-position:center;background-size:24px 24px;}
.pro_d_bottom{padding-top:60px;}
.pro_d_description{padding-top:15px;padding-bottom:50px;}
.pro_d_sub{color:#333333;font-weight:bold;border-bottom:1px solid rgba(0,0,0,0.08);line-height:1.1;padding-bottom:20px;}
.pro_js_name{font-size:20px;color:var(--blue);line-height:30px;padding-top:30px;}
.pro_js_text{padding-top:15px;}
.pro_js_text p{font-size:16px;color:#333333;line-height:24px;padding-bottom:15px;}
.pro_js_text p:last-child{padding-bottom:0;}
@media(max-width:1200px){
    .pro_d_one .pro_d_right,.pro_d_right .pro_d_more_01{padding-left:50px;}
}
@media(max-width:1100px){
    .pro_share{display:none;}
}
@media(max-width:991px){
    .pro_d_one{display:block;}
    .pro_d_one .pro_d_left{width:100%;}
    .pro_d_one .pro_d_right{width:100%;padding-left:0;margin-top:30px;}
    .pro_d_right .pro_d_scoll{max-height:inherit;}
    .pro_d_right .pro_d_more_01{position:inherit;padding-left:0;margin-top:30px;overflow:hidden;}
    .prodSwiper2 .swiper-slide{height:490px;background:none!important;}
    .prodSwiper2 .swiper-slide img{display:block;}
}
@media(max-width:767px){
    .pro_d_up{padding:50px 0 30px 0;}
    .prodSwiper2 .swiper-slide{height:auto;}
    .prodSwiper .swiper-slide{height:85px;}
    .pro_d_bottom{padding-top:30px;}
    .pro_d_down{position:inherit;bottom:inherit;}
    .pro_d_right .pro_d_des strong{font-size:16px;font-weight:500;}
    .pro_js_name{font-size:18px;}
    .pro_d_right .pro_d_more_01{text-align:right;max-width:220px;float:right;}
    .pro_d_right .pro_d_more_01 .pro_d_zx{margin-bottom:10px;float:right;}
    .pro_d_right .pro_d_more_01 span:first-child{margin-right:0;}
}

/* 分享 */
.share_mask{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);left:0;top:0;z-index:1111;display:none;}
.share_box{position:fixed;top:50%;width:258px;left:50%;z-index:11111;display:none;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);}
.share_box .share_list{height:148px;padding-top:20px;background:rgba(0,0,0,0.4);border-radius:10px 10px 0px 0px;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);}
.share_box .sub{font-size:18px;font-weight:bold;color:#FFFFFF;text-align:center;line-height:18px;}
.share_box .share_list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;}
.share_box .share_list ul li{padding-top:22px;width:33%;cursor:pointer;}
.share_box .share_list ul li p{font-size:12px;font-weight:400;color:#FFFFFF;margin-top:8px;line-height:24px;text-align:center;}
.cancel_share{height:48px;text-align:center;font-size:14px;font-weight:400;color:#FFFFFF;line-height:48px;background:rgba(0,0,0,0.6);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:0px 0px 10px 10px;cursor:pointer;}
.share-copy{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;height:42px;background:rgba(0,0,0,0.6);border-radius:6px 6px 6px 6px;font-size:14px;padding:6px 16px;color:#FFFFFF;z-index:9999;}
.weixin{display:none;width:100%;position:fixed;top:0;left:50%;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:999;}
.copyIcon{background:url(../images/msg_icon_link.svg) center center / contain no-repeat;width:20px;height:30px;float:left;}
.copyDesc{font-size:14px;padding-left:16px;font-weight:400;color:#FFFFFF;line-height:30px;float:left;}
.share_list li a{display:block;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;}
.share_list li a.share_weixin:before{background-position:0px 0px;}
.share_list li a.share_qq:before{background-position:-100px 0px;}
.share_list li a.share_ment:before{background-position:-50px 0px;}
.share_list li a.share_tb:before{display:block;content:"";margin:0px auto;width:50px;height:50px;border-radius:50%;background-color:white;background-image:url(../images/fxico.svg);background-size:auto 100%;background-repeat:no-repeat;}
.share_bg{width:38px;height:38px;margin:0 auto;text-align:center;}

/*industry*/
.indus_list .indus_name{padding-top:60px;}
.indus_list .indus_name h3{background-image:url(../images/indus_bg.svg);background-repeat:no-repeat;background-position:right;padding-right:24px;}
.indus_list .indus_name h3 strong{background-color:var(--blue);height:66px;line-height:66px;padding:0 35px;color:#fff;display:inline-block;}
.indus_name .fr a{font-size:16px;color:#999999;line-height:66px;padding-right:40px;background-image:url(../images/indus_more_h.svg);background-repeat:no-repeat;background-position:right;background-size:30px 30px;}
.indus_name .fr a:hover{color:var(--blue);background-image:url(../images/indus_more_hover.svg);}
.indus_cont{margin-top:40px;background-image:url(../images/indus_bg.png);height:460px;padding:55px 70px;}
.indus_list .indus_loop .indus_text{float:right;padding-left:50px;width:-webkit-calc(100% - 460px);width:-moz-calc(100% - 460px);width:calc(100% - 460px);}
.indus_list .indus_loop .indus_img{float:left;width:460px;height:100%;display:flex;align-items:center;}
.indus_loop .indus_title{font-size:30px;font-weight:bold;color:#333333;line-height:1.1;}
.indus_loop .indus_line{width:30px;height:0px;opacity:1;border:1px solid #999999;margin-top:28px;}
.indus_loop .indus_des{padding-top:24px;}
.indus_loop .indus_des p{font-size:16px;color:#666;margin-bottom:10px;}
.indus_loop .indus_des p:first-child{color:#333;}
.indus_loop .indus_des p:nth-child(2){line-height:25px;height:50px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.indus_loop .indus_des.cz p:nth-child(2){height:25px;}
.indus_sort{padding-top:28px;}
.indus_sort ul{margin-left:-20px;margin-right:-20px;}
.indus_sort ul li{float:left;padding:0 20px;padding-bottom:10px;}
.indus_sort ul li a{display:inline-block;font-size:18px;color:#333333;line-height:18px;padding-bottom:14px;position:relative;}
.indus_sort ul li a:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:#666666;}
.indus_sort ul li a:before{content:"";position:absolute;bottom:0;left:50%;opacity:0;height:2px;width:0;background:var(--blue);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.indus_sort ul li a:hover{color:var(--blue);font-weight:bold;}
.indus_sort ul li a:hover:after{opacity:0;}
.indus_sort ul li a:hover:before{opacity:1;left:0;width:100%;}
.indus_list .indus_loop:nth-child(2n) .indus_text{float:left;padding-right:50px;padding-left:0;}
.indus_list .indus_loop:nth-child(2n) .indus_img{float:right;}
.indus_list .last{padding-bottom:50px;}
.last .indus_cont{padding-top:90px;height:auto;padding-bottom:80px;}
.last .indus_cut{position:relative;padding-left:45px;padding-right:45px;}
.last .m_button{position:absolute;width:32px;height:32px;top:35%;border-radius:50%;border:2px solid #999999;outline:0;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:16px 16px;}
.last .indus_cut .indus-button-prev{left:0;background-image:url(../images/indus_d_l.svg);}
.last .indus_cut .indus-button-next{right:0;background-image:url(../images/indus_d_r.svg);}
.last .m_button:hover{border-color:var(--blue);}
.last .indus_cut .indus-button-prev:hover{background-image:url(../images/indus_d_lw.svg);}
.last .indus_cut .indus-button-next:hover{background-image:url(../images/indus_d_rw.svg);}
.indus_img_{position:relative;overflow:hidden;}
.indus_pic{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.indus_img_ .indus_mask{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;}
.indus_img_ .indus_mask i{transform:translateY(20px);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.indus_cont .swiper-slide:hover .indus_mask{opacity:1;}
.indus_cont .swiper-slide:hover .indus_mask i{transform:translateY(0);}
.indus_l_name{margin-top:7px;font-size:18px;color:#333333;line-height:55px;position:relative;}
.indus_l_name strong{width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indus_l_name:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#666666;}
.indus_l_name:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;opacity:0;background:var(--blue);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.indus_cont .swiper-slide:hover .indus_l_name strong{color:var(--blue);}
.swiper-slide:hover .indus_l_name:before{width:100%;opacity:1;}
.swiper-slide:hover .indus_l_name:after{opacity:0;}
@media(max-width:1200px){
    .indus_list .indus_loop .indus_img{width:50%;}
    .indus_list .indus_loop .indus_text{padding-left:50px;width:50%}
    .indus_sort{padding-top:15px;}
}
@media(max-width:991px){
    .indus_cont{margin-top:40px;height:460px;padding:55px 40px;}
    .indus_sort ul{margin-left:-10px;margin-right:-10px;}
    .indus_sort ul li{padding:0 10px;padding-bottom:10px;}
    .indus_loop .indus_des.cz{padding-top:15px}
}
@media(max-width:767px){
    .indus_list .indus_cont{height:auto;overflow:hidden;padding:35px 20px;}
    .indus_list .indus_name h3 strong{padding:0 15px;}
    .indus_list .indus_name .fr a{font-size:14px;padding-right:25px;background-size:20px 20px;}
    .indus_loop .indus_title{font-size:20px;}
    .indus_loop .indus_des{padding-top:15px;}
    .indus_list .indus_loop .indus_text{float:left;padding-left:0;width:100%;}
    .indus_sort ul li a{font-size:16px;padding-bottom:10px;}
    .indus_list .indus_loop .indus_img{width:100%;display:block;overflow:hidden;margin-top:30px;}
}

/*new list*/
.new_po .m_about_smsub,.new_bottom .m_about_smsub{color:var(--blue);}
.new_po{padding-top:60px;position:relative;background-image:url(../images/new_bg_01.svg);background-position:top center;background-repeat:no-repeat;}
.new_po .new_line{margin-top:50px;width:100%;border:1px solid rgba(0,0,0,0.08);}
.new_tab{display:flex;}
.new_bottom{padding-top:50px;}
.new_tab{padding-top:40px;min-height: 504px;}
.new_tab .tab-nav a{overflow:hidden;display:block;position:relative;padding-left:22px;}
.new_tab .tab-nav a:before{content:"";width:6px;height:6px;background:#0C51F6;border-radius:50%;position:absolute;left:0px;top:10px;}
.new_tab .tab-nav .position_r_l{width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);float:left;padding-right:30px;}
.new_tab .tab-nav .position_r_r{width:100px;float:left;text-align:right;}
.new_tab .tab-nav .position_r_l .position_r_title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.new_tab .tab-nav .position_r_l .position_r_text {
    margin-top: 15px;
    font-size: 16px;
    height: 50px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.new_tab .tab-nav .position_r_r .position_r_time{font-size:24px;font-family:Roboto-Medium,Roboto;font-weight:500;color:#999999;}
.new_tab .tab-nav .position_r_r .position_r_more{width:36px;height:36px;border-radius:50%;display:inline-block;background:#F5F5F6;margin-top:24px;background-image:url(../images/new_more_ico.svg);background-size:20px 20px;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.new_tab .tab-nav ul li{position:relative;width:100%;padding:30px 15px 33px 15px;border-bottom:1px solid #EEEEEE;overflow:hidden;}
.new_tab .tab-nav ul li:last-child{border-bottom:none;}
.new_tab .tab-nav ul li:before{content:"";height:100%;position:absolute;top:0;left:50%;width:0;background-color:var(--blue);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.new_tab .tab-nav .active:before{width:100%;left:0;}
.new_tab .tab-nav .active .position_r_l .position_r_title{color:#fff;}
.new_tab .tab-nav .active a:before{background-color:#fff;}
.new_tab .tab-nav .active .position_r_r .position_r_more{background-color:#fff;}
.new_tab .tab-nav .active .position_r_text{color:#fff;}
.new_tab .tab-nav .active .position_r_text{color:#fff;}
.new_tab .tab-nav .active  .position_r_r .position_r_time {
    opacity: 0.5;
    color: #fff;
}
.new_tab .new_tabcont{width:45%;float:left;}
.new_tab .tit2{width:55%;float:left;background:#FFFFFF;padding-left:35px;padding-right:30px;}
.new_tabcont .pub-t1.d-show{display:block;opacity:1;}
.new_tabcont .pub-t1{display:none;width:100%;height:100%;opacity:0;}
.new_po_pic{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
.new_p_list{padding-top:30px;}
.new_p_list ul{margin-left:-10px;margin-right:-10px;}
.new_p_list ul li{width:33.33%;padding:10px;float:left;}
.new_p_list a{display:inline-block;width:100%;height:444px;position:relative;overflow:hidden;}
.new_p_list .m_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:#F3F3F3;z-index:-1;}
.new_p_list .w_thumb .m_bg{background-repeat:no-repeat;background-position:center;background-size:cover;}
.new_p_list a:hover .m_bg{transform:scale(1.05);}
.new_p_list .w_thumb .w_mask {
    position: absolute;
    height: 80%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0) 11%, #000000 100%);
/*    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1500);*/
}

.new_p_list .w_thumb .w_text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 30px;
}
.new_p_list .w_text h3{font-size:18px;font-weight:bold;color:#FFFFFF;height:60px;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.new_p_list .w_thumb .w_time{border-top:1px solid rgba(255,255,255,0.2);margin-top:20px;padding-bottom:24px;padding-top:24px;overflow:hidden;}
.new_p_list .w_thumb .w_time span:first-child{float:left;font-size:18px;font-family:Roboto-Medium,Roboto;font-weight:500;color:#FFFFFF;}
.new_p_list .w_thumb .w_time span:nth-child(2){width:28px;height:28px;background-color:#FFFFFF;border-radius:50%;float:right;display:inline-block;background-image:url(../images/new_more_ico.svg);background-size:14px 14px;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.new_p_list .w_thumb a:hover .w_time span:nth-child(2){background-color:var(--blue);background-image:url(../images/new_more_ico_w.svg);}
.new_p_list .no_img a{padding:54px 30px 0 30px;}
.new_p_list .no_img h3{font-size:18px;font-weight:bold;color:#333;height:60px;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.new_p_list .no_img .no_line{width:30px;height:1px;display:inline-block;background:#999999;}
.new_p_list .no_img p{height:72px;width:100%;margin-top:20px;color:#666666;font-size:16px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.new_p_list .no_w_time{position:absolute;bottom:0;left:0;padding:0 30px;width:100%;}
.new_p_list .no_img .w_time{border-top:1px solid rgba(0,0,0,0.2);padding-bottom:24px;padding-top:24px;overflow:hidden;}
.new_p_list .no_img .w_time span:first-child{float:left;font-size:18px;font-family:Roboto-Medium,Roboto;font-weight:500;color:#999;}
.new_p_list .no_img .w_time span:nth-child(2){width:28px;height:28px;background-color:#FFFFFF;border-radius:50%;float:right;display:inline-block;background-image:url(../images/new_more_ico.svg);background-size:14px 14px;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.new_p_list .no_img a:hover .w_time span:nth-child(2){background-color:var(--blue);background-image:url(../images/new_more_ico_w.svg);}
.new_p_list .no_img a:hover h3{color:var(--blue);}
@media(max-width:1200px){
    .new_p_list a{height:350px;}
}
@media(max-width:991px){
    .m_new_position .position_pic{height:340px;}
    .m_new_position .position_title{font-size:20px;}
    .new_tab{ min-height: 353px;}
    .new_tab .tab-nav ul li{padding:25px 15px 15px 15px;}
    .new_tab .tit2{padding-left:0;padding-right:0;}
    .new_tab .tab-nav .position_r_l .position_r_text{margin-top:15px;height:25px;-webkit-line-clamp:1;}
    .m_new_bg .m_new_position .right{padding-left:30px;padding-right:30px;}
    .new_tab .tab-nav .position_r_r .position_r_time{font-size:18px;}
    .new_tab .tab-nav .position_r_l{width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);width:calc(100% - 55px);}
    .new_tab .tab-nav .position_r_r{width:55px;}
    .m_new_down .m_new_text{padding:20px 15px;}
    .new_tab .tab-nav .position_r_r .position_r_more{margin-top:10px;}
    .new_p_list .w_thumb .w_text,.new_p_list .no_w_time{padding:0 20px;}
    .new_p_list .no_img a{padding:40px 20px 0 20px;}
    .new_p_list a{height:330px;}
}
@media(max-width:768px){
    .new_p_list ul li{width:50%;}
}
@media(max-width:767px){
    .new_po{display:none!important;}
    .new_p_list .w_thumb .w_time,.new_p_list .no_img .w_time{margin-top:20px;padding-bottom:20px;padding-top:15px;}
    .new_p_list .w_thumb .w_time span:first-child,.new_p_list .no_img .w_time span:first-child{font-size:16px;}
}
@media(max-width:540px){
    .new_p_list ul li{width:100%;}
}

/*new detail*/
.new_article_title{padding-top:55px;font-size:36px;font-weight:bold;color:#333333;max-width:732px;width:100%;line-height:1.2;}
.new_article_line{border-top:1px solid #EEEEEE;padding:22px 0;border-bottom:1px solid #EEEEEE;margin-top:25px;margin-bottom:30px;line-height:32px;}
.article_time{float:left;font-size:18px;font-family:Roboto-Medium,Roboto;font-weight:500;color:#999999;padding-right:22px;margin-right:22px;position:relative;}
.article_time:after,.article_name:after{content:"";height:16px;width:1px;position:absolute;right:0;top:8px;background-color:#C4C4C4;}
.article_name{float:left;font-size:18px;font-weight:400;color:#999999;padding-right:22px;margin-right:22px;position:relative;}
.article_name a{font-size:inherit;color:inherit;line-height:inherit;}
.article_print{float:left;padding-right:8px;}
.article_print a{width:32px;height:32px;border-radius:50%;display:inline-block;background:#F5F5F6;background-repeat:no-repeat;background-position:center;background-size:16px 16px;background-image:url(../images/printer.svg);}
.detail-main .detail-cnt p{font-size:16px;line-height:1.8;padding-bottom:15px;}
.detail-main .detail-cnt p img,.detail-main .detail-cnt img,.detail-main .detail-cnt table img,.detail-main .detail-cnt video,.detail-main .detail-cnt table{max-width:100%!important;height:auto!important;display:block;margin:10px auto;border-radius:6px;}
.detail-main span.switchsize a{padding:0 3px;margin:0 4px;cursor:pointer;}
.detail-main span.switchsize a{width:32px;height:32px;border-radius:50%;display:inline-block;background:#F5F5F6;background-repeat:no-repeat;background-position:center;background-size:16px 16px;}
.detail-main span.switchsize a.bigger{background-image:url(../images/bigger.svg);}
.detail-main span.switchsize a.smaller{background-image:url(../images/smaller.svg);}
.detail-main span.switchsize a:hover{text-decoration:underline;}
.new_article_cont .article_l{float:left;width:-webkit-calc(100% - 98px);width:-moz-calc(100% - 98px);width:calc(100% - 98px);padding-right:90px;}
.article_r{width:98px;background:#F6F6F6;border-radius:6px 6px 6px 6px;padding:22px 15px;float:right;}
.article_r .name{text-align:center;font-size:16px;}
.article_r ul li{padding-top:15px;}
.article_r li .share_bg{width:46px;height:46px;background-color:#FFFFFF;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:26px 26px;cursor:pointer;}
.article_r ul li:hover .share_bg{background-color:var(--blue);}
.article_r li p{text-align:center;font-size:16px;padding-top:15px;color:#666;}
.article_r .share_weixin .share_bg{background-image:url(../images/new_wx_h.svg);}
.article_r ul li:hover .share_weixin .share_bg{background-image:url(../images/new_wx_w.svg);}
.article_r .share_qq .share_bg{background-image:url(../images/new_qq_h.svg);}
.article_r ul li:hover .share_qq .share_bg{background-image:url(../images/new_qq_w.svg);}
.article_r .copy_weixin .share_bg{background-image:url(../images/new_link.svg);}
.article_r ul li:hover .copy_weixin .share_bg{background-image:url(../images/new_link_w.svg);}
.article_r .new_back .share_bg{background-image:url(../images/arrow-left.svg);}
.article_r ul li:hover .new_back .share_bg{background-image:url(../images/arrow-left-w.svg);}
.article_xg{padding-top:15px;border-bottom:1px solid #EEEEEE;}
.article_xg h3{font-size:18px;font-weight:bold;color:#333333;}
.article_xg_link{padding:16px 0 35px 0;}
.article_xg_link a{height:34px;background:#EEEEEE;display:inline-block;margin-right:8px;color:#999999;font-weight:16px;padding:0 12px;line-height:34px;border-radius:30px 30px 30px 30px;margin-bottom:5px;}
.article_xg_link a:hover{color:#fff;background-color:var(--blue);}
.news_show_more{padding:35px 0 55px 0;}
.news_show_more .prev{float:left;width:50%;padding-right:80px;position:relative;}
.news_show_more .prev:before{content:"";position:absolute;right:0;top:12px;background:#CCCCCC;height:62px;width:1px;}
.news_show_more .next{float:left;width:50%;padding-left:80px;}
.news_show_more .n{font-size:16px;font-weight:400;color:#999999;line-height:26px;}
.news_show_more .t {
    line-height: 28px;
    height: 56px;
    font-size:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 10px;
}

.news_show_more .t a {
    font-size: inherit;
    color: #333333;
    line-height: inherit;
}
.news_show_more .t a:hover{color:var(--blue);}
.article_down{background:#F5F5F6;padding:40px 0 65px 0;}
.article_down_sub{color:#333;line-height:1.1;font-size:36px;}
.article_down_list{padding-top:30px;}
.article_down_list ul{margin-left:-45px;margin-right:-45px;}
.article_down_list ul li{width:33.33%;padding:0 45px;float:left;}
.article_down_list .article_down_time{color:#999999;font-family:Roboto-Medium,Roboto;font-size:18px;}
.article_down_list .article_down_sub{font-size:24px;font-weight:400;margin-top:15px;color:#333333;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.article_down_list li a:hover .article_down_sub{color:var(--blue);}
@media screen and (max-width:1279px){
    .article_down_list .article_down_sub{font-size:20px;}
    .new_article_title,.article_down_sub{font-size:32px}
}
@media screen and (max-width:991px){
    .new_article_title,.article_down_sub{font-size:30px;}
    .article_down_list ul{margin-left:-25px;margin-right:-25px;}
    .article_down_list ul li{padding:0 25px;}
    .article_down_list .article_down_sub{font-size:18px;}
    .news_show_more .prev{padding-right:50px;}
    .news_show_more .next{padding-left:50px;}
}
@media screen and (max-width:767px){
    .new_article_title,.article_down_sub{font-size:26px;}
    .new_article_line{padding-bottom:12px}
    .article_time,.article_name{font-size:14px;padding-right:15px;margin-right:15px;}
    .article_print{display:none;}
    .article_down{padding:40px 0 35px 0;}
    .article_down_list ul li{width:100%;padding-bottom:30px}
    .article_down_list .article_down_sub{font-size:16px;}
    .new_article_cont .article_l{padding-right:0;width:100%;}
    .article_r{display:none;}
    .news_show_more .prev{padding-right:20px;}
    .news_show_more .next{padding-left:20px;}
    .news_show_more .t{font-size:16px;height:50px;line-height:25px;}
}
@media screen and (max-width:640px){
    .new_article_title{font-size:24px;}
}

/*job*/
.rczbg{background-image:url(../images/rcbg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;padding-top:60px;padding-bottom:50px;}
.rczbg .m_about_smsub,.job_down .m_about_smsub{color:var(--blue);margin-bottom:35px;}
.rcleft{float:left;width:35.5%;padding-top:65px;}
.rcright{float:left;width:64.5%;padding-left:80px;}
.rcleft .job_logo{max-width:269px;}
.rcrbg{height:370px;width:100%;position:relative;}
.rcrbg:before{background:rgba(15,52,158,0.8);width:100%;height:100%;left:0;top:0;content:"";position:absolute;}
.rccont{padding-top:30px;}
.rccont strong{font-size:20px;color:#333333;font-weight:bold;display:block;line-height:1.4;}
.rccont p{font-size:16px;color:#333333;padding-top:20px;}
.rcrbg .li{width:33.33%;height:100%;float:left;position:relative;text-align:center;padding-top:95px;padding-left:20px;padding-right:20px;z-index:1;}
.rcrbg .li:before{content:"";width:100%;height:0;bottom:0;left:0;background:rgba(35,53,116,0.6);position:absolute;z-index:-1;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.rcrbg .li span{display:block;height:60px;transition:0.3s;-webkit-transition:0.3s;}
.rcrbg .li span img{max-height:100%;}
.rcrbg .li strong{font-size:20px;color:#fff;font-weight:bold;display:block;padding:15px 0 15px 0;}
.rcrbg .li p{font-size:16px;color:#fff;}
.rcrbg .li:hover:before{height:100%;}
.job_down{padding-top:60px;}
.jotis{background:#EEEEEE;}
.jot span{display:block;width:20%;text-align:center;float:left;line-height:90px;height:90px;overflow:hidden}
.jot span:nth-child(3),.jot span:nth-child(4){width:15%;}
.jot span:nth-child(5){width:30%;padding-right:90px;}
.jotis span{font-size:20px;color:#333;font-weight:bold;}
.jotis span:first-child {
    padding-left: 70px;
    text-align: left;
}
.jod{background:#fff;border:1px solid rgba(0,0,0,0.08);margin:9px 0;}
.jod>span{color:#666666;font-size:18px;display:flex;align-items:center;justify-content:center;line-height:1.2;cursor:pointer;transition:.3s;-webkit-transition:.3s}
.jod>span:first-child{font-weight:bold;color:#333333;justify-content: flex-start;padding-left: 70px;}
.jotxs{position:relative;margin-bottom:2px;background:#fff;}
.jos{width:100%;background:#fff;display:none;}
.jos .bodr{border:none;border-top:0;background:#EEEEEE;padding:25px 50px 25px 70px;}
.jos .bodr span{display:block;border-top:none;padding-top:0;margin-top:30px;}
.jotxs .line{background:url(../images/jobhui.svg) no-repeat center center;width:90px;height:90px;top:0px;right:0px;display:block;position:absolute}
.jotxs .arrow{width:90px;height:90px;border-left:1px solid #E8E8E8;position:absolute;top:0px;cursor:pointer;left:inherit;right:0;transition:.3s;-webkit-transition:.3s}
#jo2 span a{font-size:16px;color:#fff;background-image:url(../images/pro_d_bg.svg);width:150px;height:55px;text-align:center;line-height:55px;display:inline-block;padding:0;}
#jo2 span a i{font-style:normal;background-image:url(../images/zx_ico.svg);background-size:30px 30px;background-position:right;background-repeat:no-repeat;padding-right:40px;}
.jos h3{font-size:15px;color:#666;font-weight:normal;margin:10px 0 4px;line-height:30px}
.jos p{font-size:16px;color:#666;line-height:28px}
.act .jod{background:var(--blue);margin-bottom:0;}
.act .jod span{color:#fff;}
.act .line{background:url(../images/joblan.svg) no-repeat center center;}
.jos .bodr h3{font-size:18px;font-weight:bold;color:#333333;line-height:24px;margin-bottom:5px;margin-top:5px;}
.jos .bodr h3.mt15{margin-top:15px;}
.job_more{padding-top:20px;padding-bottom:60px;text-align:center;}
.job_more a{font-size:16px;color:#666666;line-height:24px;}
@media screen and (max-width:1280px){
    .rcright{padding-left:50px;}
    .jot span:nth-child(3),.jot span:nth-child(4){width:12%}
    .jot span:nth-child(5){width:36%;}
    .jotis span:first-child,.jod>span:first-child,.jos .bodr {
    padding-left: 50px;
}

}
@media screen and (max-width:991px){
    .rcrbg .li{padding-top:75px;padding-left:15px;padding-right:15px;}
    .jotis span{font-size:18px;}
    .jod > span{font-size:16px;}
    .jod > span:first-child{font-size:18px;}
    .jotis span:first-child,.jod>span:first-child,.jos .bodr {
    padding-left: 30px;
}
}
@media screen and (max-width:767px){
    .rcleft{width:100%;padding-top:0;}
    .rcright{width:100%;padding-top:30px;padding-left:0px;}
    .rcrbg{height:auto;overflow:hidden;}
    .rcrbg .li{width:100%;padding:30px 20px;}
    .rcrbg .li span{height:40px;}
    .jot span:nth-child(3),.jot span:nth-child(4),.jot span:nth-child(5){display:none;}
    .jot span{width:43%;padding-left:15px;}
    .jotxs .arrow{width:40px;}
    .jotxs .line{width:40px;}
    .jod > span{font-size:16px;}
    .jotis span{font-size:18px;}
    .jos .bodr{padding: 30px;}
    .jos .bodr span{margin-top:20px;}
    .rccont strong{font-size:18px;}
}

/*job detail*/
.jobyp {
    padding-top: 50px;
}

.recuit label.name {
    width: 80px;
    float: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
}

.recuit label.name span {
    line-height: 48px;
    display: inline-block;
}

.recuit .text-area {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    float: left;
}

.recuit input[type=text] {
    width: 100%;
    background: #F0F0F0;
    border: none;
    outline: 0;
    height: 48px;
    padding: 5px 10px;
    line-height: 38px;
    box-shadow: none;
    font-size: 16px;
    color: #1d1d1d;
    border-radius: 0;
}

.recuit input[type=radio] {
    height: 34px;
    margin-top: 0px;
    vertical-align: -12px;
    margin-right: 6px;
    -webkit-appearance: radio;
}

.recuit select {
    width: 72%;
    float: left;
}

.recuit .form-group {
    line-height: 48px;
    margin-bottom: 35px;
}

.recuit .btn {
    margin-bottom: 30px;
    width: 177px;
    display: inline-block;
    color: #fff !important;
    padding: 0;
    font-size: 16px;
    height: 56px;
    border: 0;
    line-height: 56px;
    background: var(--blue);
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
}

.recuit textarea {
    width: 100%;
    float: left;
    font-family: inherit;
    background: #F0F0F0;
    padding: 10px !important;
    border: none;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    color: #1d1d1d;
    border-radius: 0;
}

.message_code span {
    margin-left: 5px;
}

.message_code span img {
    max-height: 50px;
}

.red {
    font-size: 24px;
    color: #D7000F;
}

.messyz {
    padding-left: 10px;
}

@media screen and (max-width:1199px) {
    .recuit label.name {
        width: 32%;
    }

    .recuit .text-area {
        width: 68%;
    }

    .recuit select {
        width: 68%;
    }

}

@media screen and (max-width:991px) {
    .jobyp .col-md-4 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }

    .recuit .form-group:after {
        content: '';
        display: block;
        visibility: hidden;
        clear: both;
    }

    .recuit .form-group {
        margin-bottom: 30px;
    }

    .recuit label.name {
        width: 25%;
    }

    .recuit .text-area {
        width: 75%;
    }

    .recuit select {
        width: 75%;
    }

    .recuit textarea {
        width: 100%;
    }

}

@media screen and (max-width:767px) {
    .recuit label.name {
        width: 28%;
    }

    .recuit .text-area {
        width: 72%;
    }

    .recuit select {
        width: 72%;
    }

    .red {
        font-size: 14px;
    }

    .job_down {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .jobyp .col-md-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .jobyp .recuit .col-md-12 .text-area {
        width: 100%;
    }

}

@media screen and (max-width:374px) {
    .recuit label {
        width: 100%;
    }

    .recuit input[type=text] {
        width: 100%;
    }

    .recuit select {
        width: 100%;
    }

}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.form-control {
    outline: 0;
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px #F0F0F0 inset !important;
}
.col-md-4, .col-md-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.text-area {
    position: relative;
}

.text-area label {
    position: absolute;
    bottom: -20px;
    left: 0;
    line-height: 1;
    color: red;
    font-size: 14px;
}

textarea.form-control {
    height: auto;
}

@media (min-width:768px) {
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

}

/*down*/
.downlist{padding-top:60px;}
.downlist ul{margin-left:-12px;margin-right:-12px;}
.downlist ul li{overflow:hidden;margin-bottom:20px;width:50%;float:left;padding:0 12px;}
.downlist .li{border:1px solid rgba(0,0,0,0.08);padding-left:38px;overflow:hidden;height:90px;width:100%;}
.downt01{float:left;width:76%;font-size:18px;height:100%;padding-right:15px;color:#333333;background-image:url(../images/read.svg);background-position:left;background-repeat:no-repeat;background-size:42px 42px;padding-left:62px;display:flex;align-items:center;font-weight:bold;overflow:hidden;}
.downt03{border-left:1px solid rgba(0,0,0,0.08);width:24%;float:left;height:100%;display:flex;align-items:center;justify-content:center;}
.downt03 a{font-size:18px;font-weight:bold;color:#333333;display:inline-block;background-image:url(../images/down.svg);padding-left:44px;background-position:left;background-repeat:no-repeat;background-size:30px 30px;}
.downlist .li:hover{background-color:var(--blue);}
.downlist .li:hover .downt01{color:#ffffff;background-image:url(../images/read_w.svg);}
.downlist .li:hover .downt03 a{background-image:url(../images/down_w.svg);color:#fff;}
.downlist .li:hover .downt03{border-left:1px solid rgba(255,255,255,0.8);}
@media screen and (max-width:991px){
    .downlist ul li{width:100%;}
}
@media screen and (max-width:767px){
    .downlist .li{height:auto;padding-left:20px;padding-right:20px;}
    .downt01{width:100%;padding-right:0;min-height:auto;height:auto;padding-bottom:15px;padding-top:15px;margin-top:0;display:block;overflow:inherit;font-size:16px;position:relative;background-size:23px 23px;padding-left:35px;}
    .downt01:after{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:#E8E8E8;}
    .downt03{max-width:100%;width:100%;border:none;font-size:16px;border:none!important;}
    .downt03 a{font-size:16px;padding-left:30px;line-height:50px;background-size:25px 25px;}
}

/*contact us*/
.contact_us{position:relative;}
.contact_us #map{width:100%;height:786px;border:#ccc solid 1px;font-size:12px}
.contact_us .m_nav{position:fixed;z-index:5;}
.contact_us .map{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}
.contact_us .text{position:relative;width:100%;z-index:3;top:-200px;}
.contact_us .text .con{padding:35px 0;background:linear-gradient(35deg,#0F349E 0%,#4464C0 100%);box-shadow:0px 16px 15px 0px rgba(0,0,0,0.0300),0px 23px 26px 0px rgba(0,0,0,0.0500),0px 38px 36px 0px rgba(0,0,0,0.0600),0px 100px 72px 0px rgba(0,0,0,0.1000);}
.contact_us .text .con .up{border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:30px;padding-left:45px;padding-right:45px;}
.contact_us .text .con .up .l{float:left;font-weight:bold;color:#FFFFFF;line-height:1.1;padding-top:10px;}
.contact_us .text .con .up .navlink{float:right;width:154px;height:50px;background:#FFFFFF;border-radius:0px 0px 0px 0px;opacity:1;display:flex;align-items:center;justify-content:center;}
.contact_us .text .con .up .navlink span{font-size:16px;font-weight:400;color:var(--blue);padding-right:28px;}
.contact_us .text .con .up .navlink .img{width:22px;height:22px;background-image:url(../images/more_jt_blue.svg);background-repeat:no-repeat;background-position:center;background-size:22px;}
.contact_us .text .con .down{padding-top:55px;display:flex;align-items:center;padding-bottom:25px;}
.contact_us .text .con .down .fl{width:80%;}
.contact_us .text .con .down .fr{width:20%;}
.contact_us .w50{float:left;width:50%;}
.contact_us .text .con .down .fl .i{width:100%;padding:0 10px 0 45px;position:relative;display:flex;align-items:center;overflow:hidden;margin-bottom:55px;}
.contact_us .text .con .down .w50 .i:nth-child(2){margin-bottom:0;}
.contact_us .text .con .down .fl .i .img{width:50px;height:50px;float:left;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-right:20px;}
.contact_w{width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px);}
.contact_us .text .con .down .fl .i .t1{font-size:16px;font-weight:400;color:rgba(255,255,255,0.5);}
.contact_us .text .con .down .fl .i .t2,.contact_us .text .con .down .fl .i .t2 a{font-size:16px;font-weight:400;color:#FFFFFF;line-height:26px;}
.contact_us .text .con .down .fr .i .e_img{width:102px;height:102px;margin:4px auto 0;}
.contact_us .text .con .down .fr .i .e_img img{width:100%;}
.contact_us .text .con .down .fr .i .t3{text-align:center;font-size:16px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-top:14px;}
.contact_form{margin-top:-140px;background-color:#EEEEEE;padding-bottom:50px;}
.contact_form .tit{position:relative;line-height:1.2;}
.contact_form .tit .t1{font-weight:bold;color:var(--blue);}
.contact_form .tit .t2{color:#333333;margin-top:5px;}
.contact_form .tit .bt{position:absolute;right:0;bottom:0;font-size:16px;font-weight:400;color:#666666;}
.contact_form .tit .bt i{font-style:normal;color:var(--blue);display:inline-block;padding-right:5px;}
.contact_form .form_list{opacity:1;border:2px solid #999999;margin-top:30px;padding:60px;}
.contact_form .form_list .list_ .i_:after{content:'';height:0;clear:both;display:block;height:0;}
.contact_form .form_list .list_ label.text{float:left;width:100px;font-size:16px;font-weight:400;color:#333333;line-height:50px;}
.contact_form .form_list .list_ label.text i{font-size:16px;font-style:normal;color:var(--blue);display:inline-block;padding-left:10px;}
.contact_form .form_list .list_ .input_box{float:left;height:50px;width:calc(100% - 100px);background-color:#fff;position:relative;}
.contact_form .form_list .list_ .input_box input {
    display: block;
    height: 26px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 26px;
    border: none;
    box-shadow: none;
    outline: 0;
}

.contact_form .form_list .list_ .input_box input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 1000px white inset !important;
}
.contact_form .form_list .list_ .input_box textarea{letter-spacing:0px;resize:none;border:none;background-color:transparent;padding:20px;font-size:16px;font-weight:400;color:#333;line-height:26px;display:block;height:100%;width:100%;border:none;box-shadow:none;outline:0;font-family:'Microsoft YaHei','NotoSansHans-light',"Arial",'SimSun',Serif;}
.contact_form .form_list .list_ .i{margin-bottom:32px;}
.contact_form .form_list .list_ .fl{float:left;}
.contact_form .form_list .list_ .fr{float:right;}
.contact_form .form_list .list_ .w50{width:calc(50% - 30px);}
.contact_form .form_list .list_ .w100{width:100%;}
.contact_form .form_list .list_ .h200{height:200px;}
.contact_form .form_list .btn{padding-left:100px;padding-top:10px;}
.contact_form .form_list .btn button{width:154px;height:50px;font-size:16px;font-weight:400;color:#FFFFFF;line-height:50px;cursor:pointer;border:none;outline:0;}
.contact_form .form_list .btn button:nth-child(1){background:#5A5F75;}
.contact_form .form_list .btn button:nth-child(2){background:var(--blue);margin-left:16px;}
.contact_form .form_list label.error{position:absolute;left:0;top:100%;font-size:14px;color:red;line-height:24px;}


.pro_n_table {
    overflow-x: auto;
}
.pro_n_table table {
    word-break: keep-all;
}
.pro_n_table table td {
    vertical-align: middle!important;
}
@media(max-width:991px){
    .contact_us .text .con .down{padding-top:35px;padding-bottom:15px;}
    .contact_us .w50{width:100%;}
    .contact_us .text .con .down .fl .i,.contact_us .text .con .down .w50 .i:nth-child(2){margin-bottom:20px;padding-right:0;padding-left:30px;}
    .contact_form .form_list .list_ .w50{width:100%;}
    .contact_us .text .con .down .fr{padding-right:30px;}
}
@media(max-width:768px){
    .contact_us #map{height:460px!important;}
    .contact_us .text .con .up{padding-bottom:20px;padding-left:30px;padding-right:30px;}
    .contact_us .text .con .down .i{margin-bottom:40px;}
    .contact_us .text{top:0;}
    .contact_us .map{position:relative;height:400px;}
    .contact_us .text .con .up .l{line-height:50px;padding-top:0;}
    .contact_us .text .con .down{padding-top:30px;}
    .contact_us{height:auto;}
    .contact_form{margin-top:50px;}
    .contact_form .tit .bt{display:none;}
    .contact_form .form_list{padding:0;border-color:transparent;}
    .contact_form .form_list .btn{padding-left:0;}
}
@media(max-width:767px){
    .contact_us .text .con .up{padding-bottom:20px;padding-left:15px;padding-right:15px;}
    .contact_us .text .con .up .navlink{width:130px;height:50px;}
    .contact_us .text .con .up .navlink span{padding-right:20px;}
    .contact_us .text .con .down{display:block;}
    .contact_us .text .con .down .fl{width:100%;}
    .contact_us .text .con .down .fr{width:100%;padding-top:20px;padding-right:0;}
    .contact_us .text .con{padding-bottom:0px;}
    .contact_us .text .con .down .fl .i{display:inline-block;width:100%;padding:0 15px!important;}
    .contact_us .text .con .down .fl .i .img{float:inherit;margin:0 auto;margin-bottom:10px;}
    .contact_w{width:100%;text-align:center;}
    .pro_n_table table
{
    white-space: nowrap;
}
}
@media(max-width:374px){
    .contact_form .form_list{margin-top:20px;}
    .contact_form .form_list .list_ label.text{width:100%;}
    .contact_form .form_list .list_ .input_box{width:100%;}
    .contact_form .form_list .list_ .i{margin-bottom:20px;}
    .contact_form .form_list .btn{padding-top:30px;}
    .contact_form .form_list .btn button{width:120px;height:42px;line-height:42px;}
}



/*sitemap*/
.wzdt_xt{float:left;
width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(100% - 300px);}
.wzdt_xt ul li{float:left;padding-left:20px;line-height:45px;}
.wzdt_xt ul li a{font-size:16px;color: #666;}
.wzdt_xt ul li a:hover {
    color: var(--blue);
}
.dtzuo{width:25%;float:left;line-height:41px;background:var(--blue);color:#FFF;font-size:16px;text-align:center;}
.dtzuo a{color:#FFF;font-size:16px;display:block;}
.sitemapz{overflow:hidden;width:100%;margin:0 auto;margin-bottom:30px;margin-top:20px;}
.sitemapy{width:300px;float:left;background:var(--blue);border:1px solid var(--blue);text-align:center;}
.sitemapy h3{color:#fff;font-size:20px;margin:0;}
.sitemapy h3 a{color:#fff;font-size:inherit;display:block;line-height:45px;}

@media (max-width:767px){
    .sitemapz{margin-top:0;}
    .sitemapy h3 a{font-size:18px;}
    .dtzuo{width:100%;}
    .sitemapy{width:100%;}
    .wzdt_xt{padding:10px 0;width:100%}
    .wzdt_xt ul li{line-height:30px;padding-left:15px;}
    .wzdt_xt ul li a{font-size:16px;}
}
.nav_company {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.nav_company strong {
    display: block;
    font-size: 20px;
    color: #333;
    margin-bottom: 8px;
}
.nav_tel {
    padding-bottom: 15px;
}
.nav_tel span {
    font-size: 16px;
    color: #A4A4A4;
    display: block;
    margin-bottom: 5px;
}
.nav_tel strong {
    font-weight: 500;
    color: #666;
}
.nav_tel strong a {
        font-size: 20px;
    font-family: dinCond-Medium;
    font-weight: bold;
    color: #333333;
    margin-right: 15px;
}
.nav_tel strong a:last-child {
    margin-right: 0;
}

/*8.3*/
.pro_d_l {
    padding-top: 50px;
}
.pro_d_l {
    width: 280px;
}
.pro_d_r {
    width: -webkit-calc(100% - 280px);
    width: -moz-calc(100% - 280px);
    width: calc(100% - 280px);
    padding-left: 75px;
}
.pro_d_l .pro_d_sort {
padding-bottom: 30px;
}
.pro_d_l .pro_d_sort .subject {
    width: 100%;
    height: 55px;
    line-height: 55px;
    background-image: url(../images/pro_d_bg_02.svg);
    background-repeat: no-repeat;
    font-size: 20px;
color: #FFFFFF;
padding-left: 32px;
position: relative;
z-index: 1;
}
.pro_d_l .pro_d_sort .subject:after {
    content: "";
    position: absolute;
    background-color: var(--blue);
    height: 100%;
    left: 30%;
    width: 70%;
    z-index: -1;
}
.pro_d_l .pro_d_sort ul {
padding: 0 32px;
background: #FFFFFF;
padding-bottom: 20px;
}
.pro_d_l .pro_d_sort ul li{
line-height: 20px;
border-bottom: 1px solid #DDDDDD;
padding: 14px 0;
}
.pro_d_l .pro_d_sort ul li span{
color: #666;
font-size: 16px;
position: relative;
padding-left: 15px;
display: inline-block;
}
.pro_d_l .pro_d_sort ul li span:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #666;
    line-height: 20px;
}

@media (max-width:991px){
.pro_d_r {
    padding-left: 50px;
}

}
@media (max-width:767px){
.pro_d_r {
    padding-left: 0;
    width: 100%;

}
.pro_d_l {
    padding-top: 30px;
    width: 100%;
}

}


@media print{
    body{-webkit-print-color-adjust:exact;text-decoration:none;}
    a{text-decoration:none;}
    a:link{text-decoration:none!important;}
    .m_header_box,header{position:relative;}
    .height100{height:0;}
}