@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; overflow: hidden; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; vertical-align: top; }
.banner .hd { position: absolute; bottom: 114px; width: 100%; height: 8px; cursor: pointer; z-index: 9; font-size: 0; text-align: center; }
.banner .hd li { display: inline-block; width: 14px; height: 14px; background: none; opacity: 1; box-sizing: border-box; border: 1px solid #0081DA; border-radius: 50%; transition: all 0.5s ease; margin: 0 8px; cursor: pointer; }
.banner .hd li.on { background: #0081DA; }
.banner .prev,.banner .next { width: 54px; height: 54px; cursor: pointer; margin-left: 10px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); background-color: rgba(0,0,0,0.05); top: 46%; left: -100px; position: absolute; z-index: 9; transition: all 0.5s ease; }
.banner .prev:hover,.banner .next:hover { border-color: #fff; }
.banner .next { left: auto; right: -100px; }
.banner:hover .prev { left: 3%; }
.banner:hover .next { right: 3%; }
/*search*/
.search { height: 125px; background: #ffffff; box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.08); border-radius: 63px; margin-top: -62px !important; z-index: 9; position: relative; padding: 27px 5% 0; box-sizing: border-box; }
.search .slogan { float: left; padding-top: 1px; }
.search .slogan strong { display: block; font-size: 26px; line-height: 100%; color: #333; }
.search .slogan i { color: #0081DA; }
.search .slogan span { display: block; font-size: 26px; line-height: 100%; color: #333; font-weight: normal; margin-top: 18px; }
.search .sea_box { width: 34.92%; position: absolute; left: 34.28%; top: 27px; text-align: center; }
.search .sea_box:before,.search .sea_box:after { position: absolute; content: ""; width: 1px; height: 69px; background: #e3e3e3; top: 0; left: 0; }
.search .sea_box:after { left: auto; right: 0; }
.search .keyword { font-size: 16px; line-height: 1; margin-top: 18px; }
.search .keyword strong { color: #666; font-weight: normal; }
.search .keyword a { color: #666; display: inline-block; font-weight: normal; transition: all 0.5s ease; }
.search .keyword a:after { content: "|"; color: #ccc; padding-left: 10px; margin-right: 10px; }
.search .keyword a:last-child:after { display: none; }
.search .keyword a:hover { color: #0081DA; }
.search .keyword a:hover:after { color: #ccc; }
.search .search_input { display: inline-block; width: 310px; height: 34px; background: #f7f7f7; box-shadow: inset 0px 3px 7px 0px rgba(0,0,0,0.09); border-radius: 17px; }
.search .search_input input[type="text"] { background: none; border: none; outline: none; display: block; float: left; width: 256px; font-size: 16px; line-height: 34px; color: #999; padding-left: 17px; box-sizing: border-box; }
.search .search_input .submit { border: none; outline: none; display: block; float: right; cursor: pointer; font-size: 0; width: 52px; height: 34px; background: url(/images/s_btn.png) no-repeat center; }
.search .s_tel { float: right; padding-left: 80px; margin-top: -5px; background: url(/images/s_tel.png) no-repeat left center; }
.search .s_tel span { display: block; font-size: 28px; line-height: 100%; color: #666; margin-top: 8px; }
/*title*/
h2.main_title { background: url(/images/standard_t.png) no-repeat center 5px; }
h2.main_title a { display: block; text-align: center; line-height: 0; position: relative; }
h2.main_title strong { display: block; font-size: 35px; line-height: 100%; color: #0081DA; }
h2.main_title span { display: block; font-weight: normal; font-size: 22px; line-height: 100%; color: #666; margin-top: 18px; letter-spacing: 8px; }
h2.main_title i { display: block; font-weight: normal; text-transform: uppercase; font-size: 14px; line-height: 35px; color: #777; letter-spacing: 8px; font-family: Arial; position: absolute; left: 0; top: 0; }
/*intro*/
.intro { padding-top: 62px; overflow: hidden; padding-bottom: 62px; }
.intro_con { width: 43.428%; float: left; padding-top: 40px; }
.intro_con h2 strong { display: block; font-size: 66px; line-height: 100%; color: #333; font-family: "Calibri"; }
.intro_con h2 i { color: #0081DA; }
.intro_con h2 span { display: block; font-size: 25px; line-height: 100%; color: #000; font-weight: normal; margin-top: 21px; }
.intro_con p { font-size: 18px; line-height: 32px; color: #666; margin: 22px 0 32px; text-align: justify; }
.more { width: 182px; height: 52px; display: block; box-sizing: border-box; border: 2px solid #0081DA; text-align: center; border-radius: 26px; }
.more span { display: inline-block; font-size: 15px; line-height: 48px; color: #0081DA; margin-right: 15px; font-weight: bold; transition: all 0.5s ease; }
.more img { display: inline-block; vertical-align: 2px; width: 19px; }
.more:hover span { margin-right: 18px; }
.open-video { width: 679px; height: 420px; float: right; position: relative; cursor: pointer; }
.open-video:before { position: absolute; content: ""; width: 100%; height: 100%; background: url(/images/video_icon.png) no-repeat center rgba(0,0,0,0.57); left: 0; top: 0; }
.open-video:after { position: absolute; content: ""; background: url(/images/about_bg.png) no-repeat center; width: 32px; height: 312px; top: 35px; right: -32px; }
.video-box { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; font-size: 0; z-index: 9999; background: rgba(0,0,0,0.9); display: none; }
.video-box .video { width: 800px; height: 640px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.video-box .video iframe { width: 800px; height: 640px; }
.video-box .close-video { position: absolute; top: calc(54px); right: 5%; width: 30px; height: 30px; cursor: pointer; background: url(/images/close.png) no-repeat center; }
/*product*/
.product { background: url(/images/product_bg.jpg) no-repeat center top; padding-top: 61px; padding-bottom: 61px; }
.pro_title { overflow: hidden; margin-bottom: 30px; }
.pro_title h2 { width: 263px; height: 211px; background: url(/images/pro_t.png) no-repeat center; float: left; }
.pro_title h2 a { display: block; position: relative; width: 100%; height: 100%; padding-top: 80px; padding-left: 83px; box-sizing: border-box; }
.pro_title h2 strong { display: block; font-size: 32px; line-height: 100%; color: #fff; letter-spacing: 4px; }
.pro_title h2 span { display: block; font-size: 16px; line-height: 100%; color: #fff; font-weight: normal; }
.pro_title h2 i { display: block; position: absolute; top: 73px; left: 47px; font-size: 58px; line-height: 1; }
.pro_title ul { width: calc(100% - 263px); background: #fff; height: 211px; border: 1px solid #00a7f8; float: right; box-sizing: border-box; border-left: none; }
.pro_title li { width: 33.33%; float: left; position: relative; padding-top: 23px; text-align: center; box-sizing: border-box; }
.pro_title li:before { position: absolute; content: ""; width: 1px; height: 169px; background: #d9d9d9; right: 0; top: 23px; }
.pro_title li:after { position: absolute; content: ""; width: 3px; height: 26px; background: #d9d9d9; right: -1px; top: 167px; }
.pro_title li h3 { width: 70.89%; display: inline-block; }
.pro_title li h3 a { display: block; width: 100%; height: 37px; background: #949494; border-radius: 3px; font-size: 20px; line-height: 37px; color: #fff; padding-left: 63px; box-sizing: border-box; position: relative; text-align: left; transition: all 0.5s ease; }
.pro_title li h3 a:before { position: absolute; content: ""; width: 13px; height: 13px; box-sizing: border-box; border: 2px solid #ffffff; border-radius: 50%; left: 30px; top: 12px; }
.pro_title li h3 a:after { position: absolute; content: ""; border-style: solid; border-width: 6px 5px; border-color: #fff transparent transparent transparent; right: 30px; top: 15px; }
.pro_title li h3 a:hover { background: #0081DA; }
.pro_title li div { width: 60%; display: inline-block; }
.pro_title li h4 { width: 50%; float: left; text-align: left; height: 49px; }
.pro_title li h4 a { display: block; font-size: 16px; line-height: 48px; color: #666; box-sizing: border-box; padding-bottom: 1px; background: url(/images/dotted.png) repeat-x center bottom; position: relative; font-weight: 300; transition: all 0.5s ease; }
.pro_title li h4 a:before { content: "- "; color: #bcbcbc; }
.pro_title li h4 a:hover { color: #0081DA; }
.pro_title li h4 a:hover:before { color: #0081DA; }
.pro_title li h4:nth-child(5) a,.pro_title li h4:nth-child(6) a { background: none; }
.pro_title li h4:nth-child(2n) a { text-align: right; }
/* .pro_title li:first-child h4:nth-child(4) a { padding-right: 18px; } */
.pro_title li:last-child:before,.pro_title li:last-child:after { display: none; }
/* .pro_title li:last-child h4:nth-child(3) { width: 100%; } */
.pro_hot { overflow: hidden; margin-bottom: 11px; }
.pro_hot dl { position: relative; width: 49.714%; float: left; height: 422px; background: #fff; box-sizing: border-box; transition: all 0.5s ease; overflow: hidden; }
.pro_hot dt { width: 100%; height: 100%; position: relative; overflow: hidden; }
.pro_hot dt img { height: 422px; width: auto; position: absolute; left: 50%; margin-left: -348px; }
.pro_hot dd { width: 250px; float: right; padding-top: 30px; }
.pro_hot dd h4 { font-size: 20px; line-height: 24px; color: #0081DA; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 22px; }
.pro_hot dd .desc p { font-size: 15px; line-height: 24px; color: #666; margin-bottom: 20px; }
.pro_hot dd .desc p strong,.pro_hot dd .desc p span { display: block; }
.pro_hot dd .desc p strong { font-size: 18px; line-height: 30px; color: #333; }
.pro_hot dd .more { margin-top: 25px; }
.pro_hot dl:last-child { float: right; }
.pro_hot dl:hover { padding: 20px 33px 20px 17px; }
.pro_hot dl:hover dt { width: 52.5%; float: left; }
.pro_list { overflow: hidden; }
.pro_list li { width: 24.5%; float: left; margin-right: 0.664%; overflow: hidden; background: #fff; }
.pro_list li > a { display: block; height: 355px; width: 100%; position: relative; }
.pro_list li > a img { position: absolute; height: 355px; width: auto; margin-left: -171.5px; left: 50%; top: 0; }
.pro_list li h4 { height: 66px; background: #fff; position: relative; z-index: 2; }
.pro_list li h4 a { display: block; font-size: 18px; line-height: 66px; color: #3d3d3d; width: 100%; box-sizing: border-box; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; text-align: center; transition: all 0.5s ease; }
.pro_list li:last-child { margin-right: 0; }
.pro_list li:hover h4 a { color: #0081DA; }
/*standard*/
.standard { padding-top: 60px; background: url(/images/standard_bg.jpg) no-repeat center 230px; /*height: 897px;*/ box-sizing: border-box; overflow: hidden; }
.standard h2 i { background: #fff; padding-right: 50px; }
.standard > .content { position: relative; }
.standard .pic { width: 606px; margin: 25px auto 0; }
.standard li { position: absolute; padding-right: 90px; text-align: right; transition: all 0.5s ease; }
.standard li strong { display: block; font-size: 22px; line-height: 30px; color: #333; }
.standard li strong:last-child { color: #0081DA; }
.standard li:before { position: absolute; content: ""; width: 14px; height: 14px; background: #666666; border-radius: 50%; top: 22px; right: 8.5px; transition: all 0.5s ease; }
.standard li:after { position: absolute; content: ""; width: 31px; height: 31px; background: rgba(102,102,102,0.39); border-radius: 50%; top: 14px; right: 0; transition: all 0.5s ease; }
.standard li:nth-child(2n) { text-align: left; padding-left: 90px; padding-right: 0; }
.standard li:nth-child(2n):before { right: auto; left: 8.5px; }
.standard li:nth-child(2n):after { right: auto; left: 0; }
.standard li:first-child { top: 156px; right: 50%; margin-right: 306px; }
.standard li:nth-child(2) { top: 156px; left: 50%; margin-left: 306px; }
.standard li:nth-child(3) { right: 50%; top: 313px; margin-right: 346px; }
.standard li:nth-child(4) { top: 313px; left: 50%; margin-left: 346px; }
.standard li:nth-child(5) { right: 50%; top: 473px; margin-right: 301px; }
.standard li:nth-child(6) { top: 473px; left: 50%; margin-left: 301px; }
.standard li:hover:before { background: #0081DA; }
.standard li:hover:after { background: rgba(0,129,218,0.39); }
.standard li:nth-child(odd):hover { padding-right: 85px; }
.standard li:nth-child(even):hover { padding-left: 85px; }
/*quality*/
.quality { background: url(/images/quality_bg.jpg) repeat-x center top; padding-top: 60px; height: 902px; box-sizing: border-box; overflow: hidden; }
.quality h2 { margin-bottom: 36px; background-image: url(/images/quality_t.png); }
.quality h2 i { background: url(/images/quality_bg.jpg) no-repeat center; padding-right: 40px; }
.qua_nav { width: 41.42%; float: left; position: relative; }
.qua_nav:before { position: absolute; content: ""; width: 1px; height: 621px; background: rgba(0,0,0,0.17); left: 0; top: 0; }
.qua_nav li { height: 219px; }
.qua_nav li .dot { display: block; float: left; width: 15px; height: 15px; background: #ffffff; border: 1px solid #0081DA; border-radius: 50%; box-sizing: border-box; position: relative; opacity: 0; margin-left: -7px; margin-top: 100px; }
.qua_nav li .dot:before { position: absolute; content: ""; width: 6px; height: 6px; background: #457ed8; border-radius: 50%; left: 3.5px; top: 3.5px; }
.qua_nav li .con { width: 90.344%; height: 219px; border-radius: 0 110px; float: right; padding: 40px 13.16% 20px; box-sizing: border-box; transition: all 0.5s ease; }
.qua_nav h3 i { display: inline-block; width: 33px; height: 33px; position: relative; overflow: hidden; vertical-align: middle; margin-right: 20px; }
.qua_nav h3 i img { position: absolute; left: 0; top: 0; width: 33px; }
.qua_nav h3 strong { display: inline-block; font-size: 24px; line-height: 33px; color: #000; vertical-align: middle; }
.qua_nav p { font-size: 18px; line-height: 30px; color: #333; margin-top: 17px; }
.qua_nav li.on .dot,.qua_nav li:hover .dot { opacity: 1; }
.qua_nav li.on .con,.qua_nav li:hover .con { box-shadow: 0px 3px 46px 0px rgba(0,0,0,0.08); background: #fff; }
.qua_nav li.on .con h3 i img,.qua_nav li:hover .con h3 i img { top: -33px; }
.qua_list { width: 53.714%; margin-top: 20px; float: right; height: 624px; overflow: hidden; }
.qua_list li { height: 624px; }
.qua_list li img { height: 624px; width: auto; }
/*case*/
.case { padding-top: 60px; margin-bottom: 50px; }
.case h2 { background-image: url(/images/case_t.png); }
.case h2 i { background: #fff; padding-right: 40px; }
.case_nav { margin: 32px 0 42px; text-align: center; }
.case_nav h3 { width: 203px; height: 62px; display: inline-block; border: 2px solid #0081DA; box-sizing: border-box; margin: 0 20px; position: relative; border-radius: 31px; transition: all 0.5s ease; }
.case_nav h3 a { font-size: 24px; line-height: 58px; color: #000; font-weight: normal; display: block; }
.case_nav h3:after { position: absolute; content: ""; border-style: solid; border-width: 8px; border-color: #0081DA transparent transparent transparent; left: 50%; margin-left: -4px; bottom: -16px; opacity: 0; transition: all 0.5s ease; }
.case_nav h3.on,.case_nav h3:hover { background: #0081DA; }
.case_nav h3.on a,.case_nav h3:hover a { color: #fff; }
.case_nav h3.on:after,.case_nav h3:hover:after { opacity: 1; bottom: -18px; }
.case_list_con dl { position: relative; height: 622px; line-height: 0; }
.case_list_con dt { overflow: hidden; }
.case_list_con dt img { height: 622px; width: auto; }
.case_list_con dd { width: 436px; height: 570px; background: rgba(255,255,255,0.89); position: absolute; top: 26px; right: 28px; text-align: center; padding: 133px 46px 0; box-sizing: border-box; }
.case_list_con dd h4 { font-size: 22px; line-height: 26px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case_list_con dd p { font-size: 18px; line-height: 32px; color: #666; max-height: 160px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; margin: 22px 0 40px; }
.case_list_con dd .more { margin: 0 auto; }
.case_list_nav { text-align: center; margin-top: 30px; height: 13px; }
.case_list_nav li { width: 13px; height: 13px; background: rgba(69,126,216,0); border: 1px solid #457ed8; border-radius: 50%; display: inline-block; font-size: 0; box-sizing: border-box; transition: all 0.5s ease; margin: 0 12px; vertical-align: top; cursor: pointer; }
.case_list_nav li.on { background: #0081DA; }
/*client*/
.client { padding-bottom: 60px; }
.client .client_con { overflow: hidden; }
.client li { width: 264px; float: left; margin-right: 20px; }
.client li > a { display: block; width: 100%; background: #ffffff; border: 1px solid #e3e3e3; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
.client li > a img { width: 100%; }
.client li h4 a { display: block; font-size: 18px; line-height: 100%; color: #666; font-weight: normal; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 17px; }
/*album*/
.album { background: #f8f8f8 url(/images/album.jpg) no-repeat center top; padding-top: 110px; padding-bottom: 83px; overflow: hidden; }
.album h2 { margin-bottom: 24px; }
.album h2 span { display: block; font-size: 22px; line-height: 100%; color: #fff; }
.album h2 strong { display: block; font-size: 26px; line-height: 100%; color: #fff; margin-top: 20px; }
.album p { font-size: 18px; line-height: 26px; color: #fff; margin-bottom: 20px; }
.album_nav { padding-top: 29px; margin-bottom: 90px; }
.album_nav h3 { width: 472px; height: 102px; background: #efefef; border-radius: 51px; margin-bottom: 18px; padding: 14px; box-sizing: border-box; transition: all 0.5s ease; }
.album_nav h3 a { display: block; width: 100%; height: 100%; }
.album_nav h3 i { display: block; float: left; width: 74px; height: 74px; font-size: 28px; line-height: 74px; color: #666; text-align: center; font-family: Arial; font-weight: normal; background: #fff; border-radius: 50%; margin-right: 72px; }
.album_nav h3 strong { display: block; float: left; font-size: 24px; line-height: 74px; color: #333; font-weight: normal; margin-right: 20px; }
.album_nav h3 span { display: block; float: left; font-size: 18px; line-height: 78px; color: #999; font-weight: normal; }
.album_nav h3.on,.album_nav h3:hover { background: #0081DA; }
.album_nav h3.on i,.album_nav h3:hover i { color: #457ed8; }
.album_nav h3.on strong,.album_nav h3:hover strong { color: #fff; }
.album_nav h3.on span,.album_nav h3:hover span { color: #a8c6f7; }
.album_con li { width: 31.785%; float: left; margin-right: 2.3225%; }
.album_con li > a { display: block; height: 322px; overflow: hidden; line-height: 0; }
.album_con li > a img { height: 322px; width: auto; }
.album_con li h4 { margin-top: 24px; }
.album_con li h4 a { display: block; font-size: 18px; line-height: 100%; color: #666; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 60px; background: url(/images/more1.png) no-repeat right center; }
.album_con li:last-child { margin-right: 0; }
/*certificate*/
.certificate { padding-top: 62px; text-align: center; /*padding-bottom: 60px;*/ }
.certificate h2 { margin-bottom: 25px; }
.certificate h2 span { display: block; font-size: 22px; line-height: 100%; color: #000; }
.certificate h2 strong { display: block; font-size: 26px; line-height: 100%; color: #457ed8; margin-top: 19px; }
.certificate p { font-size: 18px; line-height: 26px; color: #666; margin-bottom: 10px; }
.certificate p strong { color: #457ed8; }
.cer_con { padding-top: 22px; overflow: hidden; }
.cer_con li { width: 329px; background: #f7f7f7; float: left; line-height: 0; overflow: hidden; margin-right: 28px;padding:20px 0;}
.cer_con li img{display: block;width: 329px;height: 392px;}
/*service*/
.service { height: 664px; background: url(/images/service_bg.jpg) no-repeat center top; padding-top: 60px; overflow: hidden; box-sizing: border-box; text-align: center; }
.service h2 span { display: block; font-size: 22px; line-height: 100%; color: #fff; }
.service h2 strong { display: block; font-size: 26px; line-height: 100%; color: #fff; margin-top: 20px; }
.service li { width: 33.33%; height: 534px; float: left; transition: all 0.5s ease; box-sizing: border-box; padding: 143px 4.857% 0; line-height: 0; background: transparent; }
.service li img { display: block; margin: 0 auto 48px; }
.service li h3 { display: block; font-size: 26px; line-height: 100%; color: #fff; margin-bottom: 24px; }
.service li p { font-size: 20px; line-height: 32px; color: #fff; }
.service li.cur { background: url(/images/service_hover.png) no-repeat center top; padding-top: 138px; }
/*news*/
.news { overflow: hidden; padding-top: 60px; padding-bottom: 22px; }
.news h2 { background-image: url(/images/news_t.png); }
.news h2 i { background: #fff; padding-right: 40px; }
.news_nav { position: relative; margin: 30px auto 40px; width: 812px; text-align: center; overflow: hidden; }
.news_nav h3 { position: relative; z-index: 2; width: 25%; float: left; transition: all 0.5s ease; border-radius: 29px; }
.news_nav h3 a { display: block; font-size: 20px; line-height: 58px; color: #333; font-weight: normal; }
.news_nav h3.on,.news_nav h3:hover { background: #0081DA; }
.news_nav h3.on a,.news_nav h3:hover a { color: #fcfcfc; }
.news_nav:after { position: absolute; content: ""; width: 812px; height: 58px; background: rgba(179,179,179,0); border: 1px solid #e3e3e3; border-radius: 29px; box-sizing: border-box; left: 0; top: 0; }
.news_con { overflow: hidden; }
.news_con dl { background: #fafafa; overflow: hidden; height: 412px; margin-bottom: 46px; }
.news_con dt { width: 50%; height: 412px; overflow: hidden; float: left; }
.news_con dt img { height: 412px; width: auto; }
.news_con dd { width: 50%; float: right; }
.news_con dd a { display: block; padding: 66px 80px; box-sizing: border-box; width: 100%; position: relative; }
.news_con dd h4 strong { display: block; font-size: 20px; line-height: 28px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_con dd h4 span { display: block; font-size: 16px; line-height: 100%; color: #666; font-family: Arial; font-weight: normal; margin-top: 16px; }
.news_con dd p { font-size: 18px; line-height: 36px; color: #666; max-height: 108px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 28px 0 30px; }
.news_con dd b { display: block; position: absolute; right: 80px; font-size: 48px; line-height: 100%; color: #CDCDCD; font-family: Arial; text-align: right; bottom: 64px; }
.news_con dd b span { display: block; font-size: 18px; line-height: 100%; color: #CDCDCD; font-weight: normal; }
.news_con li { width: 42.148%; float: left; margin-bottom: 38px; background: url(/images/more1.png) no-repeat right 105px; }
.news_con li a { display: block; position: relative; width: 100%; box-sizing: border-box; }
.news_con li h4 { font-size: 20px; line-height: 24px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 86px; margin-bottom: 8px; transition: all 0.5s ease; }
.news_con li p { font-size: 18px; line-height: 36px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 12px; padding-left: 86px; }
.news_con li b { display: block; font-size: 18px; line-height: 100%; color: #666; font-weight: normal; padding-top: 21px; border-top: 1px solid #999; transition: all 0.5s ease; }
.news_con li i { display: block; position: absolute; left: 0; top: -2px; font-size: 16px; line-height: 100%; color: #999; font-family: Arial; }
.news_con li i span { display: block; font-size: 38px; line-height: 100%; color: #333; margin-bottom: 8px; }
.news_con li:nth-child(2n) { float: right; }
.news_con li:hover h4 { color: #0081DA; }
.news_con li:hover b { border-color: #0081DA; }
/*process*/
.process { height: 262px; background: #f8f8f8; overflow: hidden; padding-top: 47px; box-sizing: border-box; text-align: center; }
.process li { width: 16.66%; float: left; }
.process li .pic { width: 110px; height: 110px; background: rgba(179,179,179,0); border: 2px solid #0081DA; border-radius: 50%; box-sizing: border-box; margin: 0 auto; transition: all 0.5s ease; }
.process li .pic i { display: block; position: relative; width: 55px; height: 46px; overflow: hidden; margin: 30px auto 0; }
.process li .pic i img { display: block; position: absolute; left: 0; top: 0; }
.process li h3 { font-size: 20px; line-height: 100%; color: #0081DA; margin: 13px 0 8px; }
.process li p { font-size: 18px; line-height: 100%; color: #666; transition: all 0.5s ease; }
.process li:hover .pic { background: #0081DA; }
.process li:hover .pic i img { top: -46px; }
.process li:hover p { color: #0081DA; }
/*links*/
.links { height: 93px; overflow: hidden; position: absolute; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.15); box-sizing: border-box; }
.links .content { padding-right: 220px; box-sizing: border-box; overflow: hidden; }
.links:after { position: absolute; content: ""; width: 100%; height: 1px; background: rgba(0,0,0,0.12); left: 0; bottom: 0; }
.links em { font-style: normal; font-size: 20px; line-height: 92px; color: #fff; float: left; margin-right: 40px; }
.links a { display: block; font-size: 20px; color: #fff; line-height: 1; margin-right: 60px; line-height: 92px; transition: all 0.5s ease; float: left; }
@media screen and (max-width:1400px),(-webkit-min-device-pixel-ratio:2) {
  .qua_nav li .con { padding: 40px 10.16% 20px; }
  .client li { width: 244px; }
  .cer_con li { width: 304px; }
}
.f_menu { padding-top: 126px !important; }
.f_contact { padding-top: 125px !important; }
.f_contact:before { top: 141px !important; }

.standard_tel { width: 385px; height: 44px; border-radius: 22px; margin: 15px auto 0; background: url(/images/stardard_tel_bg.png) no-repeat center; text-align: center; margin-bottom:68px; }
.standard_tel img { width: 21px; display: inline-block; vertical-align: middle; margin-right: 9px; }
.standard_tel span { font-size: 20px; line-height: 44px; color: #fff; display: inline-block; vertical-align: middle; }
.standard_tel strong { font-size: 28px; line-height: 44px; color: #fff; display: inline-block; vertical-align: middle; }
.certificate .standard_tel{ margin-top:42px;}