@charset "utf-8"; *{font-family: "Microsoft YaHei", Helvetica, Arial, Lucida, sans-serif;} /* more */ .more { display: inline-block; padding: 10px 30px; background: #ffab00; color: #fff; font-size: 16px; } /* yzgx_about */ .yzgx_about { background: url("/images/a_bg.gif") no-repeat center top; text-align: center; } .yzgx_about .yzgx_about_con { width: 1200px; margin: 0 auto 40px; } .yzgx_about .yzgx_about_con p { line-height: 2.3; font-size: 15px; text-indent: 50px; text-align: left; } .yzgx_about .yzgx_about_list { background: url("/images/a_bg2.gif") center; height: 220px; margin-top: 40px; padding: 30px; box-sizing: border-box; } .yzgx_about_list .content { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; } .yzgx_about_list .content dl { width: 20%; border-right: 1px solid #2086d4; box-sizing: border-box; padding: 30px 0; color: #fff; } .yzgx_about_list .content dl:last-child { border-right: 0 } .yzgx_about_list .content dl dt em { font-size: 60px; font-family: 'Impact'; position: relative; color: #fff } .yzgx_about_list .content dl dt span { width: 30px; height: 30px; background: #ffab00; color: #fff; border-radius: 50%; position: absolute; display: inline-block; font-family: "Microsoft Yahei"; font-size: 18px; line-height: 30px } .yzgx_about_list .content dl dd { font-size: 16px; line-height: 240% } .yzgx_about_list .content dl dt em { font-style: normal; } .yzgx_about_team { margin-bottom: 30px; } .yzgx_about_team .bd { box-sizing: border-box; position: relative; } .yzgx_about_team .bd .next, .yzgx_about_team .bd .prev { background: url("/images/prevnex.png"); width: 27px; height: 49px; overflow: hidden; position: absolute; z-index: 999; top: 50%; transform: translateY(-50%); cursor: pointer; } .yzgx_about_team .bd .next { left: -35px; } .yzgx_about_team .bd .prev { right: -35px; background-position: -27px 0; } .yzgx_about_team .bd .next:hover { background-position: 0 -49px; } .yzgx_about_team .bd .prev:hover { background-position: -27px -49px; } .yzgx_about_team .bd ul { padding: 10px 0; } .yzgx_about_team .bd ul li { margin: 10px 10px; width: 300px; height: 340px; text-align: center; position: relative; overflow: hidden; box-shadow: 0px 0px 5px #888888; box-sizing: border-box; } .yzgx_about_team .bd ul li .people { padding: 15px; display: flex; flex-wrap: nowrap; justify-content: center; } .yzgx_about_team .bd ul li .people .p { width: 102px; height: 102px; border-radius: 50%; border: 1px solid #efefef; display: inline-block; padding: 5px; } .yzgx_about_team .bd ul li .people .p img { height: 102px; width: 102px; border-radius: 50%; } .yzgx_about_team .bd ul li .people .name { display: inline-block; text-align: left; font-size: 16px; line-height: 1.5; font-weight: bold; color: #444; padding: 40px 0 0 10px; box-sizing: border-box; } .yzgx_about_team .bd ul li .people .name span { color: #ffab00; } .yzgx_about_team .bd ul li .people .name .e { font-family: Arial, Helvetica, sans-serif; } .yzgx_about_team .bd ul li .description { text-align: left; margin: 0 15px 15px 15px; border-top: 1px solid #efefef; padding-top: 10px; } .yzgx_about_team .bd ul li .description p { line-height: 2; padding-left: 20px; position: relative; color: #666; } .yzgx_about_team .bd ul li .description p::before { content: ''; position: absolute; width: 5px; height: 5px; background: #1168ab; border-radius: 50%; left: 4px; top: 10px; } /* yzgx_product */ .yzgx_product { box-sizing: border-box; z-index: 2; position: relative; background: url("/images/product_bg.gif") no-repeat top; height: 914px; } .yzgx_product .nav_list { display: flex; flex-wrap: nowrap; justify-content: space-between; } .yzgx_product .nav_list li { width: 100%; border-right: 1px solid #fff; } .yzgx_product .nav_list li:nth-child(6) { border: none; } .yzgx_product .nav_list li a { display: block; height: 50px; background: #1168ab; color: #fff; line-height: 50px; font-size: 16px; text-align: center; } .yzgx_product .nav_list li a:hover { background: #ffab00 } .yzgx_product_con { padding: 40px 0; } .yzgx_product_con .left { width: 600px; height: 606px; background: #fff; border: 1px solid #efefef; padding: 15px; box-sizing: border-box; } .yzgx_product_con .left img { z-index: 1; position: relative; width: 100%; height: 500px; } .yzgx_product_con .left .title { line-height: 55px; color: #333; position: relative; z-index: 2; width: 100%; text-align: left; text-indent: 5px; font-size: 16px; margin-top: 10px; background: #efefef; height: 55px; box-sizing: border-box; } .yzgx_product_con .left .title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 75%; } .yzgx_product_con .left .title em { width: 108px; height: 55px; display: inline-block; position: absolute; right: 0; background: #1168ab url("/images/jt_hover.png") no-repeat center; } .yzgx_product_con .left a:hover .title em { width: 108px; height: 55px; position: absolute; right: 0; background: #fdb812 url("/images/jt_hover.png") no-repeat center; } .yzgx_product_con .left a:hover .title { background: #1168ab; color: #fff; } .yzgx_product_con .right { text-align: left; width: 640px; margin-left: 40px; } .yzgx_product_con .right dl { width: 300px; float: left; text-align: center; margin-right: 40px; background: #fff; margin-bottom: 30px; border: 1px solid #efefef; box-sizing: border-box; padding: 10px; } .yzgx_product_con .right dl img { width: 100%; height: 209px; border-bottom: 1px solid #efefef; } .yzgx_product_con .right dl dt { line-height: 55px; text-align: left; } .yzgx_product_con .right dl dt { line-height: 55px; color: #333; position: relative; z-index: 2; width: 100%; text-align: left; font-size: 16px; height: 55px; box-sizing: border-box; } .yzgx_product_con .right dl dt span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 70%; } .yzgx_product_con .right dl dt em { width: 92px; height: 55px; display: inline-block; position: absolute; right: 0; background: url("/images/jt.png") no-repeat center; } .yzgx_product_con .right dl:hover { background: #1168ab; color: #fff; } .yzgx_product_con .right dl:hover span { color: #fff; } .yzgx_product_con .right dl:hover dt em { width: 92px; height: 55px; display: inline-block; position: absolute; right: 0; background: url("/images/jt_hover.png") no-repeat center; } .yzgx_product_con .right dl a { font-size: 16px; } .yzgx_product_con .right dl:nth-child(2n+0) { margin-right: 0; } /*优势*/ .yzgx_advantage { border-top: 4px solid #1168ab; } .yzgx_advantage .content>div { width: 640px; } .yzgx_advantage dl { padding: 30px; } .yzgx_advantage dl dt strong { font-size: 54px; color: #fdb812; font-weight: bold; position: relative; left: 0; margin-right: 10px } .yzgx_advantage dl dt:before { content: ""; width: 58px; height: 1px; background: #f2f0f0; position: absolute; display: inline-block; left: -70px; top: 40px } .yzgx_advantage dl dt:after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #f2f0f0; position: absolute; display: inline-block; left: -15px; top: 36px } .yzgx_advantage dl dt { font-size: 24px; color: #333; font-weight: bold; padding: 0 0 0 0; position: relative; left: 60px; } .yzgx_advantage dl dt span { font-size: 30px; color: #007cc2 } .yzgx_advantage dl dd { font-size: 15px; line-height: 35px; margin: 0 0 0 140px; color: #666; position: relative; border-bottom: 1px dashed #efefef; padding-left: 20px; } .yzgx_advantage dl dd::before { content: ''; width: 5px; height: 5px; border: 2px solid #007cc2; background-color: #fff; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 14px; } .yzgx_solution { position: relative; } .yzgx_solution ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .yzgx_solution li { list-style: none; width: 24%; float: left; padding-left: 5px; padding-right: 5px; margin-top: 10px; } .yzgx_solution li a { display: block; background: #f2f2f2; color: #666; text-align: center; font-size: 12px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; line-height: 20px; padding-top: 30px; height: 200px; } .yzgx_solution li a h2 { color: #333; font-size: 16px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .yzgx_solution li a:hover { background: #005197; color: #fff; } .yzgx_solution li a:hover h2 { color: #fff; } .yzgx_solution .sysimg, .yzgx_solution .sysimg img { width: 90px; height: 90px; margin: 0 auto; overflow: hidden; display: inline-block; } .yzgx_solution li:hover .sysimg p { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .yzgx_solution .sysimg p img:nth-of-type(1) { display: none; } .yzgx_solution .sysimg p img:nth-of-type(1) { display: inline-block; } .yzgx_solution .sysimg p { font-size: 0; white-space: nowrap; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .yzgx_solution {} .yzgx_solution li a { padding-top: 44px; height: 200px; } .yzgx_solution li h2 { padding-top: 19px; } .yzgx_solution .sysimg p img:nth-of-type(1) { display: inline-block; } /* yzgx_honor */ .yzgx_honor { padding: 20px 0 0; position: relative; height: 650px; } .yzgx_honor::after { content: ''; position: absolute; bottom: 0; height: 300px; background: #1168ab; width: 100%; z-index: 0; } .yzgx_honor_con { margin: 30px auto; position: relative; z-index: 1; } .yzgx_honor_con .bd { box-sizing: border-box; width: 1280px; overflow: hidden; } .yzgx_honor_con .bd ul li { margin: 0 12.5px; width: 295px; text-align: center; position: relative; overflow: hidden; } .yzgx_honor_con .bd ul li .pic { overflow: hidden; width: 295px; border: 1px solid #efefef; box-sizing: border-box; } .yzgx_honor_con .bd ul li img { width: 295px; background-color: #fff; height: 415px; box-sizing: border-box; } .yzgx_honor_con .bd ul li h4 { line-height: 3.5; font-size: 16px; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* yzgx_news */ .yzgx_news { box-sizing: border-box; padding: 0 0 30px; } .yzgx_news .t { margin-bottom: 30px; } .yzgx_news .t_n { text-align: left; color: #fff; font-size: 28px; position: relative; } .yzgx_news .t_n i { display: block; color: #fff; text-transform: capitalize; } .yzgx_news .t_n a { position: absolute; width: 30px; height: 30px; background-color: #ffab00; color: #fff; right: 0; top: 10px; line-height: 30px; text-align: center; } .yzgx_news .left { width: 430px; height: 598px; overflow: hidden; background: url("/images/n_l.jpg") 0 0 no-repeat #f5f5f5; padding: 20px 35px; box-sizing: border-box; } .yzgx_news .left dl { padding-top: 30px; position: relative; } .yzgx_news .left dt { width: 100%; } .yzgx_news .left dt img { width: 360px; height: 240px; border: 1px solid #fff; box-sizing: border-box; } .yzgx_news .left dl { width: 100%; position: relative; } .yzgx_news .left dd { bottom: 0; width: 100%; box-sizing: border-box; padding: 20px 0; color: #333; } .yzgx_news .left dd h3 { width: 100%; font-size: 18px; line-height: 2.5; font-weight: normal; } .yzgx_news .left dd p { width: 100%; font-size: 15px; line-height: 2; color: #999; } .yzgx_news .left dl .date { display: block; text-align: right; font-size: 14px; color: #999999; position: relative; } .yzgx_news .left dl .date:before { content: ''; width: 100px; height: 1px; background-color: #d1d1d1; position: absolute; left: 0; top: 10px; } .yzgx_news .right { width: 830px; box-sizing: border-box; } .yzgx_news .right .top, .yzgx_news .right .bottom { border: 1px solid #dedede; padding: 20px 35px; } .yzgx_news .right .top { margin-bottom: 20px; } .yzgx_news .right .t_n { color: #333; } .yzgx_news .right .t_n span { color: #c4151c; font-weight: bold; } .yzgx_news .right .t_n i { color: #999; } .txtScroll-left { position: relative; } .txtScroll-left .hd { overflow: hidden; height: 30px; position: absolute; top: -40px; right: 0; } .txtScroll-left .hd .next { background-position: 0 -50px; } .txtScroll-left .hd .prevStop { background-position: -60px 0; } .txtScroll-left .hd .nextStop { background-position: -60px -50px; } .txtScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .txtScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background-color: #dbdbdb; border-radius: 10px; } .txtScroll-left .hd ul li.on { width: 20px; background-color: #ffab00; } .txtScroll-left .bd { overflow: hidden; } .txtScroll-left .bd ul { overflow: hidden; zoom: 1; } .txtScroll-left .bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; } .txtScroll-left .bd ul li span { color: #999; } .yzgx_news .right .list { display: flex; flex-wrap: wrap; justify-content: space-between; } .yzgx_news .right .list dl { position: relative; width: 369px; box-sizing: border-box; margin-right: 20px; } .yzgx_news .right .list dt { width: 100%; } .yzgx_news .right .list dd { bottom: 0; width: 100%; box-sizing: border-box; padding: 20px 0 0 0; color: #333; } .yzgx_news .right .list dd h3 { width: 100%; font-size: 18px; line-height: 2.5; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yzgx_news .right .list dd p { width: 100%; font-size: 15px; line-height: 2; color: #999; } .yzgx_news .right .list dl .date { display: block; text-align: right; font-size: 14px; color: #999999; position: relative; padding-right: 20px; } .yzgx_news .right .list dl .date:before { content: ''; width: 100px; height: 1px; background-color: #d1d1d1; position: absolute; left: 0; top: 10px; } .yzgx_news .right .bottom .fl { width: 330px; height: 250px; } .yzgx_news .right .bottom .fr { text-align: left; width: 400px; padding: 0 0 0 20px; box-sizing: border-box; position: relative; } .yzgx_news .right .bottom .fr .t_n { margin-bottom: 20px; } .yzgx_news .right .bottom .fr dl { margin-bottom: 10px; } .yzgx_news .right .bottom .fr dt { position: relative; font-size: 16px; line-height: 2; padding-left: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yzgx_news .right .bottom .fr dt::before { content: "问"; width: 25px; height: 25px; background-color: #c4151c; border-radius: 50%; display: inline-block; color: #fff; text-align: center; line-height: 25px; margin-right: 10px; font-size: 14px; position: absolute; left: 0; top: 5px; } .yzgx_news .right .bottom .fr dd { position: relative; font-size: 16px; padding-left: 40px; line-height: 2; color: #999; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yzgx_news .right .bottom .fr dd::before { content: "答"; width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #efefef; border-radius: 50%; display: inline-block; color: #999; text-align: center; line-height: 25px; margin-right: 10px; font-size: 14px; position: absolute; left: 0; top: 10px; } .txtScroll-top { position: relative; } .txtScroll-top .hd { overflow: hidden; height: 30px; position: absolute; top: -45px; right: 0; } .txtScroll-top .hd .next { background-position: 0 -50px; } .txtScroll-top .hd .prevStop { background-position: -60px 0; } .txtScroll-top .hd .nextStop { background-position: -60px -50px; } .txtScroll-top .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .txtScroll-top .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background-color: #dbdbdb; border-radius: 10px; } .txtScroll-top .hd ul li.on { width: 20px; background-color: #ffab00; } .txtScroll-top .bd { overflow: hidden; } .txtScroll-top .bd ul { overflow: hidden; zoom: 1; } .txtScroll-top .bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; } .txtScroll-top .bd ul li span { color: #999; } .wenzi{width:600px;height:auto;margin:0 auto;padding-top: 240px;} .wenzi span{ text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); font-size: 120px; font-family: "Lato", Helvetica, Arial, Lucida, sans-serif; font-weight: bold; line-height: 1.1; letter-spacing: -0.4px; color: white; background: none; margin: 0; padding: 0; max-width: 750px; text-shadow: 1px 3px 3px rgba(50,50,50,0.6); } .brand{width:100%;height:500px;background: url('/images/a_bg.jpg');padding-top: 46px;} .brand h1{font-size:48px;color:#fff;line-height: 120px;} .brand p{font-size:16px;color:#fff;line-height: 36px;} .advantage{display: flex;width: 1200px;margin: 0px auto 0;padding-top: 55px;} .advantage dl{ justify-content: center; align-items: center; flex: 1; } .advantage dt{width: 100%;align-items: center;justify-content: center;} .advantage dd{ justify-content: center; width: 100%; height: auto; margin:0 auto; } .advantage dt img{display: block;margin: 0 auto;} .advantage dd{text-align: center; } .advantage dd span{ line-height: 40px; font-weight: bold; font-size: 18px; color: #fff; } .advantage dd p{font-size: 12px;} .history{ width: 100%; height: 640px; background: url('/images/product_bg.gif'); padding-top: 60px; } .history1{} .history1 h1{ font-size: 46px; color: #0093dd; margin-bottom: 10px; } .history1 h2{ font-size: 40px; color: #0093dd; font-weight: 300; } .history2{ width: 100%; margin-top: 40px; } .history2 dl{ width: 46%; float: left; height: 180px; margin-right: 8%; border-bottom: 1.5px solid #0093dd; margin-bottom: 40px; } .history2 dl:nth-child(2n){margin-right:0px;} .history2 dt{ width: 30%; float: left; height: 200px; text-align: left; } .history2 dt span{font-size: 60px;line-height: 140px;font-weight: 300;color: #5992d6;display: block;height: 200px;} .history2 dd{ width: 70%; float: right; } .history2 dd span{ font-weight: 700; color: #6c6c78; line-height: 50px; font-size: 26px; margin-bottom: 10px; display: block; } .history2 dd p{ font-size: 20px; } .pro{ width:100%; height:auto; padding-top: 50px; background: linear-gradient(0deg, rgba(130, 130,130, 0.8), rgba(80, 80,80, 0.6)), url('/images/pro-bg.jpg'); background-attachment: fixed; } .pro-title{ width:100%; } .pro-title h1{font-size:48px;font-weight: 700;color: #fff;margin-bottom:10px;text-shadow: 1px 1px 3px #3d3d3d;} .pro-title h3{font-size:40px;font-weight: 300;color: #fff;text-shadow: 1px 1px 3px #3d3d3d;} .pro-content{width: 98%;height: auto;overflow: hidden;margin-top: 30px;background-color: rgba(246,246,246,.4);padding: 2%;} .pro-content dl{width: 27%;margin: 1%;float: left;background-color: rgba(242,242,242,0.9);padding: 24px;} .pro-content dl dt{width:100%;height: 200px;margin-bottom: 16px;} .pro-content dl dt img{width:100%;height:100%;} .pro-detail1{width:100%;height:60px;border-bottom: 3px solid #0093dd;margin-bottom: 16px;} .pro-detail1 h1{font-size: 38px;line-height:60px;color:#0093dd;letter-spacing: 3px;} .pro-detail2{} .pro-detail2 li{width:100%;border-bottom:1px solid #0093dd;height: 36px;padding-left:10px;transition:0.4s all;} .pro-detail2 li a{font-size: 16px;line-height: 36px;color:#666;display:inline-block;width:100%;height:36px;transition:0.4s all;} .pro-detail2 li:hover{background-color:#0093dd;} .pro-detail2 li:hover a{color:#fff} .job{width:100%;height: 600px;padding-top: 50px;} .job1{width:100%;height:100px;} .job1 h1{font-size:46px;color: #0093dd;} .job1 h2{ font-size: 30px; color: #0093dd; font-weight: 300; } .job2{width: 100%;height:400px;background-color:#0093dd;margin-top:30px;} .job21{width: 500px;height:300px;float:left;padding:60px 60px 30px 60px;position: relative;} .job21:before{content:"";width:100%;height:1px;bottom:16px;background-color:#39b8f8;position:absolute;left:0px;} .job21 p{font-size:30px;color:#fff;line-height:50px} .job21 a{width:120px;height:46px;border:1px solid #fff;display:inline-block;line-height:46px;text-align:center;font-size:18px;color:#fff;margin-top:40px;margin-left: 380px;} .job22{width: 580px;height:300px;float:right;} .job22 img{width:100%;} .news{width:100%;height: auto;padding-top: 50px;background-color: #f6f6f6;} .news1{width:100%;height:100px;} .news1 h1{font-size:46px;color: #0093dd;} .news1 h2{ font-size: 30px; color: #0093dd; font-weight: 300; } .news2{width:100%;margin-top: 30px;} .news2 dl{width:100%;height:auto;overflow: hidden;border-bottom: 1px solid #ccc;padding-top: 10px;padding-bottom: 10px;} .news2 dl dt{width:30%;float:left;} .news2 dl dt img{width: 300px;height: 225px;} .news2 dl dd{width:70%;float:right;padding-top: 40px;} .news2 dl dd span{font-size:18px;color:#666;} .news2 dl dd h1{ font-size: 26px; line-height: 60px; color: #0093dd; } .news2 dl dd p{ font-size: 16px; line-height: 24px; }