@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom:10%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width:12px;height:12px;border-radius:12px;margin-right:12px; display: inline-block;background: #fff;outline: none;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
}
.slick-dots .slick-active button {width:28px;}
.banner .slick-arrow{width:45px;height:45px;cursor: pointer;z-index: 22;top:48.5%;left:50%;margin-left:640px;background:none;position:absolute;border:0;line-height:84px;overflow:hidden;overflow: hidden;line-height:190px;}
.banner .slick-arrow.slick-next{margin-left:-690px;}


.til01{text-align: center;color: #000;font-size:48px;line-height:62px;font-family: "Microsoft Yahei";clear: both;display: block;height:132px;white-space: nowrap;position: relative;font-weight: normal;}
.til01 p{display: block;font-size:24px;line-height:38px;font-weight: normal;}
.til01 a{color: #000;}
.til02,.til02 a,.til02 p{color: #fff;}


/*引子*/
.webox{font-family:"Microsoft Yahei";position: relative;z-index: 11;background:url(../images/webg.jpg) no-repeat center 0;color: #000;padding: 80px 0 37px;}
.webox:before{content: "";position: absolute;width:100%;height:940px;bottom:0;left:0;background:url(../resource/images/44adc99c95014712bb324f059f0bbba4_4.jpg) no-repeat center bottom;z-index: 0;}
.webox_c{height: 375px;text-align: center;font-size: 16px;line-height: 24px;}
.webox_c h2{font-size: 48px;line-height: 54px;font-weight: normal;padding: 0 0 18px;}
.webox_c h2 p{display: block;}
.webox_c h2 span{display: inline-block;line-height: 30px;background: #315a9c;color: #fff;padding: 0 30px;font-size: 22px;}
.webox_w p{display: block;height:60px;}
.webox_w span{display: inline-block;line-height: 40px;color: #000;padding:57px 156px 0 0;font-size:18px;text-align:right;margin-right:18px;float: right;background:url(../images/we_ico.png) no-repeat right 0;}
.we_adress{background:url(../images/ge01.png) no-repeat center bottom;padding:84px 0 75px;position: relative;}
.we_adressc{background: #0e3c8a;height: 619px;overflow: hidden;}
.we_adl,.we_adl img{width: 600px;height: 619px;display: block;overflow: hidden;}
.we_adr{width: 504px;padding: 57px 41px 0 0;font-size: 14px;line-height: 18px;color: #fff;}
.we_adr1{background:url(../images/we_p03.jpg) no-repeat 0 0;height: 211px;color: #000;font-size: 16px;line-height: 28px;padding:15px 22px;margin-bottom: 12px;}
.we_adr dl{background:url(../images/ge02.gif) no-repeat center bottom #00163a;padding:24px 20px;float: left;width: 205px;height: 210px;}
.we_adr dl.we_adr3{background-color: #009462;margin-left: 12px;}
.we_adr dl.we_adr3 dd p:nth-child(1){white-space: nowrap;}
.we_adr dt img{width: 199px;height: 76px;background: #fff;padding:3px;border-radius: 3px;margin-bottom: 11px;}
.we_adr p{padding:0 0 8px 12px;position: relative;}
.we_adr p:before{content: "";position: absolute;width:3px;height:14px;top:0;left:0;background:rgba(255, 255, 255 , 0.3);}
.we_adr1 p:before{top:6px;background: #0e3c8a;}

/* 实力 */
.chara{font-family:"Microsoft Yahei";line-height:20px;color: #616161;padding:68px 0 118px;font-size: 16px;position: relative;z-index: 9;background:url(../images/charabg.jpg) no-repeat center bottom;}
.chara_c{padding: 70px 56px 0;height: 618px;overflow: hidden;}
.chara_w{width: 390px;}
.chara_w li{padding: 0 0 22px;}
.chara_w li b{display: block;color: #26292d;line-height: 28px;}
.chara_p{width: 658px;overflow: hidden;position: relative;}
.chara_pc{width: 554px;}
.chara_pc p,.chara_pc p img{width: 554px;height: 614px;display: block;overflow: hidden;}
.chara_pt{width: 94px;overflow: hidden;}
.chara_pt p,.chara_pt p img{width: 94px;height: 108px;display: block;}
.chara_pt p{margin-bottom: 7px;}
.chara_pt p.cur img{box-sizing:border-box;border: solid 5px #0e3c8a;}
.prev1,.next1{width:21px;height:12px;display: inline-block;cursor: pointer;position: absolute;z-index: 2;right: 3px;bottom: 7px;}
.prev1{right: 69px;}



/*产品中心*/
.probox{clear: both;padding:50px 0 70px;line-height:35px;font-family:"Microsoft Yahei";position: relative;font-size:16px;z-index: 1;color: #26292d;}
.prod_t{width: 300px;height: 685px;background: #0e3c8a;color: #fff;overflow: hidden;border-radius: 3px;}
.pro_nl{height: 570px;}
.prod_t h3{font-size: 20px;height: 49px;line-height: 49px;margin-bottom: 5px;background: #0b295c;padding:  0 40px 0 30px;position: relative;}
.prod_t h3:before{content: "";position: absolute;width:40px;height:49px;top:0;right:0;background:url(../images/pro_ico1.png) no-repeat 0 center;}
.prod_t h3.pro_clt{background: #009462;}
.prod_t h3.pro_clt:before{background:url(../images/pro_ico2.png) no-repeat 0 center;}
.prod_t h3 a{display: block;color: #fff;}
.prod_t ul{padding: 5px 20px 15px 30px;}
.prod_t li{height: 42px;line-height: 42px;border-bottom: 1px dashed #7989b2;padding: 0 22px;position: relative;}
.prod_t li a{display: block;color: #fff;}
.prod_t li:last-child{border: 0;}
.prod_t li:before{content: "";position: absolute;width:3px;height:3px;top:20px;left:6px;background:#fff;border-radius: 3px;}
.prod_pho{background:url(../images/c_pho.png) no-repeat 30px 0;padding:0 0 0 73px;line-height: 29px;}
.prod_pho p{font-family: Times New Roman,Arial;font-size: 18px;line-height: 22px;}
.prod_pho p span{display: block;font-size: 24px;line-height: 26px;}

.prod_c{width:872px;position: relative;text-align: center;}
.prod_c li{width: 204px;float: left;margin: 0 18px 0 0;}
.prod_c li:nth-child(4n){margin: 0;}
.prod_c li p,.prod_c li p img{width: 204px;height: 204px;display: block;overflow: hidden;}
.prod_c li span{display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.prod_c li span a{display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color: #26292d;}


/*优势*/
.edge{font-family:"Microsoft Yahei";font-size: 14px;line-height:18px;color: #2f2f2f;position: relative;background:url(../resource/images/44adc99c95014712bb324f059f0bbba4_2.jpg) no-repeat 0 bottom #040f23;background-attachment:fixed;padding: 68px 0;}
.edge_c dl{padding: 25px 23px;width: 540px;background: #fff;height: 548px;float: left;margin: 0 23px 24px 0;border-radius: 3px;}
.edge_c dl:nth-child(2n){margin-right: 0;}
.edge_c dt,.edge_c dt img{width: 540px;height: 311px;display: block;border-radius: 3px;overflow: hidden;}
.edge_c dd h3{font-size: 24px;line-height: 27px;font-weight: normal;padding:20px 0;}
.edge_c dd h3 span{display: block;font-size: 36px;line-height: 38px;}
.edge_c dd li{padding: 0 0 16px 20px;position: relative;}
.edge_c dd li:before{content: "";position: absolute;width:4px;height:4px;top:5px;left:0;background:#fff;border-radius: 100%;border: solid 3px #0e3c8a;}

/* 案例 */
.case{font-family:"Microsoft Yahei";clear: both;line-height:16px;font-size: 14px;color: #696969;position: relative;padding: 66px 0 0;height: 736px;}
.case_t{height:121px;margin-bottom:38px;text-align: center;}
.case_t li{box-sizing:border-box;color: #000;float: left;width:200px;height:121px;position: relative;line-height:36px;font-size:18px;border-left: 1px solid #d4d4d4;}
.case_t li:last-child{border-right: solid 1px #ddd;}
.case_t li a{color: #1e1e1e;display: inline-block;}
.case_t li span{display: block;width: 80px;height: 80px;margin: 0 auto 14px;overflow: hidden;box-sizing:border-box;border-radius: 80px;padding:17px;border: solid 1px #c0c1c2;}
.case_t li span img{display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_t li.cur span,.case_t li:hover span{background: #0e3c8a;border-color: #0e3c8a;}
.case_t li.cur a,.case_t li:hover a{color:#0e3c8a;text-decoration: underline;}
.case_t li.cur span img,.case_t li:hover span img{margin-top: -98px;}

.case_con{height: 680px;}
.prev2,.next2{width:27px;height:28px;display: block;cursor: pointer;position: absolute;z-index: 2;background:url(../images/next2.png) no-repeat 0 bottom;right:-46px;top:98px;}
.prev2{left:-46px;background:url(../images/prev2.png) no-repeat 0 0;}
.prev3,.next3{width:32px;height:33px;display: block;cursor: pointer;position: absolute;z-index: 3;background:url(../images/next3.png) no-repeat 0 bottom;right:532px;top:245px;}
.prev3{left:532px;background:url(../images/prev3.png) no-repeat 0 0;}
.prev2:hover,.prev3:hover{background-position: 0 bottom;}

.case_cl dl{position: relative;z-index:2;width:284px;float: left;z-index: 1;background: #fff;box-shadow: 0 0 2px 2px rgba(0, 0, 0 , 0.1);height:389px;margin:0 16px 5px 5px;border-radius: 3px 3px 22px 0;}
.case_cl dt,.case_cl dt img{width:284px;height:213px;display: block;overflow: hidden;border-radius: 3px;}
.case_cl dd{padding:18px 16px 0;position: relative;font-size: 14px;line-height:16px;color: #6a6a6a;}
.case_cl dd h4{display: block;font-size:16px;line-height:32px;height:32px;border-bottom: 1px solid #bfbfbf;margin-bottom: 8px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_cl dd h4 a{color: #515151;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_cl dd p{padding: 0 0 16px;}
.case_cl dd p b{display: block;}

/* 合作 */
.part{font-family:"Microsoft Yahei";clear: both;position: relative;height:172px;box-shadow:0 0 10px 10px rgba(0, 0, 0 , 0.05);margin-bottom: 80px!important;}
.part h2{height: 63px;display: block;text-align: center;font-size: 16px;line-height: 43px;font-weight: normal;}
.part h2 span{display: inline-block;border-radius:0 0 3px 3px;background: #0e3c8a;color: #fff;padding: 0 40px;}
.part_c{overflow: hidden;}
.part_c li{float: left;width:173px;border-right: solid 1px #d4d4d4;padding: 0 13px;}
.part_c li img{width:172px;height:86px;display: block;}

/*资讯*/
.newsbox{padding:70px 0 80px; overflow: hidden;font-family:"Microsoft Yahei";clear: both;position: relative;background: #f1f1f1;z-index: 1;}
.newsbox:before,.newsbox:after{content: "";position: absolute;width:100%;height:1px;top:202px;left: 0;background:#dadada;z-index: -1;}
.newsbox:after{top: 290px;}
.news_t{height: 88px;margin-bottom:20px;text-align: center;}
.news_t li{box-sizing:border-box;color: #000;float: left;width: 300px;height: 88px;position: relative;line-height: 26px;font-size: 20px;border-left: 1px solid #ddd;}
.news_t li:after{content: "";position: absolute;width:12px;height:8px;top:34px;right: 30px;background:url(../images/ico04.png) no-repeat 0 0;}
.news_t li:last-child{border-right: solid 1px #ddd;}
.news_t li a{padding: 21px 0 0;color: #000;display: inline-block;}
.news_t li em{display: block;font-size: 12px;line-height: 16px;opacity: 0.5;font-weight: normal;}
.news_t li:first-child{margin-left: 178px;}
.news_t li.cur,.news_t li:hover{background: #0e3c8a;}
.news_t li.cur a,.news_t li:hover a{color:#fff;}
.news_t li.cur:after,.news_t li:hover:after{background:url(../images/ico05.png) no-repeat 0 0;}

.news_c{height: 470px;overflow: hidden;}
.news_c dl{height:180px;overflow: hidden;width:579px;float: left;padding:28px 26px;margin-bottom:30px;background: #fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.news_c dl:nth-child(2n){margin-left:40px;}
.news_c dt,.news_c dt img{width:200px;height:112px;display: block;overflow: hidden;float: left;}
.news_c dd{width: 300px;float: right;}
.news_c dd span{font-size:16px;height: 38px;line-height: 38px;color: #444;font-weight: bold;}
.news_c dd h4{line-height:32px;font-size: 18px;display: block;font-weight: normal;height:64px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis; }
.news_c dd h4 a{color: #000;}
.news_c dl:hover{background: #0e3c8a;color: #fff;}
.news_c dl:hover dd h4 a,.news_c dl:hover dd span{color: #fff;}
.new_more{display: block;width: 496px;line-height: 50px;border: solid 2px #333;text-align: center;margin: 0 auto;font-size: 16px;color: #444;font-weight: bold;position: relative;}
.new_more:before{content: ">";position: absolute;width:35px;height:50px;top:0;right:0;font-weight: bold;line-height: 50px;}
.new_more b{font-size: 24px;color: #040000;}
.new_more a{display: block;color: #444;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 16px;line-height:24px;color: #595959;overflow: hidden;padding:68px 0;text-align: center;}
.about_p,.about_p img{width:1200px;height:561px;display: block;overflow: hidden;}
.about_w{padding: 20px 0 24px;}
.about_w a{display: inline-block;color: #0e3c8a;}

/*风采*/
.show{clear: both;height:434px;}
.show_t{height:70px;font-size:18px;line-height:36px;text-align: center;}
.show_t span{color: #000;width: 135px;height: 36px;display: inline-block;color: #000;border: solid 2px #333;}
.show_t span a{color: #000;}
.show_t span:nth-child(2){margin: 0 10px;}
.show_t span.cur{border-color: #0e3c8a;background: #0e3c8a;}
.show_t span.cur a{color: #fff;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c1 li{width: 284px;float: left;margin:0 30px 0 0;position: relative;}
.show_c1 li p,.show_c1 li p img{width: 284px;height:214px;display: block;overflow: hidden;}
.show_c li span{position: absolute;left: 0; top: 0;background: rgba(14, 60, 138 , 0.8);width: 0;height: 214px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;font-size: 18px;font-weight: bold;}
.show_c li span a{display: none;}
.show_c li:hover span{width: 284px;text-align: center;}
.show_c li:hover a{line-height: 96px;margin-top: 48px;display: block;color: #fff;}
.show_c li:hover span a,.show_c li span a:hover{color: #fff;}


/*友情链接*/
.link{height:0;line-height:32px;position: relative;z-index: 9;font-size: 14px;color: #fff;width: 1200px;margin: 0 auto;text-align: center;}
.link_c{width: 1200px;position: absolute;left:0;top: -296px;height:32px;overflow: hidden;}
.link a{display: inline-block;color: #fff;padding: 0 25px;}


.chara_pc p img, .prod_c li p img, .edge_c dt img, .case_cl dt img, .news_c dt img, .about_p img, .show_c1 li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.chara_pc p:hover img, .prod_c li:hover p img, .edge_c dl:hover dt img,.case_cl dl:hover dt img, .news_c dl:hover dt img, .about_p:hover img, .show_c1 li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*animation*/
@-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }