@charset "utf-8"; /*flexslider*/ .flexslider{position:relative;height:700px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:700px;} .slides li a{ display:block; width:100%; height:700px;} .flex-control-nav{position:absolute;bottom:120px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:15px;height:15px;border-radius:50%;line-height:40px;overflow:hidden;cursor:pointer;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset, 1px 1px 1px rgba(255, 255, 255, 0.8);-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset, 1px 1px 1px rgba(255,255,255,0.5);} .flex-control-nav .flex-active{background:#f47b00;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:260px;background:url(../images/lefta.png) center center no-repeat;opacity:0.5;} .flex-direction-nav li a.flex-next{right:260px;background:url(../images/righta.png) center center no-repeat;opacity:0.5;} /*cpzs*/ .cpzs { width: 100%; overflow: hidden; } .title {padding:10px 0;width: 1200px;position: relative;text-align: center;margin: 0 auto;} .title h1 {font-size: 34px;font-weight: bold;font-family: arial;text-transform: capitalize;color: #e5e5e5;line-height: 1;} .title p {color: #0c5fc2;font-size: 24px;background: #fff;display:inline-block;padding: 0 30px;position: relative;z-index: 99999;line-height: 48px;font-weight: 700;font-size: 24px;} .title .title-bg {height: 1px;width: 100%;background: #d5d5d5;position: absolute;bottom: 33px;left: 0;z-index: 0;} .cpzs h2 { text-align: center; font-size: 14px; font-weight: normal; color: #8e8e8e; } .proclass {text-align:center; width: 1200px; margin: 0 auto; margin-top: 20px;} .proclass li {float:left;width:19%;margin-right:1%;margin-bottom:10px;cursor: pointer;text-align: center;font-size: 15px;font-weight:700;height: 55px;line-height: 55px; border: 1px #dfdddd solid;} .proclass li:nth-child(5n){margin-right:0;} .proclass li:hover{background: #0c5fc2;} .proclass li:hover a{color: #fff;} @-webkit-keyframes btnRotate { 0% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); } } .product{} .cpzs_bo{ width:1200px; margin:0 auto;height:470px;} .cpzs_bo .process{ width:1200px; position:relative; min-width:1200px; top:20px;height:342px;} .cpzs_bo .slidegrid {float: left;position: relative;overflow: hidden;} .cpzs_bo .slideitems {width: 20000em;position: absolute;} .cpzs_bo .slideitems li {float: left;} .cpzs_bo .process .mainPhoto { width:1200px; margin:0 auto; position: relative;} .cpzs_bo .process .mainPhoto span.goleft, .cpzs_bo .process .mainPhoto span.goright { display: block; width:65px; height:50px; position:absolute; top:160px;} .cpzs_bo .process .mainPhoto span.goleft a{ background:url(../images/left.png) no-repeat; display: block; width:65px; height:50px;} .cpzs_bo .process .mainPhoto span.goleft a:hover{ background:url(../images/lefth.png) no-repeat;} .cpzs_bo .process .mainPhoto span.goleft {left:-70px;} .cpzs_bo .process .mainPhoto span.goright a{ background:url(../images/right.png) no-repeat; display: block; width:65px; height:50px;} .cpzs_bo .process .mainPhoto span.goright a:hover{ background:url(../images/righth.png) no-repeat; } .cpzs_bo .process .mainPhoto span.goright { right:-70px;} .cpzs_bo .process .mainPhoto .go { width:1200px; height:420px; position: relative;overflow: hidden} .cpzs_bo .process .mainPhoto .go li { width:396px; height:420px; position:relative; float:left; display:block; margin:0 4px;} .cpzs_bo .process .mainPhoto .go li a{width:380px; display:block; border:1px #d1d1d1 solid; text-align:center;background:#efeded;} .cpzs_bo .process .mainPhoto .go li a img{ width:100%; height:288px;display:block;} .cpzs_bo .process .mainPhoto .go li a h1{ height:40px; line-height:40px;font-size:15px;text-align:center; border-top:1px #c2c2c2 solid; font-weight:normal; } .cpzs_bo .process .mainPhoto .go li .pro-more { font-size:13px;display: inline-block; width: 120px; height: 45px; line-height: 45px; border: 1px solid #ccc; text-align: center; text-transform: uppercase; margin:10px auto; } .cpzs_bo .process .mainPhoto .go li a:hover{ display:block; border:1px #133984 solid;} .cpzs_bo .process .mainPhoto .go li a:hover .pro-more { background: #ff8100; color: #fff; border: 1px solid #ff8100; } .cpzs_bo .process .mainPhoto .go li a span {position: absolute;width: 380px;height: 288px;display: block;background: rgba(0, 0, 0, .4);left: 0;top: 0;text-align: center;opacity:0;} .cpzs_bo .process .mainPhoto .go li a span em {display: block; width: 50px; height: 50px; background: #ff8100 url(../images/more.png) no-repeat center; border-radius: 50%; margin: 0 auto; margin-top: 120px; } .cpzs_bo .process .mainPhoto .go li a:hover span {opacity:1} /*优势*/ /* .dzys{ width:100%; background:#0c5fc2; padding:70px 0; margin-top:25px;} */ /* .dzys .dzys_bo{ width:1200px; margin:0 auto; height:202px;} */ /* .dzys .dzys_bo li{ width:192px; height:202px; float:left; margin:0 29px; display:block;} */ /* .dzys .dzys_bo li:first-child{margin-left:0;} */ /* .dzys .dzys_bo li:last-child{margin-right:0;} */ /* .dzys .dzys_bo li a{ width:190px; height:200px; background:#004c98; display:block; border:1px #0064c8 solid;} */ /* .dzys .dzys_bo li a:hover{ display:block; width:190px; height:200px; background:#ff8100; border:1px #ff8100 solid;} */ /* .dzys .dzys_bo li a .ys{ display:block; width:190px; height:200px;} */ /* .dzys .dzys_bo li a .ys dt{ width:90px; height:90px; margin:0 auto;padding-top:30px;} */ /* .dzys .dzys_bo li a .ys dd{ width:190px; text-align:center; color:#FFF; padding-top:20px;font-size:13px;} */ /* .dzys .dzys_bo li a .ys_ed{ display:none;} */ /* .dzys .dzys_bo li a:hover .ys{ display:none;} */ /* .dzys .dzys_bo li a:hover .ys_ed{ display:block; width:190px; height:200px; background:#ff8100;} */ /* .dzys .dzys_bo li a:hover .ys_ed dt{ width:90px; height:90px; margin:0 auto;padding-top:12px;} */ /* .dzys .dzys_bo li a:hover .ys_ed dd{padding: 8px 10px 0;line-height: 24px;font-size:13px;color:#fff;} */ .apladv{width:1200px;margin:15px auto 0;padding-bottom:60px} .apladv_top{height:916px;background:url(../images/adv_2.png) no-repeat center center} .apladv_top_top_bt{width:400px;margin-left:120px;padding-top:50px} .apladv_top_top_bt p{display:block;font-size:28px;height:40px;line-height:40px;font-weight:700;color:#fff} .apladv_top_top_bt span{display:block;color:#fff;font-size:20px;height:46px;line-height:46px} .apladv_top_top_bt i{display:block;font-style:normal;color:#ccc;text-transform:uppercase;font-size:12px;height:30px;line-height:30px} .apladv_top_top_nr{padding-top:50px} .apladv_top_top_nr p{width:410px;padding-left:100px;display:block;color:#fff;line-height:30px;font-size:16px;background:url(../images/adv_4.png) no-repeat 60px 5px;margin-bottom:25px} .apladv_top_top a{display:block;width:110px;height:38px;line-height:38px;text-align:center;background-color:#fff;color:#1a2f67;margin-top:60px} .apladv_top_top a:hover{background-color:#f60;color:#fff;transition:all .5s} .apladv_top_bot{margin-left:720px} .apladv_top_bot_bt{width:400px;padding-top:150px} .apladv_top_bot_bt p{display:block;font-size:28px;height:40px;line-height:40px;font-weight:700;color:#1a2f67} .apladv_top_bot_bt span{display:block;color:#22242d;font-size:20px;height:46px;line-height:46px} .apladv_top_bot_bt i{display:block;font-style:normal;color:#666;text-transform:uppercase;font-size:12px;height:30px;line-height:30px} .apladv_top_bot_nr{padding-top:30px} .apladv_top_bot_nr p{display:block;color:#22242d;line-height:30px;font-size:16px;background:url(../images/adv_5.png) no-repeat 10px 5px;margin-bottom:15px;padding-left:50px} .apladv_top_bot a{display:block;width:110px;height:38px;line-height:38px;text-align:center;background-color:#1a2f67;color:#fff;margin-top:30px} .apladv_top_bot a:hover{background-color:#f60;color:#fff;transition:all .5s} .apladv_bot{height:389px;background:url(../images/adv_3.png) no-repeat center center} .apladv_bot_bt{width:470px;margin-left:120px;padding-top:50px} .apladv_bot_bt p{display:block;font-size:28px;height:40px;line-height:40px;font-weight:700;color:#1a2f67} .apladv_bot_bt span{display:block;color:#22242d;font-size:20px;height:46px;line-height:46px} .apladv_bot_bt i{display:block;font-style:normal;color:#666;text-transform:uppercase;font-size:12px;height:30px;line-height:30px} .apladv_bot_nr{padding-top:30px} .apladv_bot_nr p{width:480px;padding-left:100px;display:block;color:#22242d;line-height:30px;font-size:16px;background:url(../images/adv_5.png) no-repeat 60px 5px;margin-bottom:15px} .apladv_bot a{display:block;width:110px;height:38px;line-height:38px;text-align:center;background-color:#1a2f67;color:#fff;margin-top:30px} .apladv_bot a:hover{background-color:#f60;color:#fff;transition:all .5s} /*about*/ .video-bg { background: #0266ca; height: 570px; margin-top: 150px; } .video-bg .container { width: 1200px;margin:0 auto;position:relative;} .video { width: 725px; height: 405px; margin-top: -105px; position: absolute; z-index: 99; } .video-kb { width: 725px; height: 300px; float: left; } .video-title { position: absolute; color: #e5e5e5; z-index: 999; right: 0; top: -105px; width: 350px; text-align: right; font-size: 78px; text-transform: uppercase; line-height: 1; font-weight: bold; letter-spacing: 10px;} .video-hx { position: absolute; width: 65px; top: 50px; left: 710px; z-index: 99; height: 2px; background: #ccc; } .video-jieshao { float: left; width: 725px; margin-top: 75px; } .video-jieshao img {float: left;margin-right: 30px;margin-top: 20px;} .video-jieshao p {font-size: 12px;line-height: 30px;color: #fff;} .video-jieshaoa { width: 350px; float: right; } .video-jieshaoa h2 {font-size: 26px;color: #fff;margin-top: 60px;line-height: 2;} .video-jieshaoa em { display: block; width: 20px; height: 4px; background: #fff; margin-bottom: 20px; } .video-jieshaoa p {font-size: 14px;line-height: 28px;color: #fff;margin-bottom: 5px;} .video-jieshaoa i {font-style: normal;font-size: 12px;line-height: 1.5;color: #fac4a3;display: block;margin-bottom: 40px;} .video-jieshaoa .video-img { position: relative; } .video-img a {float: right;display: block;font-size: 14px;width: 120px;height: 37px;line-height: 38px;margin-top: 20px;background: #fb6b0a;text-align: center;color: #fff;} .video-img a:hover {background: #f47b00;} /*合作伙伴*/ #scroll { width:1200px; overflow: hidden; margin:30px auto 0 auto;} #scroll_box { float: left; width: 800%; } #scroll_begin { float: left; } #scroll_end { float: left; } #scroll .content_list{ width:1200px; height:60px;} #scroll .content_list li{ width:auto; height:60px; float:left; margin:0 10px;} /*case*/ .aplcase_bg{background-color:#f1f1f1;height:760px} .aplcase{width:1200px;margin:0 auto;padding-top:50px} .aplcase_l{width:780px} .aplcase_r{width:367px;height:646px;background:url(../images/case_2.jpg) no-repeat center center} .aplcase_l_top{width:100%} .aplcase_l_top_l{width:231px;height:94px;overflow:hidden} .aplcase_l_top_r{width:230px} .aplcase_l_top_r p{display:block;text-align:right;height:24px;line-height:24px} .aplcase_l_top_r span{display:block;color:#ff6700;font-size:30px;font-weight:700;height:30px;line-height:30px;text-align:right} .aplcase_l_top_r a{display:block;width:110px;height:38px;background-color:#ff6700;color:#fff;line-height:38px;text-align:center;margin-top:10px;float:right} .aplcase_l_cen{width:100%;margin-top:38px} .aplcase_l_cen a{display:block} .aplcase_l_cen a i{width:294px;height:240px;display:block;font-style:normal;overflow:hidden;float:left} .aplcase_l_cen a i img{width:100%;height:100%;display:block} .aplcase_l_cen a p{display:block;width:455px;background-color:#fff;height:210px;float:left;padding:15px} .aplcase_l_cen a p big{display:block;height:40px;line-height:40px;font-size:16px;padding-top:5px} .aplcase_l_cen a p span{display:block;line-height:28px;height:106px;overflow:hidden;color:#666} .aplcase_l_cen a p small{display:block;text-align:right;color:#ff6700;font-size:14px;height:30px;line-height:30px;padding-top:15px} .aplcase_l_cen a:hover *{color:#ff6700;transition:all .5s} .aplcase_l_bot{display:block} .aplcase_l_bot ul{display:block;margin-top:45px} .aplcase_l_bot ul li{display:block;background-color:#fff;height:48px;line-height:48px;margin-bottom:10px} .aplcase_l_bot ul li a{font-size: 13px;display:block;height:48px;line-height:48px;background:url(../images/case_4.png) no-repeat 15px center;padding-left:35px} .aplcase_l_bot ul li a:hover{display:block;background:url(../images/case_5.png) no-repeat 15px center;padding-left:35px;color:#ff6700;transition:all .5s} .aplcase_r h2{display:block;font-size:23px;display:block;font-weight:700;height:100px;line-height:100px;color:#fff;text-align:center;letter-spacing:3px;padding-top: 30px;} .example{width:246px;height:430px;font-size:40px;text-align:center;margin:20px auto;background-color:#fff;margin:10px auto 0} .carousel-item{line-height:348px;color:#fff} .ft-carousel{position:relative;width:100%;height:100%;overflow:hidden} .ft-carousel .carousel-inner{position:absolute;left:0;top:0;height:100%} .ft-carousel .carousel-inner .carousel-item{float:left;height:100%} .ft-carousel .carousel-item img{padding:17px 0;float: left;margin: 24px 0;} .ft-carousel .carousel-indicators{position:absolute;left:0;bottom:10px;width:100%;text-align:center;font-size:0} .ft-carousel .carousel-indicators span{display:inline-block;width:12px;height:12px;background-color:#fff;margin:0 4px;border-radius:50%;cursor:pointer} .ft-carousel .carousel-indicators span.active{background-color:#de3a3a} .ft-carousel .carousel-btn{position:absolute;top:50%;width:50px;height:45px;margin-top:-25px;cursor:pointer} /*新闻*/ .hy { width:665px; float:left;} .hy_top { height:55px; line-height:55px;} .hy_top ul li { float:left; width:149px; font-size:14px; margin-right:1px; height:55px; float:left; display: block;} .hy_top ul li a { color:#004c98; height:55px; width:100%; text-align:center; display: block; background:#ebebeb;} .hy_top ul li a:hover, .hy_top ul .cur a {color:#FFF;display: block;background:#004c98;font-size: 15px;} .hy_con {width:1200px;overflow:hidden;margin-top:20px;height: 460px;} .news_bo{ width:1200px; overflow:hidden;} .news_bo dl{width: 350px;overflow:hidden;float:left;} .news_bo dl dt{width: 350px;height: 315px;/* height: 225px; */} .news_bo dl dt img{width:100%;height: 100%;display:block;} .news_bo dl dd{ width:320px; height:78px; background:#0c5fc2; padding:15px;} .news_bo dl dd h1{ font-size:14px; color:#FFF; padding-top:6px;} .news_bo dl dd p{ color:#adbdcd; line-height:18px; font-size:12px; padding-top:10px;} .new1{width: 815px;overflow:hidden;float:right;} .new1 li{ height:94px; display:block; width:48%;float:left; margin-bottom:15px;background: #efefef;margin-right: 4%;} .new1 li:nth-child(2n){margin-right:0;} .new1 li a{ display:block; border-bottom:1px #e6e6e6 solid; height:54px; padding:20px;} .new1 li a h1{ font-size:45px; float:left; line-height:54px; height:54px; border-right:1px #dadada solid; padding-right:10px; color:#c4c4c4; } .new1 li a .new_r{width: 263px;height:54px;float:right;} .new1 li a .new_r h2{font-size: 15px;font-weight:normal;line-height:29px;} .new1 li a .new_r p{ color:#888888; font-size:12px;} .new1 li a:hover{ background:#0c5fc2; display:block;} .new1 li a:hover h1{ color:#FFF; border-right:1px #FFF solid; } .new1 li a:hover .new_r{ color:#FFF;} .new1 li a:hover .new_r p{ color:#FFF;} /*公司简介*/ .about{ width:500px; overflow:hidden; float:right;} .about_top{ height:50px; line-height:50px;} .about_top h1{ color:#FFF; height:50px; width:185px; background:#004c98; font-size:14px; font-weight:normal; text-align:center;} .about_top span{ float:right;} .about_top span a{ color:#cd1612;} .about_bo{ width:500px; overflow:hidden; margin-top:20px; font-size:14px; } .about_bo p{ padding-top:20px; width:480px; margin:0 auto;}