@charset "utf-8";
.scale_img dl dt img,.scale_img li img { transition: all 1s linear 0s; }
.scale_img dl:hover dt img,.scale_img li:hover img { transform: scale(1.05) rotate(0deg) translateY(0); }
/*header*/
/*banner*/
.banner { position: relative; background: #000; margin: 0 auto; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; vertical-align: top; }
.banner .content { position: absolute; left: 0; right: 0; bottom: 50px; }
.banner .hd { height: 8px; cursor: pointer; z-index: 9; font-size: 0; text-align: left; float: left; width: 50%; margin-top: 24px; }
.banner .hd li { display: inline-block; width: 12px; height: 12px; background: #fff; opacity: 0.5; border-radius: 50%; transition: all 0.5s ease; margin-right: 10px; cursor: pointer; }
.banner .hd li.on { background: #fff; opacity: 1; }
.banner .switch { width: 132px; height: 56px; float: right; }
.banner .prev,.banner .next { width: 54px; height: 54px; cursor: pointer; float: left; margin-left: 10px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); transition: all 0.5s ease; background-color: rgba(255,255,255,0.2); }
.banner .prev:hover,.banner .next:hover { border-color: #fff; }
/*search*/
.search { height: 104px; border-bottom: 1px solid #e8eaf0; padding-top: 3px; box-sizing: border-box; background: #f6f7fb; }
.search .keyword { font-size: 14px; line-height: 100px; float: left; }
.search .keyword strong { font-weight: normal; color: #2b2d35; }
.search .keyword a { color: #999; display: inline-block; font-weight: normal; transition: all 0.5s ease; margin-right: 20px; }
.search .keyword a:hover { color: #015FAE; }
.search .search_input { float: right; width: 473px; height: 100px; border-bottom: 1px solid #015FAE; }
.search .search_input input[type="text"] { background: none; border: none; outline: none; display: block; box-sizing: border-box; float: left; width: 400px; font-size: 14px; line-height: 100px; color: #999; }
.search .search_input .submit { border: none; outline: none; display: block; float: right; cursor: pointer; font-size: 0; width: 73px; height: 100px; background: url(/images/s_btn.png) no-repeat right center; }
/*title*/
h2.main_title a { display: block; line-height: 0; }
h2.main_title i { display: block; font-style: normal; font-size: 28px; line-height: 100%; color: #2b2d35; font-family: Brown; font-weight: 400; }
h2.main_title strong { display: block; font-size: 36px; line-height: 100%; color: #2b2d35; margin: 23px 0 14px; }
h2.main_title span { display: block; font-size: 16px; line-height: 100%; color: #2b2d35; font-weight: normal; }
/*intro*/
.intro { background: #f6f7fb; padding-top: 113px; padding-bottom: 127px; }
.intro h2 { float: left; width: 695px; }
.intro h2 i { display: block; font-style: normal; font-size: 28px; line-height: 100%; color: #2b2d35; font-family: Brown; font-weight: 400; }
.intro h2 strong { display: block; font-size: 36px; line-height: 100%; color: #2b2d35; position: relative; white-space: pre-wrap; margin: 37px 0 28px; }
.intro h2 strong:after { position: absolute; content: ""; width: 1px; height: 32px; background: #2b2d35; top: 2px; left: 125px; }
.intro h2 span { display: block; font-size: 14px; line-height: 29px; color: #2b2d35; font-weight: normal; }
.intro h2 b { display: inline-block; text-decoration: underline; font-size: 16px; line-height: 100%; color: #015fae; font-weight: normal; margin-top: 47px; transition: all 0.5s ease; }
.intro h2 b:hover { letter-spacing: 1px; }
.intro .pic { float: right; width: 524px; height: 273px; }
/*client*/
.client { padding-top: 107px; overflow: hidden; padding-bottom: 108px; }
.client h2 { float: left; margin-bottom: 72px; }
.client .content { position: relative; }
.client_nav { float: right; border-bottom: 1px solid #e4e4e4; margin-top: 30px; }
.client_nav h3 { float: left; margin-left: 78px; }
.client_nav h3 a { display: block; font-size: 16px; line-height: 82px; color: rgba(43,45,53,0.6); font-weight: normal; position: relative; transition: all 0.5s ease; }
.client_nav h3 a:before { position: absolute; content: ""; width: 0; height: 1px; bottom: -1px; background: #015FAE; transition: all 0.5s ease; }
.client_nav h3 a:hover { color: #015FAE; }
.client_nav h3 a:hover:before { width: 100%; }
.client_nav h3:first-child { margin-left: 0; }
.client_con { clear: both; overflow: hidden; padding: 20px; margin-left: -20px; }
.client_con .tempWrap,.client_con ul { overflow: visible !important; }
.client_con li { float: left; width: 20%; line-height: 0; overflow: hidden; transition: all 0.5s ease; }
.client_con li a { display: block; }
.client_con li img { width: 100%; }
.client_con li:hover { box-shadow: 0 0 16px 0 rgba(0,0,0,0.1); position: relative; z-index: 2; }
.client_prev,.client_next { width: 35px; height: 10px; padding: 20px 0; position: absolute; bottom: 100px; left: -80px; cursor: pointer; filter: grayscale(1); opacity: 0.5; transition: all 0.5s ease; }
.client_prev:hover,.client_next:hover { filter: grayscale(0); opacity: 1; }
.client_next { left: auto; right: -80px; }
/*product*/
.product { background: #f6f7fb url(/images/product_bg.jpg) no-repeat center top; padding-top: 116px; padding-bottom: 90px; }
.product h2 { height: 209px; float: left; }
.product h2 i,.product h2 strong,.product h2 span { color: #fff; }
.ask { margin-top: 37px; float: right; }
.ask a { display: block; width: 217px; height: 35px; background: #fff; font-size: 16px; line-height: 35px; color: #015fae; transition: all 0.5s ease; padding: 0 20px; box-sizing: border-box; }
.ask a span { display: block; float: left; }
.ask a span:last-child { float: right; }
.ask a:hover { padding: 0 22px; }
.ask p { width: 217px; height: 35px; background: #015FAE; padding: 0 20px; box-sizing: border-box; transition: all 0.5s ease; margin-top: 9px; }
.ask p span { display: block; float: left; font-size: 16px; line-height: 35px; color: #fff; }
.ask p strong { display: block; float: right; font-size: 18px; line-height: 35px; color: #fff; }
.ask p:hover { padding: 0 22px; }
.product_nav { height: 160px; clear: both; background: #fff; }
.product_nav dl { height: 80px; padding: 9px; box-sizing: border-box; }
.product_nav dt { width: 165px; float: left; }
.product_nav dt a { display: block; font-size: 16px; line-height: 62px; color: #2b2d35; font-weight: normal; text-align: center; transition: all 0.5s ease; position: relative; }
.product_nav dt a:after { position: absolute; content: ""; border-style: solid; border-color: transparent transparent transparent #000000; border-width: 7px 5px; right: -10px; top: 24px; transition: all 0.5s ease; opacity: 0; }
.product_nav dt a:hover { background: #000; color: #fff; }
.product_nav dt a:hover:after { opacity: 1; }
.product_nav dd { width: calc(100% - 183px); float: left; }
.product_nav dd h4 { float: left; margin-left: 50px; }
.product_nav dd h4 a { font-size: 16px; line-height: 62px; color: #2b2d35; font-weight: normal; transition: all 0.5s ease; }
.product_nav dd h4:hover a { color: #015FAE; }
.product_nav dd .more { display: block; float: right; font-size: 14px; line-height: 62px; color: #9a9fab; transition: all 0.5s ease; text-decoration: underline; }
.product_nav dd .more:hover { color: #015FAE; }
.product_nav dl:last-child { background: #e8eaf1; }
.product_nav dl:last-child dd h4 a { color: rgba(43,45,53,0.6); }
.product_nav dl:last-child dd h4 a:hover { color: #015FAE; }
.product_list { margin-top: 56px; }
.product_list dl { width: 23.928%; float: left; margin-right: 1.429%; margin-bottom: 42px; }
.product_list dt { line-height: 0; overflow: hidden; position: relative; height: 268px; background: #fff; }
.product_list dt img { position: absolute; height: 100%; width: auto; left: 50%; transform: translateX(-50%); }
.product_list dt span { display: block; width: 100%; height: 100%; background: rgba(1,95,174,0.88); font-size: 14px; line-height: 268px; color: #fff; text-align: center; text-decoration: underline; position: absolute; left: 0; top: 0; transition: all 0.5s ease; z-index: 2; opacity: 0; }
.product_list dd { margin-top: 20px; text-align: center; }
.product_list dd h4 { font-size: 20px; font-family: Brown; font-weight: 400; color: #000000; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product_list dd p { font-size: 14px; line-height: 18px; color: #999; margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product_list dl:nth-child(4n) { margin-right: 0; }
.product_list dl:hover dt span { opacity: 1; letter-spacing: 1px; }
/*feature*/
.feature { padding-top: 122px; overflow: hidden; max-width: 1920px; min-width: 1300px; margin: 0 auto; }
.feature h2 { margin-bottom: 95px; float: left; }
.feature .ask { margin-top: 41px; }
.feature .ask a { background: #f6f7fb; }
.feature_con { clear: both; }
.feature_con dl { width: 50%; position: relative; float: left; overflow: hidden; }
.feature_con dt { width: 100%; line-height: 0; height: 528px; }
.feature_con dt img { width: auto; height: 528px; }
.feature_con dd { position: absolute; left: 66px; top: 112px; transition: all 0.5s ease; }
.feature_con dd h3 span { display: block; font-size: 28px; line-height: 40px; color: #F9F9F9; font-weight: normal; }
.feature_con dd .desc { margin-top: 141px; position: relative; padding-top: 32px; transition: all 0.5s ease; }
.feature_con dd .desc p { font-size: 14px; line-height: 30px; color: #A5A5A5; }
.feature_con dd .desc:before { position: absolute; content: ""; width: 163px; height: 1px; background: #6b6c73; left: 0; top: 0; }
.feature_con dl:hover dd { top: 118px; }
.feature_con dl:hover dd .desc { margin-top: 133px; }
.feature_nav { overflow: hidden; }
.feature_nav h3 { width: 20%; float: left; background: #eff1f7; height: 150px; font-size: 0; line-height: 0; text-align: center; }
.feature_nav h3 img { width: 58px; display: inline-block; vertical-align: middle; margin-right: 45px; transition: all 0.5s ease; }
.feature_nav h3 span { display: inline-block; vertical-align: middle; font-size: 24px; line-height: 150px; color: #2b2d35; font-weight: normal; }
.feature_nav h3:nth-child(even) { background: #e8eaf1; }
.feature_nav h3:hover img { margin-right: 40px; }
/*process*/
.process { background: #f6f7fb; padding-top: 119px; padding-bottom: 146px; }
.process h2 em { display: block; position: absolute; top: 57px; right: 0; font-size: 16px; line-height: 100%; color: #015FAE; font-weight: normal; transition: all 0.5s ease; text-decoration: underline; }
.process h3 { margin-top: 81px; font-size: 18px; line-height: 100%; color: #2b2d35; padding-left: 11px; border-left: 3px solid #015FAE; margin-bottom: 30px; }
.process dl { position: relative; }
.process dt { position: absolute; height: 412px; line-height: 0; overflow: hidden; width: calc(100% - 765px); top: -124px; right: 0; z-index: 2; }
.process dt img { width: auto; height: 412px; }
.process dd { width: 1060px; height: 340px; background: #fff; box-sizing: border-box; padding: 44px 298px 0 57px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); }
.process dd li { font-size: 0; float: left; width: 183px; margin-bottom: 4px; }
.process dd li i { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: #ffffff; border: 1px solid #2b2d35; border-radius: 50%; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 23px; color: #2b2d35; margin-right: 10px; transition: all 0.5s ease; }
.process dd li span { display: inline-block; font-size: 18px; line-height: 60px; color: #2b2d35; vertical-align: middle; transition: all 0.5s ease; }
.process dd li:nth-child(4n + 1),.process dd li:nth-child(12) { width: 150px; }
.process dd li:nth-child(4n + 3),.process dd li:nth-child(10) { width: 166px; }
.process dd li:nth-child(9) { }
.process dd li:hover i { color: #fff; border-color: #015FAE; background: #015FAE; }
.process dd li:hover span { color: #015FAE; }
/*ys*/
.ys { padding-top: 133px; background: #fff url(/images/ys_bg.jpg) no-repeat center top; }
.ys h2 i,.ys h2 strong,.ys h2 span { color: #fff; }
.ys dd { width: 528px; float: left; }
.ys dd i { display: block; font-size: 72px; font-family: Brown; font-weight: bold; color: #2b2d35; line-height: 1; position: relative; margin-bottom: 146px; }
.ys dd i:after { position: absolute; content: ""; width: 1px; height: 62px; background: #808080; left: 0; bottom: -93px; }
.ys dd h3 { margin-bottom: 38px; }
.ys dd h3 strong { display: block; font-weight: normal; font-size: 30px; line-height: 100%; color: #2b2d35; }
.ys dd h3 span { display: block; font-size: 20px; line-height: 100%; color: #2b2d35; font-weight: normal; margin-top: 14px; }
.ys dd p { font-size: 14px; line-height: 29px; color: #2b2d35; }
.ys dd .consult { display: block; width: 193px; height: 57px; background: #015FAE; font-size: 16px; line-height: 57px; color: #fff; text-align: center; transition: all 0.5s ease; }
.ys dd .consult:hover { letter-spacing: 1px; }
.ys1 { margin-top: -52px; overflow: hidden; position: relative; margin-bottom: 136px; }
.ys1 dt { width: 808px; height: 500px; float: right; position: relative; line-height: 0; }
.ys1 dt img { width: 100%; position: relative; z-index: 2; }
.ys1 dt:after { position: absolute; content: ""; width: 226px; height: 114px; background: #015FAE; left: -7px; bottom: -8px; }
.ys1 dd { padding-top: 258px; }
.ys1 dd .consult { position: absolute; right: 0; bottom: 7px; }
.ys2 { overflow: hidden; margin-bottom: 167px; }
.ys2 dt { float: left; height: 500px; width: calc(100% - 591px); overflow: hidden; line-height: 0; position: relative; }
.ys2 dt img { height: 500px; width: auto; }
.ys2 .ys2_nav { position: absolute; left: 40px; bottom: 33px; height: 15px; z-index: 2; }
.ys2 .ys2_nav li { width: 15px; height: 15px; border-radius: 50%; opacity: 0.45; transition: all 0.5s ease; background: #fff; font-size: 0; display: block; float: left; margin-right: 14px; cursor: pointer; }
.ys2 .ys2_nav li.on { opacity: 1; }
.ys2 dd { float: right; width: 520px; text-align: right; margin-top: -5px; }
.ys2 dd i:after { right: 0; left: auto; }
.ys2 dd .consult { margin-top: 70px; float: right; }
.ys3 { background: #f6f7fb; height: 712px; overflow: hidden; }
.ys3 dl { position: relative; }
.ys3 dt { position: absolute; left: 590px; top: 0; height: 712px; }
.ys3 dt img { height: 712px; width: auto; }
.ys3 dd { padding-top: 100px; }
.ys3 dd .consult { margin-top: 50px; }
/**/
.news { padding-top: 136px; padding-bottom: 128px; }
.news h2 { float: left; }
.news_nav { float: right; border-bottom: 1px solid #d2d2d2; margin-top: 64px; margin-bottom: 63px; }
.news_nav h3 { float: left; margin-left: 43px; }
.news_nav h3 a { padding: 0 15px; font-size: 20px; line-height: 52px; color: #666; font-weight: normal; position: relative; display: block; transition: all 0.5s ease; }
.news_nav h3 a:before { position: absolute; content: ""; width: 0; height: 1px; background: #015FAE; left: 0; bottom: -1px; transition: all 0.5s ease; }
.news_nav h3:first-child { margin-left: 0; }
.news_nav h3.on a,.news_nav h3:hover a { color: #015FAE; }
.news_nav h3.on a:before,.news_nav h3:hover a:before { width: 100%; }
.news_con { clear: both; }
.news_con_list dl { width: 454px; float: left; margin-right: 19px; }
.news_con_list dl:last-child { margin-right: 0; }
.news_con_list dt { width: 100%; height: 244px; line-height: 0; overflow: hidden; }
.news_con_list dt img { width: auto; height: 244px; }
.news_con_list dd { margin-top: 31px; box-sizing: border-box; padding-right: 72px; }
.news_con_list dd h4 { font-size: 18px; line-height: 32px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease; font-weight: normal; }
.news_con_list dd p { font-size: 14px; line-height: 24px; color: #999; margin: 9px 0 25px; }
.news_con_list dd span { display: block; font-size: 16px; line-height: 100%; color: #6d6d6d; transition: all 0.3s ease; }
.news_con_list dl:hover dd h4,.news_con_list dl:hover dd span { color: #015FAE; }
.help { margin-top: 88px; width: 100%; height: 189px; background: #f6f7fb; overflow: hidden; }
.help h3 { width: 138px; height: 189px; background: #015fae; text-align: center; float: left; }
.help h3 a { display: block; font-size: 20px; line-height: 189px; color: #fff; }
.help .help_list { float: left; margin-left: 54px; width: calc(100% - 192px); padding-top: 28px; overflow: hidden; }
.help li { width: 306px; margin-right: 54px; float: left; position: relative; padding-right: 61px; }
.help li h4 { font-size: 18px; line-height: 34px; color: #000; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease; }
.help li p { margin: 7px 0 25px; font-size: 14px; line-height: 23px; color: #999; max-height: 46px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.help li span { display: block; font-size: 16px; line-height: 100%; color: #6d6d6d; transition: all 0.3s ease; }
.help li:after { position: absolute; content: ""; width: 1px; height: 117px; background: rgba(210,210,210,0.4); right: 0; top: 8px; }
.help li:hover h4,.help li:hover span { color: #015fae; }
/*about*/
.about { height: 414px; background: url(/images/about_bg.jpg) no-repeat center bottom; line-height: 0; }
.about h2 { padding-top: 117px; float: left; }
.about h2 i { display: block; width: 99px; height: 31px; border: 1px solid #015FAE; box-sizing: border-box; font-size: 18px; line-height: 29px; color: #015FAE; text-align: center; font-weight: normal; margin-bottom: 30px; }
.about h2 strong { display: block; font-size: 36px; line-height: 100%; color: #383b47; }
.about h2 span { display: block; font-size: 20px; line-height: 100%; color: #383b47; font-weight: normal; margin-top: 18px; }
.about h2 b { color: #015FAE; font-weight: normal; }
.about h2 em { display: block; font-size: 16px; line-height: 100%; color: #015FAE; font-weight: normal; text-decoration: underline; transition: all 0.5s ease; margin-top: 65px; }
.about h2 em:hover { letter-spacing: 1px; }
.about .pic { float: right; width: 898px; }
.about .pic img { width: 100%; }
@media screen and (max-width:1400px),(-webkit-min-device-pixel-ratio:2) {
  .client_prev { left: -60px; }
  .client_next { right: -60px; }
  .news_con_list dl { width: 420px; }
  .help li { width: 276px; }
}
/*links*/
body { position: relative; }
.links { overflow: hidden; position: absolute; bottom: 20px; clear: both; z-index: 2; width: 100%; }
.links p { width: 770px; overflow: hidden; }
.links em,.links a { display: block; float: left; margin-right: 20px; font-size: 14px; line-height: 54px; color: #999; transition: all 0.3s ease; }
.links a:hover { color: #fff; }
/**/
.f_info p { line-height: 44px !important; }