@charset "utf-8";

body { font-family: PuHui; }
/*banner*/
.banner { position: relative; background: #294e87; margin: 0 auto; overflow: hidden; clear: both; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; vertical-align: top; }
.banner .switch { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: absolute; left: 0; right: 0; bottom: 83px; }
.banner .prev,.banner .next { width: 56px; height: 56px; cursor: pointer; opacity: 0.4; transition: all 0.5s ease; }
.banner .prev img,.banner .next img { width: 100%; }
.banner .prev:hover,.banner .next:hover { opacity: 1; }
.banner .pageState { position: absolute; width: 100%; display: block; text-align: center; left: 0; right: 0; bottom: 98px; font-size: 18px; line-height: 100%; color: rgba(255,255,255,0.4); font-family: PHR; }
.banner .pageState span { font-family: PH; font-size: 26px; opacity: 1; color: #fff; }
/*title*/
h2.main_title { text-align: center; position: relative; padding-top: 25px; }
h2.main_title a { display: block; line-height: 0; }
h2.main_title i { display: block; font-size: 50px; line-height: 100%; color: #fff; text-transform: uppercase; font-weight: normal; position: absolute; font-family: Impact; left: 50%; top: 0; white-space: nowrap; letter-spacing: 5px; transform: translateX(-50%); background: linear-gradient(to bottom,orange,transparent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 10px; opacity: 0.4; }
h2.main_title strong { display: block; font-size: 36px; line-height: 100%; color: #212122; font-weight: 900; position: relative; z-index: 2; }
h2.main_title span { display: inline-block; font-weight: normal; font-size: 18px; line-height: 100%; color: #909399; margin-top: 16px; position: relative; }
h2.main_title span:before,h2.main_title span:after { position: absolute; content: ""; top: 4px; width: 20px; height: 10px; background: url(/images/tbg1.png) no-repeat center; background-size: 100% 100%; }
h2.main_title span:before { left: -27px; }
h2.main_title span:after { right: -27px; background-image: url(/images/tbg2.png); }
.search { position: relative; border-radius: 4px; margin-top: -50px; z-index: 2; background: #fff; height: 100px; box-sizing: border-box; border-top: 4px solid #e8e9ea; }
.search .con { box-sizing: border-box; position: relative; z-index: 3; height: 96px; padding: 0 2.9%; padding: 0 40px; background: #fff; }
.search .keyword { float: left; font-size: 16px; line-height: 96px; color: #909399; }
.search .keyword strong { font-weight: normal; display: block; float: left; }
.search .keyword a { display: block; float: left; font-size: 16px; line-height: 96px; color: #212122; margin-right: 16px; transition: all 0.5s ease; }
.search .keyword a:hover { color: #294e87; }
.search .search_input { float: right; width: 450px; width: 32.94%; height: 50px; box-sizing: border-box; border-radius: 4px; background: #f8f8fa; margin-top: 21px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.search .search_input #seachkeywords { display: block; flex-grow: 1; border: none; outline: none; padding-left: 20px; font-size: 14px; line-height: 48px; color: #909399; border: 1px solid #294e87; border-radius: 4px 0 0 4px; }
.search .search_input #seachkeywords:focus { color: #212122; }
.search .search_input .submit { display: block; width: 76px; height: 50px; font-size: 0; border: none; outline: none; border-radius: 0px 4px 4px 0px; background: #294e87 url(/images/s_btn.png) no-repeat center; background-size: 32px 32px; cursor: pointer; }
.search:before { position: absolute; content: ""; left: 0px; top: -4px; width: 754px; height: 4px; background: linear-gradient(to right,#294e87,transparent); }
.search:after { position: absolute; content: ""; width: 97.07%; height: 56px; box-shadow: 0 5px 20px 10px rgba(0,0,0,0.1); left: 1.465%; bottom: 0px; background: url(/images/shadow.png) no-repeat center bottom; background-size: 100% auto; z-index: -1; }
/*product
.product { padding-top: 110px; padding-bottom: 60px; position: relative; margin-top: -30px; background: url(/images/product_bg.jpg) no-repeat center top; }
.product .pro_nav { margin: 30px 0 50px; height: 60px; border-bottom: 4px solid #e8e9ea; }
.product h3 { width: 362px; float: left; height: 60px; position: relative; }
.product h3 a { display: block; height: 60px; }
.product h3 img { width: 40px; margin-right: 20px; float: left; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all 0.5s ease; }
.product h3 span { display: block; float: left; font-size: 18px; line-height: 40px; color: #212122; font-weight: 400; transition: all 0.5s ease; }
.product h3:before { position: absolute; content: ""; width: 100%; height: 4px; background: #294e87; bottom: -4px; left: 0; opacity: 0; transition: all 0.5s ease; }
.product h3:after { position: absolute; content: ""; width: 2px; height: 4px; background: #fff; right: 0; bottom: -4px; z-index: 2; opacity: 0; transition: all 0.5s ease; }
.product h3.on img,.product h3:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); margin-right: 22px; }
.product h3.on span,.product h3:hover span { color: #294e87; font-weight: bold; }
.product h3.on:before,.product h3:hover:before,.product h3.on:after,.product h3:hover:after { opacity: 1; }
.product .more { display: block; padding-top: 11px; float: right; display: flex; display: -webkit-flex; }
.product .more span { font-size: 18px; line-height: 100%; color: #212122; display: block; margin-right: 3px; transition: all 0.5s ease; }
.product .more img { display: block; width: 18px; transition: all 0.5s ease; }
.product .more:hover span { letter-spacing: 1px; }
.product .pro_list { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; }
.product dl { width: 32.36%; margin-bottom: 20px; background: linear-gradient(180deg,#fafcff 0%,#eff5ff 100%); box-sizing: border-box;
    border: 1px solid #e7e5e5;
    overflow: hidden;}
.product dt { height: 241px; overflow: hidden; line-height: 0; }
.product dt a { display: block; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.product dt img { height: 241px; width: auto; }
.product dd { height: 99px; border-top: 1px solid rgba(41,78,135,0.12); box-sizing: border-box; padding: 22px 30px 0; transition: all 0.5s ease; }
.product dd h4 { padding-right: 40px; background: url(/images/more1.png) no-repeat right 13px; background-size: 20px 20px; transition: all 0.5s ease; }
.product dd h4 strong { display: block; font-size: 20px; line-height: 24px; color: #212122; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: PuHuiBold; }
.product dd h4 span { display: block; font-size: 14px; line-height: 18px; color: #909399; margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }
.product dl:hover dd { background: #294e87; border-color: #294e87; }
.product dl:hover dd h4 { background-image: url(/images/more2.png); }
.product dl:hover dd h4 strong,.product dl:hover dd h4 span { color: #fff; }*/
 /*product*/
.product { padding-top: 110px; padding-bottom: 92px; position: relative; margin-top: -30px; background: url(/images/product_bg.jpg) no-repeat center top; }
.product h2 { margin-bottom: 50px; }
.product .pro_nav { width: 280px; height: 540px; background: url(/images/pro_nav_bg.jpg) no-repeat center top; box-sizing: border-box; padding: 40px 36px; float: left; }
.product h3 { text-align: center; position: relative; margin-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.product h3 a { display: block; padding-bottom: 36px; }
.product h3 img { width: 40px; display: block; margin: 0 auto; transition: all 0.5s ease; opacity: 0.7; }
.product h3 span { display: block; margin-top: 10px; font-size: 18px; line-height: 100%; color: #fff; font-weight: 400; transition: all 0.5s ease; opacity: 0.7; }
.product h3:nth-child(3) { border-bottom: none; margin-bottom: 33px; }
.product h3.on img,.product h3:hover img { opacity: 1; }
.product h3.on span,.product h3:hover span { opacity: 1; }
.product .more { display: block; width: 156px; height: 40px; border-radius: 4px; background: rgba(255,255,255,0.2); margin: 0 auto; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.product .more span { font-size: 18px; line-height: 40px; color: #fff; display: block; margin-right: 4px; transition: all 0.5s ease; }
.product .more img { display: block; width: 18px; transition: all 0.5s ease; }
.product .more:hover span { letter-spacing: 1px; }
.product .pro_con { width: 912px; float: right; }
.product dl { width: 284px; margin-left: 20px; float: left; margin-bottom: 20px; background: linear-gradient(180deg,#fafcff 0%,#eff5ff 100%); box-sizing: border-box;
    border: 1px solid #e7e5e5;
    overflow: hidden;}
.product dt { height: 170px; overflow: hidden; line-height: 0; }
.product dt a { display: block; height:100%;display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.product dt img { height: 170px; width: auto; }
.product dd { height: 90px; box-sizing: border-box; padding: 18px 20px 0; transition: all 0.5s ease; }
.product dd h4 { padding-right: 40px; background: url(/images/more6.png) no-repeat right 17px; background-size: 20px 20px; transition: all 0.5s ease; }
.product dd h4 strong { display: block; font-size: 20px; line-height: 24px; color: #212122; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: PuHuiBold; }
.product dd h4 span { display: block; font-size: 14px; line-height: 18px; color: #909399; margin-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }
.product dl:hover dd { background: #294e87; border-color: #294e87; }
.product dl:hover dd h4 { background-image: url(/images/more2.png); }
.product dl:hover dd h4 strong,.product dl:hover dd h4 span { color: #fff; }
.product dl:first-child { width: 588px; height: 260px; background: linear-gradient(180deg,#fafcff 0%,#eff5ff 100%); }
.product dl:first-child dt { width:376px; height: 260px; float: left; background: #f7faff; }
.product dl:first-child dt img { width: 100%; height: auto; }
.product dl:first-child dd { float: right; width: 210px; height: 260px; padding: 0; }
.product dl:first-child dd a { display: block; width: 100%; height: 260px; box-sizing: border-box; padding: 38px 30px 0; position: relative; }
.product dl:first-child dd a:after { position: absolute; content: "查看"; left: 30px; bottom: 34px; width: 76px; height: 24px; text-indent: 18px; border-radius: 12px; background: #294e87 url(/images/more5.png) no-repeat 46px center; font-size: 12px; line-height: 24px; color: #fff; background-size: 12px 12px; }
.product dl:first-child dd h4 { background: none; }
.product dl:first-child dd h4 strong { padding-bottom: 17px; position: relative;  white-space: unset; white-space: wrap; text-overflow: unset;
    text-overflow: revert;}
.product dl:first-child dd h4 strong:after { position: absolute; content: ""; width: 20px; height: 1px; left: 0; bottom: 0; background: #294e87; transition: all 0.5s ease; }
.product dl:first-child dd h4 span { margin-top: 8px; white-space: unset; white-space: wrap; text-overflow: unset;
    text-overflow: revert;}
.product dl:first-child:hover dd { background: none; }
.product dl:first-child:hover dd h4 { background: none; }
.product dl:first-child:hover dd h4 strong { color: #212122; }
.product dl:first-child:hover dd h4 span { color: #909399; }
.product dl:first-child:hover dd a:after { letter-spacing: 1px; background-position-x: 48px; }
/*quality*/
.quality { position: relative; max-width: 1920px; min-width: 1300px; margin: 0 auto; overflow: hidden; }
.quality h2 { position: absolute; width: 100%; left: 0; right: 0; top: 80px; z-index: 2; }
.quality h2 i { background: linear-gradient(to bottom,rgba(255,220,196,0.2985),transparent); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 1; }
.quality h2 strong,.quality h2 span { color: #fff; }
.quality h2 span:before { background-image: url(/images/tbg3.png); }
.quality h2 span:after { background-image: url(/images/tbg4.png); }
.quality dl { width: 19.23%; float: left; height: 900px; position: relative; overflow: hidden; transition: all 0.5s ease; }
.quality dl:before { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(41,78,135,0) -1%,#294e87 100%); left: 0; top: 0; }
.quality dl:after { position: absolute; content: ""; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(41,78,135,0.1) -1%,#294e87 100%); left: 0; bottom: 0; }
.quality dt { overflow: hidden; line-height: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; }
.quality dt img { height: 900px; width: auto; }
.quality dd { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; padding-top: 285px; box-sizing: border-box; }
.quality dd img { display: block; width: 100px; height: 100px; margin: 0 auto; }
.quality dd h3 { font-family: PuHuiBold; font-size: 24px; line-height: 100%; color: #fff; margin: 50px 0 20px; text-align: center; }
.quality dd p { font-size: 16px; line-height: 26px; color: #D4D6D9; opacity: 0; transition: all 0.5s ease; }
.quality dd i { display: block; text-align: center; position: absolute; width: 100%; bottom: 169px; left: 0; right: 0; font-family: Impact; font-size: 140px; line-height: 100%; color: rgba(255,255,255,0.3); }
.quality dl:nth-child(2n):before { background: linear-gradient(180deg,rgba(135,91,41,0) -1%,rgba(135,91,41,0.6) 100%); }
.quality dl:nth-child(2n):after { background: linear-gradient(0deg,rgba(41,78,135,0.1) -1%,#294e87 100%); }
.quality dl.cur { width: 42.31%; }
.quality dl.cur dd { padding: 285px 21.6% 0; opacity: 1; }
.quality dl.cur dd img { margin-left: 0; }
.quality dl.cur dd h3 { text-align: left; }
.quality dl.cur dd p { opacity: 1; }
.quality dl.cur dd i { text-align: left; left: 21.6%; width: auto; }
.quality .more { width: 100%; position: absolute; left: 0; right: 0; bottom: 80px; z-index: 5; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; display:none}
.quality .more a { display: block; width: 170px; height: 44px; background: #fff; border-radius: 4px; margin: 0 45px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.quality .more a span { font-size: 18px; line-height: 44px; color: #212122; margin-right: 4px; transition: all 0.5s ease; }
.quality .more a img { width: 18px; }
.quality .more a:hover span { letter-spacing: 1px; }
.quality .more a:last-child span { color: #294e87; margin-right: 0; margin-left: 4px; }
/*system*/
.system { padding-top: 80px; position: relative; z-index: 2; overflow: hidden; }
.system .system_con { height: 540px; margin-top: 50px; background: url(/images/system_bg.jpg) no-repeat right bottom; padding: 30px 40px 30px 30px; transition: all 0.5s ease; box-sizing: border-box; border-radius: 4px; position: relative; }
.system .system_con:after { position: absolute; content: ""; width: calc(100% + 80px); background: url(/images/system_shadow.png) no-repeat center; height: 50px; background-size: 100% 100%; z-index: -1; left: -40px; bottom: 0; }
.system .pic { width: 700px; float: left; line-height: 0; border-radius: 4px; overflow: hidden; }
.system ul { width: calc(100% - 742px); float: right; margin-top: 50px; }
.system li { width: 50%; height: 186px; float: left; position: relative; padding-right: 30px; box-sizing: border-box; }
.system li img { width: 56px; display: block; }
.system li h3 { margin: 20px 0 16px; height: 20px; font-family: PuHuiBold; }
.system li h3 span { display: block; float: left; font-size: 20px; line-height: 100%; color: #212122; }
.system li h3 i { display: block; float: right; font-size: 28px; line-height: 100%; color: #E8E9EA; }
.system li p { font-size: 14px; line-height: 24px; color: #909399; }
.system li:nth-child(2n) { padding-left: 30px; padding-right: 0; }
.system li:nth-child(odd) { border-right: 1px solid rgba(41,78,135,0.12); }
.system li:nth-last-child(-n + 2) { border-top: 1px solid rgba(41,78,135,0.12); padding-top: 23px; height: 193px; }
.sm_banner { background: #f8f8f8 url(/images/sm_banner_bg.png) no-repeat center top; height: 343px; position: relative; margin-top: -50px; padding-top: 100px; box-sizing: border-box; }
.sm_banner h2 strong { display: block; font-size: 36px; line-height: 100%; color: #D77634; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; }
.sm_banner h2 span { display: block; font-size: 30px; line-height: 100%; color: #fff; margin-top: 20px; font-weight: normal; }
.s_tel { margin-top: 20px; width: 714px; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 30px; }
.s_tel p { padding-left: 56px; background: url(/images/s_tel.png) no-repeat left 4px; background-size: 42px 42px; float: left; }
.s_tel p span { display: block; font-size: 18px; line-height: 100%; color: #D4D6D9; }
.s_tel p strong { font-family: PH; margin-top: 2px; font-size: 30px; line-height: 100%; color: #fff; }
.s_tel a { display: block; float: right; width: 190px; height: 48px; background: #fff; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: 4px; }
.s_tel a img { width: 18px; margin-right: 10px; }
.s_tel a span { font-size: 18px; line-height: 48px; color: #294e87; transition: all 0.5s ease; }
.s_tel a:hover span { letter-spacing: 1px; }
.client { background: #f8f8f8; padding-top: 63px; padding-bottom: 192px; position: relative; }
.client h2 { text-align: left; float: left; margin-bottom: 50px; }
.client h2 i { left: 0; transform: translateX(0); width: auto; }
.client h2 span { padding-left: 27px; }
.client h2 span:before { left: 0; }
.client h2 span:after { display: none; }
.client .more { float: right; margin-top: 45px; }
.client .more a { display: block; width: 170px; height: 44px; background: #294e87; border-radius: 4px; margin-left: 40px; float: left; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.client .more a span { font-size: 18px; line-height: 44px; color: #fff; margin-right: 4px; transition: all 0.5s ease; }
.client .more a img { width: 18px; }
.client .more a:hover span { letter-spacing: 1px; }
.client .more a:last-child span { margin-right: 0; margin-left: 4px; }
.client ul { clear: both; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; }
.client li { width: 24%; margin-bottom: 18px; line-height: 0; border-radius: 4px; overflow: hidden; }
.client li img { width: 100%; }
.ys { background: url(/images/sm_bg2.jpg) no-repeat center bottom; overflow: hidden; position: relative; margin-top: -123px; }
.ys .content { position: relative; padding-top: 123px; height: 920px; }
.ys .content:after { content: ""; width: 1643px; height: 757px; background: #fff url(/images/ys_bg.jpg) no-repeat 83px bottom; right: 0; top: 0; position: absolute; }
.ys .ys_title { font-size: 80px; line-height: 100%; color: rgba(255,255,255,0.17); font-family: Impact; transform: rotate(90deg); position: absolute; text-transform: uppercase; right: -385px; top: 466px; letter-spacing: 9px; }
.ys .pic { width: 342px; right: -63px; bottom: 26px; position: absolute; z-index: 4; }
.ys .pic img { width: 100%; }
.ys_con { height: 757px; box-sizing: border-box; margin-top: -123px; padding-right: 60px; padding-top: 70px; position: relative; z-index: 2; }
.ys_con h2 { text-align: left; float: left; }
.ys_con h2 i { left: 0; transform: translateX(0); width: auto; }
.ys_con h2 strong { margin-top: -29px; }
.ys_con h2 b { font-size: 70px; line-height: 100%; color: #D77634; font-family: PH; padding-left: 15px; padding-right: 5px; vertical-align: text-bottom; }
.ys_con h2 span { padding-left: 27px; margin-top: 2px; }
.ys_con h2 span:before { left: 0; }
.ys_con h2 span:after { display: none; }
.ys_con .ys_list { margin-top: 30px; width: calc(100% - 446px); float: left; }
.ys_con dt { overflow: hidden; line-height: 0; border-radius: 4px; margin-bottom: 20px; }
.ys_con dt img { /*height: 328px; width: auto;*/ width:100%; height:auto; display:block; }
.ys_con dd span { display: block; font-size: 14px; line-height: 100%; color: #909399; }
.ys_con dd h4 { font-size: 24px; line-height: 100%; color: #294e87; font-weight: 900; padding-left: 24px; background: url(/images/news_icon.png) no-repeat left center; margin: 40px 0 14px; }
.ys_con dd p { font-size: 16px; line-height: 30px; color: #606266; }
.ys_con dd p i { color: #212122; }
.ys_con .ys_nav { float: right; padding-top: 24px; width: 374px; }
.ys_con h3 { height: 62px; padding-bottom: 45px; border-bottom: 1px solid #e8e9ea; margin-bottom: 45px; cursor: pointer; }
.ys_con h3 b { display: block; float: left; font-size: 52px; line-height: 100%; color: #E8E9EA; font-family: Impact; margin-right: 18px; padding-top: 4px; }
.ys_con h3 strong { display: block; font-size: 24px; line-height: 100%; color: #212122; float: left; padding-top: 6px; }
.ys_con h3 span { display: block; font-size: 14px; line-height: 100%; color: #909399; font-weight: normal; margin-top: 12px; float: left; }
.ys_con h3 i { display: block; width: 62px; height: 62px; border: 1px solid #e8e9ea; padding: 12px; float: right; box-sizing: border-box; transition: all 0.5s ease; border-radius: 50%; }
.ys_con h3 i img { width: 36px; transition: all 0.5s ease; }
.ys_con h3:last-child { border-bottom: none; }
.ys_con h3.on i,.ys_con h3:hover i { border-color: #294e87; background: #294e87; }
.ys_con h3.on i img,.ys_con h3:hover i img { -webkit-filter: brightness(1); filter: brightness(100); }
.ys_con h3.on b,.ys_con h3:hover b { color: #294e87; }
.ys_banner h2 span { display: block; font-size: 30px; line-height: 100%; color: #fff; padding-left: 42px; background: url(/images/tbg3.png) no-repeat left center; background-size: 32px auto; margin: 46px 0 20px; font-weight: 400; }
.ys_banner h2 strong { display: block; font-size: 36px; line-height: 100%; color: #D77634; font-weight: 900; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; }
.ys_banner .s_tel { width: 869px; }
.about { background: url(/images/about_bg.jpg) no-repeat center top; padding-top: 80px; }
.about h2 { text-align: left; margin-bottom: 16px; }
.about h2 i { left: 0; transform: translateX(0); width: auto; }
.about h2 span { padding-left: 27px; margin-top: 40px; }
.about h2 span:before { left: 0; }
.about h2 span:after { display: none; }
.about p { width: 644px; font-size: 14px; line-height: 24px; color: #909399; margin-bottom: 50px; }
.about h3 { width: 220px; height: 64px; margin-bottom: 20px; }
.about h3 a { display: block; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background: #fff; width: 100%; border-radius: 4px; transition: all 0.5s ease; }
.about h3 img { width: 40px; display: block; margin-right: 12px; transition: all 0.5s ease; }
.about h3 span { font-size: 24px; line-height: 64px; color: #212122; display: block; font-weight: 500; transition: all 0.5s ease; }
.about h3.on a,.about h3:hover a { background: #294e87; }
.about h3.on img,.about h3:hover img { -webkit-filter: brightness(100); filter: brightness(100); }
.about h3.on span,.about h3:hover span { color: #fff; }
.about .album_con { background: #fff; margin-top: 50px; height: 250px; padding: 16px; box-sizing: border-box; border-radius: 4px; position: relative; }
.about .album_con ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.about .album_con li { width: 24.2%; height: 218px; overflow: hidden; line-height: 0; border-radius: 4px; }
.about .album_con li img { height: 218px; width: auto; }
.about .album_con:after { position: absolute; content: ""; width: 97.07%; height: 56px; box-shadow: 0 5px 20px 10px rgba(0,0,0,0.1); left: 1.465%; bottom: 0px; background: url(/images/shadow.png) no-repeat center bottom; background-size: 100% auto; z-index: -1; }
/*news*/
.news { padding-top: 80px; padding-bottom: 80px; }
.news_con { margin-top: 50px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.news_list { width: 32.357%; height: 500px; border-radius: 4px; background: linear-gradient(180deg,#fafcff 0%,#eff5ff 100%); padding: 30px 30px 0; box-sizing: border-box; }
.news_list h3 a { display: block; font-size: 24px; line-height: 100%; color: #212122; font-weight: 900; }
.news_list dt { margin: 20px 0 18px; border-radius: 4px; height: 200px; overflow: hidden; line-height: 0; }
.news_list dt a{display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;}
.news_list dt img { height: 200px; width: auto; }
.news_list dd h4 { font-size: 18px; line-height: 22px; color: #212122; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_list dd span { display: block; font-size: 14px; line-height: 100%; color: #909399; margin-top: 14px; }
.news_list ul { margin-top: 30px; border-top: 1px solid rgba(41,78,135,0.12); padding-top: 20px; }
.news_list li { margin-bottom: 10px; height: 38px; }
.news_list li h4 { padding-left: 12px; background: url(/images/news_icon.png) no-repeat left center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-size: 6px auto; font-size: 18px; line-height: 38px; color: #212122; font-weight: 500; width: calc(100% - 120px); box-sizing: border-box; float: left; transition: all 0.5s ease; }
.news_list li span { display: block; float: right; font-size: 14px; line-height: 38px; color: #909399; }
.news_list li:hover h4 { color: #294e87; }
/*links*/
.links { height: 65px; background: url(/images/footer_bg.jpg) no-repeat center bottom; overflow: hidden; box-sizing: border-box; }
.links em { font-style: normal; font-size: 14px; line-height: 100%; color: #fff; float: left; }
.links a { display: block; font-size: 14px; color: #fff; color: rgba(255,255,255,0.8); line-height: 1; margin-right: 40px; transition: all 0.5s ease; float: left; margin-bottom: 15px; }
.links a:hover { color: #fff; }
@media screen and (max-width:1440px),(-webkit-min-device-pixel-ratio:2) {
  .system li { padding-right: 22px; }
  .system li:nth-child(even) { padding-right: 0; padding-left: 22px; }
}