@charset 'utf-8';
body { position: relative; }
.header1 .logo img,
.header1,
.header1 .pctopnav li,
.footer2 .di .faredi ul li .imgk,
.footer1 .follow .faredi ul li .imgk,
.proul li .imgk .imgy,
.youcon,
.header1::before,
.slick_b .container span,
.nei2_k .nei2_1_1 ul li .imgk .imgy,
.nei2_k .nei2_1_1 ul li p,
.cases ul li .h5m,
.cases ul li h3,
.navsan ul li a::after,
.navsan ul li a,
.nei1_2 .fr .h5m span { -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.h_badat img,
.solul li .imgk img,
.casul li .imgk img,
.serul li .imgk img,
.supul li.li2 .imgk img,
.news .li2 .imgk img,
.nei1_31 .imgk img,
.cases ul li .imgk img,
.nei5_1 img,
.nei6_ ul .liz .imgk img,
.nei6_ .ullist ul .li1 .imgk img,
.pros .pros1,
.proul li .lip,
.proul li .h5m { -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
}
/*动画*/

@-webkit-keyframes fadeInUps { 0% {
opacity: 0;
-webkit-transform: translate3d(-50%, 100%, 0);
transform: translate3d(-50%, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
@keyframes fadeInUps { 0% {
opacity: 0;
-webkit-transform: translate3d(-50%, 100%, 0);
transform: translate3d(-50%, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
.fadeInUps { -webkit-animation-name: fadeInUps; animation-name: fadeInUps; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.wow { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
/*右侧图标*/
/*.icony{
position: fixed;
z-index: 1060;
right: 0px;
bottom: 50px;
width: 42px;
}
.icony img{
cursor: pointer;
width: 42px;
height: 42px;
}*/
/*右侧图标*/
/*分享*/
.icony { position: fixed; z-index: 1060; right: 0px; bottom: 50px; width: 42px; }
.icony img { cursor: pointer; width: 42px; height: 42px; }
.icony .icony1 { position: relative; }
.icony .icony1 .p-flyout-widget { background: #fff; cursor: default; box-shadow: 0 5px 5px rgba(0,0,0,0.2); display: none; position: absolute; min-width: 258px; min-height: 100px; right: 50px; top: -49px; z-index: 7; }
.icony .icony1 .p-flyout-widget .p-flyout-widget-arrow::before { position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; overflow: hidden; font: 0/0 serif; border-left: 5px solid #fff; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 0; border-width: 7px; box-shadow: 1px 0 -2px 3px #000; content: ''; position: absolute; right: -7px; top: 50%; display: block; width: 1px; }
.icony .icony1 .p-icon-close { cursor: pointer; position: absolute; right: 20px; top: 9px; padding-bottom: 2px; width: 26px; height: 26px; line-height: 26px; text-align: center; }
.icony .icony1 .p-icon-close img { width: auto; height: auto; }
.icony .icony1 .p-icon-close:hover .img_s { display: none; }
.icony .icony1 .p-icon-close:hover .img_d { display: inline-block; }
.icony .icony1 .p-flyout-widget-content { max-height: 800px; overflow: auto; color: #333; }
.icony .icony1 .p-flyout-widget-content .p-flyout-widget-dummy { padding: 10px 21px 10px 21px; text-align: center; }
.p-comp-spacing-bottom { padding-bottom: 15px; color: #333; font-family: "Arial"; font-size: 16px; }
.p-comp-spacing-bottom .bshare-custom { display: inline-block; padding-top: 30px; }
.p-comp-spacing-bottom .bshare-custom a { margin-right: 4px; }
.p-comp-spacing-bottom .bshare-custom img { width: auto; height: auto; }
/*分享 终*/




.youcon { min-height: 198px; position: fixed; z-index: 1060; right: -270px; bottom: 160px; width: 270px; padding-left: 43px; padding-top: 5px; padding-bottom: 5px; -webkit-transition: right 200ms ease-out; transition: right 200ms ease-out; }
.youcon .p_info { background-color: #fff; width: 270px; min-height: 250px; display: none; border: 1px solid #e0e0e0; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.youcon .p_info .p_con { padding: 26px 20px 20px 28px; visibility: hidden; }
.youcon .p_info .p_con h3 { color: #666666; font-size: 14px; line-height: 22px; padding-bottom: 14px; }
.youcon .p_info .p_con p { margin-top: 10px; }
.youcon .p_info .p_con p a { font-size: 13px; color: #0e89d6; }
.youcon .p_info .p_con p a img { width: 4px; height: 8px; margin-top: -1px; margin-left: 6px; }
.youcon .p_info .p_feed { border-top: 1px solid #ccc; padding: 26px 20px 20px 28px; }
.youcon .p_info .p_feed h3 { letter-spacing: -0.1px; font-size: 14px; font-weight: bold; line-height: 22px; color: #002a5c; margin-bottom: 15px; }
.youcon .p_info .p_feed p { color: #666666; font-size: 14px; line-height: 22px; padding-bottom: 14px; }
.youcon .p_info .p_feed button { border: 1px solid transparent; color: #fff; cursor: pointer; display: inline-block; line-height: 1.42857143; text-align: center; position: relative; vertical-align: middle; font-size: 12px; padding: 4px 20px 3px 20px; margin-bottom: 0; border-radius: 2px 2px 2px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 78px; background-color: #003478; }
.youcon .p_toggler { position: absolute; display: block; right: 270px; padding: 0 20px 0 26px; outline: none; bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; background-color: #00478a; }
.youcon .p_toggler span { position: relative; display: block; font-size: 16px; line-height: 42px; color: #fff; white-space: nowrap; width: auto; height: auto; margin: 0 auto; float: left; }
.youcon .p_toggler span img { width: 14px; line-height: 26px; margin-left: 6px; }
.youcon.active { right: 0;/*overflow: hidden;*/ }
.youcon.active .p_info { display: block; box-shadow: 0 0 5px rgba(0,0,0,0.15); }
.youcon.active .p_info .p_con { visibility: visible; }
.youcon.active .p_toggler { right: 227px; bottom: 20%; }
.youcon.active .p_toggler span img.img_s { display: none; }
.youcon.active .p_toggler span img.img_d { display: inline-block; }
/*头部菜单*/
.header1 { position: fixed; top: 0; left: 0; width: 100%; height: 82px; z-index: 1050; }
.header1::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg1.png) no-repeat center top; background-size: cover; height: 82px; }
.header1::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: .3; }
.pcheader { position: relative; height: 100%; }
.logo { float: left; height: 100%; line-height: 82px; position: relative; }
.logo .img_1 { max-height: 54px; border: 0; padding: 0; margin: 0; }
.logo .img_2 { max-height: 54px; border: 0; padding: 0; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.header1 .logo a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.header1 .logo { position: relative; }
/*pc导航右*/
.pctopicon { position: absolute; top: 50%; right: 15px; height: 20px; margin-top: -10px; }
.pctopicon li { float: right; cursor: pointer; margin-left: 27px; position: relative; }
.pctopicon li.sou img { width: 19px; height: 20px; }
.pctopicon li.sou .souk { position: absolute; width: 260px; height: 36px; top: 50%; margin-top: -18px; right: 0; z-index: 2; }
.pctopicon li.sou .souk.active { display: none; }
.pctopicon li.sou .souk img { position: absolute; top: 8px; right: 18px; }
.pctopicon li.sou .souk input { width: 100%; height: 100%; background-color: #fff; font-size: 12px; padding-left: 18px; color: #aaa; border: 1px solid #ddd; }
.pctopicon li.sou .souk input[type=search]::-ms-clear {
display: none;
}
.pctopicon li.sou .souk input::-webkit-search-cancel-button {
display: none;
}
/*slect功能键*/
.pctopicon .lian { width: 110px; height: 20px; position: relative; text-align: left; display: inline-block; z-index: 1; }
.pctopicon .lian h5 { height: 100%; line-height: 20px; cursor: pointer; color: #eceeec; text-align: center; }
.pctopicon .lian h5 img { margin-left: 5px; }
.pctopicon .lian .ul1 { position: absolute; top: 31px; left: 0; width: 100%; background-color: #fff; padding-top: 8px; padding-bottom: 9px; border: 1px solid #ddd; display: none; }
.pctopicon .lian .ul1.active { display: block; }
.pctopicon .lian .ul1 li { float: none; margin: 0; }
.pctopicon .lian .ul1 li a { color: #333; display: block; padding-left: 12px; line-height: 24px; }
.pctopicon .lian .ul1 li a:hover { color: #0054a5; }
/*pc导航*/
.pctopnav { position: absolute; top: 0; left: 344px; height: 100%; }
.pctopnav ul { height: 100%; }
.pctopnav li { height: 100%; float: left; margin-right: 5px; padding-top: 26px; }
.pctopnav li:last-child { margin-right: 0; }
.pctopnav li a { color: #fff; font-size: 16px; font-weight: bold; letter-spacing: .5px; display: block; height: 100%; background-repeat: no-repeat; background-position: top center; position: relative; }
.pctopnav li a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 10px; z-index: 1; }
.pctopnav li a span { display: block; padding-left: 18.5px; padding-right: 18.5px; padding-top: 7px; width: 100%; height: 35px; border-radius: 3px 3px; }
.pctopnav li.active a,
.pctopnav li a:hover,
.pctopnav li a.active { background-image: url(../images/abimg.png); color: #fff !important; }
.pctopnav li.active a span,
.pctopnav li a:hover span,
.pctopnav li a.active span { background-color: #0e89d6; }
/*pc下拉*/
.xiala { position: absolute; top: 82px; left: 0; width: 100%; }
.xiala .container { position: relative; }
.xiala1 { position: relative; top: 0; left: 0; right: 15px; padding-top: 23px; padding-bottom: 23px; display: none; background-color: #fff; }
.xiala1 h5 { color: #333; font-size: 14px; font-weight: bold; line-height: 1.6; letter-spacing: .6px; margin-bottom: 9px; margin-top: 7px; }
.xiala1 p { width: 80%; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.xiala1 p img { max-width: 100%; }
.xiala1 div.clearfix { overflow: hidden; }
.xiala1 ul { float: left; width: 25%; height: 100%; padding-left: 45px; padding-bottom: 14px; position: relative; }
.xiala1 ul::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 1000px; background-color: #ddd; }
.xiala1 ul:last-child::after { display: none; }
.xiala1 ul li { padding: 10px 0; font-size: 14px; }
.xiala1 ul li a { color: #666; }
.xiala1 ul li a:hover { color: #0054a5; }
/*pc跟随*/
.header1.active { height: 72px; }
.header1.active .logo .img_1 { opacity: 0; }
.header1.active .logo .img_2 { opacity: 1; }
.header1.active::before { height: 100%; background: #fff; opacity: 0.92; }
.header1.active::after { background-color: #ddd; opacity: .5; }
.header1.active .pctopicon .lian h5 { color: #333; }
.header1.active .pctopicon .lian h5 .img_s { display: none; }
.header1.active .pctopicon .lian h5 .img_d { display: inline-block; }
.header1.active .pctopicon .sou .img_s { display: none; }
.header1.active .pctopicon .sou .img_d { display: inline-block; }
.header1.active .pctopnav li { padding-top: 20px; }
.header1.active .pctopnav li a { color: #333; }
.header1.active .xiala { top: 72px; }
/*phone*/
.header2 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 1050; background-color: #fff; }
.header2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: .3; }
.header2 .container { position: relative; height: 100%; }
.header2 .logo { line-height: 80px; }
.header2 .menuph { position: absolute; top: 15px; right: 15px; cursor: pointer; width: 50px; height: 50px; background-color: #0e89d6; text-align: center; }
/*手机按钮*/
.header2 .menuph .point { display: inline-block; width: 28px; height: 22px; margin-top: 14px; position: relative; }
.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before { width: 28px; }
.header2 .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.header2 .menuph .navbtn::after { top: -11px; }
.header2 .menuph .navbtn::before { top: 10px; }
.header2 .menuph .point.active .navbtn { background: transparent; }
.header2 .menuph .point.active .navbtn::after { transform: rotate(45deg); top: 0px; }
.header2 .menuph .point.active .navbtn::before { transform: rotate(-45deg); top: 0px; }
/*手机下拉*/
.xialaph { position: absolute; top: 80px; left: 0; width: 100%; background-color: #fff; padding-bottom: 122px; display: none; z-index: 1049; background: -webkit-linear-gradient(left, #004689, #0e89d6); background: -o-linear-gradient(right, #004689, #0e89d6); background: -moz-linear-gradient(right, #004689, #0e89d6); background: linear-gradient(to right, #004689, #0e89d6); FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#004689, endColorStr=#0e89d6);
}
.xialaph .ul2,
.xialaph .ul3 { display: none; }
.xialaph h4 a { color: #fff; font-size: 16px; font-weight: bold; line-height: 62px; }
.xialaph h4 { position: relative; }
.xialaph h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0.1; }
.xialaph h5 a { color: #fff; font-size: 16px; font-family: "微软雅黑"; line-height: 57px; }
.xialaph h5 { position: relative; }
.xialaph h5::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.05; }
.xialaph h4 img { width: 15px; height: 8px; float: right; margin-top: 29px; cursor: pointer; }
.xialaph h5 img { width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer; }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s { display: none; }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d { display: block; }
.xialaph .ul2 { background: -webkit-linear-gradient(left, #0f5190, #1c90d8); background: -o-linear-gradient(right, #0f5190, #1c90d8); background: -moz-linear-gradient(right, #0f5190, #1c90d8); background: linear-gradient(to right, #0f5190, #1c90d8); FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0f5190, endColorStr=#1c90d8);
}
.xialaph .ul3 { padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative; }
.xialaph .ul3::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.05; }
.xialaph .ul3 li a { color: #fff; font-size: 14px; line-height: 35px; display: block; }
.xialaph .ul3 li { padding-top: 5px; }
.xialaph .ul3 li:first-child { padding-top: 0; }
.xialaph .phsou { position: relative; margin-top: 34px; }
.xialaph .phsou input { width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; }
.xialaph .phsou img { cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; }
/*slect功能键*/
.xialaph .lian { position: relative; margin-top: 42px; }
.xialaph .lian h5 { line-height: 20px; cursor: pointer; color: #fff; text-align: center; }
.xialaph .lian h5::after { display: none; }
.xialaph .lian h5 img { margin-left: 5px; float: none; width: 11px; height: 6px; margin-top: 0; margin-right: 0; }
.xialaph .lian .ul1 { width: 100%; padding-top: 8px; padding-bottom: 9px; display: none; margin-top: 9px; }
.xialaph .lian .ul1.active { display: block; }
.pctopicon .lian .ul1 li { float: none; margin: 0; }
.xialaph .lian .ul1 li a { color: #fff; display: block; padding-left: 12px; line-height: 24px; text-align: center; font-size: 14px; }
.phonemeng { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .6; z-index: 1048; display: none; }
.phonemeng.active { display: block; }
/*脚*/
footer { background-color: #002a5c; }
.footer1 { padding-top: 56px; }
.footer11 { padding-bottom: 68px; }
.footer1 ul { float: left; margin-right: 54px; }
.footer1 h5 { color: #fff; font-size: 16px; font-weight: bold; padding-bottom: 9px; margin-bottom: 8px; }
.footer1 li a { color: #fff; font-size: 14px; opacity: 0.5; line-height: 30px; cursor: pointer; }
.footer1 li a span.jtico { display: none !important; }
.footer1 li a:hover { opacity: 1; }
.footer1 .follow { float: right; width: 210px; text-align: right; }
.footer1 .follow h5 { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 0px; padding-bottom: 2px; }
.footer1 .follow .faredi { margin-top: 24px; margin-bottom: 20px; text-align: right; }
.footer1 .follow .faredi ul { display: inline-block; float: none; width: auto; margin-right: 0; }
.footer1 .follow .faredi ul li { float: left; width: 41px; height: 41px; overflow: hidden; position: relative; margin: 0 7.5px; }
.footer1 .follow .faredi ul li a { opacity: 1; }
.footer1 .follow .faredi ul li:first-child { margin-left: 0; }
.footer1 .follow .faredi ul li:last-child { margin-right: 0; }
.footer1 .follow .faredi ul li .imgk { position: absolute; top: 0; left: 0; width: 100%; }
.footer1 .follow .faredi ul li .imgk img { width: 41px; height: 41px; }
.footer1 .follow .faredi ul li:hover .imgk { top: -41px; }
footer .di { padding-top: 18px; padding-bottom: 18px; width: 100%; position: relative; }
footer .di::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.08; }
footer .di p { color: #fff; font-size: 12px; line-height: 30px; }
footer .di p span { margin-right: 2px; opacity: 0.3; }
footer .di p a { color: #fff; margin-left: 20px; display: inline-block; opacity: 0.3; }
footer .di p a.a1 { margin-left: 0; }
footer .di p a:hover { opacity: 1; }
footer .di p.p1 { float: left; }
footer .di p.p2 { float: right; letter-spacing: 0.2px; }
footer .di p.p2 a { position: relative; }
footer .di p.p2 a::after { content: ''; position: absolute; top: 9px; left: -13px; width: 2px; height: 11px; background-color: #fff; opacity: 0.3; }
footer .di p.p2 a:first-child::after { display: none; }
.footer2 { display: none; padding-top: 5px; }
.footer2 h4 { color: #fff; font-size: 16px; font-weight: bold; line-height: 66px; position: relative; }
.footer2 h4::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.05; }
.footer2 .ul2 { display: none; position: relative; padding-top: 20px; padding-bottom: 25px; }
.footer2 .ul2::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.05; }
.footer2 .ul2 li a { color: #fff; opacity: 0.5; font-size: 14px; line-height: 34px; display: block; }
.footer2 .ul2 li a:hover { opacity: 1; }
.footer2 h4 img { width: 14px; height: 7px; float: right; margin-top: 29px; cursor: pointer; }
.footer2 h4.active img.img_s { display: none; }
.footer2 h4.active img.img_d { display: block; }
.footer2 .di { border: 0; padding-top: 35px; padding-bottom: 46px; }
.footer2 .di h5 { color: #fff; font-size: 16px; font-weight: bold; text-align: center; }
.footer2 .di .faredi { margin-top: 24px; margin-bottom: 20px; text-align: center; }
.footer2 .di .faredi ul { display: inline-block; }
.footer2 .di .faredi ul li { float: left; width: 41px; height: 41px; overflow: hidden; position: relative; margin: 0 7.5px; }
.footer2 .di .faredi ul li span.jtico { display: none !important; }
.footer2 .di .faredi ul li .imgk { position: absolute; top: 0; left: 0; width: 100%; }
.footer2 .di .faredi ul li .imgk img { width: 41px; height: 41px; }
.footer2 .di .faredi ul li:hover .imgk { top: -41px; }
/*首页*/
.banner { }
.slick_b { margin: 0; }
.slick_b .slick-slide { padding: 0; }
.slick_b .slick-slide img { width: 100%; }
.slick_b .slick-arrow { z-index: 1000; width: 46px; height: 79px; }
.slick_b .slick-prev { background: url(../images/arrow_lb1.png) no-repeat center; left: 0; }
.slick_b .slick-next { background: url(../images/arrow_rb1.png) no-repeat center; right: 0; }
.slick_b .slick-prev:hover { background: url(../images/arrow_lb2.png) no-repeat center; left: 0; }
.slick_b .slick-next:hover { background: url(../images/arrow_rb2.png) no-repeat center; right: 0; }
.slick_b .slick-dots { bottom: 18px; }
.slick_b .slick-dots li { width: 30px; height: 3px; background-color: #fff; }
.slick_b .slick-dots li.slick-active { background-color: #00478a; }
.slick_b .container { position: relative; }
.slick_b .container .slick_nei { position: absolute; top: 248px; left: 15px; }
.slick_b .container .slick_nei p { color: #fff; font-size: 72px; font-family: "Gill Sans MT"; font-weight: bold; line-height: 68px; }
.slick_b .container .slick_nei p:first-child { font-size: 58px; line-height: 1.4; font-style: italic; }
.slick_b .container span { display: inline-block; width: 136px; height: 46px; color: #fff; font-size: 16px; font-style: italic; line-height: 46px; margin-top: 50px; text-align: center; background-color: #0e89d6; }
.slick_b .container span:hover { background-color: #5fb7ef; }
@media screen and (max-width: 1700px) {
.slick_b .container .slick_nei { top: 193px; }
}
@media screen and (max-width: 1600px) {
.slick_b .container .slick_nei { top: 180px; }
}
@media screen and (max-width: 1500px) {
.slick_b .container .slick_nei { top: 163px; }
}
@media screen and (max-width: 1400px) {
.slick_b .container .slick_nei p { font-size: 62px; line-height: 65px; }
.slick_b .container .slick_nei p:first-child { font-size: 48px; line-height: 1.3; }
}
@media screen and (max-width: 1300px) {
.slick_b .container .slick_nei { top: 153px; }
.slick_b .container .slick_nei p { font-size: 58px; line-height: 60px; }
.slick_b .container .slick_nei p:first-child { font-size: 45px; line-height: 1.2; }
}
@media screen and (max-width: 1199px) {
.slick_b .container .slick_nei { top: 73px; }
.slick_b .container .slick_nei p { font-size: 58px; line-height: 60px; }
.slick_b .container .slick_nei p:first-child { font-size: 45px; line-height: 1.2; }
}
@media screen and (max-width: 767px) {
.slick_b .container .slick_nei { top: 49px; display: none; }
.slick_b .container .slick_nei p { font-size: 26px; line-height: 36px; }
.slick_b .container .slick_nei p:first-child { font-size: 28px; line-height: 1.3; }
.slick_b .container span { width: 86px; height: 35px; font-size: 12px; line-height: 35px; margin-top: 25px; }
}
@media screen and (max-width: 360px) {
.slick_b .container .slick_nei { top: 49px; }
.slick_b .container .slick_nei p { font-size: 22px; line-height: 27px; }
.slick_b .container .slick_nei p:first-child { font-size: 24px; line-height: 1.1; }
.slick_b .container span { width: 86px; height: 35px; font-size: 12px; line-height: 35px; margin-top: 11px; }
}
.h1s { font-size: 56px; color: #002a5c; padding-top: 39px; padding-bottom: 37px; position: relative; }
.h1s .span1 { font-family: "HT"; }
.h1s .span2 { font-family: "HN"; }
.h1s .more { position: absolute; bottom: 43px; right: 0; color: #00478a; font-size: 14px; height: 30px; line-height: 30px; text-align: center; padding: 0 10px; }
.h1s .more img { width: 5px; height: 9px; margin-left: 3px; margin-top: -2px; }
.sol .h1s .more { color: #fff; }
.proul { }
.proul ul { margin: 0 -10px; }
.proul li { float: left; width: 25%; padding: 0 10px; }
.proul li .imgk { overflow: hidden; position: relative; }
.proul li .imgk .imgb { width: 100%; }
.proul li .imgk .img { position: absolute; top: 1%; left: 1%; max-width: 98%; max-height: 98%; max-width: 98%; height: 98%; max-height: 98%; }
.proul li .imgk .imgy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.proul li .imgk .imgy::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #002a5c; opacity: 0.25; }
.proul li .imgk .imgy .imgj { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
.proul .slick-prev,
.proul .slick-next { width: 21px; height: 40px; top:40%; background-repeat: no-repeat; background-position: center; background-size: 21px 40px; }
.proul .slick-prev { left: -42px; background-image: url(../images/nl.png); }
.proul .slick-next { right: -42px; background-image: url(../images/nr.png); }


.proul li h4 { font-size: 22px; color: #333; padding-bottom: 13px; padding-top: 22px; height: 59.2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.proul li h4::after { content: ''; position: absolute; top: 5px; left: 0; width: 100%; height: 6px; }
.proul li h4 a { color: #333; }
.proul li h4 span { color: #0e89d6; }
.proul li:hover .imgy,
.proul li.active .imgy { opacity: 1; }
.proul li:hover h4 a,
.proul li.active h4 a { color: #0e89d6; }
.proul li .lip { height: 100px; overflow: hidden; }
.proul li .lip p { color: #666; font-size: 14px; line-height: 25px; position: relative; padding-left: 10px; }
.proul li .lip p a { color: #666; }
.proul li .lip p::before { content: "-"; position: absolute; top: 0; left: 0; font-size: 17px; color: #666; }
.proul li .lip p:hover a,
.proul li .lip p:hover::before { color: #0e89d6; }
.h5m { padding-top: 28px; padding-bottom: 47px; line-height: 1.1; }
.h5m a { color: #00478a; font-style: italic; }
.h5m a img { width: 5px; height: 9px; margin-left: 7px; margin-top: -2px; }
.h5m a:hover { color: #0e89d6; }
.h5m a:hover .img_s { display: none; }
.h5m a:hover .img_d { display: inline-block; }
.pro { position: relative; }
.pros { /*margin-top: -190px;*/ z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 190px; }
.pros::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: #e8eef5; }
.pros.act { z-index: 0; }
.pros.act::after { height: 100%; }
.pros .container { position: relative; z-index: 1; }
.pros .pros1 { padding-top: 27px; padding-bottom: 33px; position: absolute; top: 0; left: 15px; right: 15px; /*z-index: -1;*/ opacity: 0; visibility: hidden; }
.pros .pros1.active { /*position: relative;*/ z-index: 0; /*left: 0;
right: 0; */ visibility: visible; opacity: 1; }
.slick_pro { margin: 0; padding: 0 20px; }
.slick_pro .slick-slide { padding: 0; }
.slick_pro .slick-arrow { z-index: 1000; width: 10px; height: 20px; }
.slick_pro .slick-prev { background: url(../images/arrow_lp1.png) no-repeat center; left: 0; }
.slick_pro .slick-next { background: url(../images/arrow_rp1.png) no-repeat center; right: 0; }
.slick_pro .slick-prev:hover { background: url(../images/arrow_lp2.png) no-repeat center; left: 0; }
.slick_pro .slick-next:hover { background: url(../images/arrow_rp2.png) no-repeat center; right: 0; }
.slick_pro h4 { color: #002a5c; font-size: 16px; padding-bottom: 9px; }
.slick_pro h4 a { color: #002a5c; }
.slick_pro .lin { padding-left: 45px; padding-right: 25px; position: relative; }
.slick_pro .lin::after { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 1000px; background-color: #ddd; }
.slick_pro .slick-current .lin::after { display: none; }
.slick_pro .ulp { }
.slick_pro .ulp p { padding: 3px 0; }
.slick_pro .ulp p a { color: #666; font-size: 14px; }
.slick_pro .ulp p a:hover { color: #0e89d6; }
.sol { background: -webkit-linear-gradient(left, #004689, #0e89d6); background: -o-linear-gradient(right, #004689, #0e89d6); background: -moz-linear-gradient(right, #004689, #0e89d6); background: linear-gradient(to right, #004689, #0e89d6); FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#004689, endColorStr=#0e89d6);
}
.sol .h1s { color: #fff; }
.solul { margin: 0 -24px; }
.solul li { float: left; width: 50%; padding: 0 24px; }
.solul li .imgk { overflow: hidden; }
.solul li .imgk img { width: 100%; }
.solul li h3 { padding-top: 30px; padding-bottom: 19px; }
.solul li h3 a { color: #fff; }
.solul li h5 { color: #fff; line-height: 24px; letter-spacing: .5px; }
.solul li h5.h51 { height: 70px; overflow: hidden; }
.solul li .lin { height: 172px; overflow: hidden; }
.solul li .h5m { padding-top: 13px; padding-bottom: 41px; }
.solul li .h5m a { color: #fff; opacity: 0.5; }
.solul li .h5m a:hover { color: #fff; opacity: 1; }
.solul li .imgk:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.casul { margin: 0 -18px; }
.casul li { float: left; width: 33.333%; padding: 0 18px; }
.casul li .imgk { overflow: hidden; }
.casul li .imgk img { width: 100%; }
.casul li h3 { padding-top: 25px; padding-bottom: 21px; font-size: 20px; line-height: 1.15; }
.casul li h3 a { color: #333; }
.casul li h3 a:hover { color: #0e89d6; }
.casul li h5 { line-height: 24px; letter-spacing: .5px; }
.casul li h5.h51 { color: #666; height: 70px; overflow: hidden; }
.casul li .lin { height: 162px; overflow: hidden; }
.casul li .h5m { padding-top: 29px; padding-bottom: 44px; }
.casul li .imgk:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.ser { position: relative; padding-bottom: 43px; }
.ser::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00488b; opacity: 0.8; }
.ser .container { position: relative; z-index: 1; }
.serul { }
.ser .h1s { color: #fff; }
.serul li { float: right; width: 50%; position: relative; }
.serul li .imgk { overflow: hidden; }
.serul li .imgk img { width: 100%; }
.serul li h3 { padding-top: 13px; padding-bottom: 21px; font-size: 20px; line-height: 1.15; color: #fff; }
.serul li h3 a { color: #fff; font-size: 38px; }
.serul li h3 p { font-size: 17px; margin-top: 2px; }
.serul li h5 { line-height: 24px; letter-spacing: .5px; }
.serul li h5.h51 { color: #fff; font-size: 16px; padding-right: 80px; line-height: 30px; letter-spacing: .5px; overflow: hidden; }
.serul li .lin { min-height: 150px; overflow: hidden; }
.serul li .h5m { padding-top: 29px; padding-bottom: 44px; }
.serul li .h5m a { color: #fff; opacity: 0.5; }
.serul li .h5m a:hover { color: #fff; opacity: 1; }
.serul li .imgk:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.serul li.li2 .h1s { padding-top: 63px; padding-bottom: 54px; }
.serul li.li2 .h5m { padding-top: 81px; }
.serul li.li1 .lirn { position: absolute; bottom: -53px; right: 0; padding-left: 45px; padding-right: 25px; }
.serul li.li1 .lirn::after { content: ''; position: absolute; top: 0; left: 0; width: 1000px; height: 100%; background-color: #0e89d6; opacity: 0.75; }
.serul li.li1 .lirn h3,
.serul li.li1 .lirn h5 { position: relative; z-index: 1; }
.serul li.li1 .h5m { padding-top: 12px; padding-bottom: 15px; }
.serul li.li1 { margin-bottom: 76px; }
.sup { padding-bottom: 50px; }
.supul { margin: 0 -7.5px; }
.supul li { float: left; padding: 0 7.5px; position: relative; }
.supul li.li1 { width: 66.3%; }
.supul li.li2 { width: 33.125%; }
.supul li img { width: 100%; }
.supul li.li1 .liz { position: absolute; top: 40px; left: 30px; width: 49%; }
.supul li.li1 .liz h3 { color: #333; letter-spacing: .5px; }
.supul li.li1 .liz h5 { color: #333; letter-spacing: .5px; line-height: 24px; margin-top: 23px; height: 72px; overflow: hidden; }
.supul li.li1 .liz .amore { display: inline-block; width: 108px; height: 35px; text-align: center; line-height: 35px; color: #fff; background-color: #0e89d6; font-style: italic; font-size: 12px; margin-top: 40px; position: relative; border: 1px solid transparent; }
.supul li.li1 .liz .amore::after { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.supul li.li1 .liz .amore:hover { color: #0e89d6; border-color: #0e89d6; }
.supul li.li1 .liz .amore:hover::after { width: 100%; }
.supul li.li1 .liz .amore:hover .img_s { display: none; }
.supul li.li1 .liz .amore:hover .img_d { display: inline-block; }
.supul li.li1 .liz .amore img { margin-left: 8px; margin-top: -2px; }
.supul li.li2 .li3:first-child { margin-bottom: 14px; }
.supul li.li2 .imgk { position: relative; overflow: hidden; }
.supul li.li2 .liz { position: absolute; bottom: 21px; left: 25px; right: 25px; }
.supul li.li2 .liz h3 { color: #fff; font-size: 20px; letter-spacing: .5px; }
.supul li.li2 .liz h5 { color: #fff; letter-spacing: .5px; margin-top: 8px; }
.supul li.li2 .imgk:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news { overflow: hidden; background: -webkit-linear-gradient(left, #002a5c, #0053a4); background: -o-linear-gradient(right, #002a5c, #0053a4); background: -moz-linear-gradient(right, #002a5c, #0053a4); background: linear-gradient(to right, #002a5c, #0053a4); FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#002a5c, endColorStr=#0053a4);
}
.news .container { position: relative; }
.news .h1s { color: #fff; position: absolute; top: 10px; left: 15px; }
.news ul { margin: 0 -3.5px; }
.news li { float: left; width: 25%; padding: 0 3.5px; }
.news .li1,
.news .li2 { padding-top: 230px; padding-bottom: 44px; }
.news p { font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 0px; }
.news .li1 p { margin-top: -8px; }
.news .h5m { padding-top: 29px; padding-bottom: 44px; }
.news .h5m a { color: #fff; opacity: 0.5; }
.news .h5m a:hover { color: #fff; opacity: 1; }
.news .li1 .h5m { padding-top: 80px; }
.news .li2 .h5m { padding-left: 8px; padding-top: 39px; padding-bottom: 10px; }
.news .li2 { padding-left: 7px; padding-right: 7px; }
.news .li3 { position: relative; }
.news .li3::before { content: ''; position: absolute; top: 231px; left: 0; width: 1px; height: 385px; background-color: #fff; opacity: 0.08; }
.news .li2 .imgk { overflow: hidden; }
.news .li2 .imgk img { width: 100%; }
.news .li2 .imgk:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news .li2 p { height: 90px; overflow: hidden; padding-left: 8px; padding-right: 8px; padding-top: 21px; line-height: 23px; }
.news .li4 { position: relative; padding-left: 23px; }
.news .li4::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1000px; background-color: #002a5c; }
.news .li4 .tou { color: #fff; font-weight: bold; margin-top: 59px; text-transform: uppercase; position: relative; z-index: 1; }
.news .li4 .eve1 { position: relative; padding-left: 50px; padding-right: 15px; z-index: 1; margin-top: 37px; }
.news .li4 .eve1 .ri { position: absolute; top: 4px; left: 0; width: 32px; height: 51px; color: #fff; text-align: center; }
.news .li4 .eve1 .ri span:first-child { font-size: 12px; letter-spacing: .5px; display: block; text-transform: uppercase; }
.news .li4 .eve1 .ri span:nth-child(2) { font-size: 28px; line-height: 1; display: block; }
.news .li4 p { line-height: 27px; height: 54px; overflow: hidden; }
.news .li4 .h5m { padding-top: 26px; padding-bottom: 40px; }
.news .container { position: relative; }
.news .slickpad { position: absolute; z-index: -2000; width: 100%; top: 0; left: 0; margin-top: 37px; padding-top: 38px; padding-bottom: 19px; }
.news .slickpad::before { content: ''; position: absolute; top: 0; left: 50%; width: 1000px; margin-left: -500px; height: 100%; background: -webkit-linear-gradient(left top, #001f43, #00376d); background: -o-linear-gradient(right bottom, #001f43, #00376d); background: -moz-linear-gradient(right bottom, #001f43, #00376d); background: linear-gradient(to right bottom, #001f43, #00376d); FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#001f43, endColorStr=#00376d);
}
.news .slickpad .tou { color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; position: relative; z-index: 1; }
.news .slick_new .eve1 { position: relative; padding-left: 50px; padding-right: 60px; z-index: 1; margin-top: 28px; }
.news .slick_new .eve1 .ri { position: absolute; top: 4px; left: 0; width: 32px; height: 51px; color: #fff; text-align: center; }
.news .slick_new .eve1 .ri span:first-child { font-size: 12px; letter-spacing: .5px; display: block; }
.news .slick_new .eve1 .ri span:nth-child(2) { font-size: 28px; line-height: 1; display: block; }
.news .slick_new p { line-height: 27px; height: 54px; overflow: hidden; }
.news .slick_new .h5m { padding-top: 26px; padding-bottom: 40px; }
.news .slick_new { margin: 0; }
.news .slick_new .slick-slide { padding: 0; }
.news .slick_new .slick-arrow { width: 10px; height: 20px; z-index: 1000; top: -14px; }
.news .slick_new .slick-prev { background: url(../images/arrow_lp2.png) no-repeat center; right: 34px; }
.news .slick_new .slick-next { background: url(../images/arrow_rp2.png) no-repeat center; right: 0; }
.news .slick_new .slick-prev:hover { background: url(../images/arrow_lp3.png) no-repeat center; right: 34px; }
.news .slick_new .slick-next:hover { background: url(../images/arrow_rp3.png) no-repeat center; right: 0; }
.buy { overflow: hidden; }
.buy .container { position: relative; }
.buyz { padding-top: 83px; padding-bottom: 96px; position: relative; z-index: 1; }
.buyz h3 { color: #002a5c; font-size: 42px; font-family: "Helvetica"; }
.buyz h5 { color: #333; font-size: 16px; margin-top: 45px; }
.buyz .amore { display: inline-block; width: 154px; height: 40px; text-align: center; line-height: 40px; color: #fff; background-color: #0e89d6; font-style: italic; font-size: 14px; margin-top: 49px; position: relative; border: 1px solid transparent; }
.buyz .amore::after { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.buyz .amore:hover { color: #0e89d6; border-color: #0e89d6; }
.buyz .amore:hover::after { width: 100%; }
.buyz .amore:hover .img_s { display: none; }
.buyz .amore:hover .img_d { display: inline-block; }
.buyz .amore img { margin-top: -2px; margin-left: 8px; width: 6px; height: 12px; }
.buytu { position: absolute; top: 50px; right: 15px; }
.buytu .buy1 { position: absolute; top: -22px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
/*01页*/
.bannei { height: 400px; position: relative; z-index: 1009; }
.bannei img { width: 100%; }
.bannei .container { position: relative; }
.bannei .bannav { position: absolute; top: 94px; left: 15px; color: #fff; font-size: 14px; }
.bannei .bannav span { display: inline-block; margin-right: 5px; }
.bannei .bannav span a { color: #fff; }
.bannei .banneizi { position: absolute; top: 230px; left: 15px; width: 600px; }
.bannei .banneizi h2 { color: #fff; font-family: "HN"; font-size: 48px; letter-spacing: 0.5px; }
.bannei .banneizi p { color: #fff; font-size: 16px; line-height: 32px; margin-top: 22px; letter-spacing: 0.1px; text-align: justify; }
.nei1_1 { padding-bottom: 34px; }
.nei1_1 .h1s { font-size: 48px; padding-top: 43px; padding-bottom: 29px; }
.nei1_1 .proul li h4 { padding-bottom: 22px; padding-top: 22px; height: auto; }
.nei1_2 { height: 420px; }
.nei1_2 .img { width: 100%; }
.nei1_2 .fr { height: 100%; width: 438px; background: -webkit-linear-gradient(135deg, #004689 0, #0e89d6 100%); background: -moz-linear-gradient(135deg, #004689 0, #0e89d6 100%); background: -ms-linear-gradient(135deg, #004689 0, #0e89d6 100%); background: -o-linear-gradient(135deg, #004689 0, #0e89d6 100%); background: linear-gradient(135deg, #004689 0, #0e89d6 100%); padding: 113px 45px 0; }
.nei1_2 .fr h2 { color: #fff; font-size: 32px; font-family: "HN"; }
.nei1_2 .fr p { color: #fff; font-size: 14px; letter-spacing: 0.2px; line-height: 26px; margin-top: 15px; }
.nei1_2 .fr .h5m { padding-top: 16px; }
.nei1_2 .fr .h5m span { color: #fff; opacity: 0.5; font-style: italic; }
.nei1_2 .fr .h5m span img { width: 5px; height: 9px; margin-left: 7px; margin-top: -2px; }
.nei1_2 .fr:hover .h5m span { opacity: 1; }
.nei1_31 { background: #fff; padding: 60px 0; }
.nei1_31 .imgk { width: 489px; overflow: hidden; }
.nei1_31 .imgk img { width: 100%; }
.nei1_31 .imgk:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.nei1_31 .liz { width: calc(100% - 540px); margin-left: 50px; }
.nei1_31 .liz h3 { color: #002a5c; font-size: 32px; font-family: "HN"; margin-top: 15px; }
.nei1_31 .liz p { color: #7b8795; font-size: 16px; line-height: 30px; margin-top: 27px; max-height: 90px; overflow: hidden; }
.nei1_31 .h5m { padding-top: 46px; padding-bottom: 0; }
.nei1_31 .h5m span { color: #00478a; font-style: italic; }
.nei1_31 .h5m span img { width: 5px; height: 9px; margin-left: 7px; margin-top: -2px; }
.nei1_31:hover .h5m span { opacity: 1; color: #0e89d6; }
.nei1_31:hover .h5m .img_s { display: none; }
.nei1_31:hover .h5m .img_d { display: inline-block; }
.nei1_31:hover h3 { color: #0e89d6; }
.nei1_3 .nei1_31:nth-child(2) { background: -webkit-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%); background: -moz-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%); background: -ms-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%); background: -o-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%); background: linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%); }
.nei1_3 .nei1_31:nth-child(2) .imgk { float: right; }
.nei1_3 .nei1_31:nth-child(2) .liz { padding-right: 60px; margin-left: 0; }
.nei1_3 .nei1_31:nth-child(2) .liz p { color: #333; }
.nei1_4 { height: 420px; text-align: center; padding-top: 179px; }
.nei1_4 h3 { color: #fff; font-size: 32px; font-family: "HN"; }
.nei1_4 p { color: #fff; font-size: 16px; line-height: 26px; margin-top: 19px; }
.nei1_4 .amore { display: inline-block; width: 138px; height: 42px; text-align: center; line-height: 42px; color: #fff; background-color: #0e89d6; font-style: italic; font-size: 14px; margin-top: 35px; position: relative; border: 1px solid transparent; }
.nei1_4 .amore::after { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.nei1_4 .amore:hover { color: #0e89d6; border-color: #0e89d6; }
.nei1_4 .amore:hover::after { width: 100%; }
.nei1_4 .amore:hover .img_s { display: none; }
.nei1_4 .amore:hover .img_d { display: inline-block; }
.nei1_4 .amore img { margin-left: 8px; margin-top: -2px; }
.nei1_5 { padding: 54px 0 61px; background: #ebeef2; }
.nei1_5 .neizi { width: 765px; }
.nei1_5 .neizi h2 { color: #002a5c; font-size: 36px; font-family: "HE"; }
.nei1_5 .neizi p { color: #333; font-size: 16px; line-height: 26px; margin-top: 14px; }
.nei1_5 .amore { display: inline-block; width: 154px; height: 48px; text-align: center; line-height: 48px; color: #fff; background-color: #0e89d6; font-style: italic; font-size: 14px; margin-top: 19px; position: relative; border: 1px solid transparent; }
.nei1_5 .amore::after { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.nei1_5 .amore:hover { color: #0e89d6; border-color: #0e89d6; }
.nei1_5 .amore:hover::after { width: 100%; }
.nei1_5 .amore:hover .img_s { display: none; }
.nei1_5 .amore:hover .img_d { display: inline-block; }
/*02页*/
.naver { height: 60px; margin-top: -60px; background: rgba(0,42,92,0.5); position: relative; z-index: 1010; }
.slick_ban { height: 100%; margin: 0; }
.slick_ban .slick-slide { padding: 0; }
.slick_ban .slick-prev,
.slick_ban .slick-next { width: 9px; height: 18px; background-size: 100% 100%; }
.slick_ban .slick-prev { background-image: url(../images/arrow_lp3.png); left: -20px; }
.slick_ban .slick-next { background-image: url(../images/arrow_rp3.png); right: -20px; }
.slick_ban a { display: block; height: 100%; line-height: 60px; text-align: center; color: #fff; font-size: 16px; }
.slick_ban a:hover,
.slick_ban a.act { color: #00478a; background: #fff; }
.secnavm { position: relative; z-index: 1010; height: 60px; margin-top: -60px; background: rgba(0,42,92,0.5); }
.secnavm .mainh4 { }
.secnavm .mainh4 div { position: relative; padding-top: 22px; padding-bottom: 21px; }
.secnavm .sech4 { padding-top: 13px; padding-bottom: 13px; }
.secnavm .sech4 a { color: #333; }
.secnavm h4 { font-size: 16px; }
.secnavm h4 a { color: #333; }
.secnavm h4.act,
.secnavm h4.act a { color: #fff; }
.secnavm h4 button { position: absolute; top: 50%; right: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: transparent; }
.secnavm h4 button img { width: 20px; }
.secnavm .mainul { position: absolute; top: 60px; left: 0; width: 100%; padding-top: 15px; padding-bottom: 25px; background: #fff; display: none; }
.secnavm .mainul,
.secnavm .dropul { display: none; }
.secnavm .dropul li { padding-top: 7px; padding-bottom: 7px; padding-left: 20px; }
.secnavm .dropul li a { font-size: 16px; color: #999; }
.mask { position: fixed; z-index: 5; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; background: rgba(0,0,0,.5); z-index: 1008; }
.mask.act { visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.nei2_1 { overflow: hidden; }
.neinav3 { width: 277px; margin-top: 43px; position: relative; z-index: 1; }
.neinav3 .nav1 { background-color: #eff2f5; margin-bottom: 1px; }
.neinav3 .nav1 h4 { height: 52px; line-height: 52px; padding-left: 20px; font-size: 14px; color: #333; position: relative; cursor: pointer; background-color: #e3e7ed; }
.neinav3 .nav1 h4 a { color: #333; }
.neinav3 .nav1 h4 img { position: absolute; top: 50%; margin-top: -6.5px; right: 20px; width: 13px; height: 13px; }
.neinav3 .nav1 h4.active a,
.neinav3 .nav1 h4.act a { color: #002a5c; font-weight: bold; }
.neinav3 .nav1 h4.active .img_s { display: none; }
.neinav3 .nav1 h4.active .img_d { display: inline-block; }
.neinav3 .nav1 ul { padding-left: 33px; padding-right: 20px; padding-top: 14px; padding-bottom: 17px; }
.neinav3 .nav1 li { position: relative; }
.neinav3 .nav1 li a { display: block; line-height: 36px; color: #666; font-size: 14px; }
.neinav3 .nav1 li a:hover,
.neinav3 .nav1 li a.active { color: #0e89d6; }
.nei2_k { width: calc(100% - 305px); }
.nei2_k h1,
h3 { color: #002a5c; font-size: 32px; font-family: "HN"; padding-top: 36px; position: relative; z-index: 1; }
.nei2_k h4 { color: #1395f0; font-size: 16px; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding-left: 14px; padding-bottom: 19px; position: relative; z-index: 1; }
.nei2_k h4 .more { position: absolute; top: 2px; right: 0; color: #1395f0; font-size: 14px; font-weight: 500; }
.nei2_k h4::before { content: ''; position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #1395f0; }
.nei2_k .nei2_1_1 { padding-top: 38px; position: relative; padding-bottom: 4px; }
.nei2_k .nei2_1_1:nth-child(2) { padding-top: 22px; }
.nei2_k .nei2_1_1::after { content: ''; position: absolute; top: 0; left: 50%; margin-left: -2000px; width: 4000px; height: 100%; background: #f5f5f5; display: none; }
.nei2_k .nei2_1_1:nth-child(4)::after,
.nei2_k .nei2_1_1:nth-child(6)::after { display: block; }
.nei2_k.pro_three .nei2_1_1:nth-child(3)::after,
.nei2_k.pro_three .nei2_1_1:nth-child(5)::after,
.nei2_k.pro_three .nei2_1_1:nth-child(7)::after { display: block; }
.nei2_k.pro_three .nei2_1_1:nth-child(4)::after,
.nei2_k.pro_three .nei2_1_1:nth-child(6)::after { display: none; }
.nei2_k .nei2_1_1 ul { margin: 18px -10px 0; position: relative; z-index: 1; }
.nei2_k .nei2_1_1 ul li { float: left; width: 33.333%; padding: 0 10px; }
.nei2_k .nei2_1_1 ul li a { display: block; }
.nei2_k .nei2_1_1 ul li .imgk { background: #efefef; overflow: hidden; position: relative; }
.nei2_k .nei2_1_1 ul li .imgk .imgb { width: 100%; }
.nei2_k .nei2_1_1 ul li .imgk .img { position: absolute; top: 1%; left: 1%; -webkit-transform: translate(-0%, -0%); -moz-transform: translate(-0%, -0%); -ms-transform: translate(-0%, -0%); -o-transform: translate(-0%, -0%); transform: translate(-0%, -0%); max-width: 98%; max-height: 98%; }
.nei2_k .nei2_1_1 ul li .imgk .imgy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.nei2_k .nei2_1_1 ul li .imgk .imgy::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #002a5c; opacity: 0.25; }
.nei2_k .nei2_1_1 ul li .imgk .imgy .imgj { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
.nei2_k .nei2_1_1 ul li p { color: #333; font-size: 14px; line-height: 1.5; height: 48px; margin-top: 11px; margin-bottom: 4px; }
.nei2_k .nei2_1_1 ul li a:hover .imgy { opacity: 1; }
.nei2_k .nei2_1_1 ul li a:hover p { color: #0e89d6; }
/*03页*/
.banpro { height: 600px; background: -webkit-linear-gradient(90deg, #004486 0, #1090e1 100%); background: -moz-linear-gradient(90deg, #004486 0, #1090e1 100%); background: -ms-linear-gradient(90deg, #004486 0, #1090e1 100%); background: -o-linear-gradient(90deg, #004486 0, #1090e1 100%); background: linear-gradient(90deg, #004486 0, #1090e1 100%); }
.banpro .fl { width: 50%; padding-top: 181px; }
.banpro .imgk { text-align: center; }
.banpro .imgk img { max-width: 70%; }
.banpro .banzi { color: #fff; }
.banpro .banzi h2 { font-size: 34px; font-family: "HN"; margin-bottom: 18px; }
.banpro .banzi p { font-size: 16px; line-height: 28px; opacity: 0.75; margin-top: 6px; }
.banpro .banzi .banzin { height: 230px; overflow: hidden; }
.banpro .banzij p { font-size: 14px; opacity: 1; position: relative; padding-left: 20px; }
.banpro .banzij p::before { content: ''; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; background: #fff; }
.banpro .banzib { padding-top: 35px; }
.banpro .banzib img { width: auto; }
.banpro .banzib a.button { display: inline-block; width: 145px; height: 46px; border: 1px solid #fff; background: transparent; color: #fff; font-size: 16px; text-align: center; line-height: 46px; margin-right: 38px; }
.banpro .banzib a.button img { height: 19px; margin-top: -4px; margin-right: 8px; }
.banpro .banzib .banzibt { display: inline-block; margin-top: -5px; vertical-align: middle; }
.banpro .banzib .banzibt img { height: 31px; margin-right: 20px; }
.tanvideo { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); z-index: 1070; display: none; }
.tanvideo .video_windown { position: absolute; width: 1200px; height: 685px; left: 50%; top: 50%; margin: -342px 0 0 -600px; }
.tanvideo .video_windown video { width: 100%; }
.video_windown .shup { position: absolute; width: 22px; height: 22px; right: -35px; top: -35px; }
.h1sp { font-size: 48px; padding-top: 50px; padding-bottom: 33px; }
.h3n { color: #002a5c; font-size: 32px; font-family: "HN"; padding-top: 54px; }
.nei3_1 { padding-top: 0; padding-bottom: 64px; }
.nei3_1 .h3n { font-size: 30px; padding-top: 49px; }
.nei3_1 .nei3_1n { margin-top: 38px; }
.nei3_1 .nei3_1n .imgk { width: 505px; }
.nei3_1 .nei3_1n .imgk img { width: 100%; }
.nei3_1 .nei3_1n .divz { width: calc(100% - 555px); margin-left: 50px; }
.nei3_1 .nei3_1n h3 { padding-top: 16px; font-size: 32px; }
.nei3_1 .nei3_1n p { color: #333; font-size: 16px; line-height: 30px; margin-top: 22px; }
.nei3_ p img { max-width: 100%; }
.nei3_2 { padding-bottom: 41px; }
.nei3_2 .fl { position: relative; }
.nei3_2 .imgy { }
.nei3_2 .imgk { float: right; }
.nei3_2 .imgk1 { position: absolute; top: 0; left: 0; width: 100%; }
@media screen and (max-width: 767px) {
.nei3_2 .imgk1 { position: relative; top: 0; left: 0; width: 100%; }
}
.nei3_2 .nei3_1n { margin-top: 19px; }
.nei3_2 .nei3_1n .imgk { width: 505px; }
.nei3_2 .nei3_1n .imgk img { width: 100%; }
.nei3_2 .nei3_1n .divz { width: calc(100% - 555px); margin-right: 50px; padding-top: 16px; }
.nei3_2 .nei3_1n .divz p { font-size: 16px; line-height: 32px; padding-left: 15px; position: relative; }
.nei3_2 .nei3_1n .divz p::before { content: ''; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #fff; opacity: 0.5; }
.nei3_3 { padding-bottom: 50px; }
.nei3_l .nei3_1n { margin-top: 35px; }
.nei3_l .nei3_1n li { float: left; width: calc(100% / 7); border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
.nei3_l .nei3_1n li:first-child { border-left: 0; }
.nei3_l .nei3_1n li .li1 { height: 59px; border-bottom: 1px solid #fff; color: #1395f0; line-height: 58px; font-size: 16px; font-family: Helvetica; background: #e0e5eb; text-align: center; }
.nei3_l .nei3_1n li .li2 { height: 210px; background: #f0f2f5; padding: 16px 0; }
.nei3_l .nei3_1n li .li2 p { color: #333; font-family: Helvetica; font-size: 14px; line-height: 32px; }
.nei3_l .nei3_1n .xing { margin-top: 20px; }
.nei3_l .nei3_1n .xing p { color: #a1a1a1; font-size: 12px; font-family: Helvetica; text-align: right; }
.nei3_4 { padding-bottom: 60px; }
.nei3_4 .nei3_1n { margin-top: 48px; }
.nei3_4 .nei3_1n img { max-width: 100%; }
.nei3_5 { padding-bottom: 52px; }
.nei3_5 li:nth-child(1) { width: 154px; }
.nei3_5 li:nth-child(2) { width: 136px; }
.nei3_5 li:nth-child(3) { width: 135px; }
.nei3_5 li:nth-child(4) { width: 171px; }
.nei3_5 li:nth-child(5) { width: 121px; }
.nei3_5 li:nth-child(6) { width: 95px; }
.nei3_5 li:nth-child(7) { width: 103px; }
.nei3_5 li:nth-child(8) { width: 170px; }
.nei3_5 li:nth-child(9) { width: 115px; }
.nei3_6 { padding-bottom: 57px; }
.nei3_6 .nei3_1n { text-align: center; }
.nei3_6 p { font-size: 14px; font-family: "HN"; text-align: right; margin-top: -12px; }
.nei3_6 .nei3_1n img { max-width: 100%; margin-top: 42px; }
.cases { padding-bottom: 45px; }
.cases ul { margin: 0 -7.5px; }
.cases ul li { width: 33.333%; padding: 0 7.5px; float: left; margin-bottom: 25px; }
.cases ul li a { display: block; background: #fff; padding-bottom: 30px; }
.cases ul li .imgk { overflow: hidden; }
.cases ul li .imgk img { width: 100%; }
.cases ul li .lin { height: 189px; padding-left: 24px; padding-right: 24px; }
.cases ul li h3 { color: #333; font-size: 24px; padding-top: 36px; }
.cases ul li p { color: #666; font-size: 14px; line-height: 24px; margin-top: 17px; height: 72px; overflow: hidden; }
.cases ul li .h5m { width: 108px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 12px; background: #0e89d6; padding: 0; margin-left: 24px; position: relative; border: 1px solid transparent; }
.cases ul li .h5m i { position: relative; z-index: 2; }
.cases ul li .h5m img { width: 5px; margin-left: 10px; margin-top: -3px; position: relative; z-index: 2; }
.cases ul li .h5m::after { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.cases ul li a:hover .imgk img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.cases ul li a:hover .h5m { color: #0e89d6; border-color: #0e89d6; }
.cases ul li a:hover .h5m::after { width: 100%; }
.cases ul li a:hover .h5m .img_s { display: none; }
.cases ul li a:hover .h5m .img_d { display: inline-block; }
.cases ul li a:hover h3 { color: #0e89d6; }
/*背景色*/
.white { background: #fff; }
.blue { background: -webkit-linear-gradient(90deg, #004486 0, #1090e1 100%); background: -moz-linear-gradient(90deg, #004486 0, #1090e1 100%); background: -ms-linear-gradient(90deg, #004486 0, #1090e1 100%); background: -o-linear-gradient(90deg, #004486 0, #1090e1 100%); background: linear-gradient(90deg, #004486 0, #1090e1 100%); color: #fff; }
.blue .nei3_1n p { color: #fff; }
.blue .h1s,
.blue .h3n { color: #fff; }
.hui { background: #f4f4f4; }
.hui5 { background: #f5f5f5; }
/*04页*/
.nei4_1 { overflow: hidden; }
.nei4_1 h2 { color: #002a5c; font-size: 48px; font-family: "HN"; padding-top: 51px; }
.nei4_1 h3 { color: #1395f0; font-size: 30px; font-family: "HN"; padding-top: 8px; line-height: 1.5; }
.nei4_1 .nei4_1_i { text-align: center; margin-top: 44px; margin-bottom: 45px; }
.nei4_1 .nei4_1_i img { max-width: 100%; }
.nei4_2 { }
.nei4_2 .fl { width: 50%; }
.nei4_2 .imgk { text-align: center; }
.nei4_2 .imgk img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 100%; }
.nei4_2 .neizi { padding-top: 72px; }
.nei4_2h .neizi { padding-left: 70px; padding-top: 98px; }
.nei4_2 .neizi h3 { color: #002a5c; font-size: 32px; font-family: "HN"; padding-bottom: 10px; }
.nei4_2 .neizi p { color: #000; font-size: 16px; line-height: 28px; margin-top: 14px; }
.nei4_2h { height: 355px; }
.nei4_2w { height: 335px; }
/*05页*/
.nei5_ { padding-top: 6px; }
.nei5_1 { padding-top: 47px; padding-bottom: 15px; }
.nei5_1 h3 { color: #012a5e; font-size: 48px; font-family: "HNM"; }
.nei5_1 .nei5_1z { margin-top: 23px; }
.nei5_1 .nei5_1z .imgk { width: 450px; overflow: hidden; }
.nei5_1 .nei5_1z .imgk img { width: 100%; }
.nei5_1 .nei5_1z .divp { width: calc(100% - 450px); }
.nei5_1 .nei5_1zl .divp { padding-right: 61px; padding-top: 11px; }
.nei5_1 .nei5_1zr .divp { padding-left: 50px; }
.nei5_1 .nei5_1z p { color: #333; font-size: 16px; line-height: 32px; }
.nei5_1 .ulist { margin-top: 35px; }
.nei5_1 .ulist ul { margin: 0 -8px; }
.nei5_1 .ulist ul li { width: 25%; padding: 0 8px; float: left; }
.nei5_1 .ulist ul li a { display: block; }
.nei5_1 .ulist .imgk { overflow: hidden; }
.nei5_1 .ulist .imgk img { width: 100%; }
.nei5_1 .ulist p { color: #00478a; font-size: 16px; line-height: 1.4; padding: 15px 0 30px; }
.nei5_1 .nei5_1z .imgk:hover img,
.nei5_1 .ulist ul li a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.nei5_1 .ulist ul li a:hover p { color: #0e89d6; }
/*06页*/
.nei6_ { padding-bottom: 44px; }
.nei6_ h3 { color: #002a5c; font-size: 32px; font-family: "HN"; padding-top: 37px; padding-bottom: 30px; }
.nei6_ .ullist { padding-bottom: 7px; }
.nei6_ .ullist ul { margin: 0 -7.5px; }
.nei6_ .ullist ul li { float: left; width: 33.33333%; padding: 0 7.5px; margin-bottom: 30px; }
.nei6_ .ullist ul .lizn { height: 254px; background: #f0f4f8; padding: 0 20px 0; }
.nei6_ .ullist ul h4 { color: #333; font-size: 24px; line-height: 1.5; padding-top: 25px; padding-bottom: 14px; }
.nei6_ .ullist ul h4 a { color: #333; }
.nei6_ .ullist ul p { color: #666666; font-size: 14px; line-height: 24px; overflow: hidden; }
.nei6_ .ullist ul p a { color: #666666; }
.amore i,
.amore img { position: relative; z-index: 2; }
.amore img { margin-left: 7px; margin-top: -2px; }
.nei6_ .ullist ul .amore { display: inline-block; width: 108px; height: 35px; text-align: center; line-height: 35px; color: #fff; background-color: #0e89d6; font-style: italic; font-size: 12px; margin-top: 40px; position: relative; border: 1px solid transparent; }
.nei6_ .ullist ul .amore::after { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff; }
.nei6_ .ullist ul .li1 { width: 66.66666%; }
.nei6_ .ullist ul .imgk { overflow: hidden; position: relative; height: 242px; }
.nei6_ .ullist ul .imgk img { width: 100%; }
.nei6_ .ullist ul .li1 a { display: block; }
.nei6_ .ullist ul .li1 h4,
.nei6_ .ullist ul .li1 p { color: #fff; }
.nei6_ .ullist ul .li1 .imgk { height: 496px; }
.nei6_ .ullist ul .imgk .divz { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.nei6_ .ullist ul .imgk .divzi { position: absolute; bottom: 0; left: 0; width: 70%; padding-left: 35px; padding-bottom: 39px; }
.nei6_ .ullist ul .li1 h4 { padding-bottom: 11px; }
@media screen and (min-width: 767px) {
.nei6_ .ullist ul .liz:hover .amore { border-color: #0e89d6; color: #0e89d6; }
.nei6_ .ullist ul .liz:hover .amore::after { width: 100%; }
.nei6_ .ullist ul .liz:hover .amore .img_s { display: none; }
.nei6_ .ullist ul .liz:hover .amore .img_d { display: inline-block; }
.nei6_ .ullist ul .liz:hover .imgk img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.nei6_ .ullist ul .liz:hover h4 a { color: #0e89d6; }
.nei6_ .ullist ul .li1 .imgk:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}
/*07页*/
.nei7_1 { padding-bottom: 56px; }
.nei7_1 .nei7_1t { padding-top: 41px; }
.nei7_1 .nei7_1t h3 { color: #002a5c; font-size: 36px; font-family: "HN"; line-height: 1.3; }
.nei7_1 .nei7_1t h5 { text-align: right; margin-top: -26px; float: right; }
.nei7_1 .nei7_1t h5.bdshare-button-style0-16 a { font-size: 20px; line-height: normal; float: left; height: auto; margin: 0; padding: 0; color: #444; background-image: none; background-position: center; margin-left: 19px; }
.nei7_1 .nei7_1t h5.bdshare-button-style0-16 a.icon-tuite { margin-top: 2px; }
.nei7_1 .nei7_1t h5.bdshare-button-style0-16 a.icon-unie61d { margin-top: 2px; }
.nei7_1 .nei7_1t p { color: #555; font-size: 16px; line-height: 30px; margin-top: 25px; }
.nei7_1 .nei7_1n { padding-top: 36px; }
.nei7_1 .nei7_1n .imgk { width: 580px; }
.nei7_1 .nei7_1n .imgk img { width: 100%; }
.nei7_1 .nei7_1n .lizi { width: calc(100% - 580px); padding-right: 45px; }
.nei7_1 .nei7_1n .lizi h3 { color: #002a5c; font-size: 28px; line-height: 1.3; padding-bottom: 20px; position: relative; margin-top: 21px; }
.nei7_1 .nei7_1n .lizi h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 46px; height: 2px; background: #d5d5d5; }
.nei7_1 .nei7_1n .lizi h4 { color: #333; line-height: 30px; margin-top: 17px; margin-bottom: 12px; }
.nei7_1 .nei7_1n .lizi p { color: #676e71; font-size: 16px; position: relative; padding-left: 23px; line-height: 34px; letter-spacing: 0.3px; }
.nei7_1 .nei7_1n .lizi p::before { content: ''; position: absolute; top: 15px; left: 0; width: 4px; height: 4px; background: #0e89d6; opacity: 0.42; border-radius: 50%; }
.nei7_2 { padding-bottom: 56px; }
.nei7_2 .nei7_1t h3 { color: #fff; font-size: 24px; padding-top: 50px; line-height: 32px; }
.nei7_2 .nei7_1n { padding-top: 33px; }
.nei7_2 .nei7_1n .imgk { width: 580px; }
.nei7_2 .nei7_1n .imgk img { width: 100%; }
.nei7_2 .nei7_1n .lizi { width: calc(100% - 580px); padding-left: 45px; padding-top: 20px; }
.nei7_2 .lizi p { color: #fff; font-size: 16px; line-height: 26px; position: relative; padding-left: 23px; line-height: 28px; margin-bottom: 12px; }
.nei7_2 .lizi p::before { content: ''; position: absolute; top: 15px; left: 0; width: 4px; height: 4px; background: #fff; opacity: 0.42; border-radius: 50%; }
.nei7_3 { padding-bottom: 66px; }
.nei7_3 .nei7_1t { }
.nei7_3 .nei7_1t h3 { color: #002a5c; font-size: 36px; font-family: "HN"; padding-top: 48px; }
.nei7_3 .nei7_1t p { color: #555; font-size: 16px; line-height: 24px; margin-top: 17px; }
.nei7_3 .nei7_1n { position: relative; padding: 0 65px; padding-top: 45px; }
.nei7_3 .nei7_1n .imgk { width: 515px; }
.nei7_3 .nei7_1n .imgk img { width: 100%; }
.nei7_3 .nei7_1n .lizi { width: calc(100% - 515px); padding-left: 45px; }
.nei7_3 .nei7_1n .lizi h3 { color: #00478a; font-size: 26px; line-height: 1.2; margin-top: -6px; }
.nei7_3 .nei7_1n .lizi h4 { color: #676e71; font-size: 16px; line-height: 24px; margin-top: 7px; margin-bottom: 11px; }
.nei7_3 .nei7_1n .lizi p { color: #333; font-size: 16px; line-height: 28px; position: relative; padding-left: 23px; }
.nei7_3 .lizi p::before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background: #0e89d6; opacity: 0.42; border-radius: 50%; }
.nei7_3 .lizi .slick_ { padding-top: 16px; position: relative; }
.nei7_3 .lizi .slick_ h5 { color: #00478a; margin-bottom: 14px; }
.nei7_3 .lizi .slick_07 { margin: 0 -10px; }
.nei7_3 .lizi .slick_07 .slick-slide { padding: 0 10px; }
.nei7_3 .lizi .slick_07 .imgk { background: #efefef; height: 78px; text-align: center; width: auto; line-height: 78px; }
.nei7_3 .lizi .slick_07 .imgk img { max-width: 70%; }
.nei7_3 .lizi .slick_07 p { color: #666; font-size: 12px; line-height: 1.3; padding-top: 7px; padding-bottom: 1px; padding-left: 0; text-align: center; }
.nei7_3 .lizi .slick_07 p::before { display: none; }
.nei7_3 .lizi .slick_07 .zinei:hover p { color: #00488b; }
.nei7_3 .prev07,
.nei7_3 .next07 { position: absolute; top: 50%; margin-top: -20px; cursor: pointer; }
.nei7_3 .prev07 { left: 0; }
.nei7_3 .next07 { right: 0; }
.nei7_3 .slick_7_3k { position: relative; }
.nei7_3 .slick_7_3k .slick_7_3 { margin: 0; }
.nei7_3 .slick_7_3k .slick_7_3 .nei7_1n { }
.nei7_ .h1sp { font-size: 36px; padding-top: 41px; padding-bottom: 25px; }
.navsan { position: relative; padding-top: 36px; }
.navsan::after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; background: #ececec; height: 1px; }
.navsan h3 { color: #002a5c; font-size: 48px; font-family: "HN"; }
.navsan ul { margin-top: 27px; }
.navsan ul li { float: left; margin-left: 45px; }
.navsan ul li a { display: block; padding-bottom: 29px; position: relative; color: #333; font-size: 16px; }
.navsan ul li a::after { position: absolute; content: ''; bottom: 0; left: 0; width: 0; background: #01458c; height: 3px; }
.navsan ul li a.active,
.navsan ul li a:hover { color: #01458c; font-weight: bold; }
.navsan ul li a.active::after,
.navsan ul li a:hover::after { width: 100%; }






/*媒体查询*/
@media screen and (min-width: 767px) {
.nei3_l .nei3_1n ul { display: table; width: 100%; }
.nei3_l .nei3_1n ul li { display: table-cell; background: #f0f2f5; }
.nei3_l .nei3_1n li .li2 { height: auto; text-align: center; }
}
@media screen and (max-width: 767px) {
.nei3_l .nei3_1n ul { display: table; width: 100%; }
.nei3_l .nei3_1n li { background: #f0f2f5; display: inline-block; vertical-align: top; float: none; }
.nei3_l .nei3_1n li .li2 { height: auto; }
}
@media screen and (max-width: 1400px) {
.tanvideo .video_windown { width: 768px; height: 438px; margin: -219px 0 0 -384px; }
}
@media screen and (max-width: 1230px) {
.pctopnav { right: 270px; }
.nei3_5 li:nth-child(8) { width: 150px; }
.nei3_5 li:nth-child(9) { width: 99px; }
.nei3_5 li:nth-child(5) { width: 109px; }
.nei3_5 li:nth-child(1) { width: 142px; }
.nei6_ .ullist ul .imgk { height: 218px; }
.nei6_ .ullist ul .li1 .imgk { height: 472px; }
}
@media screen and (max-width: 1199px) {
.header1,
.footer1 { display: none; }
.header2,
.footer2 { display: block; }
body { padding-top: 80px; }
/*脚*/
footer .di p.p1 { float: none; }
footer .di p.p2 { float: none; }
footer .di p { text-align: center; }
.bannei .banneizi { width: 500px; }
.bannei .bannav { top: 14px; }
.bannei .banneizi { top: 150px; }
.banpro .fl { padding-top: 125px; }
.nei3_l .nei3_1n li { width: 20%; }
.nei6_ .ullist ul .imgk { height: 133px; }
.nei6_ .ullist ul .li1 .imgk { height: 387px; }
.nei6_ .ullist ul h4 { font-size: 20px; }
.nei7_1 .nei7_1n .imgk,
.nei7_2 .nei7_1n .imgk { width: 420px; }
.nei7_1 .nei7_1n .lizi,
.nei7_2 .nei7_1n .lizi { width: calc(100% - 420px); }
.nei7_3 .nei7_1n .imgk { width: 400px; }
.nei7_3 .nei7_1n .lizi { width: calc(100% - 400px); }
}
@media screen and (max-width: 991px) {
.h1s,
.nei1_1 .h1s { font-size: 30px; padding-top: 31px; padding-bottom: 27px; }
.h1s .more { bottom: 31px; }
.proul li,
.supul li.li2 .li3 { width: 50%; }
.solul li,
.casul li,
.serul li,
.supul li.li1,
.supul li.li2 { width: 100%; }
.solul li h3 { padding-top: 26px; }
.casul li h3 { padding-top: 24px; padding-bottom: 17px; }
.solul li .lin,
.casul li .lin,
.casul li h5.h51 { height: auto; }
.solul li h5.h51 { height: 48px; }
.solul li .h5m { padding-top: 38px; }
.casul li .h5m { padding-top: 36px; padding-bottom: 33px; }
.casul li h5.h51 br,
.serul li .h1s { display: none; }
.ser .h1s { display: block; }
.serul li.li1 .lirn { right: 0; left: 16%; }
.serul li.li1 { margin-bottom: 88px; }
.serul li.li2 .h5m { padding-top: 32px; padding-bottom: 14px; }
.serul li .lin { min-height: 0; }
.serul li h5.h51 { padding-right: 0; }
.supul li.li2 .li3:first-child { margin-bottom: 0; }
.supul li.li2 { margin: 20px -4px 0 -4px; }
.supul li.li2 .li3 { float: left; padding: 0 4px; }
.news .h1s { position: relative; top: 0; left: 0; padding-bottom: 24px; }
.news .h1s br { display: none; }
.news .li1,
.news .li4 { width: 100%; padding-top: 0; padding-bottom: 0; }
.news .li2 { width: 50%; padding-top: 0; padding-bottom: 0; padding-right: 15px; padding-left: 0; }
.news .li3 { padding-right: 0; padding-left: 15px; }
.news .li1 .h5m { padding-top: 28px; padding-bottom: 36px; }
.news .li3::before { top: 0; height: 100%; }
.news .li2 p { margin-top: 3px; }
.news .li4 { display: none; }
.news .slickpad { position: relative; z-index: 1; }
.buyz { padding-top: 30px; padding-bottom: 25px; text-align: center; }
.buyz h3 { color: #002a5c; font-size: 32px; }
.buyz h5 { margin-top: 23px; }
.buyz .amore { margin-top: 29px; }
.buytu { position: relative; top: 0; right: 0; text-align: center; padding-bottom: 160px; }
.buytu img { max-width: 100%; }
.buytu .buy1 { top: 0; }
.bannei { height: auto; position: relative; }
.bannei .container { position: absolute; top: 0; width: 750px; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.bannei .banneizi { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.bannei .banneizi p { display: none; }
.nei1_2 .fr { width: 50%; }
.nei1_31 .imgk { width: 330px; }
.nei1_31 .liz { width: calc(100% - 380px); }
.nei1_4 p br { display: none; }
.nei1_5 { padding: 37px 0 41px; }
.nei1_5 .neizi h2 { font-size: 30px; }
.nei1_5 .neizi { width: 467px; }
.nei1_5 .amore { margin-top: 30px; }
.neinav3,
.nei2_k { width: 100%; margin-top: 15px; margin-bottom: 10px; }
.nei2_k h3 { padding-top: 27px; }
.nei2_k .nei2_1_1 ul li { width: 50%; }
.banpro .container { position: relative; padding-bottom: 65px; }
.banpro .fl { padding-top: 65px; }
.banpro .banzib .banzibt { display: block; margin-top: 25px; }
.video_windown .shup { width: 18px; height: 18px; right: 0; }
.nei3_1 .nei3_1n .imgk,
.nei3_2 .nei3_1n .imgk { width: 320px; }
.nei3_1 .nei3_1n .divz,
.nei3_2 .nei3_1n .divz { width: calc(100% - 370px); }
.nei3_l .nei3_1n li { width: 25%; }
.cases ul li { width: 100%; }
.nei4_2 .neizi { padding-top: 26px; }
.nei4_2h .neizi { padding-left: 60px; padding-top: 56px; }
.nei6_ .ullist ul .li1 { width: 100%; }
.nei6_ .ullist ul .imgk { height: 142px; }
.nei7_1 .nei7_1n .imgk,
.nei7_2 .nei7_1n .imgk,
.nei7_3 .nei7_1n .imgk { width: 100%; }
.nei7_1 .nei7_1n .lizi,
.nei7_2 .nei7_1n .lizi,
.nei7_3 .nei7_1n .lizi { width: 100%; padding-right: 0; padding-left: 0; }
.nei7_3 .nei7_1n .lizi { margin-top: 25px; }
.nei7_3 .nei7_1n .prev07,
.nei7_3 .nei7_1n .next07 { top: 60%; }
.nei7_3 .nei7_1n { padding-left: 30px; padding-right: 30px; }
.nei7_3 .lizi .slick_07 { padding: 0 0; }
.nei5_1 .nei5_1z .imgk { width: 100%; }
.nei5_1 .nei5_1zl .divp,
.nei5_1 .nei5_1zr .divp { width: 100%; padding-right: 0; padding-left: 0; padding-top: 20px; }
.nei5_1 .ulist ul li { width: 50%; }
.nei5_1 h3 { font-size: 30px; }
.nei7_1 .nei7_1t h5 { text-align: left; margin-top: 16px; }
.nei7_1 .nei7_1t h5.bdshare-button-style0-16 a { margin-right: 19px; margin-left: 0; }
.neinav3 .nav1 ul { display: none; }
}
@media screen and (max-width: 768px) {
.slick_b .slick-slide img.img_s { display: none !important; }
.slick_b .slick-slide img.img_dd { display: block !important; }
}
@media screen and (max-width: 767px) {
footer .di p.p1 span,
.news .li4 { display: block; }
.slick_b .slick-arrow { display: none !important; }
footer .di p.p1 span,
footer .di p.p1 a { display: block; margin: 0; }
.proul li,
.supul li.li2 .li3 { width: 100%; }
.serul li.li1 .lirn { left: 10%; padding-left: 21px; padding-right: 0; }
.supul li.li1 .liz { top: 24px; left: 25px; width: 44%; }
.supul li.li1 .liz h3 { font-size: 16px; }
.supul li.li1 .liz h5 { margin-top: 7px; height: 60px; font-size: 12px; line-height: 20px; }
.supul li.li1 .liz .amore { margin-top: 10px; }
.supul li.li2 .li3:first-child { margin-bottom: 20px; }
.supul li.li2 .liz h3 { font-size: 16px; }
.supul li.li2 .liz h5 { font-size: 12px; }
.news .li2 { width: 100%; padding-right: 0; }
.news .li3 { padding-left: 0; }
.news .li3::before { display: none; }
.news .li2 p { height: auto; }
.news .li2 .h5m { padding-top: 25px; padding-bottom: 38px; }
.news .li4 { padding-left: 3px; }
.news .li4::before { width: 768px; left: 50%; margin-left: -384px; }
.news .slickpad { position: absolute; z-index: -2000; }
.buyz h1 br { display: none; }
.bannei .container { width: 100%; }
.bannei .banneizi h2 { font-size: 24px; }
.nei1_2 { height: auto; }
.nei1_2 .container { padding: 0; }
.nei1_2 .fr { width: 100%; padding: 40px 15px 0; }
.nei1_31 .imgk { width: 100%; }
.nei1_31 .liz { width: 100%; margin-left: 0; }
.nei1_31 .liz h3 { margin-top: 32px; }
.nei1_4 { padding-top: 63px; }
.nei1_5 { text-align: center; }
.nei1_5 .neizi { width: 100%; }
.nei1_5 .amore { float: none; }
.nei2_k .nei2_1_1 ul li { width: 100%; }
.banpro .fl { width: 100%; padding-top: 45px; }
.banpro .imgk img { max-width: 90%; margin-top: 0 !important; }
.tanvideo .video_windown { width: 80%; height: auto; left: 10%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.nei3_1 .nei3_1n .imgk,
.nei3_2 .nei3_1n .imgk { width: 100%; }
.nei3_1 .nei3_1n .divz,
.nei3_2 .nei3_1n .divz { width: 100%; margin-left: 0; margin-right: 0; }
.nei3_l .nei3_1n li { width: 50%; }
.nei3_1 .h3n { font-size: 16px; padding-top: 59px; }
.nei3_1 { padding-bottom:0; }
.h1sp { font-size: 36px; }
.nei4_1 h2 { font-size: 30px; }
.nei4_1 h3 { font-size: 18px; }
.nei4_2h,
.nei4_2w { height: auto; }
.nei4_2 { padding-top: 40px; }
.nei4_2 .fl { width: 100%; }
.nei4_2 .imgk img { top: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
.nei4_2 .neizi { padding-left: 0; padding-top: 40px; padding-bottom: 40px; }
.nei4_2 .neizi h3 { font-size: 30px; }
.nei4_2 .neizi p { font-size: 14px; }
.nei6_ .ullist ul .li1 .imgk { height: auto; }
.nei6_ .ullist ul .imgk .divz,
.nei6_ .ullist ul .imgk .divzi { position: relative; width: 100%; background: #f0f4f8; }
.nei6_ .ullist ul .imgk .divzi { padding: 0 15px; padding-bottom: 30px; }
.nei6_ .ullist ul .imgk .divzi h4 { color: #333; }
.nei6_ .ullist ul .imgk .divzi p { color: #666; }
.nei6_ .ullist ul li { width: 100%; }
.nei6_ .ullist ul li .imgk { height: auto; }
.nei6_ .ullist ul .lizn { height: auto; padding-bottom: 30px; }
.nei7_1 .nei7_1t h3 { font-size: 30px; }
.nei7_3 .lizi .slick_07 .imgk { height: auto; padding: 15px 0; }
.secnavm { height: 39px; margin-top: -39px; }
.secnavm .mainh4 div { padding-top: 11px; padding-bottom: 10px; }
.secnavm .mainul { top: 39px; }
.nei7_2 .nei7_1t h3 br { display: none; }
.nei7_3 .nei7_1n { padding-left: 18px; padding-right: 18px; }
.nei7_3 .prev07,
.nei7_3 .next07 { width: 10px; }
.nei7_3 .nei7_1n .lizi p { display: none; }
#bsMorePanel,
.bsTop,
#bsBox { width: 244px !important; }
#bsBox { margin-left: -122px !important; }
.bFind { width: 178px !important; }
}
@media screen and (max-width: 359px) {
.nei3_l .nei3_1n li { width: 100%; }
}
.z_page { font-size: 16px; line-height: 1.875; color: #555; padding-top: 30px; }
.bsBox,
#bsPanel div,
#bsMorePanel div,
#bshareF div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }