@charset "utf-8";
/*test*/
html{font-size:625%; /*100 ÷ 16 × 100% = 625%*/}
/* 初始化 */
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0}
body{font:normal 12px "微软雅黑", "Arial", "Source Han Sans CN", "Microsoft YaHei", "KaiTi", sans-serif}
button, input, textarea, select{font-size:inherit; font-weight:inherit; border:0; outline:0}
ul, ol, li{list-style:none}
fieldset, img{border:0}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i{font-style:normal; font-weight:normal}
a{text-decoration:none; color:#555}
input, textarea{outline-style:none}
/* 输入框内文字 */
input::-webkit-input-placeholder{color:#848484; font-size:12px}
input::-moz-placeholder{color:#848484; font-size:12px /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#848484; font-size:12px /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{color:#848484; font-size:12px /* Internet Explorer 10-11 */}
/*滚动条*/
::-webkit-scrollbar{width:8px; height:8px}
::-webkit-scrollbar-thumb{border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1)}
/* 复制选中 */
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}
.wrap{width:1220px; position: relative; margin:0 auto}
.wrap2{width:1220px; margin:0 auto}
.fl{float:left}
.fr{float:right}
.container{overflow:hidden;}
.pr{position:relative}
.clear{clear:both}
.clearfix:after,.wrap:after{content:'';display:block;overflow: hidden;clear: both;}
:root{
--i_color:#274c9e; /* 全局颜色 */
--i_color2:#91d1db; /* 副颜色 */
--top_h:80px; /* 头部高度 */
--reduce_h:66px; /* 下拉头部收缩后高度 */
}
/* ----------------------------- header ----------------------------- */
header{*position:fixed; top:0; width:100%; height:var(--top_h); background:#FFFFFF; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.3); z-index:99;}
header .wrap{height:var(--top_h)}
/* logo */
.logo{*position:absolute; *top:50%; *transform:translate(0,-50%); *left:0; *z-index:9999;float:left;display: flex; align-items: center; height: var(--top_h);}
.logo img{max-height: 50px;}
header .menuBtn{display:none;width: 56px;height: 56px;position: absolute;right: 10px;top: 0px;z-index: 130;background:#FFFFFF;}
header .menuBtn span{width: 26px;height: 2px;background:var(--i_color);border-radius: 3px;position: absolute;left: 15px;top: 26px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
header .menuBtn span.line1{top: 17px;}
header .menuBtn span.line3{top: 35px;}
header .menuBtn.on{top:0px;background:none;}
/*header .menuBtn.on span{background: var(--wz-color);}*/
header .menuBtn.on span.line1{top: 23px;transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);}
header .menuBtn.on span.line2{opacity: 0;}
header .menuBtn.on span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
/* slogan */
.slogan{display:none; position:relative; z-index:9999}
.slogan p, .slogan img{display:inline-block; vertical-align:bottom}
.slogan img{margin:0 4px; height:24px}
/* 导航 */
nav{*position:absolute; *left:356px; *z-index:9999;margin-right:40px;float:right;}
nav>ul:after{content:'';display:block;overflow: hidden;clear: both;height:0;}
nav>ul>li{float:left; *margin-right:40px; position:static}
/*nav>ul>li:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:-22px; width:1px; height:14px; background:rgba(255,255,255,.5)}*/
nav>ul>li:last-child:after{display:none}
nav>ul>li>a{display:block;font-size: 18px;color:#3d3d3d;padding:0 28px;line-height:var(--top_h);}
/*nav>ul>li:hover>a:after, .nav_on>a:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#FFF}*/
nav>ul>li:hover>a{color:var(--i_color);}
nav>ul>li:nth-child(1) a{padding-left:35px; position:relative;}
nav>ul>li:nth-child(1) a:before{content:'';display:block;width:24px;height:24px;position:absolute;background:url(../images/logo_icon1.png)no-repeat left center;background-size:24px;left:0;top:calc(50% - 12px); }
.nav_sub{display:none; position: absolute; left:auto; *transform:translate(-50%,0); width:auto; *background:rgba(255 255 255 /0.8); height:50px; z-index:9999; *box-shadow:0 0 10px rgba(0,0,0,.2)}
.nav_sub .box{text-align:center;}
.nav_sub li{*width:100%;display:inline-block; text-align:center; *border-bottom:1px solid rgba(0,0,0,.08)}
.nav_sub li:last-child{border-bottom:none}
.nav_sub a{display:block;padding:0 30px;font-size: 14px;color:#333333;line-height:50px;overflow:hidden;white-space:nowrap;}
.nav_sub li:hover a{*background:rgba(255,255,255,.2);color:var(--i_color);}
.m_nav{display:none}
header .list_box{background:rgba(255 255 255 /0.8);position: absolute; width: 100%; z-index: 99;}
@media screen and (max-width:1300px){
}
/* 移动端导航 */
@media screen and (max-width:1120px){
nav{display:none}
.m_nav{display:block; background:var(--i_color); border-top:1px solid #1a6cb5; overflow:hidden}
.m_nav ul{overflow:hidden}
.m_nav ul>li{float:left; width:25%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); position:relative}
.m_nav ul>li:nth-child(4n){border-right:none}
.m_nav ul>li>a{display:block; text-align:center; font-size:17px; color:#FFF; line-height:42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nav_on a{background:rgba(0,0,0,.15)!important}
.m_nav .nav_sub, .nav_on>a:after{display:none}
}
@media screen and (max-width:370px){
.m_nav ul>li>a{font-size:16px}
}
@media screen and (max-width:330px){
.m_nav ul>li>a{font-size:15px}
}
/* 搜索框 */
#vivo-head{width:100%; position:relative;display:none; z-index:2}
#vivo-head .vivo-nav{width:100%; height:var(--top_h); margin:auto; position:relative; z-index:999}
.vivo-nav .search-user{position:absolute; right:216px; top:50%; transform:translate(0,-50%)}
.search-user a{display:block; width:20px; height:20px; background:url(../images/search.png) no-repeat; cursor:pointer}
#vivo-head .vivo-search{width:100%; height:80px; background:rgba(0,0,0,.5); border-bottom:2px solid rgba(255,255,255,.2); position:relative; z-index:9999; display:none}
.vivo-search .search-box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /* width:700px; */height:40px; z-index:9999}
.vivo-search .search-box input{float:left; width:500px; height:20px; padding:10px 15px; font-family:"微软雅黑"; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle}
.vivo-search .search-box button{width:85px;height:40px;overflow:hidden;text-align:center;font-family:"微软雅黑";font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:var(--i_color); outline:none; cursor:pointer; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#F60}
.vivo-search .search-box a.close{width:24px; height:24px; position:absolute; top:8px; right:-40px; background:url(../images/vivo-head-ico.png) no-repeat 0 -24px; cursor:pointer}
.vivo-search .search-box a.close:hover{background-position:0 0}
/* 顶部电话 */
.top_tel{*position:absolute; *top:50%; *transform:translate(0,-50%); *right:0;background:url(../images/top_tel_ico.png) no-repeat left center; padding-left:60px; border-left:1px solid rgba(255,255,255,.5); *z-index:9999;float:right;display: flex; align-items: center; height: var(--top_h);}
.top_tel p{*padding-left:30px; *background:url(../images/top_tel_ico.png) no-repeat left center; font-family:Arial; font-size:14px; color:#757575; font-weight:bold}
.top_tel span{font-family:Arial; font-size:22px; color:#274c9f; font-weight:bold}
header, .header_wrap, .logo img, nav>ul>li>a, .vivo-nav, .top_tel{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
/* 头部更改 */
.header_wrap{width:1300px; margin:0 auto; height:var(--top_h)}
.header_wrap:after{content:'';display:block;clear:both;height:0;overflow: hidden;}
@media screen and (max-width:1560px){
:root{/* --top_h:120px; */ /* 头部高度 */}
/*.header_wrap{width:98%}*/
.logo img { max-height: 62px;}
nav>ul>li:after{display:none!important}
nav>ul>li>a{font-size:18px!important}
}
@media screen and (max-width:1440px){
/*nav>ul>li{margin-right:30px!important}*/
}
@media screen and (max-width:1400px){
:root{ /*--top_h:110px;*/ /* 头部高度 */}
nav>ul>li>a{font-size:16px!important}
.logo img { max-height: 54px;}
}
/* ----------------------------- banner ----------------------------- */
.slider{position:relative; width:100%; overflow:hidden;height:calc(100vh - 70px - var(--top_h));}
.slides{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.slide{display:block; text-align:center; float:left; position:relative; overflow:hidden}
/* .slide .box img{display:block; width:100vw; height:790px; object-fit:cover; text-align:center} */
.slide .box{width:100%; overflow:hidden; position:relative}
.slide .box:before{content:""; display:block; padding-bottom:41%}
.slide .box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
@media screen and (min-width:1900px){
.slide .box img{image-rendering:-webkit-optimize-contrast; image-rendering:pixelated}
}
/* 左右箭头 */
.slider-arrows{opacity:0}
.slider-arrow{position:absolute;top:50%;transform:translate(0,-50%);width:70px; height:70px; line-height:70px;font-family:"SimSun", 宋体, NSimSun, FangSong;font-size:36px;color:rgba(0,0,0,.4);
font-weight:bold;background:rgba(255,255,255,.85);text-align:center;-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; z-index:2; }
.slider-arrow--left{left:0}
.slider-arrow--right{right:0}
.slider:hover .slider-arrows{opacity:1}
.slider:hover .slider-arrow--left{left:3%}
.slider:hover .slider-arrow--right{right:3%}
.slider-arrow:hover{background:var(--i_color2); color:#FFF}
/* 指示器 */
.slider-nav{position:absolute; bottom:5%}
.slider-nav__item{float:left; width:66px; height:5px; margin:0 6px; background:#FFF}
.slider-nav__item--current{background:var(--i_color)}
.slider-arrows, .slider-arrow--left, .slider-arrow--right, .slider-nav__item{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}
#online_layer{z-index: 9999999;position: fixed;left: 0px; bottom: 0;}
#online_layer #online_tab{}
#online_layer #online_tab #floatShow{overflow: hidden;position: relative; padding: 0px 20px; height: 40px; width:200px;background:#526df8; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #fff; font-size: 16px; line-height: 40px;}
#online_layer #online_tab #floatShow i,#online_layer #online_tab #floatHide i{display:block;font-size:20px;font-weight:600;position: absolute;right:15px;top:0px;}
#online_layer #online_tab #floatHide{height:35px;line-height:35px;width:240px;background:#526df8;color:#FFFFFF; text-indent:12px; border-top-left-radius: 5px;border-top-right-radius:5px;position: relative;}
#online_layer #onlineService{width:240px;height:236px;background:#ededed;border-bottom-left-radius: 5px;border-bottom-right-radius:5px;}
#online_layer #onlineService .online_form{padding:12px 10px 18px;}
#online_layer #onlineService .online_form .online_list1{width:220px;height:78px;background:#FFFFFF;border:#d5d5d5 solid 1px;margin-bottom:10px;}
#online_layer #onlineService .online_form .online_list2{width:220px;height:30px;background:#FFFFFF;border:#d5d5d5 solid 1px;margin-bottom:10px;}
#online_layer #onlineService .online_form .online_list3{width:220px;height:30px;background:#FFFFFF;border:#d5d5d5 solid 1px;margin-bottom:10px;}
#online_layer #onlineService .online_form .online_list4{width:90px;height:35px;background:#526df8;border:#526df8 solid 1px;border-radius: 2px;}
#online_layer #onlineService .online_form textarea{width:calc(100% - 10px);height:calc(100% - 10px);border:0;padding:5px;}
#online_layer #onlineService .online_form input{width:calc(100% - 35px);height:100%;border:0;padding:0 5px 0 30px;}
#online_layer #onlineService .online_form input[type="submit"]{background:none;padding:0;color:#FFFFFF;font-size:14px;cursor: pointer;width:100%;}
#online_layer #onlineService .online_form .online_list2 input{background:url(../images/online_layer_icon2.png)no-repeat 8px center;background-size:16px 16px;}
#online_layer #onlineService .online_form .online_list3 input{background:url(../images/online_layer_icon1.png)no-repeat 8px center;background-size:18px 18px;}
/* ----------------------------- 通知公告 ----------------------------- */
.i_notice{--height:70px}
.i_notice{background:#FFF; box-shadow:0 3px 6px rgba(0,0,0,.05); position:relative; z-index:20; overflow:hidden}
.i_notice .tit{margin-top:15px; width:15%; height:calc(var(--height) - 30px); box-sizing:border-box; border-right:1px solid rgba(0,0,0,.15)}
.i_notice .tit p{font-size:16px; color:#333}
.i_notice .tit i{font-size:12px; color:#999; text-transform:uppercase}
.i_notice_list{width:80%; margin-right:2%}
.i_notice_list .swiper-container{height:var(--height); margin:0 auto; overflow:hidden; z-index:1}
.i_notice_list .swiper-wrapper{
position:relative;
width:100%;
height:100%;
z-index:1;
display:flex;
transition-property:transform;
box-sizing:content-box;
}
.i_notice_list .swiper-slide{
font-size:18px;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
flex-shrink:0;
position:relative;
transition-property:transform;
}
.i_notice_list .swiper-slide a{display:block; overflow:hidden}
.i_notice_list .swiper-slide p{padding-left:14px; margin-bottom:4px; font-size:14px; color:#666666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative}
.i_notice_list .swiper-slide p:before{content:""; position:absolute; top:50%; margin-top:-2px; left:0; width:5px; height:5px; background:var(--i_color); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.i_notice_list .swiper-slide i{font-size:13px; color:#B1B1B1}
.i_notice_list .swiper-slide a:hover p{color:var(--i_color)}
/* 左右箭头 */
.i_notice_list .notice-button-prev, .i_notice_list .notice-button-next{position:absolute; top:50%; transform:translate(0,-50%); width:10px; height:14px; z-index:999; cursor:pointer; outline:none}
.i_notice_list .notice-button-prev{left:125px}
.i_notice_list .notice-button-next{left:140px}
.i_notice_list .notice-button-prev:before,.i_notice_list .notice-button-next:before{content:""; position:absolute; top:0; left:0; width:0; height:0}
.i_notice_list .notice-button-prev:before{border-top:7px solid transparent; border-right:10px solid #7F7F7F; border-bottom:7px solid transparent}
.i_notice_list .notice-button-next:before{border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #7F7F7F}
.i_notice_list .notice-button-prev:hover:before{border-right:10px solid var(--i_color)}
.i_notice_list .notice-button-next:hover:before{border-left:10px solid var(--i_color)}
/* ----------------------------- 主体内容 ----------------------------- */
main{overflow:hidden;*padding:20px 0 80px;}
main .container{padding:20px 0 80px;}
.i_main_box1{padding:70px 0 0;}
.i_main_box1 .i_title{text-align:center;}
.i_main_box1 .i_title h3{display:inline-block;padding:0 30px;font-size:42px;font-weight:300;color:#777777; position: relative;}
.i_main_box1 .i_title h3:before,.i_main_box1 .i_title h3:after{content:'';display:block;position: absolute;width:14px;height:14px;border-radius: 50%;background:#565454;top:calc(50% - 7px);}
.i_main_box1 .i_title h3:before{left:0;}
.i_main_box1 .i_title h3:after{right:0;}
.i_main_box1 .i_title2,.i_main_box3 .i_title2{text-align:center;margin:30px 0 60px;*margin-bottom:50px; position: relative;}
.i_main_box3 .i_title2{margin-bottom:40px;}
.i_main_box1 .i_title2 h3,.i_main_box3 .i_title2 h3{display:inline-block;font-size:28px;font-weight:600;color:#1c1b1b; position: relative;}
.i_main_box1 .i_title2 h1,.i_main_box3 .i_title2 h1{position: absolute;width: 500px;left: calc(50% - 250px);font-weight:600; color: #f0f0f0; font-size: 48px; top: -17px;text-transform:uppercase;}
.i_main_box1 .i_title2:after,.i_main_box3 .i_title2:after { content: '';display: block; width: 13px; height: 3px; line-height: 3px; background:var(--i_color); position: absolute; left: 0; top: 50%; margin-top: -1px;margin: 10px auto 0; position: static;}
.i_main_box1 .bg{background:url(../images/i_main_box1_bg.jpg)no-repeat center top;height:405px;background-size:cover; position:relative;margin-top:50px; }
.i_main_box1 .bg a{display:block;height:100%; position:relative;}
.i_main_box1 .bg .text{width:35%;position: absolute;right:0;top:0;height:376px;display:flex;align-items: center;justify-content: center;color:#FFFFFF;}
.i_main_box1 .bg .text:before{content:'';display:block;position: absolute;width:2px;height:120%;background:#FFFFFF;left:0;top:-10%;transform:rotate(30deg);}
.i_main_box1 .bg .text h3{font-size:24px;margin-bottom:10px;}
.i_main_box1 .bg .text p{font-size:16px;line-height:30px;}
.i_main_box1 .list{margin-top:100px;*border-bottom:1px solid #f3f3f3}
.i_main_box1 .list ul li{display:block;float:left;width:calc(33.3% - 15px);margin-right:15px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.i_main_box1 .list ul li:last-child{margin-right:0;}
.i_main_box1 .list ul li a{display:block;position: relative; overflow: hidden}
.i_main_box1 .list ul li a .img{display:block;width:100%;height:270px;overflow:hidden}
.i_main_box1 .list ul li a .img span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.i_main_box1 .list ul li a .txt{padding:15px 20px 20px;position:relative;*border-bottom: 1px solid #f3f3f3;border: 1px solid #f3f3f3;border-top: 0;}
/*.i_main_box1 .list ul li a .txt:before,.i_main_box1 .list ul li a .txt:after{content:'';display:block;*width:1px;height:100%;background-color:#f3f3f3;position:absolute;left:0;top:0}*/
.i_main_box1 .list ul li a .txt:before{content:""; position:absolute; top:0; right:0; width:0; height:100%; background:var(--i_color2);webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.i_main_box1 .list ul li:hover a .txt:before{width:100%; left:0; right:auto}
/*.i_main_box1 .list ul li a .txt:after{display:none;left:auto;right:0}*/
.i_main_box1 .list ul li a .txt .title{width:100%;height:40px;line-height:20px;position:relative}
.i_main_box1 .list ul li a .txt .title b{width:calc(100% - 50px);display:inline-block;overflow:hidden;font-size:16px;color:#333;font-weight:400;padding:0 0px 0 0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.i_main_box1 .list ul li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.i_main_box1 .list ul li a .txt .title .arrow {width:45px;position:absolute;right:0;top:10px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.i_main_box1 .list ul li a .txt .des {font-size:14px;text-align:justify;line-height:24px;height:100px;color:#666;*font-weight:lighter;margin-top:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:none;}
.i_main_box1 .list ul li a .txt2{display:none;position: absolute;padding:20px 20px;background:var(--i_color);width:calc(100% - 40px);height:140px;bottom:-200px;transition: all .4s;}
.i_main_box1 .list ul li a .txt2 .title b{display:block;font-size:16px;color:#FFFFFF;font-weight:400;}
.i_main_box1 .list ul li a .txt2 .des {font-size:14px;text-align:justify;line-height:24px;height:100px;color:#FFFFFF;margin-top:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.i_main_box1 .list ul li:hover a .txt2{bottom:0px;}
.i_main_box1 .i_product_list li:nth-child(1){ width:100%; }
.i_main_box1 .i_product_list li:nth-child(1) .img { height:300px;}
a:hover .more01 em{color:var(--i_color)}
a:hover .more01 i.iconfont{color:var(--i_color);margin-left:10px}
a .arrow01{display:block;width:100%;height:8px;position:relative}
a .arrow01:before{content:'';display:block;width:100%;height:1px;line-height:1px;background:#a8a8a8;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
a .arrow01:after{content:'';display:block;width:10px;height:1px;line-height:1px;background:#a8a8a8;position:absolute;left:-2px;top:4px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg)}
a .arrow01.reverse{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
a .arrow01.white:before{background:#fff}
a .arrow01.white:after{background:#fff}
.i_main_box1 .list ul li a:hover .txt .title b { color:#FFFFFF;}
.i_main_box1 .list ul li a:hover .arrow01:before,.i_main_box1 .list ul li a:hover .arrow01:after{background:#FFFFFF;}
/*a:hover .arrow01:before { background: var(--i_color);}
a:hover .arrow01:after { background: var(--i_color);}*/
.i_main_box1 .list ul li a:hover .img span { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07);}
.i_main_box2{margin-top:100px;}
.i_main_box2 p{border:3px solid #758cc2;height: 66px;line-height: 66px;width: 700px;margin:auto;display:block;border-radius: 41px;overflow: hidden;}
.i_main_box2 p:after{content:'';display:block;overflow: hidden;clear: both;}
.i_main_box2 p input[type="text"]{text-indent:40px;font-size:24px;color:#969696;float:left;display:block;height: 66px;line-height: 66px;background:none;width: calc(100% - 160px);}
.i_main_box2 p i{width: 120px;float:right;height: 66px;border-radius: 38px;background-repeat:no-repeat;background-position:center;background-color:#274c9f;background-image:url(../images/submit_icon.png);background-size: 25%;}
.i_main_box2 p input[type="text"]::-webkit-input-placeholder{color: #969696;opacity: 1;font-size:20px;}
.i_main_box2 p input[type="text"]:-moz-placeholder{color: #969696;opacity: 1;font-size:20px;}
.i_main_box2 p input[type="text"]::-moz-placeholder{color: #969696;opacity: 1;font-size:20px;}
.i_main_box2 p input[type="text"]:-ms-input-placeholder{color: #969696;opacity: 1;font-size:20px;}
.i_main_box3{margin-top:100px;margin-bottom:80px;}
.i_main_box3 .i_title{text-align:center;}
.i_main_box3 .i_title h3{font-size:26px;color:#3d3d3d;}
.i_main_box3 .list{margin-top:40px;text-align:center;}
.i_main_box3 .list ul li{display:inline-block;margin:0 60px;width:180px;}
.i_main_box3 .list ul li a{display:flex;position: relative;height:100px; overflow: hidden; align-items:center; justify-content: center;}
.i_main_box3 .list ul li .img img{max-width:100%;}
.i_main_box3 .list ul li .ewm{position: absolute;background:#FFFFFF;bottom:-100px;left:0;width:100%;height:100px;transition: all .4s;}
.i_main_box3 .list ul li .ewm img{max-height:100%;}
.i_main_box3 .list ul li:hover .ewm{bottom:0;}
.c_deve{margin-left:244px;margin-bottom:54px;margin-top:70px}
.c_deve ul li{padding:40px 75px 30px 66px;border-left:1px solid var(--i_color);position:relative}
.c_deve ul li .d_year{position:absolute;left:-150px;top:31px;font-size:32px;color:var(--i_color)}
.c_deve ul li .i_circle{display:block;width:11px;height:11px;background:#fff url("../images/icon_02.png") no-repeat;position:absolute;left:-6px;top:50px}
.c_deve ul li .d_detail{font-size:16px;color:#000000;line-height:32px}
.c_deve ul li .i_jiantou{display:block;width:16px;height:7px;background:url("../images/icon_04.png") no-repeat;position:absolute;left:-9px;top:-2px}
.c_deve ul li:first-child .d_year{top:23px;font-size:38px;left:-158px;}
.i_cont_list{overflow:hidden}
.i_cont_list li{float:left; width:23%; margin:0 2.6666% 0 0; position:relative; overflow:hidden}
.i_cont_list li:nth-child(4n){margin-right:0}
.i_cont_list li .img{width:100%; overflow:hidden; position:relative}
.i_cont_list li .img:before{content:""; display:block; padding-bottom:77%}
.i_cont_list li .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.i_cont_list li .txt{text-align:center; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.45)}
.i_cont_list li .txt:before{content:""; position:absolute; top:0; right:0; width:0; height:100%; background:rgba(0,91,172,.8)}
.i_cont_list li .txt span{max-width:100%; display:inline-block; padding:10px 0; margin:0 auto; overflow:hidden; position:relative; z-index:2}
.i_cont_list li .txt img{float:left; margin:5px 14px 0 0; height:36px}
.i_cont_list li .txt p{float:left; font-size:18px; color:#FFF; text-align:left}
.i_cont_list li .txt i{display:block; margin-top:4px; font-size:13px; color:#FFF; text-transform:uppercase}
.i_cont_list li:hover .img img{width:112%; height:112%}
.i_cont_list li:hover .txt:before{width:100%; left:0; right:auto}
.i_cont_list li .img img, .i_cont_list li .txt:before{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
/* ----------------------------- 底部 ----------------------------- */
footer{padding:64px 0 0; background:#2A2A2A url(../images/f_bg.png) no-repeat; background-position:75% 50%}
.f_contact{width:80%; overflow:hidden}
.f_logo img{max-width:170px}
.f_contact .txt{width:calc(100% - 170px - 40px)}
.f_contact .txt dt{margin-bottom:16px; font-size:18px; color:#FFF}
.f_contact .txt dd{font-size:14px; color:#BBB; line-height:30px}
.f_contact .txt dd i{margin-left:16px}
.f_qr{text-align:center}
.f_qr img{height:125px}
.f_qr p{margin-top:12px; font-size:13px; color:#7E7E7E}
/* 底部 - 友情链接 */
.yq_link{margin:35px auto 0px; overflow:hidden}
.yq_link p{float:left; width:90px; font-size:15px; color:#FFF}
.yq_link ul{float:right; width:calc(100% - 90px)}
.yq_link li{float:left}
.yq_link a{font-size:13px; color:rgba(255,255,255,.5); position:relative}
.yq_link a:after{content:""; margin:0 14px}
.yq_link li:last-child a:after{display:none}
.yq_link p, .yq_link a{line-height:26px}
.yq_link a:hover{color:var(--i_color2); text-decoration:underline}
@media screen and (max-width:1000px){
.yq_link p, .yq_link ul{float:none; width:100%}
.yq_link p{margin-bottom:4px}
}
/* 功能按钮 */
.f_gn{margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); overflow:hidden}
.f_gn dt{float:left; margin-right:30px}
.f_gn dt:last-child{margin-right:0}
.f_gn dt a{font-size:14px; color:#999; line-height:26px}
.f_gn dt a:hover{color:var(--i_color2); text-decoration:underline}
.f_copy{padding:14px 0; margin-top:30px; background:#191919}
.f_copy p{font-size:12px; color:#9b9b9b}
/* ----------------------------- 右侧固定客服 ----------------------------- */
.side{position:fixed; top:55%; transform:translate(0,-50%); right:-146px; display:flex; align-items:center; width:146px; height:400px; z-index:999999;display:none;}
.side2{background:#FFF; box-sizing:border-box; border:1px solid var(--i_color); position:relative}
.switch{display:block; position:absolute; left:-30px; top:50%; transform:translate(0,-50%); width:30px; background:var(--i_color); font-size:16px; color:#FFF; line-height:20px; text-align:center; padding:18px 0}
.switch i{display:block; transform:rotateY(180deg); margin-top:6px; font-family:宋体,simsun,sans-serif; font-size:12px}
.side2 .box{overflow:hidden}
.side2 .tit{text-align:center; padding:10px 0; background:var(--i_color)}
.side2 .tit span{font-size:20px; color:#FFF; letter-spacing:1px}
.side2 .tit p{font-style:italic; text-transform:uppercase; letter-spacing:1px; font-size:12px; color:#FFF}
.side_logo{text-align:center; padding:10px}
.side_logo img{width:100%}
.side_cont dl{padding:0 10px; overflow:hidden}
.side_cont dt{margin-bottom:5px}
.side_cont dt a{display:block; text-align:center; background:var(--i_color)}
.side_cont dt p{display:inline-block; padding-left:20px; font-size:15px; color:#FFF; line-height:34px; background:url(../images/side_ico.png) no-repeat left center}
.side_cont dt a:hover{background:#F60}
.side_qr{text-align:center; padding:10px}
.side_qr img{max-width:100%}
.side_qr p{font-size:14px; color:#777}
.side_tel{text-align:center; padding:0 10px 10px}
.side_tel p{padding-left:14px; font-size:13px; color:var(--i_color); line-height:20px; font-weight:bold; position:relative; background:url(../images/side_tel_ico.png) no-repeat left center}
/* ----------------------------- 内页 ----------------------------- */
/* 内页 banner */
/*.in_banner{width:100%; overflow:hidden; position:relative}
.in_banner:before{content:""; display:block; padding-bottom:20%}
.in_banner img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
@media screen and (min-width:1900px){
.in_banner img{image-rendering:-webkit-optimize-contrast; image-rendering:pixelated}
}*/
.banner_video{width:1300px;margin:0 auto;}
.banner_video video{width:100%;}
/* 内页 banner */
.nybanner{width:100%;height:560px; overflow:hidden; position:relative}
.nybanner .slide .box img{position:static; top: auto; left: auto; transform: translate(0,0); max-width: 100%;width:auto;}
.nybanner .slide .box:before{display:none;}
.nybanner .slide .slide .box a{display:block;text-align:center;}
.nybanner .slider{ width:100%; min-width:1220px; height:560px; position:relative; overflow:hidden; background:#fff; text-align:center; }
.nybanner .slider .bd{ width:1220px; position:absolute; left:50%; margin-left:-610px }
.nybanner .slider .bd li{ width:1220px; overflow:hidden; }
.nybanner .slider .bd li img{ display:block; width:1220px; height:560px; }
.nybanner .slider .tempWrap{ overflow:visible !important }
.nybanner .slider .tempWrap ul{ margin-left:-1220px !important; }
.nybanner .slider .hd{ position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:20px; text-align:center; }
.nybanner .slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(images/slider-btn.png) 0 -10px no-repeat; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6; }
.nybanner .slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1; }
.nybanner .slider .pnBtn{ position:absolute; z-index:1; top:0; width:100%; height:560px; cursor:pointer; }
.nybanner .slider .prev{ left:-50%; margin-left:-610px; }
.nybanner .slider .next{ left:50%; margin-left:610px; }
.nybanner .slider .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:560px; background:#FFFFFF; filter:alpha(opacity=70);opacity:0.7; }
.nybanner .slider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:60px; height:560px; }
.nybanner .slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.nybanner .slider .prev .arrow{ right:0; *background:url(images/slider-arrow.png) -120px 0 no-repeat; }
.nybanner .slider .next .arrow{ left:0; *background:url(images/slider-arrow.png) 0 0 no-repeat; }
.nybanner .slider .next .arrow,.nybanner .slider .prev .arrow{line-height:560px;}
.nybanner .slider .next .arrow:after{content:'>';display:block;}
.nybanner .slider .prev .arrow:after{content:'<';display:block; }
.nybanner .slider .prev .arrow:after,.nybanner .slider .next .arrow:after{color:#000000;font-size:40px;font-family:'宋体';font-weight:800;}
.nybanner .phone{display:none;}
.nybanner .phone .swiper-slide a{display:block;}
.nybanner .phone .swiper-slide a .img{background-position:center; background-repeat:no-repeat; background-size:cover;}
.in_banner{width:100%;*height:560px;text-align:center; overflow:hidden; position:relative}
.in_banner:before{content:""; display:none; padding-bottom:20%}
.in_banner img{/*position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);*/ max-width:100%; *height:100%; *object-fit:cover}
@media screen and (min-width:1900px){
.in_banner img{image-rendering:-webkit-optimize-contrast; image-rendering:pixelated}
}
.in_b_text{position:absolute; top:0; left:0; width:100%; height:100%}
.in_b_text .wrap2{height:100%}
.in_b_text p{text-align:center; position:relative; top:56%; transform:translate(0,-50%); font-size:var(--f_size); font-weight:bold}
/* 二级导航栏目 */
.inner_main_nav{display:none;}
.in_nav{width:100%; background:#FFF; box-shadow:0 5px 10px rgba(0,0,0,.1); display: none;}
.in_nav_list{overflow:hidden}
.in_nav_list dt, .in_nav_list dd{float:left}
.in_nav_list dt{
background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(var(--i_color)), to(var(--i_color2)));
background:-webkit-linear-gradient(left, var(--i_color), var(--i_color2));
background:-moz-linear-gradient(left, var(--i_color), var(--i_color2));
background:-ms-linear-gradient(left, var(--i_color), var(--i_color2));
background:-o-linear-gradient(left, var(--i_color), var(--i_color2));
background:linear-gradient(to right, var(--i_color), var(--i_color2));
}
.in_nav_list dt a{padding:0 42px; font-size:17px; color:#FFF; font-weight:bold}
.in_nav_list ul{overflow:hidden}
.in_nav_list li{float:left}
.in_nav_list li a{display:block; padding:0 26px; font-size:14px; color:#333; position:relative}
.in_nav_list li:hover a, .in_nav_on a{background:rgba(0,0,0,.04)}
.in_nav_list li:hover a:after, .in_nav_on a:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;
background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(var(--i_color)), to(var(--i_color2)));
background:-webkit-linear-gradient(left, var(--i_color), var(--i_color2));
background:-moz-linear-gradient(left, var(--i_color), var(--i_color2));
background:-ms-linear-gradient(left, var(--i_color), var(--i_color2));
background:-o-linear-gradient(left, var(--i_color), var(--i_color2));
background:linear-gradient(to right, var(--i_color), var(--i_color2));
}
.in_nav_list dt a, .in_nav_list li a, .position dt a{display:block; line-height:70px;font-size:18px;}
.third_nav{text-align:center;margin-top:30px;}
.third_nav ul li{display:inline-block;}
.third_nav ul li a{padding:0 20px;font-size:16px;}
.third_nav ul li.on a,.third_nav ul li a:hover{color:var(--i_color);}
/* 2020-12-11 */
/* 内页 当前位置 */
.position{overflow:hidden}
.position dl{overflow:hidden}
.position dt{float:left}
.position dt a{font-size:13px; color:#888; position:relative}
.position dt a:before{content:"-"; margin:0 10px; color:#888!important}
.position dt a:hover{color:var(--i_color2)}
.position dt:first-child a:before{content:""; display:none}
.position dt:last-child a{color:var(--i_color)!important}
@media screen and (max-width:1300px){
.in_nav_list, .position{width:100%!important; float:none!important}
.position{box-sizing:border-box; border-top:1px solid #EEE}
}
@media screen and (max-width:800px){
.position{padding:0 3%; background:rgba(0,0,0,.05)}
.position dt a{line-height:38px}
}
/* 简介 */
.i_about{overflow:hidden}
.i_about .txt{width:calc(100% - 500px - 60px)}
.i_about .tit{margin-bottom:30px}
.i_about .tit h1{margin-bottom:4px; font-size:26px; color:#444}
.i_about .tit p{font-size:16px; color:var(--i_color2); text-transform:uppercase}
.i_about .img{width:500px}
.i_about .img img{width:100%}
/* 简介-文章 单页文字 */
article {font-size:16px; line-height:200%;}
article img{
/*display:block;*/
max-width:100%!important;
height:initial!important;
}
article ul { list-style-type:disc; list-style-position:inside;}
article ul li{ list-style-type:disc; list-style-position:inside; padding-left:30px;}
.ny_about{}
.ny_about .ny_tit{text-align: center;margin-top: 50px; margin-bottom: 15px;}
.ny_about .ny_tit dt{font-size:36px;}
.ny_about .ny_tit dd{font-size: 18px; color: #999; margin-top: 8px;}
.ny_about .ny_tit dd:after { content: ''; width: 26px; height: 3px; background:var(--i_color); display: block; margin: 0 auto; margin-top: 13px;}
.ny_about .about_box{margin-top:50px;}
.ny_about .about_box:after{content:'';display:block;overflow: hidden;clear: both;}
.ny_about .about_box .txt{width:56%;padding-right:4%;}
.ny_about .about_box .txt .tit{margin-bottom:30px;}
.ny_about .about_box .txt .tit h1{font-size: 28px;font-family:'Source Han Sans CN';}
.ny_about .about_box .img{width:40%;}
.ny_about .about_box .img img{max-width:100%;}
.ny_about .about_box .txt ul li{font-size:20px;line-height:70px;}
.ny_about .about_box .txt ul li a{color:#333333;font-family:'Arial';}
.ny_about .about_box.about2 .img{width:56%;}
.ny_about .about_box.about2 .img img{width:100%;}
.ny_about .about_box.about2 .txt{width:40%;}
.ny_about .about_box.about2{margin-top:80px;}
.ny_about .about_box.about2 .txt{padding-left:4%;padding-right:0;}
.ny_about .about_box.about2 .about_list{margin-top:50px; position: relative;}
.ny_about .about_box.about2 .about_list .list{margin-top:40px;}
/*.ny_about .about_box.about2 .about_list .list ul:after{content:'';display:block;overflow: hidden;clear: both;}*/
.ny_about .about_box.about2 .about_list .list ul{display:flex; justify-content: space-between;}
.ny_about .about_box.about2 .about_list .list ul li{/*float:left;width:33%;*/}
.ny_about .about_box.about2 .about_list .list ul li h3{font-size:18px;font-weight:400;margin-top:10px;}
/*.ny_about .about_box.about2 .about_list .swiper-container{height:auto; margin:0 auto; overflow:hidden; z-index:1}
.ny_about .about_box.about2 .about_list .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1; display:flex;transition-property:transform; box-sizing:content-box; }
.ny_about .about_box.about2 .about_list .swiper-slide{font-size: 18px; height: auto; flex-shrink: 0; position: relative; transition-property: transform;}
.ny_about .about_box.about2 .about_list .swiper-slide:after{content:'';display:block;overflow: hidden;clear: both;height:0;}*/
/*.ny_about .about_box.about2 .about_list .swiper-slide a{display:block; overflow:hidden}
.ny_about .about_box.about2 .about_list .swiper-slide p{padding-left:14px; margin-bottom:4px; font-size:14px; color:#6E6E6E; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative}
.ny_about .about_box.about2 .about_list .swiper-slide p:before{content:""; position:absolute; top:50%; margin-top:-2px; left:0; width:5px; height:5px; background:var(--i_color); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.ny_about .about_box.about2 .about_list .swiper-slide i{font-size:13px; color:#B1B1B1}
.ny_about .about_box.about2 .about_list .swiper-slide a:hover p{color:var(--i_color)}*/
/* 左右箭头 */
.ny_about .about_box.about2 .about_list .notice-button-prev,.ny_about .about_box.about2 .about_list .notice-button-next{position:absolute; top:3%; transform:translate(0,-50%); width:40px; height:40px; z-index:999; cursor:pointer;border-radius: 50%;border:1px solid #999999;*background:rgba(0 0 0 /0.3);display:flex;align-items: center;justify-content: center; outline:none}
.ny_about .about_box.about2 .about_list .notice-button-prev{right:60px}
.ny_about .about_box.about2 .about_list .notice-button-next{right:0px}
.ny_about .about_box.about2 .about_list .notice-button-prev:before,.ny_about .about_box.about2 .about_list .notice-button-next:before{content:""; width:0; height:0}
.ny_about .about_box.about2 .about_list .notice-button-prev:before{border-top:7px solid transparent; border-right:10px solid #7F7F7F; border-bottom:7px solid transparent}
.ny_about .about_box.about2 .about_list .notice-button-next:before{border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #7F7F7F}
.ny_about .about_box.about2 .about_list .notice-button-prev:hover:before{border-right:10px solid #FFFFFF}
.ny_about .about_box.about2 .about_list .notice-button-next:hover:before{border-left:10px solid #FFFFFF}
.ny_about .about_box.about2 .about_list .notice-button-prev:hover,.ny_about .about_box.about2 .about_list .notice-button-next:hover{background:var(--i_color);border:1px solid var(--i_color);}
.container .ny_tit{text-align: center;margin-top: 50px; margin-bottom: 15px;}
.container .ny_tit dt h3{font-size:36px;}
.container .ny_tit dt p{font-size: 18px; color: #999; margin-top: 8px;font-family:'Arial';}
.container .ny_tit dd:after { content: ''; width: 26px; height: 3px; background:var(--i_color); display: block; margin: 0 auto; margin-top: 13px;}
/* 发展历程 */
.fz_list{--i_w:14%; --em_size:13px; --span_w:calc(100% - var(--i_w) - var(--em_size) - 8%)}
.fz_list{width:70%; margin:0 auto}
.fz_list li{margin-bottom:60px; overflow:hidden}
.fz_list li>h1{margin-bottom:26px; font-size:40px; color:#333}
.fz_list dl{padding:5px 0 10px; position:relative; overflow:hidden}
.fz_list dl:after{content:""; position:absolute; top:0; left:calc(var(--i_w) + 6px); width:1px; height:100%; background:#DDD}
.fz_list dt{margin-bottom:20px; overflow:hidden}
.fz_list dt i, .fz_list dt span{font-size:15px; color:#666}
.fz_list dt em{width:var(--em_size); height:var(--em_size); background:var(--i_color2); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.fz_list dt i, .fz_list dt em, .fz_list dt span{display:inline-block; line-height:26px; vertical-align:middle; position:relative; z-index:2}
.fz_list dt i{padding-left:6%; box-sizing:border-box; width:var(--i_w)}
.fz_list dt span{max-width:var(--span_w); padding-left:8%}
/* ----------------------- 内页 - 荣誉资质 列表页 ----------------------- */
.in_honor_list{padding:30px 50px; margin:50px 0 30px;background-repeat:no-repeat; background-position:center;overflow:hidden}
.in_honor_list li{float:left; width:23.5%; margin:0 2% 36px 0}
.in_honor_list li:nth-child(4n){margin-right:0;}
.in_honor_list li a{display:block}
.in_honor_list .img{width:100%; box-sizing:border-box; border:1px solid #ECECEC; position:relative;height:200px;}
/*.in_honor_list .img:before{content:""; display:block; padding-bottom:138%}*/
.in_honor_list .img img{/*position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);*/ width:100%; height:100%; object-fit:contain}
.in_honor_list .txt{border:1px solid #ECECEC; border-bottom:medium double #ECECEC; background:rgba(0,0,0,.04); padding:10px 16px}
.in_honor_list li p{text-align:center; font-size:13px; color:#5e5e5e; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_honor_list ul:after{content:'';display:block;overflow: hidden;clear: both;height:0;}
.in_honor_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.in_honor_list li:hover .img{border-color:var(--i_color)}
.in_honor_list li:hover .txt{background:var(--i_color); border-color:var(--i_color)}
.in_honor_list li:hover p{color:#FFF}
.in_honor_list li{background:#FFFFFF;transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease}
/* ----------------------- 内页 通用图片列表 ----------------------- */
.in_pic_list{padding:10px 0; overflow:hidden;margin-top:30px;}
.in_pic_list li{float:left; width:23.5%; margin:0 2% 36px 0}
.in_pic_list li:nth-child(4n){margin-right:0;}
.in_pic_list li a{display:block}
.in_pic_list .img{width:100%; box-sizing:border-box; *border:1px solid #ECECEC; position:relative}
.in_pic_list .img:before{content:""; display:block; padding-bottom:66%}
.in_pic_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.in_pic_list .txt{*border:1px solid #ECECEC; *border-bottom:medium double #ECECEC; *background:rgba(0,0,0,.04); padding:10px 16px}
.in_pic_list li p{text-align:center; font-size:14px; color:#5e5e5e; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_pic_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.in_pic_list li:hover .img{*border-color:var(--i_color)}
.in_pic_list li:hover .txt{background:var(--i_color); border-color:var(--i_color)}
.in_pic_list li:hover p{color:#FFF}
.in_pic_list li{transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease}
/**/
/**/
.in_pic_list2{padding:10px 0; overflow:hidden;margin-top:30px;}
.in_pic_list2:after{content:'';display:block;overflow: hidden;height:0;clear: both;}
.in_pic_list2 li{float:left;width: calc(33.33% - 30px);height: 342px;box-sizing:border-box;margin:0 45px 40px 0;position:relative;}
.in_pic_list2 li:nth-child(3n){margin-right:0;}
.in_pic_list2 li .img{*float:left;width: 100%;height: 250px;overflow:hidden;}
.in_pic_list2 li .img img{width:100%;height: auto!important;}
.in_pic_list2 li .con{*float: left;width: 100%;height: 90px;padding: 0 25px;box-sizing: border-box;background: #f1f3f5;}
.in_pic_list2 li .con .left{float:left;width: 100%;text-align: center;margin-top: 22px;}
.in_pic_list2 li .con .left h6{height:1.5rem;line-height:1.5rem}
.in_pic_list2 li .con .left h6 span{font-size:0.75rem;color:#737373;vertical-align:top}
.in_pic_list2 li .con .left h4{font-size: 15px;color: #595a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.in_pic_list2 li .con .right{float:right;width: 100%;text-align: center;}
.in_pic_list2 li .con .right span{margin-top: 10px;display:inline-block;width: 19px;height: 19px;line-height: 16px;text-align:center;font-size: 14px;color: #b6b6b6;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;border: #c1c4c6 1px solid;box-sizing: border-box;}
.in_pic_list2 li:hover .con .right span{background:var(--i_color);border:var(--i_color) 1px solid;color:#fff;}
.in_pic_list2 li h6{position:absolute;width:100%;height: 2px;bottom:0;}
.in_pic_list2 li h6 span{float:left;display:inline-block;width:0;height: 2px;background:var(--i_color);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.in_pic_list2 li:hover h6 span{width:100%;}
/* ----------------------- 内页 - 产品中心 列表页 ----------------------- */
.in_pro_tab{margin:50px 0 20px; position: relative}
.in_pro_tab h3{color:#333333;font-size:28px;background-color: #FFFFFF;display:inline-block;position: relative; z-index: 1; padding-right: 20px;}
.in_pro_tab:after{position: absolute;content: ''; right: 0; width:100%; height: 1px; background-color: rgba(125, 125, 125, 1); top: 50%; transform: translate(0, -50%);}
.in_pro_list{padding:20px 0; overflow:hidden}
.in_pro_list ul:after{content:'';display:block;overflow: hidden;clear: both;height:0;}
.in_pro_list li{float:left; width:32%; margin:0 2% 16px 0}
.in_pro_list li a{display:block; overflow:hidden; position:relative}
.in_pro_list li:hover p{color:#5e5e5e;}
/*.in_pro_list li a:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:0; background:rgba(0,0,0,.08); z-index:2}*/
.in_pro_list .img{width:100%; position:relative;*height:207px;height:274px; overflow: hidden}
.in_pro_list .img img{max-width:100%; }
.in_pro_list .txt{padding:20px 0 0px}
.in_pro_list li h3{text-align:center; margin-bottom:10px;font-size:18px; color:#333; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1}
.in_pro_list li p{text-align:justify; font-size:14px;min-height:72px; line-height:24px;color:#5e5e5e; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;display:none;}
.in_pro_list3{padding:20px 0; overflow:hidden}
.in_pro_list3 ul:after{*content:'';display:block;overflow: hidden;clear: both;height:0;}
.in_pro_list3 ul{display: grid;grid-template-columns: repeat(5,1fr); grid-column-gap: 30px; grid-row-gap:30px;}
.in_pro_list3 li{*float:left; width:100%; *margin:0 2% 16px 0}
.in_pro_list3 li a{display:block; overflow:hidden; position:relative}
.in_pro_list3 li:hover p{color:#5e5e5e;}
/*.in_pro_list li a:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:0; background:rgba(0,0,0,.08); z-index:2}*/
.in_pro_list3 .img{width:100%; position:relative;*height:150px;height:160px; overflow: hidden}
.in_pro_list3 .img img{max-width:100%; }
.in_pro_list3 .txt{padding:20px 0 0px}
.in_pro_list3 li h3{text-align:center; margin-bottom:10px;font-size:18px; color:#333; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1}
.in_pro_list3 li p{text-align:justify; font-size:14px;min-height:72px; line-height:24px;color:#5e5e5e; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;display:none;}
/*.pro_box .in_pro_list2 li{width:30.3%; margin:0 3% 36px 0}
.pro_box .in_pro_list2 .img{height:270px;}
.pro_box .in_pro_list2 li:last-child{margin-right:0;}*/
.in_pro_list li:last-child{margin-right:0; *float:right;}
.pro_box .in_pro_list2 li:nth-child(1){ width:100%; }
.pro_box .in_pro_list2 li:nth-child(1) .img { height:300px;}
@media screen and (max-width:1380px){.in_pro_list li p{font-size:17px}}
@media screen and (max-width:900px){.in_pro_list li p{font-size:16px}}
@media screen and (max-width:600px){.in_pro_list li p{height:44px; line-height:22px; font-size:15px; font-weight:normal; -webkit-line-clamp:2}}
.in_pro_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.in_pro_list li:hover a:before{height:100%}
.in_pro_list li:hover p{*color:var(--i_color2)}
.in_pro_list li, .in_pro_list li a:before{transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease}
/**/
.inner_main_nav{width: 100%; margin: 0 auto;box-shadow: 0 0 2px 4px rgba(0 0 0 /0.05); overflow: hidden;}
.inner_main_nav .title{display:none;width:100%;height: 60px;line-height: 60px;background:var(--i_color);}
.inner_main_nav .title #bnt_back,.nav-two .title #bnt_sub_nav{display:none;}
.inner_main_nav .title h2{ color:#f4f4f4;font-size: 18px;font-weight: 700;text-indent: 20px;}
.inner_main_nav .title #bnt_back{ position:absolute;display:block; left: 20px; top:0;display: block; display:flex;align-items: center; height: 60px;}
.inner_main_nav #bnt_back img{ height: 15px;}
.inner_main_nav .title #bnt_sub_nav{ position: absolute; display:block; right: 20px; top: 17.5px; cursor: pointer; }
.inner_main_nav #bnt_sub_nav img{ display: block; height: 15px; }
.inner_main_nav h2{ font-size: 16px; color: #fff; text-align: center; text-indent:0;}
.inner_main_nav #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.inner_nav ul{float:left;}
.inner_nav li{float:left;position:relative;}
.inner_nav li a{display:block;color:#544949;font-size:16px; padding:21px 30px;text-align:center;}
.inner_nav li a:hover,.inner_nav li .current{color:#FFFFFF;background-color:var(--wz-color);}
/* ----------------------- 内页 - 产品中心 详情页 ----------------------- */
.pro_details_tit{--img_size:420px}
.pro_details_tit{position:relative;padding:80px 0 50px;width:1100px;margin:0 auto; overflow:hidden}
.bg_left{width:var(--img_size)}
/* 商品大图 */
.show{width:100%; *height:var(--img_size);height:304px; overflow: hidden; margin-bottom:6px; position:relative; box-sizing:border-box; border:1px solid #E8E8E8; cursor:move}
.show img{width:100%; *height:100%; object-fit:contain}
.mask{width:215px; height:215px; background:#000; filter:Alpha(opacity=50); opacity:0.5; position:absolute; top:0; left:0; display:none;}
/* 小缩略图 */
.smallshow{display:none!important; width:100%; position:relative}
.smallshow>.middle_box{width:350px; overflow:hidden; margin:0 auto}
.smallshow .middle{overflow:hidden; transition:all 0.5s}
.smallshow .middle>li{width:64px; float:left; cursor:pointer; padding:0 3px;}
.smallshow img{width:100%; height:64px; border:1px solid #e8e8e8; box-sizing:border-box; transition:all 0.5s}
/* 小缩略图左右箭头 */
.smallshow>p{position:absolute; top:50%; transform:translate(0,-50%); width:22px; font-family:"宋体"; font-size:30px; font-weight:bold; margin:0!important; padding:0!important}
.smallshow>.prev, .smallshow>.next{color:#000; transition:all 0.5s; cursor:pointer; outline:none}
.smallshow>.prev{left:0}
.smallshow>.next{right:0}
.smallshow>.prev.prevnone, .smallshow>.next.nextnone{color:#BBB; cursor:not-allowed; outline:none}
/* 右侧放大展示 */
.bg_right{position:relative;margin-right:10px; z-index:999}
.bigshow{width:var(--img_size); height:var(--img_size); overflow:hidden; margin-left:5px; display:none; box-sizing:border-box; border:1px solid #E8E8E8;}
.bigshow img{width:100%; margin-right:5px;}
/* 右侧 产品名 */
.pro_deta_tit{width:calc(100% - var(--img_size) - 50px)}
.pro_deta_tit .name{padding-bottom:20px; margin-bottom:34px; border-bottom:1px solid #EEE}
.pro_deta_tit .tit{overflow:hidden; position:relative}
.pro_deta_tit .tit h1{display:inline-block; max-width:70%; font-size:30px; color:var(--i_color); font-weight:bold; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.pro_deta_tit .tit .n_share{position:absolute;display:none; top:50%; transform:translate(0,-50%); right:0; height:18px}
/* 性能特征 */
.xntz{overflow:hidden}
.xntz>h4{margin-bottom:14px; font-size:18px; color:#383838; font-weight:bold}
/* 产品详情 - 内容 */
.pro_details_cont{margin-top:20px; overflow:hidden}
.pro_details_cont .box{margin-bottom:78px; overflow:hidden}
.pro_details_cont .box:last-child{margin-bottom:0}
.pro_details_cont .tit{margin-bottom:20px;/* border-bottom:1px solid #DDD */}
.pro_details_cont .tit p{display:inline-block; padding:0 40px; line-height:38px; background:var(--i_color2); text-align:center; font-size:16px; color:#FFF; position:relative}
.pro_details_cont .tit p:after{content:""; position:absolute; top:0; right:-8px; width:6px; height:100%; background:var(--i_color2)}
/* ----------------------- 内页 - 解决方案 ----------------------- */
.in_sol_list{position:relative; overflow:hidden}
.in_sol_list li{float:left; width:30.6666%; margin:0 4% 48px 0; position:relative; overflow:hidden}
.in_sol_list a{display:block; overflow:hidden}
.in_sol_list .img{width:var(--ny_sol_pic_width); overflow:hidden; position:relative}
.in_sol_list .img:before{content:""; display:block; padding-bottom:70%}
.in_sol_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.in_sol_list .txt{text-align:center}
.in_sol_list .txt h1{line-height:40px; font-size:18px; color:#555; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_sol_list a:hover img{width:114%}
.in_sol_list a:hover h1{color:var(--i_color2)}
.in_sol_list .img img{-webkit-transition:all .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease; transition:all .8s ease}
/* .in_sol_list{--ny_sol_pic_width:22%}
.in_sol_list{padding:12px 0 8px; margin:0 auto; position:relative; overflow:hidden}
.in_sol_list li{width:100%; margin:0 0 48px 0; position:relative; overflow:hidden}
.in_sol_list li:after{content:""; position:absolute; bottom:0; right:0; width:2px; height:0; background:var(--i_color2)}
.in_sol_list a{display:block; overflow:hidden}
.in_sol_list .img{width:var(--ny_sol_pic_width); overflow:hidden; position:relative}
.in_sol_list .img:before{content:""; display:block; padding-bottom:58%}
.in_sol_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.in_sol_list .txt{width:calc(100% - var(--ny_sol_pic_width) - 34px); box-sizing:border-box; border-right:2px solid rgba(0,0,0,.08); padding-right:46px; overflow:hidden}
.in_sol_list .txt h1{max-width:100%; margin-top:16px; font-size:18px; color:#555; font-weight:bold; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1}
.in_sol_list .txt span{display:inline-block; margin-bottom:12px; padding:3px 15px; background:rgba(0,0,0,.08); font-size:13px; color:#999}
.in_sol_list .txt p{font-size:13px; color:#888; line-height:21px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.in_sol_list a:hover h1{color:var(--i_color2)}
.in_sol_list li:hover{
box-shadow:0 3px 14px rgba(0,0,0,.2);
-webkit-transform:translate(0,-6px);
-moz-transform:translate(0,-6px);
-o-transform:translate(0,-6px);
-ms-transform:translate(0,-6px);
transform:translate(0,-6px);
}
.in_sol_list li:hover:after{height:100%; top:0; bottom:auto}
.in_sol_list li, .in_sol_list li:after{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
*/
/* ----------------------- 内页 案例中心 列表页 ----------------------- */
.in_case_list{margin:0 auto 20px; padding:10px 0 5px; overflow:hidden}
.in_case_list li{float:left; width:30.6666%; margin:0 4% 40px 0; text-align:center; overflow:hidden}
.in_case_list a{display:block; position:relative; overflow:hidden}
.in_case_list .img{width:100%; position:relative; overflow:hidden}
.in_case_list .img:before{content:""; display:block; padding-bottom:78%}
.in_case_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.in_case_list .txt{position:absolute; left:0; bottom:0; width:100%; height:44px; background:rgba(0,0,0,.6)}
.in_case_list .txt p{position:absolute; left:0; bottom:0; width:calc(100% - 40px); padding:0 20px; font-size:17px; color:#FFF; line-height:44px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.in_case_list .case_more{opacity:0; position:absolute; left:0; top:150%; width:100%; box-sizing:border-box; padding:0 20px; overflow:hidden}
.in_case_list .case_more i{
display:inline-block;
width:30%;
border:1px solid rgba(255,255,255,.5);
line-height:30px;
text-transform:uppercase;
font-size:12px;
color:rgba(255,255,255,.7);
z-index:2
}
.in_case_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.in_case_list a:hover .txt{height:100%}
.in_case_list a:hover p{bottom:48%; z-index:2}
.in_case_list a:hover .case_more{opacity:1; top:56%}
.in_case_list .case_more i:hover{background:var(--i_color2); border-color:var(--i_color2); color:#FFF}
.in_case_list li, .in_case_list .txt, .in_case_list img, .in_case_list .txt p, .case_more{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
/* ----------------------- 内页 新闻公告 ----------------------- */
/* 头条/最新/置顶 新闻 */
.top_news{--in_news_pic_w:38%}
.top_news{margin-bottom:60px}
.top_news a{display:block; padding:20px; background:rgba(45,198,134,.05); overflow:hidden}
.top_news .img{width:var(--in_news_pic_w); overflow:hidden; position:relative}
.top_news .img:before{content:""; display:block; padding-bottom:58%}
.top_news .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.top_news .txt{width:calc(100% - var(--in_news_pic_w) - 50px); margin-top:4px; overflow:hidden}
.top_news .txt h1{margin-bottom:14px; font-size:22px; color:#525253; line-height:34px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.top_news .txt i{font-size:14px; color:#737376}
.top_news .txt span{display:block; margin-top:24px; padding-top:24px; border-top:1px dashed #b4b4b7; font-size:14px; color:#79797b; line-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.top_news .txt p{display:inline-block; line-height:36px; padding:0 20px 0 40px; margin-top:30px; font-size:14px; color:#FFF; background:var(--i_color2) url(../images/eye.png) no-repeat 14px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px}
.top_news a:hover{background:rgba(45,198,134,9)}
.top_news a:hover h1{color:#FFF}
.top_news a:hover i{color:rgba(255,255,255,.8)}
.top_news a:hover b{border-top:1px dashed rgba(255,255,255,.6); color:rgba(255,255,255,.8)}
.top_news a:hover p{background-color:rgba(0,0,0,.1)}
.top_news a, .top_news .txt h1, .top_news .txt i, .top_news .txt b, .top_news .txt p{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
/* 新闻 列表 */
.in_news_list{padding:6px; overflow:hidden}
.in_news_list li{float:left; width:30.3333%; margin:0 4.5% 60px 0}
.in_news_list a{display:block; padding:10px; background:rgba(0,0,0,.04); overflow:hidden}
.in_news_list .img{width:100%; overflow:hidden; position:relative}
.in_news_list .img:before{content:""; display:block; padding-bottom:58%}
.in_news_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}
.in_news_list .txt{padding:20px 20px 14px}
.in_news_list .txt p{margin-bottom:18px; font-size:18px; color:#444; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1}
.in_news_list .txt b.summary{font-size:12px; color:#888; height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-weight:normal;}
.in_news_list .txt .container{margin-top:22px}
.in_news_list .txt i{float:left}
.in_news_list .txt span{float:right}
.in_news_list .txt i, .in_news_list .txt span{font-size:13px; color:#888}
.in_news_list a:hover{box-shadow:0 0 14px rgba(0,0,0,.3)}
.in_news_list a:hover p{color:var(--i_color2)}
.in_news_list a, .in_news_list .txt p, .in_news_list .txt b, .in_news_list .txt i, .in_news_list .txt span{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
/* ----------------------- 内页 - 新闻 图片 详情页 ----------------------- */
.in_news_art{padding:80px 0 50px;overflow:hidden}
.in_news_art article{width:1100px;margin:0 auto;}
.in_news_art_head{margin-bottom:30px; padding-bottom:26px; border-bottom:1px solid #EEE; text-align:center; overflow:hidden}
.in_news_art_head h1{margin-bottom:16px; font-size:26px; color:#333; font-weight:bold}
.in_news_art_head dl{display:inline-block; vertical-align:middle}
.in_news_art_head dt{float:left; margin:0 10px}
.in_news_art_head dt{font-size:16px; color:#bdbdbd; font-weight:bold}
/*新闻列表*/
.ny_news_list{margin-top:50px;}
.ny_news_list ul{margin-bottom:40px;}
.ny_news_list ul li{padding:20px 20px;background:#f1f1f1;margin-bottom:20px;}
.ny_news_list ul li:after{content:'';display:block;overflow: hidden;clear: both;height:0;}
.ny_news_list ul li .img{float:left;width:300px;height:170px; overflow: hidden;}
.ny_news_list ul li .img img{max-width:100%;}
.ny_news_list ul li .txt{float:left;width:calc(100% - 550px);margin-left:30px;padding-top:10px;}
.ny_news_list ul li .txt h3{font-size:18px;}
.ny_news_list ul li .txt .p{font-size:14px;margin-top:20px;line-height:28px;text-align: justify;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.ny_news_list ul li .time{float:right;margin-top:30px;margin-right:40px;}
.ny_news_list ul li .time i{display:block;font-size: 20px; color: #999;}
.ny_news_list ul li .time span{margin-top:30px;display: block; font-size: 14px; color: #999; width: 98px; height: 38px; line-height: 38px; border-radius: 38px; text-align: center; border: 1px solid #999; }
/**社会责任*/
.hhzr_list ul li {padding:30px 30px;}
.hhzr_list ul li .img{display:none;}
.hhzr_list ul li .txt{width:calc(100% - 250px);margin-left:0;padding-top:0;}
.hhzr_list ul li .time { margin-top: 10px; margin-right: 20px;}
/**/
.rec_box1{background:url(../images/a-hr.jpg)no-repeat center top;padding-bottom:0px;}
.rec_box1 .rec_tab{text-align:center;margin-top:50px;}
.rec_box1 .rec_tab a{display:inline-block;padding:20px 20px;width:250px;margin:0 15px;font-size:20px;border-radius: 10px; background:#FFFFFF;color: #4e4e4e;}
.rec_box1 .rec_tab a.on,.rec_box1 .rec_tab a:hover{background:var(--i_color);color:#FFFFFF;}
.rec_box1 .rec_cont{width:1100px;margin:50px auto 0;min-height: 160px;padding:40px 50px;background:rgba(255 255 255 /0.8);font-size:15px;line-height:24px;color:#565656;}
.rec_box1 .rec_link{margin-top:10px;}
.rec_box1 .rec_link a{display:block;width:1200px;margin:0 auto;height:250px;background:url(../images/155175017624646100.jpg)no-repeat center right;position: relative;}
.rec_box1 .rec_link a .text{position: absolute;top: 56px;left: 128px;}
.rec_box1 .rec_link a .text h3{color:var(--i_color);font-size:18px;font-weight:600;margin-bottom:15px;padding: 0 0 20px;border-bottom:1px solid #dfdfdf;width:230px;}
.rec_box1 .rec_link a .text p{font-size:14px;color:#626262;line-height: 32px;padding-left: 5px;}
.rec_box1 .rec_cont ul li{display:none;max-height:244px; overflow-y: auto;padding-right:10px;}
.rec_box1 .rec_cont ul li::-webkit-scrollbar{width:3px;height:3px;}
.rec_box1 .rec_cont ul li.cur{display:block;}
.rec_box2{margin-top:50px;display:none;}
.rec_box2 a{display:block;width:1200px;margin:0 auto;height:250px;background:url(../images/155175017624646100.jpg)no-repeat center right;position: relative;}
.rec_box2 a .text{position: absolute;top: 56px;left: 128px;}
.rec_box2 a .text h3{color:var(--i_color);font-size:18px;font-weight:600;margin-bottom:15px;padding: 0 0 20px;border-bottom:1px solid #dfdfdf;width:230px;}
.rec_box2 a .text p{font-size:14px;color:#626262;line-height: 32px;padding-left: 5px;}
/* 分享 */
#news_share{display:block; margin:20px auto 0; padding-top:5px}
#news_share h3{display:inline-block; font-size:16px; color:#888; vertical-align:middle}
#news_share a:hover{-webkit-transform:translate(0,-4px); -moz-transform:translate(0,-4px); -o-transform:translate(0,-4px); -ms-transform:translate(0,-4px); transform:translate(0,-4px)}
#news_share a{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
#news_share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}
.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}
#news_share .icon-qq{color:#56b6e7;border-color:#56b6e7}
.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}
.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}
.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}
#news_share a:before{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:18px; height:18px;}
.social-share .icon-qq:before{background:url(../js/share/1.png) no-repeat center}
.social-share .icon-qzone:before{background:url(../js/share/2.png) no-repeat center}
.social-share .icon-wechat:before{background:url(../js/share/3.png) no-repeat center}
.social-share .icon-weibo:before{background:url(../js/share/4.png) no-repeat center}
.social-share .icon-wechat .wechat-qrcode{
display:none;
border:1px solid #eee;
position:absolute;
z-index:9;
top:-213px;
left:-84px;
width:200px;
height:200px;
color:#666;
font-size:12px;
text-align:center;
background-color:#fff;
box-shadow:0 0 20px rgba(0,0,0,.2);
transition:all 200ms;
-webkit-tansition:all 350ms;
-moz-transition:all 350ms
}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:36px;line-height:36px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
/* 文章底部 end 上一篇下一篇 */
.ar_fot{margin:40px auto 30px; overflow:hidden}
.ar_fot .end{margin-bottom:10px; text-align:center; font-size:17px; color:#555; font-weight:bold; position:relative}
.ar_fot .end:before, .ar_fot .end:after{content:""; position:absolute; top:50%; width:44%; height:1px; background:rgba(0,0,0,.2)}
.ar_fot .end:before{left:0}
.ar_fot .end:after{right:0}
.ar_fot a{display:block; padding-bottom:10px; margin:0 auto 14px; overflow:hidden;width:1100px;}
.ar_fot b{display:block; margin-right:16px; float:left; padding:0 14px; background:var(--i_color); color:#FFF; position:relative}
.ar_fot b:after{*content:""; position:absolute; left:0; bottom:-8px; width:0; height:0; border-top:8px solid #21a56e; border-right:14px solid transparent}
.ar_fot b, .ar_fot span{font-size:16px; line-height:34px;}
.ar_fot a:hover span{color:var(--i_color2)}
.agent_tab{text-align:center;margin-top:50px;}
/*.agent_tab a{display:inline-block;padding:10px 15px;width:200px;margin:0 15px;font-size:14px;border-radius: 10px; background:#FFFFFF;border:solid 1px #dddddd;}
.agent_tab a img{max-width:100%;}
.agent_tab a.on,.agent_tab a:hover {border:solid 1px var(--i_color);}
.agent_tab a.on p,.agent_tab a:hover p{color:var(--i_color);}
.agent_tab a .img{width:200px;height:160px; overflow: hidden;}
.agent_tab a p{color: #4e4e4e;margin-top:10px;font-size:15px;}*/
.agent_tab ul:after{content:'';display:block;overflow: hidden;clear: both;height:0;}
.agent_tab li{float:left; width:calc(31% - 2px); margin:10px 2% 36px 0;border:1px solid #dfdfdf;transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease;
-ms-transition: all .4s ease; -o-transition: all .4s ease;}
.agent_tab li.on{border:1px solid var(--i_color);}
.agent_tab li:hover{-webkit-transform: translate(0,-8px);-moz-transform: translate(0,-8px); -o-transform: translate(0,-8px); -ms-transform: translate(0,-8px); transform: translate(0,-8px);}
.agent_tab li a{display:block; overflow:hidden; position:relative}
.agent_tab li:hover p{color:#5e5e5e;}
.agent_tab .img{width:100%; position:relative;height:330px; overflow: hidden}
.agent_tab .img img{max-width:100%; max-height:100%; }
.agent_tab .txt{padding:20px 0 0px}
.agent_tab li h3{text-align:center; margin-bottom:10px;font-size:18px; color:#333; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1}
.agent_bot{margin-top:50px;background:#f1f1f1;padding:30px 0;min-height:200px;font-size:16px;line-height:40px;display:flex;justify-content: center;align-items: center;}
.agent_bot ul li{display:none;}
.agent_bot ul li.cur{display:block;}
/* 页数 */
.page-box{text-align:center; overflow:hidden; margin:10px auto 0}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 14px; margin:0 3px; border:1px solid #CCC}
.pages a:nth-child(1){margin-left:0!important}
.pages a:hover, .pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.ph_pages{display:none;}
/* 联系我们 */
.in_contact{--map_width:43%}
.in_contact{overflow:hidden}
.in_contact .fl{width:calc(100% - 640px)}
.in_contact .tit{margin-bottom:30px}
.in_contact .tit h1{margin-bottom:4px; font-size:26px; color:#444}
.in_contact .tit p{font-size:16px; color:var(--i_color2); text-transform:uppercase}
.in_contact .contact_tab{text-align:center;width:960px;margin:auto;margin-top:30px;}
.in_contact .contact_tab .swiper{}
.in_contact .contact_tab .swiper-slide a{display:inline-block;padding:10px 15px;width:135px;margin:0 15px;font-size:14px;border-radius: 10px; background:#FFFFFF;color: #4e4e4e;border:1px solid #999999;}
.in_contact .contact_tab .swiper-slide.swiper-slide-thumb-active a,.in_contact .contact_tab .swiper-slide.swiper-slide-thumb-active a:hover{background:var(--i_color);color:#FFFFFF;border:1px solid var(--i_color);}
.in_contact .contact_tab .swiper-slide a p{display:none;}
.in_contact .contact_bot{margin-top:50px;}
.in_contact .contact_bot .swiper-wrapper .swiper-slide{background:#FFFFFF;min-height:240px;*opacity: 0}
.in_contact .contact_bot .swiper-wrapper .swiper-slide.swiper-slide-active{*opacity: 1;}
.in_contact .contact_bot ul li{display:none;}
.in_contact .contact_bot ul li:after{content:'';display:block;overflow: hidden;clear: both;}
.in_contact .contact_bot ul li.cur{display:block;}
.in_contact article{}
.in_contact .swiper-button-next,.in_contact .swiper-button-prev{display:none;}
.in_contact_qr{margin-top:26px}
.in_contact_qr dl{display:inline-block; vertical-align:middle}
.in_contact_qr dt{float:left; margin:0 16px 0 0; text-align:center; background:#FFF}
.in_contact_qr dt img{width:100px; padding:6px; border:1px solid #DDD}
.in_contact_qr dt p{margin-top:8px; font-size:14px; color:#777}
/* 地图 */
#allmap{width:600px; height:360px;border:1px solid #cccccc; background:#CCC}
#allmap iframe{width:100%;height:100%;}
.go_to{display:none}
/* 人才招聘 */
.rec_cont{overflow:hidden}
.rec_list{overflow:hidden; width:57.5%}
.rec_list li{width:100%; margin-bottom:15px; overflow:hidden}
.tag_name{padding:18px 26px; background:rgba(0,0,0,.1); cursor:pointer; position:relative}
.tag_name p{font-size:16px; font-weight:bold; color:#555; margin-bottom:8px}
.tag_name i{font-size:13px; color:#888}
.tag_name em{display:block; position:absolute; top:50%; transform:translate(0,-50%); right:15px}
.tag_name em:before{content:"+"; font-size:21px; font-weight:bold; color:#000}
.liNow em:before{content:"-"!important; color:#FFF}
.rec_list li .liNow{
background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(var(--i_color)), to(var(--i_color2)));
background:-webkit-linear-gradient(left, var(--i_color), var(--i_color2));
background:-moz-linear-gradient(left, var(--i_color), var(--i_color2));
background:-ms-linear-gradient(left, var(--i_color), var(--i_color2));
background:-o-linear-gradient(left, var(--i_color), var(--i_color2));
background:linear-gradient(to right, var(--i_color), var(--i_color2));
}
.rec_list li .liNow p{color:#FFF}
.rec_list li .liNow i{color:#FFF}
.tab_box{display:none; padding:20px 30px; box-sizing:border-box; border:1px solid #DDD; border-top:none}
.rec_list li:first-child .tab_box{display:block}
.tab_row{overflow:hidden; background:#FFF; border:1px solid #000; margin-bottom:15px}
.tab_row dl{overflow:hidden; float:left}
.tab_row dt, .tab_row dd{max-width:100%; height:28px; line-height:28px; padding-left:15px; font-size:13px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tab_row dt{font-weight:bold; background:#FED10A; border-bottom:1px solid #000; position:relative}
.tab_row dt:after{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#000}
.tab_row dl:last-child dt:after{display:none}
.tab_row dd{}
.tab_row dd:nth-child(odd){background:rgba(0,0,0,.05)}
.xg_pro{overflow:hidden}
.xg_pro .ny_rt_category_list{padding:20px; margin:0; background:rgba(0,0,0,.05)}
.xg_pro .ny_rt_category_list li{margin-bottom:0; border:none}
.rec_pic{width:38.5%; overflow:hidden}
.rec_pic img{width:100%}
/* 在线留言 */
.in_message{width:75%; margin:0 auto; overflow:hidden}
.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{float:left; width:48%; margin:0 4% 15px 0; box-sizing:border-box; border:1px solid #CDCDCD; position:relative}
.c_form_list li:nth-child(2n+0){margin-right:0}
.c_form_list label{display:inline-block; height:40px; line-height:40px; font-size:14px; color:#777; padding-left:10px}
.c_form_list input{display:inline-block; width:75%; height:40px; line-height:40px; background:#FFF; font-size:14px; color:#767676; border:none}
.c_form_list li:hover{border-color:var(--i_color2)}
.checkboxes{margin-bottom:26px}
.checkboxes p{font-size:16px; color:#666; margin-bottom:8px}
.checkboxes textarea{padding:10px; min-width:100%; max-width:100%; min-height:200px; box-sizing:border-box; border:1px solid rgba(0,0,0,.2); font-family:思源黑体; color:#848484; font-size:14px}
.btn_area{text-align:center; overflow:hidden; margin-top:10px}
.btn_area dl{display:inline-block; vertical-align:top}
.btn_area dt{float:left; margin:0 6px}
.btn_area input{display:inline-block; width:114px; height:32px; line-height:32px; text-align:center; font-size:13px; color:#FFF; background:var(--i_color2); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer}
.reset{color:#FFF!important; background:#999!important}
/* 20201201 新增 */
/* 底部 使用条款 隐私政策 法律声明等 */
.f_gn_cont{overflow:hidden}
.f_gn_cont .tit{margin-bottom:30px; text-align:center; font-size:22px; color:#222; font-weight:bold}