/*reset*/ body, dl, dd, dt, input, h1, h2, p, ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { list-style: none; } h1, h2 { font-weight: bold; text-transform: uppercase; } input { border: none; } ul { display: block; } ul, li { list-style-type: none; } i, em { font-style: normal; } * { /*box-sizing: border-box;*/ margin: 0; } body { font-family: "Microsoft Yahei", Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 0; background: #f8f8f8; } a { color: #666; text-decoration: none;/* transition: 0.8s all ease-in-out; */ } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; } div, p, dl, dd, dt { display: block; } input, textarea { color: #999; border: none; outline: none; font-size: 14px; -webkit-appearance: none; } .fl { float: left; } .fr { float: right; } .container-fluid { position: relative; width: 100%; margin: 0 auto; padding: 0px; overflow: hidden; } .container { padding: 0; margin: 0 auto; width: 1200px; } .z-color { color: #df4634; } .y-color { color: #3187cf; } .c-color { color: #205da5; } /*----------------header-------------------------*/ .header { background: #fff; z-index: 10; overflow: initial; } .header-title { height: 90px; position: relative; } .header-title ul { overflow: hidden; } .header-title .logo { position: absolute; left: 50%; right: 0; top: 0; width: 181px; height: 184px; z-index: 99; transform: translateX(-50%); } } .header-title .logo img { margin: 0 auto; } .header-title li { float: left; width: 43%; padding: 16px 0;/* margin-top: 10px; */ } .header-title li h2 { margin-left: 0; width: 90%; color: #333333; font-size: 16px; margin-top: 10px; } .header-title li h2 strong { color: #205da5 } .header-title li p { font-size: 16px; text-align: left; color: #333333; height: 32px; } .header-title .header-title-right { float: right; width: 343px; padding-left: 92px;/* background: url(../images/refer.png) no-repeat left center; *//* margin-top: -10px; */ } /*--------banner-----------*/ .ban_p { z-index: 1; } .ban_p, .ban_p ul { position: relative; width: 100%; } .ban_p li, .ban_p li a { float: left; display: block; width: 100%; overflow: hidden; position: relative; margin: 0 auto; height: 645px; } .ban_p li img { width: 100%; } .ban_t { width: 600px; height: 50px; bottom: 0; left: 50%; margin-left: -300px; position: absolute; text-align: center; z-index: 3; } .ban_t em { width: 50px; height: 10px; /* border-radius: 16px; */ margin-right: 16px; display: inline-block; background: #969696; cursor: pointer; } .ban_t em.on { background: #0a72c7; } .ban_p .prev, .ban_p .next { position: absolute; display: block; left: 0px; top: 32%; width: 56px; height: 80px; background: url(../images/icons.png) left 0px no-repeat; filter: alpha(opacity=10); opacity: 0.5; } .ban_p .prev:hover, .ban_p .next:hover { opacity: 1; } .ban_p .next { left: auto; right: 0px; background-position: -64px 0px; } .banner-ab { position: relative; display: block !important; margin: 0 auto; } .banner-ab-left { width: 220px; height: 460px; overflow: hidden; position: absolute; padding: 0 17px 0px; z-index: 1; background: url(../images/banner-back.png); } .banner-ab-left ul { overflow: hidden; padding: 15px 0 20px; border-bottom: 1px solid #8f8baa; } .banner-ab-left ul:last-child { border-bottom: none; } .banner-ab-left h3, .banner-ab-left li a, .banner-ab-left p, .banner-ab-left .ewm span { width: 100%; color: #fff; } .banner-ab-left h3 { font-weight: normal; margin: 10px 0; padding-left: 30px; background: url(../images/zg.png) no-repeat left 5px center; } .banner-ab-left li { overflow: hidden; width: 50%; float: left; padding-right: 5%; } .banner-ab-left li a { line-height: 28px; transition: 0.8s all ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ddd; } .banner-ab-left li a:hover { margin-left: 6px; transition: 0.8s all ease-in-out; } .banner-ab-left .ewm span { } .banner-ab-left .ewm { margin: 30px 5px; overflow: hidden; } .banner-ab-left p { width: auto; overflow: hidden; margin: 0 20px; text-align: center; } .banner-ab-left .ewm p img { width: 100%; } .banner-ab-left .ewm span { display: block; text-align: center; } /*--------------banner-ab-right---------------------*/ .banner-ab-right { right: 0; width: 359px; height: 549px; overflow: hidden; position: absolute; padding: 20px 0px 0px; z-index: -1; background: url(../images/banner-back.png); } .banner-ab-right h2, .banner-ab-right li a, .banner-ab-right li { text-align: center; color: #fff; } .banner-ab-right h2, .banner-ab-right ol { margin: 0px auto; width: 100%; padding: 0 5px; } .banner-ab-right h2 { font-size: 20px; margin-bottom: 8px; } .banner-ab-right ol:hover li { animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate; display: inline-block; transform: translate3d(0, 0, 0); padding-top: 10px; text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em; color: #df4634; } .banner-ab-right ol li:nth-child(1) { animation-delay: 0s; } .banner-ab-right ol li:nth-child(2) { animation-delay: 0.0833333333s; } .banner-ab-right ol li:nth-child(3) { animation-delay: 0.1666666667s; } @keyframes bounce { 0% { transform: translate3d(0, 0, 0); text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em; } 100% { transform: translate3d(0, -1em, 0); text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em; } } .banner-ab-right ol li { width: 33.33%; height: 44px; line-height: 44px; float: left; border-bottom: 1px dashed rgba(255, 255, 255, 0.1); } .banner-ab-right-ol { padding: 0px; overflow: hidden; background: url(../images/banner-back.png); } .banner-ab-right-ol li { border: none !important; } .content { width: 1200px; margin: auto; padding: 10px 0; overflow: hidden; } .content-title { text-align: center; line-height: 30px; color: #000; } .content-title h1 { line-height: 80px; } .content-left .t-img { border-bottom: 1px solid #1a9bcd; padding: 25px 0 20px 17px; } .content-left { width: 330px; margin: 20px 0 0 0; background: #205da5; } .content-left ul { background: #e5e5e5; overflow: hidden; padding: 20px 0; } .content-left ul li::before { content: "·"; width: 30px; display: inline-block; text-align: center; color: #205da5; font-weight: bold; } .content-left ul li { width: 50%; float: left; line-height: 40px; } .content-left ul li a { display: inline; color: #000; } .content-left ul li a:hover { color: #205da5; } .content-left .s-title { line-height: 54px; color: #fff; font-size: 18px; font-weight: bold; padding-left: 20px; } .content-left .contect { height: 395px; border-top: 10px solid #fff; position: relative; background: url(../images/connect.png) no-repeat; } .content-left .contect .ser { position: absolute; top: 55px; left: 105px; } .content-left .contect h3 { color: #fff; display: inline; font-weight: bold; margin-left: 10px; } .content-left .contect .phone { position: absolute; top: 100px; left: 70px; font-size: 27px; } .content-right { width: 852px; margin: 20px -11px 0 0; overflow: hidden; } .content-right .t-img { text-align: center; height: 244px; background: #fff; } .content-right .detal { background: #205da5; padding: 20px 38px; color: #fff; } .content-right .detal div { line-height: 50px; font-size: 25px; font-weight: bold; } .content-right .detal p { font-size: 14px; line-height: 28px; } .content-right .detal a { margin: 15px 0; color: #205da5; font-size: 18px; border-radius: 25px; line-height: 38px; background: #fff; width: 180px; text-align: center; padding: 6px 10px 6px 10px; } .content-right .detal a span { display: inline-block; border-radius: 100%; background: #c3262a; color: #ffff; width: 20px; height: 21px; line-height: 18px; font-weight: bold; } .content-right .fbox { width: 273px; text-align: center; border: 1px solid #ccc; margin: 11px 11px 0 0; background: #fff; } .content-right .fbox .pp { color: #000; font-size: 18px; line-height: 52px; background: #e0e0e0; } .content-right .fbox a:hover .pp { color: #fff; background: #205da5; } .buju { position: relative; height: 100%; } .buju .pan { position: absolute; width: 310px; height: 310px; background: url(../images/pan.png) no-repeat center; left: 50%; top: 19%; margin-left: -155px; } .buju .circle { position: absolute; width: 453px; height: 453px; background: url(../images/circle.png) no-repeat center; left: 50%; top: 10%; margin-left: -226.5px; animation: zhuan 15s linear infinite; } @keyframes zhuan { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .buju .b-box { position: absolute; width: 440px; } .buju .b-box .num { width: 75px; height: 75px; border: 6px solid #205da5; background: #008daa; border-radius: 100%; font-size: 35px; text-align: center; line-height: 63px; font-weight: bold; color: #fff; float: left; } .buju .b-box:hover .num { animation: fan 1s linear; } @keyframes fan { 0% { transform: translateZ(0); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } } .buju .b-box .nd { margin: 0 0 0 88px; } .buju .b-box .nd h3 { margin: 12px 0 5px 0; font-weight: bold; color: #205da5; } .buju .b-box .nd p { font-size: 18px; } .buju .b-box ul { margin: 32px 0 0 0; font-size: 16px; width: 370px; clear: both; } .buju .b-box ul li::before { content: "·"; width: 18px; display: inline-block; color: #205da5; font-weight: bold; font-size: 33px; vertical-align: sub; } .buju .b-box ul li span { font-weight: bold; } .buju .b-box ul li { margin: 10px 0; } .buju .box1 { top: 0px; left: 0px; background: url(../images/box1.png) no-repeat center 80px; } .buju .box2 { top: 0px; right: 0px; background: url(../images/box2.png) no-repeat center 80px; } .buju .box3 { top: 444px; left: 0px; background: url(../images/box3.png) no-repeat center 30px; } .buju .box4 { top: 440px; right: 0px; background: url(../images/box4.png) no-repeat center 30px; } .buju .box2 div, .buju .box4 div { float: right !important; text-align: right; } .buju .box2 .nd, .buju .box4 .nd { margin: 0 10px 0 0; } .buju .box2 ul, .buju .box4 ul { margin: 100px 0 0 86px; } .ind-hzyx { width: 100%; padding-bottom: 10px; } .ind-hzyx-b { width: 100%; } .ind-hzyx-b ul { overflow-x: auto; overflow-y: hidden; } .ind-hzyx-b ul li { float: left; overflow: hidden; margin-top: 0px !important; margin-right: 22px; } .ind-hzyx-b ul li a { overflow: hidden; } .ind-hzyx-b ul li img { max-width: none; width: -webkit-calc(100% + 5px); width: calc(100% + 5px); -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } .news_c img { width: 363px !important; } .linyu img { width: 288px !important; } .plist img { width: 238px; } .ind-hzyx-b ul li:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ind-hzyx-b ul li p { width: 100%; line-height: 54px; text-align: center; background: #205da5; color: #fff; font-size: 15px; } .ind-hzyx ol { position: relative; z-index: 9; } .ind-hzyx ol div { position: absolute; top: 150px; left: -20px; background: #000; color: #fff; font-weight: bold; border-radius: 100%; font-size: 35px; width: 40px; height: 40px; line-height: 34px; text-align: center; cursor: pointer; } .ind-hzyx ol .next { left: 1180px; } .yansf li { margin-right: 52px !important; } .yansf li p { color: #000 !important; background: none !important; } .walk { padding: 40px 0 0 0; overflow: hidden; } .walk .about { overflow: hidden; padding: 15px 0 20px 0; font-weight: bold; border-bottom: 2px solid #0f4f68; } .walk .about span { float: right; font-size: 40px; width: 150px; line-height: 40px; text-align: right; } .walk .about h3 { width: 322px; text-align: center; margin: 1px 0 15px; font-weight: bold; } .walk .about p { background: #0f4f68; display: inline-block; border-radius: 30px; line-height: 42px; color: #fff; width: 333px; font-size: 19px; text-align: center; } .walk .text { font-size: 16px; line-height: 25px; padding: 15px 0 0 0; letter-spacing: 1px; } .support { text-align: center; width: 100%; } .support .mam { overflow: hidden; } .support .mam ul { margin: 25px 0 0; } .support .mam li { float: left; margin: 0 20px 0 0; width: 278px; } .support .mam li img { border: 1px solid #205da5; } .ind-news { width: 100%; padding: 50px 0 0; overflow: hidden; } .ind-news .newti { width: 527px; margin: 5px 20px 30px 425px; overflow: hidden; } .ind-news .newti div { width: 155px; line-height: 42px; border: 1px solid #000; text-align: center; font-size: 22px; float: left; margin: 0 10px; cursor: pointer; } .ind-news .newti div:hover { color: #205da5; border: 1px solid #205da5; } .ind-news .newti div.on { color: #205da5; border: 1px solid #205da5; } .news { width: 100%; margin-top: 10px; margin-bottom: 60px; padding: 30px 15px; height: 424px; } .news-left { float: left; width: 700px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #eee; } .news-right { overflow: hidden; } .news .newti ul, .news .newti { width: 100%; overflow: hidden; } .news .newti li { position: relative; float: left; color: #000; background-color: #fff; margin: 0 13px 30px 0; cursor: pointer; padding: 15px 50px; text-align: center; font-size: 24px; } .news ul .news-lid { background-color: #205da5; color: #fff; } .news .newti2 li { border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 20px; padding: 20px 0; } .news .newti2 li span { color: #999; font-size: 18px; } .news .newti2 li a { width: 28px; height: 28px; background: url(../images/more.png) no-repeat center; float: right; } .news-left .news_c, .news-left .news_c ul, .news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol a { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol li, .news-left .news_c ul>div dl, .news-left .news_c ul>div dd { float: left; display: block; overflow: hidden; } .news-left .news_c ul>div { margin: 20px auto; } .news-left .news_c ul>div dd { width: 387px; float: left; padding-left: 40px; } .news-left .news_c ul>div dd h4 { line-height: 30px; color: #000; } .news-left .news_c ul>div dd p { color: #000; letter-spacing: 2px; } .news-left .news_c ul>div dd span { color: #999; } .news-left .news_c ul>div dl img { width: 100%; } .hotpic img { width: 286px !important; height: 210px; } .news-left .news_c ul ol li { background: #000; color: #fff; float: none; overflow: hidden; padding: 8px 16px; margin: 5px 0 25px; } .news-left .news_c ul ol li .tiem { float: left; width: 70px; } .news-left .news_c ul ol li .tiem div { font-size: 27px; padding: 10px 0; } .news-left .news_c ul ol li:hover { background: #205da5; } .news-left .news_c ul ol li a { color: #fff; text-align: center; } .news-left .news_c ul ol li .ctx { border-left: 1px solid #fff; font-size: 16px; float: left; margin: 12px 0 0 15px; padding: 10px 0 10px 23px; } .news-right .news_b { margin-top: 10px; overflow: hidden; height: 590px; padding: 15px 10px; position: relative; } .news-right .news_b li { padding: 10px 0 30px 50px; background: url(../images/search.png) no-repeat 10px 10px; } .news-right .news_b li a { font-size: 18px; color: #205da5; } .news-right .news_b li a p { color: #333; font-size: 16px; margin: 15px 0; letter-spacing: 2px; } .card { background: #205da5; border-radius: 10px; margin: 80px 0 0; padding: 20px; color: #fff; font-size: 18px; } .card .hang { display: inline-block; border-bottom: 1px solid #fff; width: 30%; margin: 0 16px; padding: 5px 0; } .card .hang input { width: 288px; background: transparent; margin: 0 0 0 15px; font-size: 18px; color: #fff; } .card .tsss { margin: 60px 16px 20px; border-bottom: 1px solid #fff; } .card .tsss textarea { margin: 0 0 0 20px; background: transparent; color: #fff; font-size: 18px; } .card .free { margin: 20px auto 40px; width: 96%; } .card .free a { display: inline-block; border-radius: 20px; font-size: 18px; font-weight: bold; background: #fff; color: #205da5; padding: 15px 50px; } .card .free .fphone { float: right; background: url(../images/pph.png) no-repeat 0 center; padding: 15px 0 15px 60px; color: #fff; font-weight: bold; font-size: 40px; } .card .free .fphone span { font-size: 19px; display: inline-block; padding: 0 10px 0 0; vertical-align: bottom; } .friend { margin: 40px 0 0; } .friend h4 { color: #205da5; border-bottom: 1px solid #999; padding: 15px 0; } .friend h4 span { color: #999; } .friend a { display: inline-block; margin: 10px 20px 20px 0; } .foot { background: #222222; height: 310px; } .foot-lf { margin: -15px 0 0 0; } .foot-lf div { background: #18617f; color: #fff; padding: 24px 28px; font-size: 25px; } .foot-lf ul { padding: 40px 18px 23px; background: #fff; font-size: 15px; color: #333; } .foot-lf li { padding: 5px 10px; } .final { width: 720px; margin: 0 0 0 50px; position: relative; } .final ul { border-bottom: 1px solid #666; overflow: hidden; padding: 25px 0; margin-bottom: 30px; } .final ul li { float: left; margin: 0 15px 0 0; } .final ul li a { color: #fff; font-size: 18px; } .final p { display: inline-block; width: 47%; color: #999; font-size: 15px; margin: 15px 0; } .final .code { display: inline-block; background: #fff url(../images/code.png) no-repeat 15px center; padding: 8px 30px 8px 60px; margin: 20px 25px 0 0; border-radius: 50px; line-height: 15px; } .final .code p { color: #000; font-size: 14px; display: block; margin: 0; width: 100%; } .final .code span { color: #ccc; font-size: 12px; } .erxian { display: none; position: absolute; min-width: 120px; top: 97px; left: 225px; } .erxian img { width: 100%; } .erxian2 { left: 20px; } .kefu .kefu-main, .kefu-tel-main { box-sizing: content-box; background-image: -webkit-gradient(linear, right top, left top, from(rgb(7,62,137)), color-stop(52%, rgb(51, 99, 181)), to(rgb(14, 88, 217))); } .navroot a { display: block; } /*分页*/ .mweb-pages { margin: 20px; } .mpagination-wrapper { margin: 20px 0; } .mpagination { height: 34px; text-align: center; } .mpagination li { display: inline-block; height: 34px; margin-right: 5px; } .mpagination li a { float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .mpagination li a:hover { background: #f5f5f5; color: #073e89; } .mpagination li.active { background: #073e89; color: #fff; } .mpagination li.active a, .mpagination li.active a:hover { background: transparent; border-color: #073e89; color: #fff; cursor: default; } /*分页end*/ /*header_main ming*/ .w1200 { width: 1200px; margin: 0 auto; } .header_main { width: 100%; height: 130px; z-index: 100; background: #fff; } .header_main .logo { display: block; margin-top: 25px; } .header_main .logo img { width: 100%; height: 100%; display: block; } .header_main .tel { position: relative; padding-left: 70px; margin-top: 30px; } .header_main .tel b { position: absolute; left: 0; top: 5px; width: 51px; height: 51px; float: left; display: block; background: url(../images/tel.png) no-repeat; } .header_main .tel p { float: right; font-size: 16px; color: #666; display: block; } .header_main .tel p i { color: #073e89; } .header_main .tel p span { display: block; font-size: 36px; color: #073e89; line-height: 40px; font-weight: bold; font-family: Impact; } .nav_main { width: 100%; height: 55px; line-height: 55px; background: #073e89; position: relative; z-index: 3; } .nav .list { width: 100%; margin: 0 auto; height: 55px; line-height: 55px; position: relative; } .nav_main .nav { width: 1200px; margin: 0 auto; } .nav_main .nav li { float: left; width: 150px; display: block; position: relative; z-index: 10; font-size: 16px; text-align: center; } .nav_main .nav li a { display: block; color: #fff; font-size: 16px; } .nav_main .nav li a:hover, .nav_main .nav li a.hover { background: #205da5; } .nav_main .nav dl { width: 100%; background: #073e89; left: 0; top: 55px; z-index: 12; } .nav_main .nav dl { position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .nav_main .nav li:hover dl { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .nav_main .nav dl dd { line-height: 45px; border-top: 1px solid #205da5; text-align: left; position: relative; z-index: 12; display: block; width: 100%; } .nav_main .nav dl dd:first-child { border: none; } .nav_main .nav dl dd a { color: #fff; font-size: 14px; padding: 0; width: 100%; text-align: center; } .nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover { background: #205da5; } /*header_main end*/ /*产品中心*/ .product { padding-bottom: 30px; background: #fff; } .pro_con .pro_left { padding: 0 13px 13px 13px; background: #073e89; } .pro_con .pro_left h2 { padding: 30px 0; text-align: center; position: relative; font-size: 27px; /*height: 33px;*/ background: #073e89; width: 240px; } .pro_con .pro_left h2 a { color: #fff; } .pro_con .pro_left h2 i { display: block; font-size: 12px; text-transform: uppercase; color: #fff; } .pro_con .pro_left .left_con { width: 240px; background: #fff; padding: 12px; border-radius: 5px; } .pro_con .pro_left .left_con .con_p1 { height: 44px; line-height: 44px; font-size: 18px; background: #073e89; color: #fff; text-indent: 12px; border-radius: 5px; margin-bottom: 10px;background: url(../images/p14-icon2.png) no-repeat right center #073e89; } .pro_con .pro_left .left_con .con_p1 a { color: #fff; } .pro_con .pro_left .left_con ul { padding-bottom: 20px; } .pro_con .pro_left .left_con ul li { height: 40px; font-size: 14px; position: relative; border-bottom: 1px solid #e6e6e6; } .pro_con .pro_left .left_con ul li a { display: block; line-height: 40px; height: 40px; padding-left: 12px; } .pro_con .pro_left .left_con a.pro_more { display: block; height: 42px; line-height: 42px; font-size: 18px; border: 1px solid #073e89; color: #073e89; border-radius: 3px; text-align: center; } .pro_con .pro_left .left_con ul li.cur a, .pro_con .pro_left .left_con ul li:hover a { color: #073e89; } .pro_con .pro_left .left_con ul li.cur, .pro_con .pro_left .left_con ul li:hover { background: #e6e6e6 url(../images/projt.png) no-repeat 190px center; } .pro_con .con_right { width: 893px; } .pro_con .con_right h3 { font-size: 25px; overflow: hidden; position: relative; margin-bottom: 20px; } .pro_con .con_right h3 a { color: #333; } .pro_con .con_right h3 em { font-size: 14px; color: #999999; margin-left: 15px; text-transform: uppercase; } .pro_con .con_right h3 a.ckgda { float: right; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; color: #666; } .pro_con .con_right .r_top { height: 346px; border: 1px solid #d8d8d8; background: url(../images/probg.png); position: relative; border-top: 5px solid #029a47; overflow: hidden; } .pro_con .con_right .r_top ul { position: relative; } .pro_con .con_right .r_top ul li { float: left; position: relative; width: 891px; height: 346px; } .pro_con .con_right .r_top ul li .top_Img { display: block; width: 891px; height: 346px; position: absolute; left: 0px; top: 0; } .pro_con .con_right .r_top ul li .top_Img img { display: block; width: 891px; height: 346px; } .pro_con .con_right .r_top ul li dl { width: 365px; background: #fff9; padding: 30px 25px; position: absolute; left: 425px; top: 74px; box-shadow: 3px 3px 10px #d1e4e6; } .pro_con .con_right .r_top ul li dl dt { font-size: 25px; color: #073e89; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; } .pro_con .con_right .r_top ul li dl dd { font-size: 14px; line-height: 20px; } .pro_con .con_right .r_top ul li dl em { display: block; width: 14px; height: 30px; position: absolute; left: -14px; top: 30px; background: url(../images/rla.png) no-repeat center; } .pro_con .con_right .r_top .pro_btnl { display: block; width: 32px; height: 82px; background: url(../images/jtl01.png) no-repeat center; position: absolute; left: 15px; top: 130px; z-index: 2; cursor: pointer; } .pro_con .con_right .r_top .pro_btnr { display: block; width: 32px; height: 82px; background: url(../images/jtr01.png) no-repeat center; position: absolute; right: 15px; top: 130px; z-index: 2; cursor: pointer; } .pro_con .con_right .r_bot { margin-top: 0px; } .pro_con .con_right .r_bot dl { width: 288px; margin: 0 14px 18px 0; float: left; } .pro_con .con_right .r_bot dl:nth-child(3n) { margin-right: 0; } .pro_con .con_right .r_bot dl dt { /*width: 286px;*/ border: 1px solid #d8d8d8; overflow: hidden; text-align: center; background-color: #f1f1f1; } .pro_con .con_right .r_bot dl dt img { display: block; width: 286px; height: 215px; transition: all 0.5s; } .pro_con .con_right .r_bot dl dd { height: 44px; line-height: 44px; text-align: center; font-size: 16px; background: #7b7b7b; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; overflow: hidden; } .pro_con .con_right .r_bot dl dd a { color: #fff; } .pro_con .con_right .r_bot dl:hover dt img { transform: scale(1.1); } .pro_con .con_right .r_bot dl:hover dd { background: #073e89; } p.p_title { font-size: 32px; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; } h2.h2_title i.titl { background: url(../images/titl01.png) no-repeat right center; } h2.h2_title a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; color: #fff; font-size:17px; font-weight:400 } h2.h2_title i.titr { background: url(../images/titr01.png) no-repeat left center; } h2.h2_title i { display: inline-block; width: 230px; height: 3px; } h2.h2_title { text-align: center; font-size: 32px; margin-bottom: 30px; } /*产品中心 end*/ /*网站底部*/ .wrap-footer { height: 315px; background: #333333; } .footer { height: 315px; position: relative; color: #fff; } .footer a { color: #b6b6b6; } .footer .f_left { width: 180px; height: 280px; text-align: center; background: #fff; position: absolute; left: 0; top: 0; } .footer .f_left dl dt { padding-top: 22px; margin-bottom: 10px; } .footer .f_left dl dt img { display: block; margin: 0 auto; width: 160px; height: 160px; } .footer .f_left dl dd.dd1 { font-size: 14px; color: #333; } .footer .f_left dl dd.dd2 { font-size: 13px; width: 125px; margin: 16px auto 12px auto; height: 9px; position: relative; border-bottom: 1px solid #999999; } .footer .f_left dl dd.dd2 i { display: block; width: 70px; margin: 0 auto; background: #fff; color: #333; } .footer .f_left dl dd.dd3 { font-size: 20px; color: #073e89; font-weight: bold; } .footer .f_top { margin-left: 180px; height: 50px; border-bottom: 1px solid #545454; padding-left: 40px; } .footer .f_top ul.top_ul li { float: left; width: 105px; height: 50px; font-size: 14px; line-height: 50px; text-align: center; } .footer .f_top ul.top_ul li:first-child { padding-left: 0; } .footer .f_top ul.top_ul li:hover a { color: #fff; } .footer .f_bot { margin-left: 180px; padding: 32px 0 0 40px; height: 200px; overflow: hidden; } .footer .f_bot ul.bot_ul1 { padding: 0 55px 0 55px; border-left: 1px solid #545454; float: left; height: 190px; } .footer .f_bot ul.bot_ul1:first-child { padding-left: 0; border-left: none; } .footer .f_bot ul.bot_ul1 li { line-height: 28px; font-size: 13px; position: relative; color: #b6b6b6; } .footer .f_bot ul.bot_ul1 li i { display: block; height: 18px; width: 3px; background: #fff; position: absolute; left: -19px; top: 0; } .footer .f_bot ul.bot_ul1 li:first-child { font-size: 14px; font-weight: bold; margin-bottom: 15px; height: 18px; line-height: 18px; } .footer .f_bot ul.bot_ul1 li:first-child a { color: #fff; } .footer .f_bot ul.bot_ul1 li:hover a { color: #fff; } /*底部版权*/ .f_icp { text-align: center; height: 43px; line-height: 43px; background: #073e89; color: #fff; font-size: 13px; } .f_icp a { color: #fff; } .f_icp img { position: relative; top: 5px; left: 5px; } .footer { margin-left: auto; margin-right: auto; width: 1200px; } /*网站底部end*/ /*悬浮客服*/ .toolbar { width: 52px; position: fixed; right: 1%; top: 50%; margin-top: -115px; z-index: 999; } .toolbar dd { width: 51px; height: 51px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 4px; border: #ebebeb solid 1px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i { width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i span { width: 35px; height: 35px; display: block; margin: 8px 0 0 8px; background: url(../images/rightfixicon.png) no-repeat 0 0; } .toolbar dd.gottop { display: none; } .toolbar .slide-tel { display: block; width: 0; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 53px; top: -1px; right: -2px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; } .toolbar .pop { position: absolute; right: 90px; top: -65px; background: #073e89; display: none; } .toolbar .pop-code { width: 160px; } .toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0; } .toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; } .toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; } .toolbar .qq span { background-position: -35px -47px; } .toolbar .qq a { width: 52px; height: 52px; cursor: pointer; display: block; } .toolbar .qq:hover { background-color: #073e89; border-radius: 100%; } .toolbar .qq:hover span { background-position: 0 -47px; } .toolbar .tel span { background-position: -35px 0; } .toolbar .tel:hover { background: #073e89; } .toolbar .tel:hover span { background-position: 0 0; } .toolbar .code span { background-position: -35px -95px; } .toolbar .code:hover { background-color: #073e89; border-radius: 100%; } .toolbar .code:hover span { background-position: 0 -95px; } .toolbar .top span { background-position: -35px -142px; } .toolbar .top:hover { background-color: #073e89; border-radius: 100%; } .toolbar .top:hover span { background-position: 0 -142px; } .toolbar dd:hover { } /*悬浮客服end*/ /*我们承诺*/ .zxzx { height: 264px; background: #073e89; } .zxzx .container { height: 264px; position: relative; } .zxzx .zxzxbg { width: 238px; height: 288px; background: url(../images/zxzxbg01.png) no-repeat center; position: absolute; left: 0; top: -24px; } .zxzx .conleft { margin-left: 238px; padding-top: 30px; color: #fff; } .zxzx .conleft .zxzx_p1 { margin-bottom: 15px; } .zxzx .conleft .zxzx_p2 { overflow: hidden; position: relative; margin-bottom: 10px; } .zxzx .conleft .zxzx_p2 span { float: left; margin-right: 15px; padding-left: 12px; font-size: 16px; background: url(../images/zxzx02.png) no-repeat left center; } .zxzx .conleft .zxzx_p3 { width: 440px; height: 42px; line-height: 42px; text-align: center; font-size: 22px; color: #4b440d; background: #fde200; border-radius: 25px; box-shadow: 3px 3px 10px #00803a; margin-bottom: 15px; } .zxzx .conleft .zxzx_tel { padding-left: 55px; height: 50px; background: url(../images/zxzx_tel.png) no-repeat left center; } .zxzx .conleft .zxzx_tel .p1 { font-size: 14px; height: 20px; line-height: 20px; } .zxzx .conleft .zxzx_tel .p2 { font-size: 28px; font-weight: bold; height: 30px; line-height: 30px; } .zxzx .conright { width: 401px; padding: 24px 32px; background: #205da5; height: 216px; color: #fff; } .zxzx .conright h4 { font-size: 30px; font-weight: normal; margin-bottom: 15px; } .zxzx .conright h4 span { display: block; font-size: 20px; } .zxzx .conright .info_p1 { height: 40px; background: #fff; position: relative; margin-bottom: 8px; } .zxzx .conright .info_p1 span.ico { float: left; width: 40px; height: 40px; border-right: 1px solid #dddddd; background: url(../images/zxzx03.png) no-repeat center; } .zxzx .conright .info_p1 input { float: right; width: 355px; height: 40px; border: none; line-height: 40px; text-indent: 12px; font-size: 14px; color: #666; } .zxzx .conright .info_p2 { height: 40px; background: #fff; position: relative; margin-bottom: 8px; } .zxzx .conright .info_p2 span.ico { float: left; width: 40px; height: 40px; border-right: 1px solid #dddddd; background: url(../images/zxzx04.png) no-repeat center; } .zxzx .conright .info_p2 input { float: right; width: 355px; height: 40px; border: none; line-height: 40px; text-indent: 12px; font-size: 14px; color: #666; } .zxzx .conright .ljtja { display: block; width: 100%; height: 40px; font-size: 21px; text-align: center; line-height: 40px; color: #413b0c; background: #fde200; border: 0; cursor: pointer; } /*我们的承诺end*/ /*产品优势*/ #floor_3_main { background: #fff; } #floor_3_main .in_title3 { position: relative; width: 100%; height: 140px; } #floor_3_main .in_title3 .bg { width: 1200px; height: 60px; margin-top: 50px; border: 3px solid #d9d9d9; box-sizing: border-box; } #floor_3_main .in_title3 p { position: absolute; width: 845px; top: -35px; left: 125px; height: 50px; } #floor_3_main .in_title3 .p1 { color: #413F40; font-size: 24px; padding: 0 5px; background-color: #FFFFFF; } #floor_3_main .in_title3 .p2 { font-size: 40px; color: #B1B1B1; padding-right: 10px; background-color: #FFFFFF; } #floor_3_main .in_title3 .p3 { position: absolute; font-size: 50px; color: #205da5; line-height: 1.0; height: 58px; width: 700px; font-weight: bold; display: block; top: 29px; left: 35px; text-align: center; background-color: #FFFFFF; } #floor_3_main .proAdvant { margin-top: 0; } #floor_3_main .proAdvant .list { width: 100%; } #floor_3_main .proAdvant .list li { width: 100%; margin-bottom: 20px; } #floor_3_main .proAdvant .list li a { display: block; } #floor_3_main .proAdvant .list li .img { width: 530px; height: 300px; margin-left: 0; margin-right: 20px; } #floor_3_main .proAdvant .list li:nth-child(2n) .img { margin-left: 20px; margin-right: 0; } #floor_3_main .proAdvant .list li .title { width: 650px; } #floor_3_main .proAdvant .list li .title .shu { border-bottom: 1px dashed #b2b2b2; padding-bottom: 20px; text-align: center; } #floor_3_main .proAdvant .list li .title .shu span { display: inline-block; width: 60px; height: 60px; background: #205da5; border-radius: 10px; color: #fff; font-size: 46px; line-height: 60px; } #floor_3_main .proAdvant .list li .tit { font-size: 28px; color: #205da5; line-height: 1.5; padding-top: 20px; font-weight: bold; text-align: center; } #floor_3_main .proAdvant .list li .cont { font-size: 16px; color: #666; padding-top: 20px; text-align: justify; } /*产品优势end*/ .yunu-footer { color: #fff; background-color: #142038; padding: 50px 0; } .yunu-footer a { color: #fff; } .yunu-footer a:hover { color: #073e89; } .yunu-footer-nav { float: left; width: 390px; } .yunu-footer-nav ul { overflow: hidden; background: url(../images/f_line01.gif) no-repeat; padding-top: 20px; } .yunu-footer-nav li { float: left; width: 33.333333%; } .yunu-footer-nav li a { display: block; line-height: 32px; background: url(../images/f_ico01.png) no-repeat 0 center; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yunu-footer-nav p { margin: 30px 0 0; background: url(../images/f_line01.gif) no-repeat; padding-top: 20px; line-height: 28px; } .yunu-footer-nav p strong { display: block; font-size: 24px; background: url(../images/f_ico02.png) no-repeat 0 center; padding-left: 25px; } .yunu-footer-info { float: left; width: 400px; margin-left: 90px; background: url(../images/f_line01.gif) no-repeat; padding-top: 20px; } .yunu-footer-info p { margin: 0 0 10px; line-height: 1.8; background: no-repeat 0 center; padding-left: 35px; } .yunu-footer-info p.i1 { background-image: url(../images/f_ico03.png); } .yunu-footer-info p.i2 { background-image: url(../images/f_ico04.png); } .yunu-footer-ewm { float: right; width: 240px; padding-top: 12px; background: url(../images/f_erbg.gif) no-repeat 0 0; margin-top: 20px; } .yunu-footer-ewm ul { overflow: hidden; } .yunu-footer-ewm li { float: left; width: 100px; margin: 0 0 0 14px; } .yunu-footer-ewm li .text { margin-top: 15px; text-align: center; } .gys { padding: 45px 0 170px; background-repeat: no-repeat; background-size: 100% auto; background-image: url(../images/gysbac_02.png); background-position: 0 100% } .contaiasda { width: 90.5%; margin: 0 auto; position: relative; font-size: 0; } .fs_tit { text-align: center; transform: translateY(100%); opacity: 0; } .xtdy .fs_tit, .qx .fs_tit, .ydys .fs_tit, .kkfx .fs_tit { opacity: 1; transform: translateY(0) } .active .fs_tit { opacity: 1; transform: translateY(0) } .fs_tit h2 { font-family: 'fzhtj'; font-size: 40px; color: #282828; line-height: 40px; } .fs_tit h3 { color: rgba(40, 40, 40, .4); font-size: 12px; text-transform: uppercase; } .fs_tit h3:after { content: ''; display: block; width: 44px; height: 6px; background: #073e89; margin: 35px auto 0 } .gys .fs_tit { margin-bottom: 36px } .gys p { text-align: center; width: 80%; margin: 0 auto; color: #282828; font-size: 20px; line-height: 40px; opacity: 0; transform: translateY(100%) } .active.gys p { opacity: 1; transform: translateY(0) } .xtjjfa { padding: 110px 0 60px 0; position: relative; } .xtjjfa:after { content: ''; display: block; width: 100%; height: 60px; background: #f0f0f0; position: absolute; left: 0; bottom: 0 } .xtjjfa_list { margin-top: 50px; position: relative; z-index: 2; } .xtjjfa_list li { display: inline-block; width: 19.3%; margin-right: 0.875%; position: relative; overflow: hidden; } .active .xtjjfa_list li { opacity: 1; transform: translateY(0) } .xtjjfa_list li:nth-child(5n) { margin-right: 0 } .xtjjfa_list li img { width: 100% } .xtjjfa_list li h1 { position: absolute; left: 25px; color: #fff; font-weight: bold; font-size: 24px; bottom: 40px } .jjfatxt { transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.1s; -webkit-transition: all.55s cubic-bezier(.35, .75, .55, 1) .1s; -moz-transition: all.55s cubic-bezier(.35, .75, .55, 1) .1s; } .jjfatxt { position: absolute; width: 100%; height: 100%; background: transparent; left: 0; top: 0; transform: translateY(101%) } .ysbox{width: 100%;background: #fff;float: left;} .mck_youshi{width:1200px;margin:0 auto;padding: 70px 0 40px 0;} .mck_youshi ul{width: 100%;margin-bottom:0;float: left;} .mck_youshi ul li{width: 300px;padding:0 92px;box-sizing:border-box;float: left;text-align: center;} .mck_youshi ul li .stimg{float: left;margin-bottom: 30px;} .mck_youshi ul li .stbox{padding:15px 0;text-align: center;} .mck_youshi ul li .stbox h4{color: #333;font-size: 22px;line-height: 12px;} .mck_youshi ul li .stbox p{color: #999;font-size: 14px;line-height: 20px;padding-top: 15px;} .myoushi{width: 100%;background: #f3f3f3;float: left;padding-bottom: 60px;} .myoushi .mystitlebox{width: 370px;padding:60px 0;margin: 0 auto;text-align: center;} .myoushi .mystitlebox .marrow{width: 74px;height: 16px;float: left;margin-top: 15px;} .myoushi .mystitlebox .mtitle{width: 220px;float: left;text-align: center;color: #222;font-size: 30px;} .myoushi .mystitlebox .mtitle span{font-weight: bold;color: #0044aa;} .myoushi .mystitlebox .mtzm{clear: both;width: 100%;color: #555!important;font-size: 14px; float: left;text-transform:uppercase;padding-bottom: 5px;padding-top: 3px;} .myoushi .myysbox{width: 1200px;margin:40px auto;background: #fff;border-radius: 10px;padding: 30px;box-sizing: border-box;} .myoushi .myysbox .mtit{width: 100%;border-bottom: 1px solid #eee;font-size: 18px;color: #333;padding-bottom: 30px;} .myoushi .myysbox .mtit span{font-size: 14px;color: #c5c5c5;} .apply{width:100%;z-index: 6;position: relative;} .apply_array{padding:40px;width:100px;margin: 20px 85px 0 0; float:left;z-index: 6;position: relative;} .apply_last{margin-right:0px} .apply_info{text-align:center;position: absolute;width: 100px;top:70px;left: 15px;font-size: 16px;color: #333;} .apply_nav{position:relative;width:1140px;float:left;height:200px;overflow:hidden;} .apply_w{position:absolute;margin-top:22px;width:1200px;float:left;left:0px;} #is_offical_post_links li label{ cursor:pointer; position:relative; } #is_offical_post_links li label input{ width: 14px; height:14px; opacity:0; filter:alpha(opacity=0); z-index: 5; position: relative; left: 0; top: 1px; cursor:pointer; } #is_offical_post_links li label i{ background:url(../images/bw5.png) no-repeat; width: 100px; height: 100px; display: inline-block; z-index: 3; position: absolute; overflow:hidden; top:-40px; } #is_offical_post_links li label i2{ background:url(../images/bw6.png) no-repeat; width: 100px; height: 100px; display: inline-block; z-index: 3; position: absolute; overflow:hidden; top:-40px; } #is_offical_post_links li label i3{ background:url(../images/bw1.png) no-repeat; width: 100px; height: 100px; display: inline-block; z-index: 3; position: absolute; overflow:hidden; top:-40px; } #is_offical_post_links li label i4{ background:url(../images/bw3.png) no-repeat; width: 100px; height: 100px; display: inline-block; z-index: 3; position: absolute; overflow:hidden; top:-40px; } #is_offical_post_links li label i5{ background:url(../images/bw2.png) no-repeat; width: 100px; height: 100px; display: inline-block; z-index: 3; position: absolute; overflow:hidden; top:-40px; } #is_offical_post_links li label i6{ background:url(../images/bw4.png) no-repeat; width: 100px; height: 100px; display: inline-block; z-index: 3; position: absolute; overflow:hidden; top:-40px; } .cawse{width: 100%;background: #fff;float: left;} .cawse .cawsebox{width: 370px;padding:60px 0;margin: 0 auto;text-align: center;} .cawse .cawsebox .marrow{width: 74px;height: 16px;float: left;margin-top: 15px;} .cawse .cawsebox .mtitle{width: 220px;float: left;text-align: center;color: #222;font-size: 30px;} .cawse .cawsebox .mtitle span{font-weight: bold;color: #0044aa;} .cawse .cawsebox .mtzm{clear: both;width: 100%;color: #555!important;font-size: 14px; float: left;text-transform:uppercase;padding-bottom: 5px;padding-top: 3px;} .cawse .cawsbox{width: 1380px;margin: 40px auto;box-sizing: border-box;position:relative;padding-bottom: 60px;} .bodyCon08{} .bodyCon08 .students{margin:0 auto;width:1380px;height:300px;position:relative;} #four_flash{position:relative;width:1380px;height:300px; margin:0 auto;position:absolute;} #four_flash .flashBg{width:1200px;height:300px; margin:0 auto;position:relative;overflow:hidden;} #four_flash .flashBg ul.mobile{width:2000%;height:300px; position:absolute;top:15; left:0;} #four_flash .flashBg ul.mobile li{float:left;width:285px;height:180px;margin-right:15px;color:#6C6E85;} #four_flash .flashBg ul.mobile li:hover{color:#0044aa;} #four_flash .flashBg ul.mobile li .liimg{width:285px;height:180px;display:block;} #four_flash .flashBg ul.mobile li dd{font-size:18px;width:275px;color: #333;padding-top: 12px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} #four_flash .flashBg ul.mobile li p{font-size:14px;width:285px;color: #999; margin-top:5px;} #four_flash .flashBg ul.mobile li a{display:block;} #four_flash .flashBg ul.mobile li a:hover{} #four_flash .but_left{width:50px;height:100px;position:absolute; top:80px; left:0px;} #four_flash .but_right{width:50px;height:100px; position:absolute; top:80px; right:0px;} #four_flash .but_left:hover{cursor: pointer} #four_flash .but_right:hover{cursor: pointer} .anlseemore { position: relative;z-index: 10; box-sizing: border-box;background: #0044aa; width: 165px;font-size: 14px;height: 44px;line-height: 44px;border-radius: 5px;cursor: pointer;border: none;text-align: center;margin: 0 auto; } .anlseemore a{display: block;color: #fff;} .sgoutong { position: relative;z-index: 10; box-sizing: border-box;background: #0044aa; width: 165px;font-size: 14px;height: 44px;line-height: 44px;border-radius: 5px;cursor: pointer;border: none;text-align: center;margin: 0 auto; } .sgoutong a{display: block;color: #fff;}