/*banner*/
.banner { position: relative; background: #fff; margin: 0 auto; overflow: hidden; clear: both; }
.banner .content { height: 147px; background: #1e4c96; position: absolute; left: 0; right: 0; bottom: 0; }
.banner .content:before { position: absolute; content: ""; width: 50%; background: #1e4c96; right: 100%; bottom: 0; height: 147px; }
.banner .banner_nav { position: absolute; left: 0; top: -76px; }
.banner .banner_nav li { width: 164px; height: 164px; border-radius: 50%; margin-right: 32px; float: left; overflow: hidden; border-color: #fff; box-sizing: border-box; transition: all 0.5s ease; cursor: pointer; }
.banner .banner_nav li img { width: 100%; }
.banner .banner_nav li.on { border: 8px solid #ffffff; }
.banner .switch { position: absolute; width: 115px; top: 48px; right: 37px; }
.banner .switch div { float: left; width: 53px; height: 53px; background: #ffffff; border-radius: 50%; cursor: pointer; }
.banner .switch .next { background: #f18c18; float: right; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; vertical-align: top; }
/*title*/
h2.main_title { text-align: center; position: relative; }
h2.main_title a { display: block; line-height: 0; }
h2.main_title strong { display: block; font-size: 36px; line-height: 100%; color: #1e4c96; }
h2.main_title i { color: #f18c18; }
h2.main_title span { display: block; font-weight: normal; font-size: 26px; line-height: 100%; color: #333; margin-top: 15px; font-family: PM; }
/**/
.search { height: 78px; background: #fff; border-bottom: 1px solid #e9e9e9; }
.search .keyword { float: left; }
.search .keyword a { display: block; font-size: 16px; line-height: 78px; color: #999; transition: all 0.5s ease; position: relative; float: left; }
.search .keyword a:after { content: "、"; }
.search .keyword a:hover { color: #1e4c96; }
.search .keyword a:hover:after { color: #999; }
.search .keyword a:last-child:after { display: none; }
.search .keyword strong { display: block; float: left; color: #333; font-size: 16px; line-height: 78px; }
.search .search_input { width: 360px; height: 78px; position: relative; float: right; }
.search .search_input:after { position: absolute; content: ""; width: 100%; height: 1px; background: #1e4c96; left: 0; bottom: -1px; }
.search .search_input input[type="text"] { float: left; display: block; background: none; border: none; outline: none; width: 320px; font-size: 14px; line-height: 78px; color: #999; transition: all 0.5s ease; }
.search .search_input input[type="text"]:focus { color: #333; }
.search .search_input .submit { width: 40px; background: url(../image/s_btn.png) no-repeat right center; height: 78px; border: none; outline: none; font-size: 0; cursor: pointer; }
/*application*/
.application { background: linear-gradient(0deg,#ffffff,#f3f7fb); padding-top: 82px; padding-bottom: 100px; }
.application .application_con { padding-top: 48px; }
.application dl { width: 292px; height: 334px; background: #f1f1f1; margin-left: 10px; margin-bottom: 12px; float: left; position: relative; overflow: hidden; }
.application dt { height:62%; line-height: 0; overflow: hidden; }
.application dt img { height:100%; display:block;width:100%;object-fit:cover; }
.application dt a{ height:100%;width:100%; }
.application dd { transition: all 0.5s ease; }
.application dd a { display: block; text-align: center; padding: 40px 20px 45px; transition: all 0.5s ease; }
.application dd h4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; font-size: 18px; line-height: 30px; color: #333; margin-bottom: 11px; }
.application dd span { display: inline-block; font-size: 14px; line-height: 100%; color: #fff; padding-right: 29px; background: url(../image/more1.png) no-repeat right center; display: none; transition: all 0.5s ease; }
.application dd span:hover { padding-right: 33px; }
.application dl:nth-child(4n) { margin-left: 0; }
.application dl:hover dd { position: absolute; width: 100%; background: #f18c18; left: 0; bottom: 0; }
.application dl:hover dd h4,.application dl:hover dd span { color: #fff; }
.application dl:hover dd span { display: inline-block; }
.application dl:nth-child(1) { margin-left: 0; width: 596px;height:100%; }
.application dl:nth-child(1) dt { margin: 0; }
.application dl:nth-child(1) dt img{ width:596px; height:333px; margin:0;}
.application dl:nth-child(1) dd { position: absolute; left: 0; bottom: 0; background: url(../image/application_hover.png) no-repeat center bottom; width: 100%; }
.application dl:nth-child(1) dd a { display: block; width: 100%; padding-bottom: 34px; padding-left: 38px; box-sizing: border-box; text-align: left; }
.application dl:nth-child(1) dd h4 { color: #fff; }
.application dl:nth-child(1) dd span { display: inline-block; }

/*product*/
.product { height: 728px; background: #f1f1f1; padding-top: 114px; overflow: hidden; box-sizing: border-box; }
.product .product_title { float: left; width: 323px; }
.product .product_title h2 { text-align: left; }
.product .product_title h2 b { display: block; font-style: normal; font-size: 18px; line-height: 24px; color: #666; margin: 22px 0 44px; font-weight: normal; }
.product .product_title h2 span { line-height: 42px; }
.product .switch { width: 115px; margin-top: 50px; }
.product .switch div { width: 53px; height: 53px; cursor: pointer; float: left; background: #fff; border-radius: 50%; }
.product .switch div img { width: 100%; }
.product .switch .p_next { float: right; background: #1e4c96; }
.product .content { position: relative; }
.product .product_con { position: absolute; left: 323px; top: 0; width: 1233px; }
.product .product_con li { width: 411px; height: 488px; background: linear-gradient(90deg,#dfdfdf,#fefefe); float: left; line-height: 0; }
.product .product_con li > a { width: 371px; margin: 20px;height:70%; }
.product .product_con li > a img { width: 100%;height:100%; object-fit:cover; }
.product .product_con li h4 a { text-align: center; display: block; font-size: 18px; line-height: 28px; color: #333; font-weight: normal; padding-top: 15px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product .product_con li h4 a:before { position: absolute; content: ""; width: 23px; height: 2px; background: #1e4c96; left: 50%; margin-left: -11px; top: 0; }
/*feature*/
.feature { max-width: 1920px; min-width: 1200px; overflow: hidden; margin: 0 auto; padding-top: 106px; }
.feature h2 { margin-bottom: 42px; }
.feature dl { width: 25%; float: left; height: 684px; overflow: hidden; position: relative; }
.feature dt { position: relative; }
.feature dt img { position: absolute; height: 684px; left: 50%; margin-left: -240px; top: 0; }
.feature dd { width: 100%; height: 100%; transition: all 0.5s ease; position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 97px 20% 0; background: linear-gradient(-180deg,rgba(0,0,0,0.25),transparent,transparent); }
.feature dd h3 { font-size: 36px; line-height: 40px; color: #fff; padding-bottom: 30px; position: relative; margin-bottom: 49px; }
.feature dd h3:after { position: absolute; content: ""; width: 35px; height: 2px; background: #ffffff; left: 0; bottom: 0; }
.feature dd p { font-size: 16px; line-height: 28px; color: #fff; margin: 34px 0; display: none; }
.feature dd a.ask { display: block; width: 175px; height: 48px; background: #ffffff url(../image/feature_icon1.png) no-repeat 116px center; font-size: 16px; line-height: 48px; color: #333; text-indent: 39px; transition: all 0.5s ease; border: 1px solid #fff; box-sizing: border-box; display: none; margin-top: 40px; }
.feature dd a.ask:hover { letter-spacing: 1px; }
.feature dd img { display: block; width: 100%; }
.feature dl.cur dd,.feature dl:hover dd { background: rgba(0,100,198,0.9); }
.feature dl.cur dd h3,.feature dl:hover dd h3 { margin-bottom: 0; }
.feature dl.cur dd p,.feature dl:hover dd p { display: block; }
.feature dl.cur dd a.ask,.feature dl:hover dd a.ask { display: block; background: url(../image/feature_icon2.png) no-repeat 116px center; color: #fff; }
/*process*/
.process { padding-top: 100px; }
.process .content { position: relative; }
.process .pic { margin: 97px auto 133px; width: 481px; }
.process .pic img { width: 401px; height: 401px; border-radius: 50%; overflow: hidden; padding: 14px; border: 26px solid #f2f7fc; }
.process ul { position: absolute; left: 0; top: 149px; }
.process li { width: 331px; float: left; margin-bottom: 82px; }
.process li h3 { overflow: hidden; }
.process li h3 img { display: block; width: 40px; float: left; margin-right: 18px; transition: all 0.5s ease; }
.process li h3 span { display: block; float: left; font-size: 20px; line-height: 40px; color: #333; }
.process li p { font-size: 16px; line-height: 28px; color: #666; margin-top: 14px; }
.process li:nth-child(even) { float: right; margin-left: 500px; }
.process li:hover h3 img { margin-right: 20px; }
/*ys*/
.ys { background: #f1f1f1 url(../image/ys_bg.jpg) no-repeat center bottom; padding-top: 86px; }
.ys_con { margin-top: 98px; height: 328px; margin-bottom: 132px; }
.ys_con dt { width: 531px; height: 328px; height:auto; float: right; overflow: hidden; line-height: 0; position: relative; }
.ys_con dt img { width: 100%;height: 100%;
    object-fit: contain; }
.ys_con dt video { width: 100%; }
.ys_con dt span { position: absolute; display: block; width: 100%; height: 53px; background: rgba(0,0,0,0.5) url(../image/video_icon.png) no-repeat 15px center; box-sizing: border-box; left: 0; bottom: 0; padding-left: 48px; padding-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 53px; color: #fff; }
.ys_con dl.ys2 dt { width: 616px; height: 424px; }
.ys_con dl.ys3 dt span { background: rgba(0,0,0,0.5); text-align: center; padding-left: 20px; }
.ys_con dl.ys4 dt { width: 643px; height: 365px; }
.ys_con dd { float: left; width: 600px; padding-top: 67px; margin-left: -99px; }
.ys_con dd i { display: block; float: left; font-size: 60px; line-height: 100%; color: #fff; font-style: normal; width: 99px; font-weight: normal; }
.ys_con dd span { display: inline-block; font-size: 18px; line-height: 36px; color: #fff; background: #1e4c96; position: relative; margin-left: 12px; padding: 0 10px; }
.ys_con dd span:before { position: absolute; content: ""; border-style: solid; border-color: transparent #1e4c96 #1e4c96 transparent; border-width: 18px 6px; left: -12px; }
.ys_con dd span:after { position: absolute; content: ""; border-style: solid; border-color: #1e4c96 transparent transparent #1e4c96; border-width: 18px 6px; right: -12px; }
.ys_con dd strong { display: block; font-size: 30px; line-height: 100%; color: #fff; margin-top: 18px; position: relative; padding-bottom: 30px; }
.ys_con dd strong:after { position: absolute; content: ""; width: 490px; height: 1px; background: rgba(255,255,255,0.2); left: 99px; bottom: 0; }
.ys_con dd .desc { margin-left: 99px; margin-top: 23px; }
.ys_con dd p { padding-left: 19px; font-size: 16px; line-height: 36px; color: #fff; position: relative; }
.ys_con dd p:before { position: absolute; content: ""; width: 11px; height: 2px; background: #0075e2; left: 0; top: 17px; }
.ys_nav { height: 240px; }
.ys_nav h3 { width: 432px; height: 240px; float: left; margin-left: -133px; text-align: center; line-height: 0; padding-top: 56px; box-sizing: border-box; cursor: pointer; }
.ys_nav h3 img { display: block; width: 48px; margin: 0 auto 13px; }
.ys_nav h3 span { display: block; font-size: 20px; line-height: 30px; color: #fff; width: 160px; margin: 0 auto; }
.ys_nav h3.on { background: url(../image/ys_hover.png) no-repeat center; }
/*client*/
.client { padding-top: 98px; padding-bottom: 110px; }
.client .content { width: 1235px; margin: 0 auto; position: relative; }
.client li { width: 247px; text-align: center; float: left; }
.client li img { width: 219px; box-sizing: border-box; transition: all 0.5s ease; box-shadow: 4px 6px 38px 0px rgba(135,135,135,0.13); border: 1px solid transparent; margin: 43px auto 30px; }
.client li span { display: block; font-size: 16px; line-height: 26px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.client li:hover img { border-color: #f18c18; }
.client .c_prev,.client .c_next { cursor: pointer; width: 52px; height: 52px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 50%; box-sizing: border-box; transition: all 0.5s ease; position: absolute; top: 171px; }
.client .c_prev img,.client .c_next img { width: 50px; }
.client .c_prev { left: -110px; }
.client .c_next { right: -110px; background: #1e4c96; border-color: #1e4c96; }
/*case*/
.case { padding-top: 85px; padding-bottom: 90px; background: #f8f8f8 url(../image/case_bg.png) no-repeat center bottom; }
.case .content { position: relative; }
.case .case_prev,.case .case_next { cursor: pointer; width: 52px; height: 52px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 50%; box-sizing: border-box; transition: all 0.5s ease; position: absolute; top: 372px; }
.case .case_prev img,.case .case_next img { width: 50px; }
.case .case_prev { left: -90px; }
.case .case_next { right: -90px; background: #1e4c96; border-color: #1e4c96; }
.case_con { margin-top: 60px !important; overflow: hidden; }
.case_con dl { float: left; width: 377px; margin-right: 35px; }
.case_con dt { line-height: 0; overflow: hidden; }
.case_con dt img { width: 100%; }
.case_con dd { padding-top: 32px; height: 242px; }
.case_con dd h4 { font-size: 24px; line-height: 34px; color: #1e4c96; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_con dd p { font-size: 16px; line-height: 28px; color: #333; min-height: 112px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin: 13px 0 44px; }
.case_con dd span { display: inline-block; font-size: 14px; line-height: 100%; color: #1e4c96; padding-right: 30px; background: url(../image/more.png) no-repeat right center; }
.case_con dl:hover dd p { margin-bottom: 28px; }
.case_con dl:hover dd span { width: 134px; height: 44px; background: #f18c18 url(../image/more1.png) no-repeat 99px center; box-sizing: border-box; padding-right: 0; border-radius: 21px; text-indent: 30px; font-size: 14px; line-height: 44px; color: #fff; }
/*about*/
.about { background: url(../picture/xaixin_pc_11.jpg) no-repeat bottom; height: 617px; padding-top: 107px; box-sizing: border-box; }
.about .pic { width: 569px; height: 402px; background:#1e4c96; box-sizing: border-box; float: left; }
.about .pic img { width: 100%;padding:20px 0 0 20px; }
.about .about_con { float: right; width: 528px; padding-top: 29px; }
.about .about_con h2 strong { display: block; font-size: 40px; line-height: 100%; color:#1e4c96; font-weight:bold; }
.about .about_con h2 span { display: block; font-size: 24px; line-height: 100%; color:#f18c18; font-weight: normal; margin-top: 14px; }
.about .about_con p { font-size: 16px; line-height: 36px; color: #333; margin: 32px 0; }
.about .about_con a.more { display: block; width: 134px; height: 44px; border: 2px solid #333; border-radius: 21px; transition: all 0.5s ease; box-sizing: border-box; font-size: 14px; line-height: 40px; color: #fff; text-indent: 28px; background: url(../image/more1.png) no-repeat 97px center #333; }
.about .about_con a.more:hover { letter-spacing: 1px; }
/*honor*/
.honor { background: #f2f4f7;padding-top: 104px; padding-bottom: 90px; }
.honor h2 { margin-bottom: 74px; }
.honor li { width: 375px; float: left; margin-right: 39px; text-align: center; }
.honor li > a { display: block; width: 375px; height: 420px; background: url(../image/honor.jpg) no-repeat center; padding: 16px 17px 14px 14px; margin-bottom: 40px; box-sizing: border-box; }
.honor li > a img { width: 344px; height: 390px; }
.honor li h4 a { display: block; font-size: 18px; line-height: 28px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.honor .content { position: relative; }
.honor .h_prev,.honor .h_next { cursor: pointer; width: 52px; height: 52px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 50%; box-sizing: border-box; transition: all 0.5s ease; position: absolute; top: 272px; }
.honor .h_prev img,.honor .h_next img { width: 50px; }
.honor .h_prev { left: -90px; }
.honor .h_next { right: -90px; background: #1e4c96; border-color: #1e4c96; }
/*news*/
.news { padding-top: 95px; padding-bottom: 70px; overflow: hidden; }
.news h2 { margin-bottom: 49px; }
.news_nav { height: 33px; padding-bottom: 14px; border-bottom: 1px solid #e2e2e2;position: relative; }
.news_nav h3 { float: left; }
.news_nav h3 a { display: block; font-size: 18px; line-height: 33px; color: #999; transition: all 0.5s ease; }
.news_nav i { display: block; float: left; margin: 0 20px; font-size: 18px; line-height: 33px; color: #ccc; }
.news_nav h3.on a { color: #333; }
.news_nav span { position: absolute; right: 0; top: 0; }
.news_nav span a { display: block; width: 76px; height: 33px; border-radius: 16px; background: #1e4c96; text-align: center; font-size: 14px; line-height: 33px; color: #fff; transition: all 0.5s ease; }
.news_nav span a:hover { letter-spacing: 1px; }
.news_con { width: 560px; float: left; }
.news_con dl { overflow: hidden; margin-top: 32px; margin-bottom: 37px; }
.news_con dt { overflow: hidden; line-height: 0; width: 240px; float: left; }
.news_con dt img { width: 100%; }
.news_con dd { width: 294px; float: right; }
.news_con dd h4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; line-height: 28px; color: #333; margin: 12px 0 16px; }
.news_con dd p { font-size: 14px; line-height: 30px; color: #5d6473; max-height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 24px; }
.news_con dd span { display: inline-block; font-size: 14px; line-height: 100%; color: #1e4c96; transition: all 0.5s ease; padding-right: 30px; background: url(../image/more.png) no-repeat right center; }
.news_con dd span:hover { letter-spacing: 1px; }
.news_con li { margin-bottom: 34px; }
.news_con li h4 { font-size: 18px; line-height: 28px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s ease; margin-bottom: 6px; }
.news_con li p { font-size: 14px; line-height: 24px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_con li:hover h4 { letter-spacing: 1px; }
.faq { float: right; width: 560px; }
.faq h3 { height: 33px; padding-bottom: 14px; border-bottom: 1px solid #e2e2e2; margin-bottom: 32px; }
.faq h3 strong { display: block; float: left; font-size: 18px; line-height: 33px; color: #333; }
.faq h3 span { display: block; float: right; font-size: 14px; line-height: 33px; color: #fff; text-align: center; width: 76px; height: 33px; background: #1e4c96; border-radius: 16px; }
.faq li { height: 128px; background: #f8f8f8; margin-bottom: 18px; }
.faq li span { display: block; float: left; width: 133px; height: 128px; background: #999999; text-align: center; box-sizing: border-box; transition: all 0.5s ease; font-size: 16px; line-height: 100%; color: #fff; padding-top: 28px; margin-right: 32px; }
.faq li span i { display: block; font-size: 48px; line-height: 100%; color: #fff; margin-bottom: 6px; }
.faq li h4 { font-size: 18px; line-height: 28px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 9px; padding-top: 23px; }
.faq li p { font-size: 14px; line-height: 24px; color: #666; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.faq li:hover span { background: #f18c18; }
/*links*/
.links { height: 69px; border-top: 1px solid #f5f5f5; overflow: hidden; }
.links em { font-style: normal; font-size: 14px; line-height: 69px; color: #333; float: left; }
.links a { display: block; font-size: 14px; color: #666; line-height: 69px; margin-right: 40px; transition: all 0.5s ease; float: left; }
.links a:hover { color: #1e4c96; }
@media screen and (max-width:1680px),(-webkit-min-device-pixel-ratio:2) {
  .feature dl h3 { font-size: 32px; }
}
@media screen and (max-width:1510px),(-webkit-min-device-pixel-ratio:2) {
  .feature dl h3 { font-size: 30px; }
}
@media screen and (max-width:1440px),(-webkit-min-device-pixel-ratio:2) {
  .feature dl h3 { font-size: 28px; }
}
@media screen and (max-width:1340px),(-webkit-min-device-pixel-ratio:2) {
  .feature dl h3 { font-size: 26px; }
}