body { margin: 0px auto; padding: 0px; font-size: 14px;  color: #222; font-family: Microsoft YaHei; box-sizing: border-box; }
* { box-sizing: border-box; }
div { margin: 0px; padding: 0px; }
span, p, h3 { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; }
dl, dt, dd, ol, ul, li, h2 { margin: 0px; padding: 0px; list-style: none; }
img { border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
form, input, select { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
em { font-style: normal; }
a { text-decoration: none; color: #222; font-size: 14px; }
a:hover { color: #0063b8; text-decoration: blink; font-size: 14px; }
.cp img { border: solid #ddd 2px; }
.cp a:hover img { border: solid #0abd56 2px; }
.fr { float: right; }
.fl { float: left; }
.kg { width: 1300px; height: 20px; }
.kg1 { width: 1300px; height: 30px; margin: 0 auto; overflow: hidden; }
.kg2 { width: 1300px; height: 40px; margin: 0 auto; overflow: hidden; }
.kg3 { width: 1300px; height: 60px; margin: 0 auto; overflow: hidden; }
.kg80 { width: 1300px; height: 80px; margin: 0 auto; overflow: hidden; }
.box { width: 1300px; height: auto; margin: 0 auto; }
.box_80 { height: 20px; }
.box_50 { height: 40px; }
.bz { width: 1300px; margin: 0 auto; overflow: hidden; }
.bz1 { width: 1300px; margin: 0 auto; height: 117px; }
.clear { height: 0; overflow: hidden; clear: both; }
@font-face { font-family: 'iconfont'; src: url('//memberpic.114my.com.cn/022400/cssnew/iconfont.eot.txt'); src: url('//memberpic.114my.com.cn/022400/cssnew/iconfont.eot.txt?#iefix') format('embedded-opentype'), url('//memberpic.114my.com.cn/022400/cssnew/iconfont.woff2.txt') format('woff2'), url('//memberpic.114my.com.cn/022400/cssnew/iconfont.woff.txt') format('woff'), url('//memberpic.114my.com.cn/022400/cssnew/iconfont.ttf.txt') format('truetype'), url('//memberpic.114my.com.cn/022400/cssnew/iconfont.svg.txt#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.db>div, .lb>li, .dd>dl { display: inline-block; vertical-align: top; }
.page { max-width: 1500px; min-width: 1400px; width: 100%; margin: 0 auto; }
.page1 { max-width: 1400px; min-width: 1400px; width: 100%; margin: 0 auto; }
/*网站抬头*/
.hd_bg { overflow: hidden; position: relative; width: 100%; height: 120px; }
.hd { }
.hd_bg::before { position: absolute; content: ''; right: 0; top: 0; width: 210px; background: #0063b8; height: 100%; z-index: -1; }
.logo { padding-top: 25px; }
.logo img { float: left; margin-right: 18px; width: 120px; }
.logo span { font-size: 14px; line-height: 34px; color: #999999; float: left; padding-top: 11px; }
.logo span b { font-size: 35px; line-height: 30px; color: #222222; display: block; }
.ggy { margin-left: 25px; padding-left: 25px; height: 50px; border-left: 1px solid #0063b8; margin-top: 37.5px; }
.ggy b { font-size: 25px; line-height: 22px; color: #333333; }
.ggy b span { color: #0063b8; }
.ggy p { font-size: 20px; line-height: 26px; color: #333; margin-top: 5px; font-family: Arial; letter-spacing: 0.8px; }
.tels { width: 36.20%; height: 120px; background: #0063b8; border-radius: 140px 0 0 0; padding-left: 120px; }
.tel_albb { padding-top: 38px; margin-right: 16px; }
.hea_pho { display: flex; align-items: center; height: 120px; position: relative; top: 0; left: 5px; padding-left: 20px; }
.hea_pho:after { content: ''; width: 1px; height: 36px; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
.hea_pho span { background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825092317_97815868.png) no-repeat; display: inline-block; width: 74px; height: 44px; margin-right: 18px; }
.hea_pho p { font-size: 0.83vw; line-height: 20px; color: #fff; }
.hea_pho b { font-size: 1.45vw; color: #fff; font-family: Arial; }
/*nav*/
.nav_bg { background: #fff; border-top: 1px solid #ebebeb; height: 74px; position: relative; z-index: 10; }
.nav { height: 74px; }
.nav>ul>li { position: relative; width: 10.8%; }
.nav>ul>li:after { content: ''; width: 100px; height: 0; background: linear-gradient(45deg, #0063b8, #0063b8); position: absolute; left: 50%; margin-left: -50px; transition: 300ms; border-top-left-radius: 11px; border-top-right-radius: 11px; bottom: 0; }
.nav>ul>li:hover:after, .nav>ul>li.cur:after { height: 7px; transition: 300ms; }
.nav>ul>li>a { display: block; line-height: 74px; text-align: center; font-size: 16px; color: #666; }
.nav>ul>li:hover a, .nav>ul>li.cur a { color: #0063b8; font-weight: bold; }
/*幻灯片*/
.banner { width: 100%; overflow: hidden; position: relative; }
.banner_box { max-width: 100%; height: 600px; }
.banner_box ul { list-style: none; }
.banner_box ul li { transition: .5s; width: 100%; height: 600px; background-position: center; }
.banner_box ul li+li {/*display:none;*/ }
.banner_after { width: 100%; position: absolute; bottom: 40px; left: 47%; text-align: center; }
.banner_after ul { list-style: none; }
.banner_after ul li { width: 12px; height: 12px; background: #333333; border-radius: 20px; float: left; margin-right: 10px; transition: .5s; }
.banner_after ul li:hover { background: #0063b8; width: 20px; transition: .5s; }
.banner_after ul li.on { background: #0063b8; width: 20px; }
.banner-btn .prev, .banner-btn .nex { position: absolute; left: 3%; top: 45%; margin-top: -25px; width: 39px; height: 55px; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825092356_70880423.png) -106px 10px no-repeat #0063b8; filter: alpha(opacity=50); opacity: 0.5; display: none; transition: all 0.3s linear; }
.banner-btn .next { position: absolute; right: 3%; width: 39px; height: 55px; top: 45%; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825092356_70880423.png) 11px 11px no-repeat #0063b8; filter: alpha(opacity=50); opacity: 0.5; display: none; }
.banner:hover .banner-btn .prev, .banner-btn .nex { display: block; transition: all 0.3s linear; }
.banner:hover .banner-btn .next { display: block; transition: all 0.3s linear; }
/*search*/
.search_big { height: 130px; }
.search { background: #f8f8f8; height: 105px; line-height: 105px; position: relative; }
#search_nr { width: 1400px; margin: 0 auto; height: 105px; border-radius: 8px; }
#search-i { float: left; width: 30px; height: 33px; overflow: hidden; margin-top: 36px; box-sizing: border-box; border-bottom: 1px solid #dddddd; }
#search-bg { float: left; width: 172px; height: 33px; line-height: 33px; overflow: hidden; padding-left: 14px; margin-top: 36px; box-sizing: border-box; border-bottom: 1px solid #dddddd; }
.search-text { width: 873px; float: left; font-size: 14px; line-height: 105px; height: 105px; color: #999999; margin-left: 3%; }
.search-text a { font-size: 15px; color: #999999 !important; }
.search-text a:hover { font-size: 15px; color: #ffffff; }
.search-text span { float: left; color: #888888; font-size: 15px; }
#infoname { border: none; background: none; outline: none; }
.search_name { float: left; font-size: 26px; color: #ffffff; line-height: 32px; position: relative; z-index: 5; padding: 34px 0; width: 283px; height: 130px; background: #0063b8; text-align: center; }
/*mol*/
.mol { padding: 20px 0; overflow: hidden; position: relative; }
.mol_box { width: 1400px; margin: 0 auto; position: relative; }
.mol_video { float: left; }
/*视频*/
.video_sp { float: left; padding: 27px 0px; }
.ripple img { margin-left: 15px; margin-top: 12px; width: 32px; height: 32px; }
.ripple, .ripple:before, .ripple:after { position: absolute; left: 50%; top: 52%; height: 65px; width: 65px; margin-top: -34px; margin-left: -33px; border-radius: 50%; -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255,0.64); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64); box-shadow: 0 0 0 0 #fff; animation: ripple 3s infinite; }
.ripple { padding: 6px 3px; background: rgba(255, 255, 255, 0.5); }
.ripple:before { -webkit-animation-delay: .9s; animation-delay: 0.9s; content: ""; position: absolute; right: 0; bottom: 0; }
.ripple:after { -webkit-animation-delay: .6s; animation-delay: 0.6s; content: ""; position: absolute; right: 0; bottom: 0; }
.video_box { background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: -1; opacity: 0; transition: 600ms ease; }
.video_box.cur { opacity: 1; z-index: 999; transition: 600ms ease; }
.video { position: fixed; top: -100%; left: 71%; margin-top: -250px; margin-left: -575px; transition: 600ms ease; z-index: 999; }
.video_box.cur .video, .video_box.cur .video_x { top: 40%; transition: 600ms ease; }
.video_x1 { width: 632px; height: 469px; background: url(//memberpic.114my.com.cn/lianc123/uploadfile/image/20231117/20231117163737_150732335.jpg)no-repeat center; position: relative; float: left; }
.video_x1:before { content: ""; width: 100%; height: 469px; background: #000; position: absolute; opacity: 0.4; }
@-webkit-keyframes ripple { 70% {
-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
}
 100% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
 box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
}
}
.jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-middle, .jquery-lightbox-border-bottom-right { BOTTOM: -34px !important; }
.ripple, .ripple:before, .ripple:after { left: 41% !important; margin-left: -26px !important; }
.mol_con { float: right; position: absolute; top: 0; right: 0; width: 904px; height: 390px; background: #ffffff; padding-left: 50px; }
.mol_con b { font-size: 60px; color: #0063b8; line-height: 70px; padding-top: 20px; display: inline-block; }
.mol_con p { font-size: 18px; line-height: 30px; color: #666666 }
.mol_con p span { color: #0063b8; margin-top: 30px; display: inline-block; }
.mol_con em { font-size: 15px; line-height: 28px; color: #888888; display: inline-block; margin-top: 45px; }
.mol_con a { font-size: 16px; color: #0063b8; line-height: 20px; margin-top: 30px; display: inline-block; }
.mol_txt { background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825134206_1408789115.png)no-repeat #0063b8 16px 48px; position: absolute; top: 0; right: 0; width: 139px; height: 147px; font-size: 16px; color: #ffffff; text-align: center; padding-top: 72px; letter-spacing: 1px; }
.mol:after { content: ''; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825133659_1940839315.jpg)no-repeat; position: absolute; bottom: 91px; right: 0; width: 574px; height: 116px; }
/*num*/
.num { width: 100%; background: #333; padding: 58px 0; overflow: hidden; }
.num_box { width: 1300px; margin: 0 auto; }
.num_con { }
.num_con ul { display: flex; justify-content: space-around; align-items: center; }
.num_con li { text-align: center; position: relative; color: #ffffff; }
.num_con li i { font-size: 35px; line-height: 35px; }
.num_con li p { font-size: 18px; line-height: 32px; margin-top: 21px; }
.num_con li p span { font-size: 12px; color: #666666; line-height: 16px; display: flex; justify-content: center; }
.num_con li:before { content: ''; width: 1px; height: 220px; background: #46474b; position: absolute; top: -56px; left: -80px; }
.num_con li:last-child:after { content: ''; width: 1px; height: 220px; background: #46474b; position: absolute; top: -56px; right: -80px; }
/*pro*/
.pro { width: 100%; background: #f8f8f8; padding: 20px 0; overflow: hidden; }
.pro_box { width: 1400px; margin: 0 auto; }
.pro_tit { font-size: 42px; line-height: 60px; text-align: center; position: relative; }
.pro_tit:after { content: ''; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825133812_450846911.png)no-repeat; width: 43px; height: 9px; position: absolute; bottom: -25px; left: 48%; }
.pro_tit span { color: #0063b8; }
.pro_tit p { font-size: 18px; color: #888888; line-height: 30px; }
.pro_tab { margin-top: 60px; }
.pro_nav { width: 1400px; margin: 0 auto; }
.pro_nav table { width: 100% !important; }
.pro_nav table tr { display: flex; justify-content: center; }
.pro_nav table tr td { text-align: center; background: #333333; display: inline-block; width: 175px; height: 62px; position: relative; }
.pro_nav table tr td:after { content: ""; width: 0px; height: 0px; border-top: 9px solid #0063b8; border-right: 7px solid transparent; border-bottom: 10px solid transparent; border-left: 7px solid transparent; position: absolute; top: 62px; left: 45%; transition: 0.5s all ease-in-out; display: none; }
.pro_nav table tr td+td { margin-left: 15px; }
.pro_nav table tr td a { display: block; font-size: 16px !important; }
.pro_nav table tr td.on { background: #0063b8; transition: 0.5s all ease-in-out; }
.pro_nav table tr td.on:after { display: block; transition: 0.5s all ease-in-out; }
.pro_nav table tr td:hover { text-align: center; background: #0063b8; display: inline-block; width: 175px; height: 62px; position: relative; }
.pro_con { display: inline-block; margin-top: 45px !important; }
.pro_call table tr td { width: calc((100% - 29px)/4); height: 100%; padding-left: 0 !important; display: inline-block; }
.pro_call table tr td+td { margin-left: 7px; }
.pro_call table tr td img { width: 100%; height: auto; }
.pro_call table tr a:hover { color: #ffffff; font-weight: bold !important; }
.pro_call td { padding-left: 0 !important; display: inline-block; position: relative; overflow: hidden; margin-bottom: 16px; border: 1px solid #ddd; }
.pro_call td:hover>a:after { content: ''; position: absolute; width: 100%; height: 100%; transition: 0.3s all ease-in-out; }
.pro_call td>a:after { content: ''; position: absolute; width: 0; height: 0; right: 0; left: 0; top: 0; background: rgb(51 51 51 / 0.5)url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825133836_1904457295.png) no-repeat center; transition: 0.3s all ease-in-out; }
.pro_call td br { display: none; }
.pro_call td span { width: 100%; display: block; height: 45px; line-height: 45px !important; background: #0063b8; margin-left: -1px; margin-bottom: -1px; position: absolute; left: 100%; right: 0; margin: auto; bottom: 0px; transition: 0.3s all ease-in-out; }
.pro_call td span a { color: #fff !important; font-size: 16px; }
.pro_call td:hover span { position: absolute; left: 0; right: 0; margin: auto; bottom: 0px; background: #0063b8; transition: 0.3s all ease-in-out; }
.ddsubmenustyle li a { height: 40px!important; line-height: 40px!important; }
.ddsubmenustyle li { width: 130px!important; }
.pro_tp { text-align: center; padding-top: 30px; }
.pro_more { width: 1400px; margin: 0 auto; display: flex; justify-content: center; align-items: center; margin-top: 60px; }
.pro_more a { font-size: 16px; color: #ffffff; width: 167px; height: 47px; line-height: 47px; padding-left: 40px; background: #0063b8; border-radius: 40px; margin: 0 13px; transition: 0.5s; }
.pro_more a:first-child { background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825133900_1847376397.png)no-repeat #333333 120px 14px; }
.pro_more a:last-child { background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825133927_52469955.png)no-repeat #0063b8 120px 14px; }
.pro_more a:hover { width: 177px; transition: 0.5s; }
/*int*/
.int {  overflow: hidden; }
.int_box { width: 1400px; margin: 0 auto; }
.int_tit { font-size: 42px; line-height: 60px; text-align: center; position: relative; }
.int_tit:after { content: ''; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825133812_450846911.png)no-repeat; width: 43px; height: 9px; position: absolute; bottom: -25px; left: 48%; }
.int_tit span { color: #0063b8; }
.int_tit p { font-size: 18px; color: #888888; line-height: 30px; }
.int_con { width: 1400px; margin-top: 85px; height: 510px; }
.int_con ul { display: flex; justify-content: space-between; align-items: end; }
.int_con li { height: 400px; background: #f5f5f5; flex: 1; border-radius: 10px; padding: 63px 36px; transition: 0.5s; cursor: pointer; }
.int_con li.on { height: 450px; transition: 0.5s; background: #0063b8; transform: translateY(-30px); }
.int_con li.on b, .int_con li.on p, .int_con li.on p span, .int_con li.on em { color: #ffffff; }
.int_con li+li { margin-left: 13px; }
.int_con li b { font-size: 56px; line-height: 60px; color: #dddddd; }
.int_con li p { font-size: 28px; color: #333333; font-weight: bold; line-height: 24px; margin-top: 45px; }
.int_con li p span { font-size: 18px; line-height: 28px; color: #999999; display: flex; font-weight: normal; margin-top: 20px; }
.int_con li i { width: 20px; height: 2px; background: #0063b8; display: inline-block; margin-top: 42px; }
.int_con li em { font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: bold; color: #dddddd; display: block; margin-top: 32px; }
/*mod*/
.mod { width: 100%; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825165612_1689306838.jpg)no-repeat center; height: 286px; padding: 62px 0; margin-top:170px;}
.mod_box { width: 1400px; margin: 0 auto; position: relative; display: flex; justify-content: flex-end; align-items: flex-end; }
.mod_box:after { content: ''; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20231128/20231128153431_1681953318.png)no-repeat; width: 416px; height: 500px; position: absolute; top: -175px; left: 0; }
.mod_con { color: #ffffff; margin-right: 10%; }
.mod_con b { font-size: 42px; line-height: 44px; }
.mod_con em { font-size: 22px; line-height: 46px; display: block; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230826/20230826085256_1151602333.png)no-repeat; width: 471px; height: 46px; padding-left: 22px; margin: 14px 0 23px 0; }
.mod_con p { font-size: 21px; line-height: 25px; }
.mod_con p span { font-size: 12px; line-height: 18px; color: #666666; display: block; letter-spacing: -0.38px; }
.mod_phone { color: #ffffff; }
.mod_phone p { background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230826/20230826085321_1874908228.png)no-repeat 0 12px; font-size: 16px; padding-left: 60px; margin-bottom: 15px; }
.mod_phone p span { font-size: 29px; line-height: 32px; display: block; font-family: Arial; }
.mod_phone a { font-size: 16px; color: #ffffff; width: 122px; height: 37px; line-height: 35px; text-align: center; border: 1px solid #ffffff; border-radius: 10px; display: inline-block; position: relative; z-index: 2; }
.mod_phone a+a { margin-left: 12px; }
.mod_phone a:before, .mod_phone a:after { position: absolute; content: ""; width: 0%; height: 0%; border: 1px solid; border-radius: 10px; z-index: -1; transition: all 0.3s ease; }
.mod_phone a:before { top: 2px; left: 2px; border-bottom-color: transparent; border-right-color: transparent; border-top-color: #fff; border-left-color: #fff; }
.mod_phone a:hover:before, .mod_phone a:hover:after { border-color: #fff; height: 100%; width: 100%; }
.mod_phone a:hover:before, .mod_phone a:hover:after { border-color: #fff; height: 100%; width: 100%; }
.mod_phone a:after { bottom: 2px; right: 2px; border-top-color: transparent; border-left-color: transparent; border-bottom-color: #fff; border-right-color: #fff; }
.mod_phone a:hover { border: none; }
/*adv*/
.adv { width: 100%; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230828/20230828105846_409188965.png)no-repeat center; height: 1201px; padding: 200px 0; overflow: hidden; }
.adv_box { width: 1400px; margin: 0 auto; }
.adv_tit { font-size: 48px; line-height: 60px; text-align: center; position: relative; color: #ffffff; }
.adv_tit:after { content: ''; background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230828/20230828110354_694788745.png)no-repeat; width: 43px; height: 9px; position: absolute; bottom: -25px; left: 48%; }
.adv_tit p { font-size: 18px; color: #fff; line-height: 36px; }
.adv_tab { position: relative; margin-top: 90px; }
.adv_nav { width: 416px; height: 521px; background: #282828; position: absolute; right: 0; top: 0; padding: 52px 55px; z-index: 5; }
.adv_nav ul { margin-top: 44px; }
.adv_nav li { width: 307px; height: 99px; background: #333333; display: flex; align-items: center; padding: 0 23px; margin-bottom: 4px; cursor: pointer; transition: 0.5s; }
.adv_nav li.on { background: #0063b8; transition: 0.5s; }
.adv_nav li.on i { color: #0063b8; transition: 0.5s; transform: rotate(360deg); }
.adv_nav li i { width: 60px; height: 60px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 28px; color: #333333; }
.adv_nav li p { font-size: 18px; line-height: 30px; color: #ffffff; margin-left: 18px; font-weight: bold; }
.adv_nav li p span { font-size: 15px; line-height: 24px; display: block; font-weight: normal; }
.adv_txt { font-size: 30px; color: #ffffff; letter-spacing: 3px; line-height: 30px; }
.adv_txt span { font-size: 20px; display: block; letter-spacing: 1px; line-height: 40px; }
.adv_con { }
.adv_big { }
.adv_big p { font-size: 30px; line-height: 36px; color: #ffffff; }
.adv_big p span { font-size: 15px; line-height: 30px; color: #888888; display: block; margin-top: 10px; width: 889px; }
.adv_big i { margin-top: 35px; display: inline-block; }
/*case*/
.case { padding: 90px 0; overflow: hidden; }
.case_box { width: 1400px; margin: 0 auto; }
.case_tit { font-size: 42px; line-height: 60px; text-align: center; position: relative; }
.case_tit:after { content: ''; background: url(http://memberpic.114my.com.cn/022400/uploadfile/image/20230825/20230825133812_450846911.png)no-repeat; width: 43px; height: 9px; position: absolute; bottom: -25px; left: 48%; }
.case_tit span { color: 0063b8; }
.case_tit p { font-size: 18px; color: #888888; line-height: 30px; }
.case_con { margin-top: 140px; }
.case_con ul { display: flex; justify-content: space-between; align-items: center; }
.case_con li { width: 440px; height: 574px; background: #f8f8f8; padding: 38px 33px; text-align: center; }
.case_con li:nth-child(2) { width: 470px; height: 650px; padding: 45px 40px; margin-top: -73px; }
.case_con li:nth-child(2) a { margin-top: 40px; }
.case_con li i { }
.case_con li p { font-size: 22px; color: #0063b8; line-height: 24px; font-weight: bold; margin-top: 40px; }
.case_con li p span { font-size: 15px; line-height: 30px; color: #888888; display: block; font-weight: normal; text-align: left; margin-top: 30px; }
.case_con li a { width: 128px; height: 40px; background: #dddddd; border-radius: 10px; text-transform: uppercase; line-height: 40px; text-align: center; display: inline-block; margin-top: 32px; position: relative; overflow: hidden; transition: 0.5s; z-index: 5; }
.case_con li a:before, .case_con li a:after { content: ''; position: absolute; top: 0; left: 0; width: 128px; height: 0; background: #0063b8; z-index: -1; transition: 0.5s; }
.case_con li a:hover { color: #ffffff; transition: 0.5s; }
.case_con li a:hover:before, .case_con li a:hover:after { height: 20px; transition: 0.5s; }
.case_con li a:after { top: auto; bottom: 0; }
.case_appli { display: inline-block; margin-top: 40px; }
.case_appli .tempWrap { width: 1400px !important; }
.case_appli table tr { display: block; height: 107px; }
.case_appli table tr td { border: 1px solid #dddddd; display: inline-block; padding-left: 0 !important; position: relative; overflow: hidden; }
.case_appli table tr td+td { margin-left: 4px; }
.case_appli table tr td img { margin-bottom: 0px !important; }
.case_appli table tr td:hover div a { display: block; position: absolute; bottom: 0; width: 200px; height: 100%; color: #fff !important; -webkit-transition: all 0.5s; transition: all 0.5s; display: flex; justify-content: center; align-items: center; z-index: 5; }
.case_appli table tr td div a { display: block; position: absolute; width: 200px; height: 28px; line-height: 28px; color: #fff !important; -webkit-transition: all 0.5s; transition: all 0.5s; }
.case_appli table tr td:before, .case_appli table tr td:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: rgb(0 99 184 / 0.5); border-radius: 50%; z-index: 1; }
.case_appli table tr td:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.case_appli table tr td:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
.case_appli table tr td:hover:before { -webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; }
.case_appli table tr td:hover:after { -webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; }
@-webkit-keyframes criss-cross-left { 0% {
left: -20px;
}
 50% {
left: 50%;
width: 20px;
height: 20px;
}
 100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left { 0% {
left: -20px;
}
 50% {
left: 50%;
width: 20px;
height: 20px;
}
 100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right { 0% {
right: -20px;
}
 50% {
right: 50%;
width: 20px;
height: 20px;
}
 100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right { 0% {
right: -20px;
}
 50% {
right: 50%;
width: 20px;
height: 20px;
}
 100% {
right: 50%;
width: 375px;
height: 375px;
}
}

/*版权*/
.links { font-size: 15px; color: #eaeaea; line-height: 36px; padding: 1.2% 20px; border-radius: 0 0 40px 40px; background: #232323; }
.links_t { width: 105px; padding-left: 25px; background: url(//memberpic.114my.com.cn/021564/uploadfile/image/20200929/20200929084543_329543271.png) no-repeat left center; }
.w1300 { width: 1400px; margin: 0 auto; }
.links_c { }
.linkTagcs li a:hover { color: #fff !important; font-size: 14px; }
.linkTagcs li a { color: #999 !important; font-size: 14px; }
.linkTagcs { width: 1000px !important; }
.copyright { background: #181818; }
.crcon { padding: 50px 0; }
.crkslj, .crcode { font-size: 0; padding-bottom: 40px; }
.crkslj li { display: inline-block; vertical-align: top; margin-right: 85px; }
.crkslj li p { font-size: 18px; color: #fff; position: relative; padding-left: 23px; margin-bottom: 20px; }
.crkslj li p:after { content: ''; display: block; position: absolute; height: 1px; width: 13px; margin: 10px 0; transition: all .5s ease; background: #ca0202; left: 0; top: 5px; }
.crkslj li a { font-size: 13px; display: block; line-height: 33px; color: #999 !important; margin-left: 23px; }
.crkslj li a:hover { text-decoration: underline; color: #fff !important; }
.crconcat { text-align: center; line-height: 28px; font-size: 14px; color: #999; height: 204px; padding-left: 70px; border-left: 1px solid #222222; }
.crconcat span { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 32px; color: #f5f5f5; margin-bottom: 15px; }
.crconcat a { display: block; margin: 15px auto 0 auto; padding: 0 20px 0 50px; line-height: 40px; border-radius: 25px; background: #0063b8 url(//memberpic.114my.com.cn/022400/uploadfile/image/20230828/20230828150355_848952614.png) no-repeat 24px center; font-size: 13px; color: #ffffff !important; }
.crconcat a:hover { box-shadow: 0 0 5px #0063b8; }
.crcode dl { display: inline-block; vertical-align: top; font-size: 14px; line-height: 40px; text-align: center; color: #666666; }
.crcode dl img { width: 134px; height: 134px; }
.crcode dl+dl { margin-left: 14px; }
.end { padding: 26px 0; line-height: 32px; border-top: 1px solid #383838; }
.end, .end a { font-size: 13px; color: #555555 !important; }
.end a:hover { text-decoration: underline; color: #fff !important; }
.end p:nth-child(2) a { padding: 0 5px; }
.copy_icon { float: right; }
.copy_pic { float: left; height: 180px; overflow: hidden; }
.copy_pic li { width: 130px; height: 180px; overflow: hidden; }
.copy_pic li p { font-size: 20px; color: #ffffff !important; text-align: center; }
.copy_pic li i { margin-top: 20px; display: inline-block; }
.copy_pic li i img { width: 130px; height: 130px; }
.copy_str { float: right; margin-left: 38px; margin-top: 38px; }
.copy_str li { width: 40px; height: 40px; background: #333333 !important; border-radius: 50%; text-align: center; padding-top: 10px; transition: 0.5s; cursor: pointer; }
.copy_str li.on { background: #0063b8 !important; transition: 0.5s; }
.copy_str li+li { margin-top: 10px; }
/*案例*/
.cas_bc { padding: 80px 0 80px; }
.cas_ic { margin-top: 60px; }
.cas_ic li { width: 24%; position: relative; overflow: hidden; }
.cas_ic li img { display: block; width: 100%; height: auto; transition: .5s; }
.cas_ic li:nth-child(2) { width: 49.5%; }
.cas_ic ul { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; align-items: flex-start; }
.cas_ic li:nth-child(4), .cas_ic li:nth-child(5) { position: absolute; bottom: 0; left: 0; }
.cas_ic li p a { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; line-height: 50px; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px; z-index: 2; }
.cas_ic li:nth-child(5) { left: auto; right: 0; }
.cas_ic li:hover img { transform: scale(1.1); }
.cas_ic li p a:after { position: absolute; content: ""; width: 0; height: 100%; background: #0063b8; left: 0; top: 0; z-index: -1; transition: all .5s; }
.cas_ic li:hover p a:after { width: 100%; }
/*六大优势*/
.adva_bg { padding-bottom: 80px; background: #fff; margin-top: 50px; }
.adva { display: flex; flex-wrap: wrap; }
.adva li { width: 33.3%; background: #fff; padding: 2vw; }
.adva li+li { border-left: 1px #eee solid; }
.adva li:nth-child(n+4):nth-child(-n+6) { border-top: 1px #eee solid; }
.adva li:nth-child(4) { border: none; }
.adva i { display: block; margin-bottom: 1vw; overflow: hidden; }
.adva i img { width: 100%; transition: 0.3s; }
.adva li:hover i img { transform: scale(1.2); }
.adva em { display: flex; align-items: center; justify-content: center; width: 55px; height: 40px; margin-right: 20px; background: #0063b8; border-radius: 0 50px 50px 0; font-size: 26px; color: #fff; }
.adva b { font-size: 22px; color: #333; }
.adva span { padding-left: 10px; font-size: 16px; color: #666; }
.adva dt { display: flex; align-items: center; margin-bottom: 5px; }
.adva p { font-size: 15px; line-height: 28px; color: #888; height: 84px; }
/*荣誉资质*/
.honor_bg { padding-bottom: 70px; background: #f5f5f5 url()no-repeat center bottom; }
.honor_t font { font-size: 16px; line-height: 30px; }
.honor_t { margin-top: -100px; position: relative; z-index: 3; }
.honor_cont { padding-top: 50px; }
.honor_cont table td { border: 1px solid #eee; width: 350px !important; height: auto; padding-left: 0px !important; display: block; float: left; transition: 0.3s all ease-in-out; position: relative; }
.honor_cont table td:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background: #0063b8; transform: scale(0); transition: 0.3s all ease-in-out; }
.honor_cont table td:hover::after { transform: scale(1); }
.honor_cont table td img { width: 100%; height: auto; transition: 0.3s ease all; }
.honor_cont table td div { padding-top: 0px !important; width: 90%; position: relative; z-index: 2; }
.honor_cont table td div a { font-size: 15px; color: #333; line-height: 50px; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.honor_cont table td:hover div a { color: #fff; }
.honor_cont table td div:after { content: ''; width: 40px; height: 4px; display: block; background: #ccc; margin: 5px auto; transition: 0.3s all ease-in-out; position: relative; z-index: 2; }
.honor_cont table tr { display: block; }
.honor_cont table td br { display: none; }
.honor .btn { background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230828/20230828103722_555307253.png)no-repeat center; width: 29px; height: 10px; bottom: 16px !important; position: absolute; cursor: pointer; }
.honor_btnl { left: 44% !important; }
.honor_btnr { right: 44% !important; transform: rotate(180deg); }
.honor_b { position: relative; }
.honor_b a { background: url(//memberpic.114my.com.cn/022400/uploadfile/image/20230828/20230828103757_1716947747.png) center no-repeat; width: 58px; height: 44px; display: block; margin: 50px auto 0; border-radius: 5px; border: 1px #eee solid; transition: 0.3s all ease-in-out; }
.honor_b a:hover { background: #0063b8url(//memberpic.114my.com.cn/022400/uploadfile/image/20230828/20230828103815_1870175227.png) center no-repeat;
}
.honor_cont table td:hover { border: 1px solid #0063b8; }
.honor_cont table td:hover div:after { background: #fff; width: 60px; }
.honor_cont table td>a { width: 90%; display: block; overflow: hidden; margin: 20px auto 0; position: relative; z-index: 2; }

/*新闻*/
.news_row .fl, .news_row .fr { width: 630px; border: 1px solid #ddd; }
.news_row1 { display: block; position: relative; background: #fff; }
.news_row1:after, .news_row1::after { position: absolute; content: ''; background: #ddd; width: 100%; height: 1px; bottom: 0; left: 0; }
.news_row1 i { background: #0063b8; padding: 40px; width: 30px; height: 30px; display: block; float: left; position: relative; transition: 0.3s all; }
.news_row .fl .news_row1 i { background-image: url(//memberpic.114my.com.cn/hxd66666/uploadfile/image/20200902/20200902150541_1903436151.png); background-position: center; background-repeat: no-repeat; }
.news_row .fr .news_row1 i { background-image: url(//memberpic.114my.com.cn/hxd66666/uploadfile/image/20200902/20200902150541_1903436151.png); background-position: center; background-repeat: no-repeat; }
.news_row1 strong { display: block; padding: 15px 0 12px 0; font-size: 20px; color: #333; line-height: 27px; float: left; font-weight: 100; margin-left: 20px; }
.news_row1 span { display: block; line-height: 80px; height: 80px; color: #9e9e9e; float: right; margin-right: 20px; font-size: 14px; text-transform: uppercase; font-weight: normal; }
.news_row1 span:hover { color: #0063b8; }
.news_row1:hover i { -webkit-filter: brightness(1.15); filter: brightness(1.15); }
.news_row .fl .news_row1 strong { width: 190px; }
.news_row .fl .news_row1 strong em { font-style: normal; font-size: 12px; text-transform: uppercase; color: #909090; }
.news_row .fr .news_row1 strong { width: 190px; overflow: hidden; }
.news_row .fr .news_row1 strong em { font-style: normal; font-size: 12px; text-transform: uppercase; color: #909090; }
.news_div_item, .divdgweb_new_div_item { position: relative; padding: 5px 0; height: 30px; overflow: hidden; transition: 0.3s all ease; }
.divdgweb_new_div_item_date, .news_div_item_date { position: absolute; right: 0; top: 14px; transition: 0.3s all ease; }
.divdgweb_new_div_item_date > div, .news_div_item_date > div { display: inline-block; color: #787878; font-size: 14px; font-family: 'arial'; }
.news_div_item_title, .divdgweb_new_div_item_title { position: relative; }
.news_div_item_year:after, .news_div_item_year::after, .divdgweb_new_div_item_year:after, .divdgweb_new_div_item_year::after { content: '-'; }
.on .news_div_item_year:after, .on .news_div_item_year::after, .on .divdgweb_new_div_item_year:after, .on .divdgweb_new_div_item_year::after { content: ''; }
.news_div_item_title:after, .news_div_item_title::after, .divdgweb_new_div_item_title:after, .divdgweb_new_div_item_title::after { content: ''; background: #0063b8; width: 4px; height: 4px; position: absolute; left: 0; top: 14px; }
.on .news_div_item_title:after, .on .news_div_item_title::after, .on .divdgweb_new_div_item_title:after, .on .divdgweb_new_div_item_title::after { content: ''; display: none; }
.news_div_item_title .news_div_item_a, .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #444; padding-left: 15px; display: block; line-height: 30px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; }
.news_row2 .divdgweb_new_div, .news_row2 .news_div { padding: 25px 35px; height: 404px; font-weight: normal; background: #fff; }
.news_row3 .divdgweb_new_div, .news_row3 .news_div { padding: 25px 35px; height: 404px; font-weight: normal; background: #fff; }
.news_div_item_pic, .news_div_item_body, .divdgweb_new_div_item_body { transition: 0.3s all ease; }
.news_div_item_pic { margin-top: 15px; }
.news_div_item_pic a, .news_div_item_pic a img { display: block; width: 180px; height: 135px; }
.news_div_item.on, .divdgweb_new_div_item.on { height: 173px; border-bottom: 1px dotted #ccc; padding: 0 0 20px; margin: 5px 0; }
.news_div_item_body, .divdgweb_new_div_item_body { line-height: 21px; color: #767676; font-size: 13px; width: 345px; position: absolute; right: 0; top: 110px; }
.on .divdgweb_new_div_item_date, .on .news_div_item_date { top: 23px; right: 285px; }
.on .news_div_item_title .news_div_item_a, .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 200px; top: 75px; width: 195px; text-decoration: none; }
.on .divdgweb_new_div_item_date > div, .on .news_div_item_date > div { font-weight: bold; color: #0063b8; font-size: 24px; line-height: 30px; }
.on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .on .news_div_item_date > .news_div_item_year { font-size: 14px; display: block; font-weight: 100; line-height: 20px; text-indent: 3px; }