body { overflow-x: hidden; }
.zz .m_zz li#top_boxbody { margin: 0px auto; padding: 0px; font-size: 14px; font-family: Microsoft YaHei; line-height: 24px; color: #333; }
div { margin: 0px; padding: 0px; }
span, p { margin: 0px; padding: 0px; font-family: Microsoft YaHei; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i { font-style: inherit; font-weight: inherit; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0 auto; }
body { font: 14px/1.5 "Microsoft YaHei"; font-size: 14px; color: #1b2229; min-width: 1300px }
#webdh { display: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol, li { list-style: none; }
dl, dt, dd, ol, ul, li { margin: 0px; padding: 0px; list-style: none; }
img { border: none; vertical-align: middle; }
a { text-decoration: none; color: #1b2229; transition: all 0.6s; }
a:hover { transition: all 0.6s; }
b { font-weight: normal; }
table { border-collapse: collapse; table-layout: fixed; }
tr, td { padding: 0 !important; }
input, textarea { outline: none; border: none; }
textarea { resize: none; overflow: auto; }
.fl { float: left }
.fr { float: right }
.tl { text-align: left; }
.tc { text-align: center }
.tr { text-align: right; }
.cl { clear: both; }
.ov { overflow: hidden; }
.db, .lb, .dd { font-size: 0; }
.db>div, .lb>li, .dd>dl { display: inline-block; vertical-align: top; }
em, .em, i { text-transform: upperprod; }
.ellipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inline { display: inline-block; *display: inline;
*zoom: 1;
}
:focus { outline: none; background-color: transparent; }
::selection { background: #115195; color: #fff; }
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
.clearfix { zoom: 1; }
.white, .whites { position: relative; overflow: hidden; }
.white:after, .whites:after { content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after { left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
@font-face { font-family: "din"; src: url("//memberpic.114my.com.cn/dgmanyi1/cssnew/akrobat-regular.woff2.txt") format("woff2"), url("//memberpic.114my.com.cn/dgmanyi1/cssnew/akrobat-regular.woff.txt") format("woff"), url("//memberpic.114my.com.cn/dgmanyi1/cssnew/akrobat-regular.ttf.txt") format("truetype"), url("//memberpic.114my.com.cn/dgmanyi1/cssnew/akrobat-regular.eot.txt") format("embedded-opentype"), url("//memberpic.114my.com.cn/dgmanyi1/cssnew/akrobat-regular.svg.txt") format("svg"); }
@font-face { font-family: "pmzd"; src: url("//memberpic.114my.com.cn/dgmanyi1/cssnew/pmzd.woff2.txt") format("woff2"), url("//memberpic.114my.com.cn/dgmanyi1/cssnew/pmzd.woff.txt") format("woff"), url("//memberpic.114my.com.cn/dgmanyi1/cssnew/pmzd.TTF.txt") format("truetype"), url("//memberpic.114my.com.cn/dgmanyi1/cssnew/pmzd.eot.txt") format("embedded-opentype"), url(".http://login.114my.cn/memberpic/dgmanyi1/cssnew/pmzd.svg.txt") format("svg"); }
@font-face { font-family: 'iconfont';  /* Project id 2904862 */ src: url('//at.alicdn.com/t/font_2904862_fu0qgs8rly6.woff2?t=1636006479708') format('woff2'), url('//at.alicdn.com/t/font_2904862_fu0qgs8rly6.woff?t=1636006479708') format('woff'), url('//at.alicdn.com/t/font_2904862_fu0qgs8rly6.ttf?t=1636006479708') format('truetype'); }
/*公用*/
.page, .content { width: 1400px; margin: 0 auto; overflow: hidden; }
.content1 { width: 1400px; margin: 0 auto; position: relative; }
.pr { position: relative; }
.pa { position: absolute; }
.nnx { margin-right: 0px !important; }
#top10, #top20, #top30, #top40, #top50, #top60, #top80, #top100 { margin: 0 auto; width: 1400px; overflow: hidden; }
#top10 { height: 10px; }
#top20 { height: 20px; }
#top30 { height: 30px; }
#top40 { height: 40px; }
#top50 { height: 50px; }
#top60 { height: 60px; }
#top80 { height: 80px; }
#top100 { height: 100px; }
.gy { max-width: 95%; margin: 0 auto; min-width: 1300px; width: 100%; }
@media screen and (max-width: 1550px) {
.gy { width: calc(100% - 50px); }
}
.headd { }
/* wel */
.wel_b { width: 100%; height: 42px; border-bottom: 1px solid #eee; position: relative; z-index: 1201; }
.wel_b>div { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.wel_le { display: flex; align-items: center; height: 100%; background: #28719c; position: relative; width: 73%; z-index: 3; }
.wel_le p, .wel_le a, .wel_ri li i, .wel_ri li b { display: inline-block; vertical-align: middle; color: #fff; font-weight: normal; }
.wel_le p { margin-right: 10px; display: flex; align-items: center; color: #fff; }
.wel_le p span { font-size: 20px; color: #fff; margin-right: 12px; }
.wel_le a, .wel_ri li { position: relative; padding: 0 15px; }
.wel_ri { background: #28719c; width: 27%; display: flex; height: 100%; justify-content: flex-end; position: relative; z-index: 2; }
.wel_ri ul { display: flex; height: 100%; width: 85%; }
.wel_ri li a { display: flex; align-items: center; }
.wel_ri li span { font-size: 24px; color: #fff; }
.wel_ri li b { margin-left: 8px; font-size: 22px; font-family: "din"; }
.wel_ri li { display: flex; align-items: center; }
.wel_ri li .ewm { width: 117px; height: 117px; position: absolute; top: 49px; left: 0; transition: 0.6s; transform: rotateX(90deg); transform-origin: top; }
.wel_ri li:hover .ewm { transform: rotateX(0deg); }
.wel_ri li .ewm img { width: 117px; }
.wel_le:before { position: absolute; content: ""; width: 500px; height: 100%; background: #28719c; top: 0; left: -500px; }
.wel_le:after { position: absolute; content: ""; width: 0; height: 0; border-top: 42px solid #28719c; border-right: 20px solid transparent; top: 0px; right: -20px; }
.wel_ri:before { position: absolute; content: ""; width: 500px; height: 100%; background: #28719c; top: 0; right: -500px; }
.wel_ri li:last-child { padding-right: 0; }
.pse img { width: 20px; }
/*header*/
.head_c { height: 124px; display: flex; justify-content: space-between; align-items: center; }
.logo_c { display: flex; position: relative; align-items: center; min-width: 350px; height: 100%; }
.logo_c img { height: 85px; }
.logo_line { position: relative; width: 1px; height: 67px; background: #dcdcdc; margin: 0 19px; }
.logo_line:after, .logo_line:before { position: absolute; content: ""; width: 3px; height: 3px; background: #28719c; }
.logo_line:after { top: 0; left: -1px; }
.logo_line:before { bottom: 0; left: -1px; }
.logo_c div { margin-left: 19px; }
.logo_c div b { background-image: -webkit-linear-gradient(60deg, #333 30%, #999 54%, #333 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: normal; font-family: "pmzd"; font-size: calc(1rem + 1.1vw); line-height: calc(1rem + 1vw); overflow: hidden; width: 102%; }
.logo_c div p { font-size: 14px; color: #666666; margin-top: 0px; letter-spacing: 1px; background: #e5e5e5; border-radius: 15px; text-align: center; width: 100%; margin: 0 auto; margin-top: 6px; }
.hea_rc { display: flex; width: 70%; position: relative; height: 100%; margin-right: 2%; justify-content: flex-end; align-items: center; }
.nav_c { width: 90%; min-width: 700px; height: 100%; margin-right: 2%; }
.nav_c ul { width: 100%; display: flex; position: relative; height: 100%; justify-content: space-around; }
.nav_c ul li { height: 100%; width: 13%; }
.nav_c ul li>a { text-align: center; font-size: 17px; position: relative; height: 100%; font-weight: normal; display: flex; justify-content: space-around; align-items: center; left: 0; }
.nav_c ul li>a:before { position: absolute; content: ""; width: 100%; height: 2%; box-sizing: border-box; bottom: 19px; opacity: 0; background: #28719c; left: 0; }
.nav_c>ul>li.on>a, .nav_c>ul>li:hover>a { color: #333; }
.nav_c ul li:hover>a:before, .nav_c ul li.on>a:before { opacity: 1; z-index: -1; }
.erji_menu { width: 100%; position: absolute; left: 0; border-top: 1px solid #eee; background-color: #fff; z-index: 999; top: 124px; display: none; padding: 40px 30px; }
.erjinr { margin: 0 auto; width: 100%; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; }
.erjinr1 { float: left; background: url() no-repeat; font-size: 20px; font-weight: bold; color: #333; line-height: 26px !important; padding-top: 8px; }
.erji_menu a { font-size: 13px; }
.erji_menu .erjinr1 a { display: block; width: 120px; height: 32px; color: #999 !important; font-size: 13px; line-height: 32px; text-align: center; text-transform: uppercase; border: 1px solid #cecece; margin-top: 16px; font-weight: normal!important; }
.erjinr2 { float: left; }
.erji_menu .erjinr2 a { display: block; line-height: 36px; height: auto; font-size: 14px; color: #333 !important; width: inherit !important; text-align: left; border: 1px #eee solid; padding: 0px 25px; margin-top: 15px; }
.erjinr21 { float: left; padding-right: 25px; border-right: 1px solid #e9e9e9; }
.erjinr22 { float: left; padding-left: 25px; }
.erjinr3 { float: right; width: 217px; border: 1px solid #eee; text-align: center; color: #333; }
.erjinr3 img { }
.erji_menu .erjinr3 a { line-height: 30px; height: auto; font-size: 13px; }
.erjinr3 span { display: block; padding-bottom: 0px; }
.erjinr2 a { font-size: 14px!important; color: #333; font-weight: 100!important; }
.head_pho { display: flex; height: 120px; align-items: center; justify-content: space-between; width: 11%; position: relative; }
.icon { height: 100%; }
.pse img { width: 20px; }
.pho_wz p, .pho_wz b { color: #fff; }
.pho_wz p { font-size: 1rem; }
.pho_wz b { font-size: 1.4rem; }
.pho_ic { width: 37px; height: 37px; border-radius: 100%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; }
/*搜索*/
.icon_tel { width: 292px; background: #f5f5f5; border-radius: 20px; height: 45px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; align-content: stretch; }
.iser_box { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-content: stretch; align-items: center; flex-wrap: wrap; flex-direction: column; }
#infoname { width: 75%; float: left; background: #f5f5f5; font-size: 12px; padding-top: 9px; }
.z { float: right; }
/*幻灯片*/
.banner { overflow: hidden; width: 100%; position: relative; z-index: 1; background: #000; }
.banner-box { min-width: 1300px; height: 800px; position: relative; margin: 0 auto; }
.banner-box .bd, .banner-box .bd ul { width: 100% !important; }
.banner-box .bd li { width: 100% !important; height: 800px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a { display: block; background-size: auto; width: 100%; height: 60%; position: relative; z-index: 9; }
.banner-btn { width: 100%; position: absolute; bottom: 0px; left: 0; margin-left: 0; height: 900px; overflow: hidden; top: 380px; }
.banner-btn a { display: block; width: 49px; height: 104px; position: absolute; top: 30px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: 0.3s all ease-in-out; z-index: 9; }
.banner-btn a.prev { left: -50px; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230525/20230525173949_512006747.png) no-repeat 0 0; }
.banner-btn a.next { right: -50px; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230525/20230525173949_512006747.png) no-repeat -49px 0; }
.banner-box .hd { position: absolute; bottom: 350px; width: 100%; display: block; }
.banner-box .hd ul { text-align: center }
.banner-box .hd ul li { width: 7px; height: 7px; border-radius : 50%; text-indent: -9999px; background: #fff; cursor: pointer; display: inline-block; margin: 0 5px; transition: 0.3s all ease-in-out; opacity: 0.8; }
.banner-box .hd ul li.on { background: #28719c; border-radius: 8px; width: 40px; }
.banner-box:hover .banner-btn a.prev { left: 10px; filter: alpha(opacity=40); -moz-opacity: .4; -khtml-opacity: .4; opacity: .4; }
.banner-box:hover .banner-btn a.next { right: 10px; filter: alpha(opacity=40); -moz-opacity: .4; -khtml-opacity: .4; opacity: .4; }
.banner-box .banner-btn a.prev:hover, .banner-box:hover .banner-btn a.next:hover { filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; }
/*个性化定制*/
.protab3 { width: 100%; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230525/20230525174015_2127917802.jpg) no-repeat bottom center; padding: 30px 0; height: 400px; }
.content { width: 1400px; margin: 0 auto; overflow: inherit; }
.content .on .content_pa { display: block; background: #fff; height: 445px; top: -445px; position: relative; z-index: 99; opacity: 1; transition: 1s all ease; }
.content li { width: 24%; height: 300px; float: left; text-align: center; }
.content li+li { margin-left: 1%; }
.content_pa { width: 100%; margin: 0 auto; padding: 80px 20px; background: #fff; box-shadow: 0px 5px 20px #ccc; opacity: 0; }
.content_p em { font-size: 14px; text-align: center; width: 100%; line-height: 20px; height: 20px; color: #28719c; }
.content_p i { font-size: 22px; width: 100%; line-height: 50px; display: block; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230525/20230525174036_56032729.png) no-repeat center; color: #28719c; background-size: 75%; }
.content_p span { font-size: 16px; margin-top: 30px; display: block; line-height: 35px; }
.content_pa a { display: block; width: 190px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center; font-size: 14px; color: #fff; border: 1px #eee solid; transition: all 0.5s; -webkit-transition: all 0.5s; margin-top: 75px; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230525/20230525174206_1275179122.png) no-repeat center; }
.content_pa a:hover { color: #fff; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230525/20230525174206_1275179122.png) no-repeat center; border: none; }
.content_sr { width: 100%; margin: 0 auto; padding: 20px; }
.content_sr img { width: 100%; }
.content_sr a { width: 90%; height: 100px; line-height: 58px; font-size: 16px; background: #fff; color: #999; display: block; margin: 0 auto; position: relative; z-index: 1; margin-top: -25px; }
.co_ic { font-size: 40px !important; height: 40px; overflow: hidden; margin: 0 auto; top: 15px; bottom: 0; line-height: 40px; position: relative; color: #28719c; }
/*pro*/
.pro { width: 100%; padding: 80px 0; position: relative; }
.pro_box { width: 1400px; margin: 0 auto; }
.pro_tit { text-align: center; font-size: 42px; position: relative; line-height: 49px; color: #333; z-index: 2; margin-bottom: 70px; }
.pro_tit p:before { content: ''; width: 24px; height: 2px; background: #28719c; opacity: 0.8; position: absolute; left: 50%; bottom: -12px; z-index: -1; margin: 0 auto; text-align: center; }
.pro_tit b { color: #28719c; font-weight: bold; }
.pro_tit p { font-size: 18px; color: #8f8f8f; }
.pro_tit1 { text-align: center; font-size: 42px; position: relative; line-height: 55px; color: #fff; z-index: 2; }
.pro_tit1 p:before { content: ''; width: 24px; height: 2px; background: #fff; opacity: 0.8; position: absolute; left: 50%; bottom: -12px; z-index: -1; margin: 0 auto; text-align: center; }
.pro_tit1 b { color: #fff; font-weight: bold; }
.pro_tit1 p { font-size: 18px; color: rgba(255,255,255,0.5); }
.pro_tab { margin-top: 50px; }
.pro_nav { }
.pro_nav .prolist2021 { width: 100% !important; }
.pro_nav .prolist2021 ul { display: flex; justify-content: center; width: 1400px; align-items: center; margin: 0 auto; }
.pro_nav .prolist2021 ul li { width: 50%; height: 85px; text-align: center; line-height: 85px !important; background: #28719c; }
.pro_nav .prolist2021 ul li:hover { background: #f80205; }
.pro_nav .prolist2021 ul li.on a { font-weight: bold !important; color: #fff !important; background: #ff525b; width: 467px; background-size: 100% 100%; height: 85px; display: block; }
.pro_nav .prolist2021 ul li a { font-size: 20px; position: relative; color: #fff !important; }
.pro_con { padding-top: 60px !important; overflow: hidden; }
.pro_call { width: 1400px; overflow: hidden; }
.pro_call .divproduct_new_div_item { width: 32.3%; height: 550px; margin-right: 21px; padding: 35px; float: left; background: #fff; position: relative; border: 1px #eee solid; box-shadow: 0px 0px 15px #eee; }
.pro_call .divproduct_new_div_item:hover:before { height: 490px; }
.pro_call .divproduct_new_div_item:nth-child(3n) { margin-right: 0px; }
.pro_call .divproduct_new_div_item:nth-child(4n) { margin-right: 20px; }
.pro_call .divproduct_new_div_item:nth-child(n+1):nth-child(-n+4) { margin-bottom: 20px; }
.pro_call .product_div_item_pic { position: absolute; top: 35px; left: 25px; right: 25px; }
.pro_call .product_div_item_pic a { display: block; }
.pro_call .product_div_item_pic img { width: 100%; }
.pro_call .divproduct_new_div_item_content { position: absolute; left: 0; bottom: 110px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
.pro_call .divproduct_new_div_item_a { display: inline-block; font-size: 18px; color: #333; }
.pro_call .divproduct_new_div_item_a:after { display: block; content: "了解详细"; width: 394px; height: 33px; line-height: 33px; background: #ffffff; font-size: 14px; color: #999; text-align: center; position: absolute; bottom: -60px; left: 6%; transition: all 0.3s; border-radius: 0px; border: 1px #eee solid; }
.pro_call .divproduct_new_div_item:hover .divproduct_new_div_item_a:after { background: #28719c; color: #fff; border: none; font-size: 16px; }
.pro_call .divproduct_new_div_item:hover { box-shadow: none; }
.pro_call .divproduct_new_div_item_body { width: 100%; margin: 10px auto 0; font-size: 14px; color: #666; line-height: 24px; padding: 0 30px; }
/* case*/
.chara { font-family: "Microsoft Yahei"; font-size: 16px; line-height: 30px; padding: 100px 0px 110px 0px; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230526/20230526194537_495576006.jpg)no-repeat center; overflow: hidden; }
.chara_t { width: 285px; font-size: 20px; overflow: hidden; background: #f6f6f6; }
.chara_t li { height: 100px; color: #484848; padding: 30px 0 0 52px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.chara_t li a { display: block; color: #484848; font-size: 20px; }
.chara_t li em { display: block; opacity: 0.35; font-size: 12px; line-height: 16px; font-weight: normal; }
.chara_t li.cur { background: #28719c; color: #fff; border-left: 5px solid #ff525b; padding-left: 48px; border-bottom: 0; font-weight: 200; }
.chara_t li.cur a { color: #fff; font-size: 20px; }
.chara_c { background: #fff; overflow: hidden; position: relative; width: 1115px; padding: 50px; }
.chara_pho { width: 415px; height: 159px; position: absolute; right: 10px; bottom: 0; }
.chara_pho p { background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230526/20230526194826_713067942.png) no-repeat 0 0; height: 49px; line-height: 32px; padding-left: 40px; font-size: 28px; font-family: Impact; color: #28719c; }
.more01 a { display: block; width: 220px; line-height: 41px; background: #28719c; color: #fff; border-radius: 21px; text-align: center; font-size: 16px; }
.chara_c dt, .chara_c dt img { width: 545px; height: 400px; display: block; overflow: hidden; float: left; }
.chara_c dd { width: 470px; float: left; padding: 21px 26px 0 46px; }
.chara_c dd h3 { font-size: 24px; height: 62px; line-height: 38px; color: #2a2a2a; font-weight: 500; }
.chara_c dd h3 a { color: #2a2a2a; font-size: 24px; }
.chara_c dd h3 b { width: 82px; font-size: 60px; color: #28719c; line-height: 60px; display: block; float: left; font-family: Impact; }
.chara_c dd h3 em { display: block; font-size: 12px; opacity: 0.2; line-height: 20px; text-transform: uppercase; }
.chara_c dd p { font-size: 16px; padding-top: 20px; }
.chara_c dl { width: 1115px; overflow: hidden; float: left; }
/*topa*/
.topa { width: 100%; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230526/20230526190648_840591287.jpg) no-repeat center; padding: 90px 0px 180px 0px; }
.topa_box { width: 1400px; margin: 0 auto; padding-top: 100px; }
.topa_con { position: relative; z-index: 55; }
.topa_con ul { display: flex; }
.topa_con li { width: 480px; height: 520px; background: #fff; box-shadow: 0px 5px 22px #28719c; padding: 80px 108px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; transition: 0.5s; position: relative; z-index: 1; }
.topa_con li:after { content: ''; width: 0; height: 0; position: absolute; top: 0; left: 0; background: #28719c; z-index: -1; transition: 0.5s; }
.topa_con li:hover:after { width: 100%; height: 100%; transition: 0.5s; }
.topa_con li:hover, .top_con li:hover em, .top_con li:hover a { color: #fff; transition: 0.5s; }
.topa_con li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.topa_con li:nth-child(2) { width: 540px; height: 600px; transition: 0.5s; position: relative; z-index: 55; margin-top: -40px; border-radius: 10px; }
.topa_con li:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.topa_con li p { display: flex; flex-direction: column; font-size: 30px; line-height: 30px; align-items: center; }
.topa_con li p span { font-size: 14px; color: #cccccc; font-family: Arial; line-height: 14px; padding-top: 18px; text-transform: uppercase; letter-spacing: 1px; text-align: center; }
.topa_con li i { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #ddd; display: inline-block; margin: 20px 0; text-align: center; font-size: 40px; line-height: 100px; color: #ccc; }
.topa_con li em { font-size: 16px; color: #999999; line-height: 30px; display: inline-block; text-align: center; }
.topa_con li a { width: 180px; height: 50px; border: 2px solid #28719c; font-size: 18px; color: #28719c; text-align: center; line-height: 48px; margin-top: 40px; }
.topa_con li:hover a { border: 2px solid #fff; color: #fff; }
.topa_con li:hover em { color: #fff; }
/*优势*/
.g-super { background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230526/20230526195001_1144173330.jpg)no-repeat center; padding: 80px 0 150px 0px; }
.g-super .tit01 { height: 165px; }
.superbg { height: 740px; padding-top: 0px; width: 1400px; margin: 0 auto; background: #f8f8f8; box-shadow: 0 0 20px #ddd; }
.super { width: 1400px; margin: 0 auto; position: relative; height: 750px; }
.super-nav { width: 300px; float: right; height: 503px; background: #fff; }
.super-nav li { width: 100%; height: 185px; position: relative; cursor: pointer; padding: 62px 0; background: #e6e6e4; border-bottom: 1px #fff solid; }
.super-nav li em { display: block; margin: 0 7px 0 30px; float: left; width: 65px; height: 65px; line-height: 65px; border-radius: 5px; text-align: center; font-size: 38px; color: #1a1a1a; font-family: "din"; }
.super-nav li h4 { font-size: 26px; color: #333; float: left; padding-top: 4px; position: relative; z-index: 9999; }
.super-nav li h4:before { content: ''; position: absolute; height: 2px; width: 25px; top: 0; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; z-index: 2; }
.super-nav li h4 i { display: block; font-weight: normal; text-transform: uppercase; font-size: 8px; color: #333; line-height: normal; }
.super-nav .on { background: #28719c; height: 186px; padding: 62px 0; }
.super-nav li.on em { color: #fff; padding-left: 10px; background: rgba(255,255,255,0); font-family: din; }
.super-nav li.on h4 { color: #fff; z-index: 1299; padding-left: 10px; padding-top: 0px; }
.super-nav li.on h4 i { color: #fff; z-index: 1299; }
.super-nav li.on h4:before { width: 140px; height: 65px; z-index: -6; background: rgba(255,255,255,0); transition: 0s; }
.super-pic { width: 1100px; position: relative; }
.super-pic:before { position: absolute; content: ""; width: 89%; height: 1px; border-bottom: 1px solid #eee; top: 500px; margin: 0 5.8%; display: flex; justify-content: space-evenly; flex-wrap: nowrap; align-items: center; align-content: space-around; }
.super-pic img { width: 1100px; height: auto; padding: 60px; }
.super-c { width: 1100px; height: 238px; border-bottom: 10px solid #28719c; background: #f8f8f8; padding: 25px 130px 0 95px; box-sizing: border-box; position: absolute; left: 0px; bottom: 10px; }
.super-c h3 { font-size: 36px; line-height: 42px; color: #333333; margin-bottom: 20px; }
.super-c h3 i { display: block; font-size: 13px; color: #afaeae; line-height: 26px; text-transform: uppercase; font-weight: lighter; }
.super-c p { font-size: 16px; color: #4c4c4c; line-height: 28px; font-weight: lighter; }
/*简介*/
.yzbj { height: auto; }
.yz { width: 1400px; margin: 0 auto; }
.yz .yzt { width: 1100px; height: 691px; float: left; margin-left: -500px; }
.yz .yzt img { height: 800px; transition: all 0.5s linear 0s; }
.yz .yz_rig { width: 725px; height: auto; float: right; position: relative; box-sizing: border-box; }
.yz .yz_rig .yz_rigtit { width: 725px; height: auto; padding-top: 80px; box-sizing: border-box; margin-bottom: 30px; }
.yz .yz_rig .yz_rigtit span { display: block; font-size: 38px; line-height: 52px; color: #333333; margin-bottom: 8px; }
.yz .yz_rig .yz_rigtit em { display: block; font-size: 22px; line-height: 36px; color: #cacaca; }
.yz .yz_rig .yzsm { width: 715px; height: auto; margin-bottom: 0; font-size: 15px; color: #333; text-align: justify; line-height: 29px; }
.shu { width: 60%; height: 180px; box-sizing: border-box; float: right; z-index: 2; position: relative; margin-top: -140px; margin-right: 0%; }
.yzsm_a { font-size: 16px; width: 189px; height: 40px; position: absolute; margin: 0 auto; background: #fff; text-align: center; line-height: 40px; color: #333; border-radius: 30px; margin-top: 25px; border: 1px solid rgb(238, 238, 238); }
.yzsm_a:hover { background: #28719c; color: #fff; }
.shu ul li { float: left; width: 33.3%; height: 180px; background: #28719c; opacity: 0.9; display: flex; padding: 0px 1.8vw; flex-wrap: wrap; align-items: center; justify-content: space-evenly; }
.shu ul li+li { border-left: 1px solid rgba(255,255,255,0.1); }
.shu ul li:nth-child(2) span { margin-left: 80px; }
.shu ul li:nth-child(3) span { margin-left: 90px; }
.shu ul li span em { font-size: 14px; color: #fff; margin-right: 9px; display: block; float: left; }
.shu ul li p { font-size: 26px; color: #fff; width: 250px; height: 40px; line-height: 40px; overflow: hidden; margin-top: 24px; float: left; }
.shu .jia { display: block; width: 200px; height: 100px; position: absolute; left: -100px; bottom: 0; }
.shu ul li span em::after { content: ""; position: absolute; border-bottom: 2px solid #eee; width: 20px; height: 1px; display: flex; margin-top: 14px; }
.gun_le { float: left; width: 80px; height: 80px; background: #fff; border-radius: 50px; background-size: 80px 80px; }
.gun_ri { width: 50%; overflow: hidden; margin-left: 20px; }
.iconfont_i { font-size: 40px !important; padding: 0px 20px; margin-top: 10px; position: absolute; color: #28719c; }
.new_web_div2021:nth-child(2) ul li a img { width: 193px !important; height: 258px !important; }
.ab_cc .new_web_div2021:nth-child(2) ul li { width: 14% !important; }
/*实景*/
.fac { padding-bottom: 80px; padding-top: 90px; width: 1400px; margin: 0 auto; }
.ab_tc { display: flex; justify-content: space-between; align-items: center; }
.ab_num.on { display: block; }
.ab_num { display: none; }
.ab_nav { width: 100%; }
.ab_nav>ul { display: flex; }
.ab_nav li { width: 50%; }
.ab_nav>ul a { display: block; width: 100%; height: 52px; background: #28719c; color: #fff; text-align: center; line-height: 52px; font-size: 17px; }
.ab_nav>ul li+li { border-left: 1px solid #515151; }
.ab_nav>ul>li.on a { background: #ff525b; }
.ab_cc ul { display: flex; }
.ab_cc { display: flex; transition: all .3s; }
.ab_ic { background: #fff; }
.ab_cc ul img { width: 100%; height: auto; }
.ab_cc ul li { flex-shrink: 0; width: 25%; padding: 0 0.13%; }
.ab_cc .new_web_div2021 { flex-shrink: 0; width: 100%; }
.ab_bi { overflow: hidden; margin-top: 28px; }
.ab_num span { display: inline-block; width: 30px; height: 30px; border-radius: 4px; text-align: center; background: #333; color: #fff; line-height: 30px; font-size: 14px; cursor: pointer; }
span.ab_prev { background: #28719c; }
span.ab_next { transform: rotate(180deg); margin-left: 5px; }
.ab_cc ul li>a { display: block; position: relative; overflow: hidden; border: 1px solid #eee; }
.ab_cc ul li>a:after, .ab_cc ul li>a:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.25); height: 100%; width: 100%; transition: all .5s; }
.ab_cc ul li>a:after { left: 0; top: -100%; }
.ab_cc ul li>a:before { left: 0; top: 100%; }
.ab_cc ul li>a:hover:after, .ab_cc ul li>a:hover:before { top: 0; }
.ab_cc ul li p a { display: block; font-size: 16px; text-align: center; margin-top: 15px; }
/*流程*/
.proc_bc { width: 100%; background: url(//memberpic.114my.com.cn/dg087118/uploadfile/image/20230526/20230526195041_1442120617.jpg)no-repeat center; padding: 80px 0 0px 0px; position: relative; overflow: hidden; }
.proc_c { position: relative; z-index: 999; }
.proc_c ul { margin-top: 60px; display: flex; justify-content: space-between; }
.proc_c ul li { width: 16%; height: 327px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all .5s; border: 1px solid #fdfdfd; background: #fff; border-top-left-radius: 60px; border-bottom-right-radius: 60px; }
.proc_c ul li i { display: block; width: 90px; height: 90px; border-radius: 100%; border: 1px solid #d2d2d2; display: flex; justify-content: center; align-items: center; position: relative; transition: all .5s; }
.proc_c ul li i b { width: 24px; height: 24px; display: block; padding: 5px; background: #fdfdfd; position: absolute; top: -11px; right: 25px; display: flex; justify-content: center; align-items: center; }
.proc_c ul li:nth-child(2) i b { top: 50%; margin-top: -14px; right: -12px; }
.proc_c ul li:nth-child(3) i b { top: 50%; margin-top: -3px; right: -12px; }
.proc_c ul li:nth-child(4) i b { top: 50%; margin-top: 14px; right: -6px; }
.proc_c ul li:nth-child(5) i b { top: 50%; margin-top: 14px; left: -6px; }
.proc_c ul li:nth-child(6) i b { top: 50%; margin-top: -3px; left: -12px; }
.proc_c ul li:nth-child(7) i b { top: -11px; left: 25px; }
.proc_c ul li i b span { display: block; width: 13px; height: 13px; border-radius: 100%; border: 2px solid #28719c; }
.proc_c ul li i>span { font-size: 38px; color: #8a8a8a; }
.proc_c ul li p { font-size: 20px; color: #333; margin: 27px 0 13px; transition: all .5s; }
.proc_c ul li div { font-size: 15px; color: #666; line-height: 24px; text-align: center; width: 70%; }
.proc_btn { width: 811px; height: 59px; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: 110px; background: #28719c; border-top-left-radius: 80px; border-bottom-right-radius: 80px; }
.proc_btn i { font-size: 24px; color: #fff; }
.proc_btn span { font-size: 36px; color: #fff; font-family: Arial; }
.proc_c ul li:hover i { transform: rotate(360deg); }
.proc_c ul li:hover i>span { color: #28719c; }
.proc_c ul li:hover p { color: #28719c; transform: rotateX(360deg); }
.proc_c ul li:hover { border-color: #28719c; transform: translateY(-10px); border-top-left-radius: 0px; border-bottom-right-radius: 0px; }
/*新闻*/
.news_bg { width: 100%; background: #fff; padding-bottom: 80px; }
.news { width: 1400px; margin: 0 auto; }
.news_t { text-align: left; float: left; width: 300px; padding: 70px 0 40px 0; }
.news_t dd:after { display: none; }
.news_t p { font-size: 36px; font-weight: normal; }
.news_t dd { font-size: 18px; color: #999; line-height: 30px; }
.news_a { width: auto; float: right; margin-top: 90px; }
.news_a a { display: block; width: 152px; height: 46px; line-height: 44px; font-size: 18px; color: #333; float: left; box-sizing: border-box; text-align: center; margin-left: 20px; }
.news_a a.on { background: #28719c; color: #fff; border: 1px #28719c solid; }
.news_b { height: 570px !important; margin-top: 20px; width: 100% !important; }
.news_box { width: 100% !important; }
.news_box .news_div_item { width: 33.334%; height: 118px; float: left; position: relative; box-sizing: border-box; background: #fff; margin-left: 2%; margin-bottom: 16px; border: 1px solid #eee; }
.news_box .news_div_item:nth-child(1) { margin-left: 0; }
.news_box .news_div_item:nth-child(-n+2) { width: 31%; height: 520px; padding: 24px; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic img { width: 100%; height: 274px; box-sizing: border-box; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic { position: absolute; top: 24px; width: 89.362%; display: block; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_date { position: absolute; top: 348px; width: 83%; font-size: 12px; color: #999; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content .news_div_item_title a:after { content: 'Read more →'; font-size: 12px; color: #222; line-height: 40px; position: absolute; bottom: -130px; width: 100%; left: 0; }
.news_div_item_year, .news_div_item_month, .news_div_item_day { display: inline-block; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content { position: absolute; top: 310px; width: 89.362%; }
a.news_div_item_a { font-size: 18px !important; color: #333; line-height: 40px; position: relative; }
.news_div_item_body { font-size: 14px; color: #999; line-height: 26px; overflow : hidden; top:;
ext-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_body { -webkit-line-clamp: 2; margin-top: 24px; }
.news_div_item_pic, .news_box .news_div_item:nth-child(n+3) .news_div_item_date { display: none; }
.news_box .news_div_item:nth-child(n+3) .news_div_item_content { width: 100%; padding: 26px 34px; }
.news_box .news_div_item:nth-child(n+3) a.news_div_item_a { line-height: 30px; }
.news_box .news_div_item:nth-child(n+3):after { content: ""; display: block; width: 0; height: 6px; background: #28719c; margin-bottom: -6px; transition: 0.3s all ease-in-out; }
.news_box .news_div_item:nth-child(n+3):hover::after { width: 100%; }
.bac { background: #222; background-size: 100% 100%; padding: 70px 0 0px 0; position: relative; z-index: 1; }
.bac1 { padding: 0!important; }
.bac_i { width: 95%; height: 100px; background: #fff; margin: 0 auto; top: 0px; position: relative; border-radius: 0px; box-shadow: 0px 0px 10px #ddd; }
/*底部*/
.links { width: 1400px; overflow: hidden; line-height: 30px; margin: 0 auto; }
.linksW { margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.links_l { width: 100px; }
.links_lm { font-size: 18px; line-height: 30px; color: #333; }
.links_r { width: 93%; color: #999; padding-left: 30px; }
.links_r a { font-size: 15px; color: rgba(255,255,255,0.5); }
/*copy*/
.wrapper { margin: 0 auto; }
.bqtop { width: 100%; height: 10px; overflow: hidden; position: relative; }
.copy { width: 1400px; padding: 90px 30px; margin: 0 auto; }
.copy_box { margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.copy_con { width: 50%; position: relative; }
.copy_con ul { display: flex; justify-content: space-between; width: 100%; }
.copy_con li { display: flex; flex-direction: column; }
.copy_con li p { font-size: 18px; color: #fff; line-height: 30px; padding-bottom: 22px; }
.copy_con li a { font-size: 15px; color: rgba(255,255,255,0.5); line-height: 28px; margin-bottom: 4px; }
.copy_con li a:hover { color: #fff; transition: 0.5s; }
.copy_int { width: 28%; display: flex; justify-content: space-between; }
.copy_l { padding: 20px; background: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 42%; }
.copy_l i { display: inline-block; width: 100%; }
.copy_l i img { width: 100%; }
.copy_l>p { font-size: 15px; line-height: 20px; padding-top: 15px; }
.copy_r { }
.copy_r>p { display: flex; flex-direction: column; font-size: 18px; color: #fff; line-height: 26px; margin-top: 10px; }
.copy_r>p span { font-size: 28px; color: #fff; margin-top: 15px; font-family: "din"; }
.copy_r a { width: 160px; height: 42px; border-radius: 40px; background: #28719c; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; margin-top: 30px; }
.copyright { padding: 28px 0; overflow: hidden; border-top: 1px rgba(255,255,255,0.1) solid; }
.copyright .con { line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.7); text-align: center; }
.copyright a { color: rgba(255,255,255,0.7); font-size: 14px; }
.copyright a:hover { color: #fff; font-size: 14x; }
.linkTagcs li a { color: #333 !important; }
/*-- end footer --*/

/*mol*/
.mol { padding: 40px 0; overflow: hidden; position: relative; margin-top: -123px; z-index: 30; width: 100%; }
 @media screen and (max-width:999px) and (min-width:800px) {
.box1 { max-width: 990px; }
}
@media screen and (max-width:1099px) and (min-width:1000px) {
.box1 { max-width: 1070px; }
}
@media screen and (max-width:1299px) and (min-width:1100px) {
.box1 { max-width: 1280px; }
}
@media screen and (max-width:1499px) and (min-width:1300px) {
.box1 { max-width: 1490px; }
}
@media screen and (max-width:1920px) and (min-width:1500px) {
.box1 { max-width: 1400px; }
}