/* CSS Document */
@charset "utf-8";
/* by Sean Lu 20190103 */
/* 移动端全局控制reset */
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video { margin: 0; padding: 0; }
article, aside, footer, header, hgroup, nav, section, audio, canvas, video { display: block; }
body { font-size: 100%; font-family: arial, Helvetica, STHeiti, Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe, img { border: 0; display: block; }
ul, ol { list-style: none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; outline: none }
a:hover { text-decoration: none; }
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar {
width:5px;
height:5px;
}
::-webkit-scrollbar-button:vertical {
display:none;
}
::-webkit-scrollbar-track:vertical {
background-color:black
}
::-webkit-scrollbar-track-piece {
background:#FFF
}
::-webkit-scrollbar-thumb:vertical {
background-color:#c2c2c2;
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color:#A0A0A0
}
::-webkit-scrollbar-corner:vertical {
background-color:#535353
}
::-webkit-scrollbar-resizer:vertical {
background-color:#FF6E00
}
/* 拖选文字样式 20160628 */
::selection { background: #007daa; color: #fff; }
::-moz-selection {
background: #007daa;
color: #fff;
}
.wrapper { margin: 0 auto; width: 1140px; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 880px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #34a1da; }
.bannerslide .info { width: 46.875%; position: absolute; right: 0; bottom: 0; z-index: 10; background: rgba(35,36,66,0.85); }
.bannerslide .info .banner_wrap { padding: 45px 54px 0; height: 195px; }
.bannerslide .info .banner_wrap .box { position: relative; }
.banner_wrap .item { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: translateX(0) skewX(-30deg); -webkit-transform: translateX(0) skewX(-30deg); -moz-transform: translateX(0) skewX(-30deg); }
.bannerslide .swiper-slide.swiper-slide-active .banner_wrap .item { opacity: 1; visibility: visible; transform: translateX(0) skewX(0); -webkit-transform: translateX(0) skewX(0); -moz-transform: translateX(0) skewX(0); transition: 788ms; }
.bannerslide .info .nam { color: #fff; font-size: 38px; line-height: 1.3; margin-bottom: 16px; }
.bannerslide .info .txt { color: #fff; font-size: 14px; height: 80px; }
.bannerslide .info .combtn { display: inline-block; line-height: 1; color: #fff; padding-right: 20px; background: url(../images/arrow.png) right center no-repeat; position: relative; }
/*top*/
.header_box { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; transition: 388ms ease-in-out; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 20%); }
.header { padding: 0 54px 0 80px; transition: 408ms; }
.logo { float: left; line-height: 1; overflow: hidden; margin: 10px 0; }
.logo img { display: block; width: auto; height: auto; line-height: 1; }
.header_box.scoll { background: #fff; }
.header_box.scoll .header { padding: 5px 80px; }
nav-box { position: absolute; right: 68px; top: 58px; border-top: 6px solid #2f318b; padding: 12px 55px 13px 43px; box-shadow: 0 0 10px rgba(4,0,0,0.2); background: #fff; transform-origin: center top 0; transform: rotateX(-90deg); visibility: hidden; opacity: 0; transition: 0.5s 0ms; }
.header_right { float: right; margin-top: 10px; }
.navs { float: left; }
.navs li { float: left; position: relative; }
.navs li a { display: block; line-height: 1; color: #323232; font-size: 16px; position: relative; height: 70px; line-height: 70px; font-weight: bold; width: 104px; text-align: center; position: relative; }
.navs li:before { content: ""; width: 100%; height: 100%; background: #405ca3; position: absolute; left: 0; bottom: 0; -webkit-transition: -webkit-transform .7s cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1); transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1); transition: transform .7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .7s cubic-bezier(0.23, 1, 0.32, 1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }
.navs li.active a, .navs li:hover a { color: #fff; }
.navs li.active:before, .navs li:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; }
.hline { float: right; margin-left: 23px; padding-top: 23px; }
.hline .weixin { display: block; width: 26px; height: 22px; float: left; background: url(../images/weix1.png) center no-repeat; }
.hline .weixin:hover { background: url(../images/weix2.png) center no-repeat; }
/*homebox01*/
.homebox { padding: 80px 0; }
.more a { color: #fff; display: inline-block; border-radius: 8px; font-weight: bold; padding: 8px 16px; background-image: -webkit-linear-gradient( 0deg, #428cd4 0%, #004e9a 100%); margin-top: 30px; }
.homebox01 { background-image: url(../images/box01.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom; }
.homebox01 .container { overflow: hidden; }
.homebox01 .info { float: left; width: 40%; }
.homebox01 .info i { color: #fff; font-size: 18px; padding: 6px 12px; background-color: #000; font-weight: bold; display: inline-block; }
.homebox01 .info .tit { font-size: 30px; color: #333; margin: 30px 0; }
.homebox01 .info .txt { font-size: 14px; color: #333; }
.homebox01 .img { float: right; width: 50%; padding: 80px 40px; margin-left: 20px; background-image: url(../images/box01-2.jpg); background-repeat: no-repeat; background-position: left bottom; }
.homebox01 .img .info02 { float: right; width: 50%; padding: 20px 30px; background-image: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%); box-shadow: 6px 8px 10px rgba(0,0,0,.2); }
.homebox01 .img .tit { font-size: 26px; color: #fff; margin: 30px 0; }
.homebox01 .img .txt { font-size: 14px; color: #fff; }
/*homebox02*/
.homebox02 { padding: 30px 0; background-image: url(../images/box02.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% auto; }
.homebox02 .container { overflow: hidden; }
.homebox02 .container .info { float: left; }
.homebox02 .container .more { float: right; }
.homebox02 .container .info .tit { color: #000; font-size: 16px; padding: 6px 12px; background-color: #fff; font-weight: bold; display: inline-block; }
.homebox02 .container .info .txt { font-size: 44px; color: #fff; line-height: 100px; }
/*homebox03*/
.homebox03 .container { overflow: hidden; }
.homebox03 .container .info { float: left; position: relative; }
.homebox03 .container .info i { color: #fff; font-size: 18px; padding: 6px 12px; background-color: #000; font-weight: bold; display: inline-block; }
.homebox03 .container .info .tit { font-size: 30px; color: #333; margin: 18px 0; }
.homebox03 .container .info::after { position: absolute; content: ''; width: 1px; height: 80px; background-color: #ccc; left: 200%; top: 0; }
.homebox03 .container .home_pro_class { float: right; }
.homebox03 .container .home_pro_class .item a { font-size: 13px; line-height: 40px; height: 40px; border: 1px solid #ccc; padding: 0 20px; display: inline-block; text-decoration: none; }
.homebox03 .pro_list { overflow: hidden; }
.homebox03 .pro_list .item { float: left; position: relative; ; width: 32%; margin-right: 2%; margin-bottom: 20px; height: auto; overflow: hidden; ; }
.homebox03 .pro_list .item:nth-child(3n) { margin-right: 0; }
.homebox03 .pro_list .item .info { opacity: 0; padding: 20px 15px; translateX(-50%);
transition: all 0.5s ease-out 0s; ; position: absolute; width: 80%; background-color: #fff; border-radius: 10px; top: 50%; left: 8%; }
.homebox03 .pro_list .item .info .proId { font-size: 14px; padding-left: 30px; color: #004e9a; font-weight: bold; position: relative; }
.homebox03 .pro_list .item .info .proId::before { position: absolute; content: ''; width: 20px; height: 2px; background-color: #004e9a; top: 50%; left: 0; }
.homebox03 .pro_list .item .info .nam { font-size: 20px; color: #000; }
.homebox03 .pro_list .item .img { overflow: hidden; }
.homebox03 .pro_list .item .img img { width: 100%; transition: 0.5s; transform: scale(1.1); }
.homebox03 .pro_list .item:hover { box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.homebox03 .pro_list .item:hover .info { z-index: 99; opacity: 1; }
.homebox03 .pro_list .item:hover .img img { transform: scale(1); }
/*homebox04*/
.homebox04 { padding: 80px 0 150px; background-image: url(../images/testimonials-bg.jpg); background-repeat: no-repeat; position: relative; background-attachment: fixed; background-size: cover; background-position: center; }
.homebox04::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; background-image: -webkit-linear-gradient(bottom, rgba(66, 140, 212, 0.9) 0%, rgba(0, 78, 154, 0.9) 100%); background-image: -o-linear-gradient(bottom, rgba(66, 140, 212, 0.9) 0%, rgba(0, 78, 154, 0.9) 100%); background-image: linear-gradient(to top, rgba(66, 140, 212, 0.9) 0%, rgba(0, 78, 154, 0.9) 100%); }
.homebox04 .container { overflow: hidden; }
.homebox04 .container .info { text-align: center; position: relative; }
.homebox04 .container .info i { color: #000; font-size: 16px; padding: 6px 12px; background-color: #fff; font-weight: bold; display: inline-block; }
.homebox04 .container .info .tit { font-size: 30px; color: #fff; margin: 30px 0; }
.homebox04 .container .more { float: right; }
.homebox04 .new_list { margin-top: 30px; }
.homebox04 .new_list .item { background-color: #fff; margin: 0 0.5%; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.4); }
.homebox04 .new_list .ibox { padding: 20px 40px; }
.homebox04 .new_list .ibox .tit { font-size: 20px; font-weight: bold; color: #000; padding-left: 40px; position: relative; }
.homebox04 .new_list .ibox .tit::before { position: absolute; content: ''; width: 24px; height: 24px; background-image: url(../images/mao.png); background-repeat: no-repeat; top: 0; left: 0; }
.homebox04 .new_list .ibox .txt { font-size: 14px; color: #666; line-height: 24px; margin: 20px 0; }
.homebox04 .new_list .ibox .date { font-size: 16px; color: #004e9a; line-height: 24px; font-weight: bold; position: relative; padding-left: 40px; }
.homebox04 .new_list .ibox .date::before { position: absolute; content: ''; width: 24px; height: 24px; background-image: url(../images/logox.png); background-repeat: no-repeat; top: 0; left: 0; border: solid 1px #ccc; border-radius: 12px; }
/*homebox05*/
.homebox05 { margin: -170px 0 30px; position: relative; }
.homebox05 .feedbackBox { background-image: url(../images/img06.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; overflow: hidden; padding: 40px 80px; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); }
.homebox05 .info { text-align: center; color: #fff; }
.homebox05 .info .tit { font-size: 20px; font-weight: bold; }
.homebox05 .info p { font-size: 14px; line-height: 42px; }
.homebox05 .messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 0px none; border-bottom: 1px solid #fff; margin: 0 5px 0 0; color: #fff; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: none; margin-bottom: 20px; }
.homebox05 .messagetarea { padding: 10px; border: 1px solid #fff; font-size: 16px; line-height: 26px; color: #fff; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: none; margin-bottom: 20px; }
.homebox05 .messagebtn { display: block; margin: 0 auto; width: 50%; color: #fff; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; border-radius: 4px; cursor: pointer; }
.messagetarea:focus { color: #fff; }
.messageinput:focus { color: #fff; }
input::-webkit-input-placeholder {
color: #fff;
}
/**/
.inpagex { background: #fff; position: relative; }
.inpagex .inpwrapx { width: 1140px; margin: 0 auto; position: relative; overflow: hidden; }
.inpagex .main { padding: 50px 0; overflow: hidden; }
.inpagex .main img { display: inline; max-width: 100%; }
.list_nav { background-color: #e7e7e7; height: 50px; line-height: 50px; }
.list_nav .ibul { line-height: 50px; height: 50px; }
.list_nav .ibul .ibli { display: inline-block; }
.list_nav .ibul .ibli .iba { display: block; padding: 0 30px; font-size: 16px; color: #333; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.list_nav .ibul .ibli.on .iba { background-color: #338bdd; color: #fff; }
.list_nav .ibul .ibli:hover .iba { background-color: #338bdd; color: #fff; }
/*company*/
.main .profile .profile_fl { width: 70%; }
.main .profile .profile_fr { width: 25%; }
.main .profile .title { position: relative; margin-bottom: 40px; }
.main .profile .title:before { content: ''; width: 2px; height: 54px; background-color: #405ca3; position: absolute; top: 0; left: 0; margin-left: -10px; }
.main .profile .title .tit { font-size: 24px; color: #000; font-weight: bold; line-height: 30px; }
.main .profile .title .txt { font-size: 14px; color: #666; line-height: 30px; }
.main .profile .info p { font-size: 14px; color: #666; line-height: 24px; }
.main .profile .info img { width: 100%; }
.main .profile .com_idea { background-color: #405ca3; padding: 40px 30px; }
.main .profile .com_idea .tit { font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; margin-bottom: 20px; }
.main .profile .com_idea i { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 10px; display: block; }
.main .profile .com_idea p { font-size: 14px; color: #fff; line-height: 28px; }
.main .culture { background: no-repeat center center fixed; background-size: cover; margin-top: 80px; padding: 80px 0; }
.main .culture .title { position: relative; margin-bottom: 40px; }
.main .culture .title:before { content: ''; width: 2px; height: 54px; background-color: #405ca3; position: absolute; top: 0; left: 0; margin-left: -10px; }
.main .culture .title .tit { font-size: 24px; color: #000; font-weight: bold; line-height: 30px; }
.main .culture .title .txt { font-size: 14px; color: #666; line-height: 30px; }
.main .culture .culture_info { margin: 0 auto; }
.main .culture .culture_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.main .culture .item { float: left; width: 19.2%; margin-right: 1%; position: relative; }
.main .culture .item:nth-child(5) { margin-right: 0; }
.main .culture .item .culture_pic { width: 100%; }
.main .culture .item .culture_pic img { width: 100%; }
.main .culture .item:hover .culture_cont { top: 0; margin: 0; height: 100%; cursor: default }
.main .culture .item:hover .culture_cont:before { top: 0 }
.main .culture .item:hover .culture_cont .icon { height: 32px; margin-bottom: 20px }
.main .culture .item:hover .culture_cont .e, .culture .item:hover .culture_cont .z { color: #fff }
.main .culture .item:hover .culture_cont .l { margin: 15px auto 10px; height: 25px }
.main .culture .item:hover .culture_cont .c { height: 40px; visibility: visible; opacity: 1 }
.main .culture .culture_pic { margin-bottom: 75px; overflow: hidden }
.main .culture .culture_pic img { width: 100% }
.main .culture .culture_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 100%; left: 0; z-index: 3; margin-top: -75px; width: 100%; height: 75px; text-align: center; background: #f6f6f6; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.main .culture .culture_cont:before { position: absolute; top: 100%; left: 0; bottom: 0; z-index: -1; width: 100%; background: #405ca3; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: '' }
.main .culture .culture_cont .icon { display: block; overflow: hidden; height: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.main .culture .culture_cont .icon img { display: inline-block; }
.main .culture .culture_cont .e { font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #888; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.main .culture .culture_cont .z { font-size: 16px; line-height: 30px; color: #666; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.main .culture .culture_cont .l { display: block; margin: 0 auto; width: 1px; height: 0; background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.main .culture .culture_cont .c { font-size: 14px; line-height: 20px; color: #fff; overflow: hidden; height: 0; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.main .honor { padding: 80px 0 0 0; }
.main .honor .title { position: relative; margin-bottom: 40px; }
.main .honor .title:before { content: ''; width: 2px; height: 54px; background-color: #405ca3; position: absolute; top: 0; left: 0; margin-left: -10px; }
.main .honor .title .tit { font-size: 24px; color: #000; font-weight: bold; line-height: 30px; }
.main .honor .title .txt { font-size: 14px; color: #666; line-height: 30px; }
.main .honor .honor_info .item { margin: 0 5px; }
.main .honor .honor_info .item .ibox img { width: 100%; }
.bannerx { height: 300px; background-repeat: no-repeat; background-size: cover; position: relative; }
.bannerx .content { position: absolute; left: 0; bottom: 0; z-index: 1; padding: 100px 0 50px; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent)); background: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent); background: -o-linear-gradient(bottom, rgba(0,0,0,.5), transparent); background: linear-gradient(to top, rgba(0,0,0,.5), transparent); }
.bannerx .content .info { float: left; }
.bannerx .content .info .cn { font-size: 36px; line-height: 45px; color: #fff; font-weight: bold; }
.bannerx .content .info .en { font-size: 18px; line-height: 20px; color: #fff; font-weight: bold; text-transform: capitalize; }
.bannerx .content .site { float: right; color: #fff; }
.bannerx .content .site a { font-size: 14px; color: #fff; padding: 0 10px; font-weight: bold; }
/**/

.inpagex .add { overflow: hidden; }
.inpagex .add .item { float: left; width: 24%; margin: 0.5%; text-align: center; border: 1px solid #405ca3; border-radius: 10px; box-sizing: border-box; }
.inpagex .add .item:last-child { margin-right: 0; }
.inpagex .add .item .pad { padding: 50px 20px; }
.inpagex .add .item i { width: 60px; height: 60px; margin: 0 auto; border: 1px solid #405ca3; box-sizing: border-box; border-radius: 50px; padding: 10px; display: block; background-image: url(../images/icon05.png); background-repeat: no-repeat; background-position: center; background-size: 50% auto }
.inpagex .add .item .nam { padding: 20px 0; font-size: 18px; font-weight: bold; color: #333; }
.inpagex .add .item p { font-size: 14px; color: #777; }
.inpagex .add .item .mail { background-image: url(../images/icon07.png); }
.inpagex .add .item .add { background-image: url(../images/icon05.png); }
.inpagex .add .item .tel { background-image: url(../images/icon06.png); }
.inpagex .add .item:hover i { background-color: #405ca3; border: none; }
.inpagex .add .item:hover .mail { background-image: url(../images/icon07x.png); }
.inpagex .add .item:hover .add { background-image: url(../images/icon05x.png); }
.inpagex .add .item:hover .tel { background-image: url(../images/icon06x.png); }
.feedback { margin-top: 30px; }
.feedback .messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border-radius: 6px; border: 1px solid #ccc; margin: 0 5px 0 0; color: #333; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: none; margin-bottom: 20px; }
.feedback .messagetarea { padding: 10px; border: 1px solid #ccc; font-size: 16px; line-height: 26px; color: #333; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: none; margin-bottom: 20px; }
.feedback .messagebtn { display: block; margin: 0 auto; width: 50%; color: #333; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; border-radius: 4px; cursor: pointer; }
.messagetarea:focus { color: #333; border-color: #405ca3; }
.messageinput:focus { color: #333; border-color: #405ca3; }
input::-webkit-input-placeholder {
color: #333;
}
/*product*/
.inpagex .main .proBox .proClass { text-align: center; }
.inpagex .main .proBox .proClass .item a { font-size: 13px; line-height: 40px; height: 40px; border: 1px solid #ccc; padding: 0 20px; display: inline-block; text-decoration: none; }
.inpagex .main .proBox .proList { overflow: hidden; margin-top: 30px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }
.inpagex .main .proBox .proList .item { float: left; position: relative; ; width: 32%; margin-right: 2%; margin-bottom: 20px; height: auto; overflow: hidden; ; }
.inpagex .main .proBox .proList .item:nth-child(3n) { margin-right: 0; }
.inpagex .main .proBox .proList .item .info { opacity: 0; padding: 20px 15px; translateX(-50%);
transition: all 0.5s ease-out 0s; ; position: absolute; width: 80%; background-color: #fff; border-radius: 10px; top: 50%; left: 8%; }
.inpagex .main .proBox .proList .item .info .proId { font-size: 14px; padding-left: 30px; color: #004e9a; font-weight: bold; position: relative; }
.inpagex .main .proBox .proList .item .info .proId::before { position: absolute; content: ''; width: 20px; height: 2px; background-color: #004e9a; top: 50%; left: 0; }
.inpagex .main .proBox .proList .item .info .nam { font-size: 20px; color: #000; }
.inpagex .main .proBox .proList .item .img { overflow: hidden; }
.inpagex .main .proBox .proList .item .img img { width: 100%; transition: 0.5s; transform: scale(1.1); }
.inpagex .main .proBox .proList .item:hover { box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.inpagex .main .proBox .proList .item:hover .info { z-index: 99; opacity: 1; }
.inpagex .main .proBox .proList .item:hover .img img { transform: scale(1); }
.proBox { position: relative; }
.proBox .swiper-button-prev { top: 50%; left: -50px; }
.proBox .swiper-button-next { top: 50%; right: -50px; }
.proDetails .proImg { overflow: hidden; }
.proDetails .proImg .proImg_tit { float: left; width: 40%; margin-left: 30px; }
.pro_d { margin: 40px auto; }
.pro_dl li { padding: 10px; float: left; cursor: pointer; margin-right: 5px; }
.pro_dl li.on { }
.pro_dl02 li.on { color: #007daa; border-bottom: 3px solid #007daa; }
.proDetails .proMsg { margin-top: 30px; }
.pro_dd { background: #fff; padding: 10px; margin: 40px auto; }
.pro_dd li { display: none; }
.pro_dd li.on { display: block; }
.pro_dd li h2 { position: relative; font-size: 26px; }
.pro_dd li h2:before { content: ''; width: 4px; height: 28px; background-color: #feb600; position: absolute; top: 10%; left: -10px; }
.proImg_tit .dow { margin-top: 30px; display: inline-block; font-size: 14px; color: #fff; padding: 3px 20px; line-height: 30px; height: 30px; border-radius: 4px; background: #003d6a; }
.proDetails .proInfo { margin-top: 30px; font-size: 16px; line-height: 26px; }
/*图片放大镜样式*/
.right-extra { float: left; }
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.jqzoom img { width: 100%; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 350px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/
.spec-preview { width: 350px; height: 266px; border: 1px solid #DFDFDF; }
.spec-scroll { clear: both; margin-top: 5px; width: 352px; }
.spec-scroll .prev { float: left; margin-right: 4px; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 54px; line-height: 54px; border: 1px solid #CCC; background: #EBEBEB; cursor: pointer; text-decoration: none; }
.spec-scroll .items { float: left; position: relative; width: 322px; height: 56px; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 56px; }
.spec-scroll .items ul li { float: left; width: 64px; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 50px; }
.spec-scroll .items ul li img:hover { border: 2px solid #007daa; padding: 1px; }
.main h3 { font-size: 30px; font-weight: normal; background: linear-gradient(to right, #007caa, #007caa); color: #fff; padding: 5px 20px; border-radius: 10px 10px 0 0; margin-bottom: 20px; margin-top: 40px; text-align: center; letter-spacing: 3px; }
/*company*/
.inpagex .main .infoFl { float: left; width: 70%; }
.inpagex .main .infoFl p { font-size: 18px; color: #666; line-height: 30px; }
.inpagex .main .infoFr { float: right; width: 25%; }
.inpagex .main .infoFr .idea { background-image: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%); padding: 40px 30px; }
.inpagex .main .infoFr .tit { font-size: 24px; font-weight: bold; color: #fff; line-height: 40px; margin-bottom: 20px; }
.inpagex .main .infoFr i { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 10px; display: block; }
.inpagex .main .infoFr p { font-size: 14px; color: #fff; line-height: 28px; }
/*new*/
.inpagex .main .newBox .newList { overflow: hidden; margin-top: 30px; }
.inpagex .main .newBox .newList .item { float: left; ; width: 31%; margin: 1%; height: auto; overflow: hidden; box-shadow: 0px 0px 16px rgb(0, 0, 0, .1); border-radius: 6px; }
.inpagex .main .newBox .newList .item .img { width: 100%; height: auto; position: relative; overflow: hidden; }
.inpagex .main .newBox .newList .item .img img { width: 100%; transition: all 0.5s ease-out 0s; }
.inpagex .main .newBox .newList .item .img .list { position: absolute; color: #fff; font-size: 16px; font-weight: bold; display: inline-block; background-image: -webkit-linear-gradient(0deg, #428cd4 0%, #004e9a 100%); padding: 6px 12px; right: 0; bottom: 0; }
.inpagex .main .newBox .newList .item .info { padding: 30px 20px 20px 20px; }
.inpagex .main .newBox .newList .item .info .tit { font-size: 16px; line-height: 24px; padding-bottom: 20px; color: #000; border-bottom: solid 1px #ccc; }
.inpagex .main .newBox .newList .item .info .date { margin-top: 20px; font-size: 10px; color: #ccc; position: relative; padding-left: 16px; }
.inpagex .main .newBox .newList .item .info .date::before { position: absolute; content: ''; width: 12px; height: 12px; background-image: url(../images/rl.png); background-repeat: no-repeat; top: 0; left: 0; }
.inpagex .main .newBox .newList .item:hover .img img { transform: scale(1.1); }
{
}
.newstitle { font-size: 26px; text-align: center; line-height: 30px; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }
.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }
/*join*/
.main .job_list .item { float: left; width: 31%; margin: 10px 1%; position: relative; box-shadow: 0 0 10px rgb(0 0 0 / 10%); overflow: hidden; }
.main .job_list .item:before { content: ""; width: 0%; height: 0%; background: #405ca3; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); border-radius: 50%; transition: 540ms; }
.main .job_list .item .pad { height: 144px; padding: 20px; display: block; }
.main .job_list .item h3 { color: #333; background: none; font-weight: normal; font-size: 24px; line-height: 1; transition: 330ms; position: relative; }
.main .job_list .item h3 strong { display: block; color: #333; line-height: 0.8; position: absolute; right: 43px; top: 0; font-size: 50px; font-weight: normal; transition: 330ms; }
.main .job_list .item h3 strong i { color: #333; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1; position: absolute; right: -19px; top: 0; transition: 330ms; }
.main .job_list .item .need { position: absolute; left: 26px; width: 254px; bottom: 18px; }
.main .job_list .item .need p { color: #323232; font-size: 14px; line-height: 1.3; transition: 330ms; }
.main .job_list .item:hover { cursor: pointer; }
.main .job_list .item:hover h3, .main .job_list .item:hover h3 strong, .main .job_list .item:hover h3 strong i, .main .job_list .item:hover .need p { color: #fff; }
.main .job_list .item:hover:before { width: 120%; height: 200%; left: 100%\9; top: 100%\9; left: 0\9; top: 0\9; }
/**/
/*foot*/

.footer { background-color: #f9f9f9; background-size: 100% 100%; color: #000; padding: 50px 0 0; }
.footer dl { width: 18%; float: left; color: #a4a4a4; }
.footer dl:nth-child(3) { width: 30%; }
.footer dl:last-child { float: right; width: auto; }
.footer dl dt { color: #333; font-size: 16px; font-weight: bold; font-size: 17px; margin-bottom: 10px; }
.footer dl dt a { color: #333; }
.footer dl dd { font-size: 14px; line-height: 26px; }
.footer dl dd a { color: #333; }
.footer dl dd p { color: #333; }
.foot { border-top: 1px solid #333; margin-top: 50px; padding-top: 30px; overflow: hidden; }
.foot .bei { float: right; text-align: center; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: flex-end; width: 30%; }
.foot .bei a { line-height: 30px; padding: 0 20px; border: 1px solid #333; font-size: 14px; border-radius: 4px; color: #333; text-decoration: none; margin-bottom: 5px; display: inline-flex; align-items: center; }
.foot .copy { color: #333; line-height: 22px; font-size: 14px; float: left; width: 65%; }
.btnmenu { float: right; width: 20px; height: 20px; display: none; position: absolute; top: 20%; right: 5%; padding: 10px; border: 1px solid #ccc; }
.btnmenu:before { position: absolute; content: ''; width: 20px; height: 2px; background-color: #ccc; top: 33%; right: calc(50%-20px); }
.btnmenu:after { position: absolute; content: ''; width: 20px; height: 2px; background-color: #ccc; top: 66%; right: calc(50%-20px); }
 @media(max-width: 1200px) {
.wrapper, .inpagex .inpwrapx { width: 100%; padding: 0 20px; box-sizing: border-box; }
.bannerslide .swiper-slide { height: 300px; }
.main .job_list .item .pad { height: 180px; }
.main .job_list .item .need { left: 20px; width: 86%; }
 .main .profile .profile_fl
}
@media(max-width: 840px) {
.homebox { padding: 6vw 0; }
.header_box.scoll .header, .header { padding: 0 5vw 0 5vw; }
.homebox01 .img { padding: 5vw 1vw; margin-left: 2vw }
.navs li a { width: 10vw; }
.main .culture .culture_info { padding: 0 50px; }
.main .culture .culture_list { display: block; }
.main .culture .item { float: none; width: 100%; display: inline-block; }
.main .culture .item .culture_pic { float: left; width: 40%; }
.main .culture .culture_cont { overflow: hidden; position: relative; top: auto; margin-top: 0; width: 60%; height: auto; padding: 21px 0; }
.main .culture .culture_cont::before { top: 0; }
.main .culture .item .culture_cont .icon { height: auto; margin-bottom: 20px; }
.main .culture .item .culture_cont .e, .main .culture .item .culture_cont .z { color: #fff; }
.main .culture .item .culture_cont .l { margin: 15px auto 10px; height: 25px; }
.main .culture .item .culture_cont .c { height: 40px; visibility: visible; opacity: 1; }
.list_nav .wrapper { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.homebox03 .container .home_pro_class .item a { padding: 0 1.4vw; }
}
@media(max-width: 720px) {
.btnmenu { display: block; }
.navs { display: none; }
.header_box.scoll .header { padding: 0 20px; }
.hline { margin-left: 0; margin-right: 60px; }
.header { height: 70px; padding: 0 20px; }
.bannerx { height: 240px; }
.bannerx .content .site { display: none; }
.bannerx .content .info { float: none; text-align: center; }
.bannerx .content .info .cn { font-size: 28px; }
.bannerx .content .info .en { font-size: 16px; }
.swiper-container { overflow: inherit; }
.bannerslide .info { bottom: -200px; width: 100%; }
.bannerslide .info .banner_wrap { padding: 20px 10px; height: 160px; }
.bannerslide .info .nam { font-size: 24px; }
.bannerslide .swiper-slide { height: 200px; }
.newsbackline ul li a { width: 100%; }
.main .add .item { float: none; ; width: 100%; margin: 10px 0; }
.feedback .messageinput { width: 92%; }
.footer { padding: 0; }
.foot { margin-top: 0; }
.footer dl:nth-child(3), .footer dl:nth-child(1), .footer dl:nth-child(2) { display: none; }
.footer dl:last-child { float: none; }
.footer dl:last-child img { margin: 10px auto; }
.foot .copy, .foot .bei { float: none; }
.main .profile .profile_fl, .main .profile .profile_fr { float: none; width: 100%; }
.main .culture .item { margin-bottom: 20px; }
.main .culture .item .culture_pic { float: none; width: 100%; margin-bottom: 0; }
.main .culture .item .culture_pic img { width: 100%; }
.main .culture .culture_cont { width: 100%; }
.main .job_list .item { float: none; width: 98%; }
.feedback .messagetarea { width: 92%; }
.inpagex .main .newBox .newList .item { float: none; width: 100%; margin: 10px auto; }
.inpagex .main .newBox .newList .item .img { display: none; }
.inpagex .main .proBox .proList .item { float: none; width: 100%; margin: 20px auto; overflow: inherit; }
.inpagex .main .proBox .proList .item .info { position: relative; opacity: 1; left: 0; top: 0; width: 100%; border: 1px solid #ccc; box-sizing: border-box; }
.spec-preview, .spec-scroll { width: 100%; }
.spec-scroll .items { width: 90%; }
.right-extra { float: none; display: inline-block; margin: 0 auto; }
.proDetails .proImg .proImg_tit { float: none; width: 100%; margin-left: 0; margin-top: 20px; }
.layui-layer { width: 90%!important; margin: 0 auto; }
.homebox { padding: 30px 0; }
.homebox01 { padding-top: 230px; }
.homebox01 .info { float: none; width: 100%; }
.homebox01 .img { float: none; width: 100%; margin-left: 0; height: 500px; padding: 0; margin-top: 20px; }
.homebox01 .img .info02 { float: none; width: auto; }
.homebox02 .container .info, .homebox02 .container .more, .homebox03 .container .info { float: none; }
.homebox02 { background-size: cover; }
.homebox02 .container .info .txt { font-size: 24px; line-height: 30px; padding: 20px 0; }
.more a { margin-top: 0; }
.homebox03 .container .home_pro_class .item a { margin: 10px 0; }
.homebox03 .pro_list .item { width: 49%; }
.homebox03 .pro_list .item:nth-child(3n) { margin-right: 2%; }
.homebox03 .pro_list .item:nth-child(2n) { margin-right: 0; }
.homebox03 .pro_list .item .info { position: relative; left: 0; opacity: 1; padding: 8px 0; }
.homebox03 .pro_list .item .info .nam { font-size: 14px; }
}
.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.sidefootlogo { font-size: 12px; }
.mm-listview > li > a { text-align: center; font-size: 14px; line-height: 40px; }


@media(max-width: 425px) {
	.hline{ display:none;}
	.logo{ width:80%;}
	.logo img{ display:block; max-width:100%;}
	.bannerslide .swiper-slide{ margin-top:70px;}
	.foot .bei{ display:none;}
	.foot .copy{ width:100%;}
}