@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: center; }
.tit01 h2{font-size: 44px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 60px;position: relative; }
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #666666; line-height: 30px;padding-bottom: 30px; }

/**/
.g-guide{ background: url(../images/guidebg.jpg) no-repeat center top; height:657px; padding-top:78px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width: 1200px;margin:0 auto;height:380px;}
.guide dt{width:608px;height:309px;float: right;}
.guide dt img{width:100%;display: block;}
.guide dd{width:522px;float: left;padding-top:39px;background:url(../images/guide-ico1.png) no-repeat left top;}
.guide dd h3{font-size: 30px; color: #002c74; text-align: left;height: 100px;padding-top:30px;border-top:1px solid #c0c0c0; }
.guide dd em{display: block;font-size: 18px;color: #0f0f0f; }
.guide dd p{font-size: 14px; color: #666666; line-height:26px;text-align: justify;height:115px;}
.guide dd .guide-btn{font-size: 16px;color: #0f0f0f;text-align: left;display: block; font-weight: bold;}

.digital{width:1200px; height:120px;position: relative; clear:both;overflow: hidden; margin:0 auto;border-bottom: 1px solid #dcdcdc;}
.digital li{height:120px; margin-right:68px;box-sizing: border-box; float: left; text-align: left; position: relative;cursor: pointer;}
.digital li em{margin-left:0px;display: block; position: relative;width:108px;color: #2e343e;}
.digital li em b{ margin-left:0px;font-size: 60px; color: #333333; font-family: "Myriad Pro","Arial"; font-weight: bold;}
.digital li em i{ font-size: 14px;
    color: #666666;
    text-align: center;
    font-weight: normal;
    text-align: center;
    width: 54px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: "Arial";
    position: absolute;
    bottom: 10px;
    right: -37px;
    display: block;
    border-radius: 100%;}
    .digital li:nth-child(4) em i {
    font-size: 30px;
    width: 34px;
    right: -20px;
}
.digital li h4{font-size: 16px; color: #666666; text-align: left; font-weight: normal;line-height: 30px; }
.digital li:last-child{margin-right:0px;}
.digital li:nth-child(1) em{width:150px;}
.digital li:nth-child(2) em{width:85px;}
.digital li:nth-child(3) em{width:142px;}
.digital li:nth-child(4) em{width:152px;}
.digital li:nth-child(5) em{width:85px;}
.digital li:hover{border-bottom: 2px solid #002c74; color: #002c74;}
.digital li:hover h4,.digital li:hover em b{color: #002c74;}
.digital li:hover em i{background:#002c74;color: #fff;}


/**/
.g-products{height: auto;overflow: hidden; background:#f5f5f5;padding:75px 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-products .tit01{height:152px;}
.g-products .tit01 p{background:url(../images/protit.png) no-repeat center bottom;}
.products{width:1200px;margin:0 auto; overflow:hidden;}
.pro-nav{margin-bottom: 20px;}
.pro-nav dl{padding:0;clear: both;overflow: hidden;margin-bottom: 8px;background:#ffffff;}
.pro-nav dl dt{width:201px;text-align: center;font-size: 20px;color: #ffffff;background:url(../images/navbg.jpg) no-repeat;height: 100px;line-height: 30px;font-weight: normal;float: left;background-size: 100% 100%;display: flex;justify-content: center;align-items: center;}
.pro-nav dl dt a{color: #fff;}
.pro-nav dd{width:999px;box-sizing: border-box;display: block;float: left;box-shadow: 0 0 5px #e3e3e3;padding: 6px 25px;height: 100px;}
.pro-nav dd a{line-height: 28px;text-align: left;font-size: 15px;color: #333;font-weight: normal;display: block;padding:0 21px 0 0;display: block;float: left;transition: all 0.2s;}
.pro-nav dd a:hover{color:#002c74; text-shadow: 0 0 1px currentColor, 0 0 1px currentColor;}
.pro-nav dd a.clm-more{float: right;padding: 0;}
.pro-nav dl:nth-child(3) dd a {
    padding-right:22px;
}

.pro{max-height:713px;}
.pro img{width: 100%;display: block;}
.pro-c{position: relative;}
.pro-left{width:49.895%;height: 100%;box-sizing: border-box; position: absolute;top: 0;left: 0;}
.pro-right{width: 50%;margin: 0 0 0 auto; font-size: 16px;}
.pro-right ul{clear: both;overflow: hidden;}
.pro-right li{margin-left:2.3%;width:47.7%; float: left;margin-bottom: 20px;position: relative;max-height: 343px;background:#fff;}
.pro-right li em{width:79.2%;max-height: 270px;margin:0 auto;display: block;overflow: hidden;}
.pro-right li h4{
        width: 100%;
    padding: 0 30px;
    font-size: 1em;
    font-weight: normal;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    height: 74px;
    line-height: 22px;
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
}
.pro-right li h4 i{ display: block;height:3.645vw;width:25px; background:url(../images/proico1.png) no-repeat right center; position:absolute; top:0px;right:19px;}
.pro-right li:hover h4{color:#002c74;}

/**/
.g-speed{height: 298px;overflow: hidden; background:url(../images/speedbg.jpg) no-repeat;padding:66px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.speed{width: 1200px;margin:0 auto;clear: both;overflow: hidden; }
.speed dl{min-height:108px;}
.speed dt{width: 156px; float: left;line-height: 35px;min-height: 35px;font-size: 16px;color:#fff;font-weight: bold;}
.speed dd{width:1044px; float: left;}
.speed dd a{padding-right: 48px;display: block;float: left; line-height: 29px;font-size: 16px;color:rgba(255, 255, 255, 0.7);}
.search{ width:565px; height:51px; margin:0 auto;}
.search .ipt01{width:438px; height:51px;background:#fff; padding-left:22px;outline:none;box-sizing: border-box; border:0;color:#404040; font:15px "Microsoft YaHei"; line-height:51px; overflow:hidden;float: left;}
.search .ipt02{width:127px;height:51px; line-height: 51px; background:url(../images/ss.jpg) no-repeat;border:0; outline:none;cursor: pointer;font-size: 0;display: block;float: left;}


/**/
.g-projects{height: 1048px;overflow: hidden; background:#fff;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-projects .tit01{height:142px;}
.g-projects .tit01 p{background:url(../images/projtit.png) no-repeat center bottom;}
.projects{width:1200px;position: relative;margin:0 auto;}
.projects .proj-hd{height: 124px;margin-bottom: 37px;}
.projects .proj-hd li{float: left;width:193px;height: 124px;position: relative;margin-right: 8px;}
.projects .proj-hd li:nth-child(6){margin-right: 0;}
.projects .proj-hd li img{width:193px;height: 124px;display: block;}
.projects .proj-hd li a{display:block;width:193px;height: 124px;}
.projects .proj-hd li em{
    
    position: absolute;
    left: 0px;
    bottom: 0px;
    line-height: 27px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
    width: 193px;
    padding-top: 52px;
    height: 72px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.projects .proj-hd li em:before{content:"";position: absolute;background: rgba(0,0,0,0.5);width: 193px;height:124px;left:0;top:0;}
.projects .proj-hd li em b{position:relative;z-index:2;display:block;width:193px;}
.projects .proj-hd .on:before{content: "";position: absolute;width:189px;height: 120px;border: 2px solid #001b42;left:0;top:0;z-index: 2;}
.projects .proj-hd .on em:before{content:"";position: absolute;background: linear-gradient(rgba(54,58,69,0), rgba(54,58,69,.9));width: 189px;height:120px;left:2px;top:2px;}
.projects .proj-hd .on:after{content: "";position: absolute;background:url(../images/projico.png) no-repeat;width:19px;height: 9px;left:50%;margin-left: -10px; bottom:-9px;}

.proj-bd dl{position: relative;height: 672px;}
.proj-bd dt{width:1920px;margin-left: -960px;position: absolute;left:50%;top:0;}
.proj-bd dd{position: absolute;right:-360px;top:85px;background: rgba(255,255,255,.95);width:960px;height: 528px;padding-left: 52px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.proj-bd h3{position: relative;}
.proj-bd h3 a{display: block;padding: 30px 0 0 0;position: relative;font-size: 30px;color: #222222;font-weight: normal;margin-bottom: 8px;overflow: hidden;width:535px;}
.proj-bd h3:before{content: "";position: absolute;width:88px;height: 3px;background: #013686;left:-102px;top:68px;}
.proj-bd .desc{width:535px;padding-bottom: 5px;}
.proj-bd p{font-size: 15px;line-height: 30px;color: #666666;width:547px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.proj-bd p strong{color: #333;font-weight: bold;margin-right: 5px; }
.proj-bd h4{height: 34px;line-height: 34px;padding-left: 20px;font-size: 18px;color: #222;position: relative;margin-bottom:10px;}
.proj-bd h4:before{content: "";position: absolute;width:5px;height: 5px;background: #616161;border-radius: 50%;left:8px;top:15px;}
.proj-bd ul{margin-left: 10px;}
.proj-bd li{float: left;width:250px;overflow: hidden;margin-right: 30px;}
.proj-bd li img{width:248px;height: 132px;display: block;border:1px solid #e2e2e2;}
.proj-bd li:nth-child(2){margin-right: 0;}
.proj-bd li em{display: block;width:250px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #222}

/**/
.g-cases{ height:905px; background:#f5f5f5; padding:75px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:130px; }
.case{position: relative;width:1320px;margin:0 auto;}
.case-nav{width:1200px;margin:0 auto;height: 75px;}
.case-nav li{ height: 41px;
    line-height: 22px;
    box-sizing: border-box;
    font-size: 17px;
    color: rgba(51, 51, 51, 0.88);
    text-align: center;
    position: relative;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
    float: left;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1.4rem;
    margin-bottom: 0.4rem;}
.case-nav li a{color: rgba(51, 51, 51, 0.88); text-decoration: none; }
.case-nav li.cur,.case-nav li:hover{border-bottom:2px solid #21499b;}
.case-nav li.cur a,.case-nav li:hover a{color:#21499b; }
.case-nav span{ height: 41px;line-height: 41px; box-sizing: border-box; font-size:17px; color: rgba(51, 51, 51, 0.88);text-align: center;position: relative; -webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;float: left;width:150px;border-radius: 20px;}
.case-nav span a{color: rgba(51, 51, 51, 0.88); text-decoration: none; }
.case-nav span.cur,.case-nav span:hover{color:#21499b;}
.case-nav span.cur a,.case-nav span:hover a{color:#21499b; }


.carousel-container{width: 1320px;margin:0 auto;}
.carousel {height:575px;width:1320px;position:relative;}
.carousel-image {border:0;display:block; position: relative;}
.carousel-feature {position:absolute;top:-1000px;left:-1000px;border:0px solid #5d5d5d;cursor:pointer;box-shadow: 0 0 20px #c0c0c0;}
.carousel-caption {position:absolute;bottom:0;width:952px;left:0;height:164px;background:rgba(0, 44, 116, 1);z-index: 5;padding:24px 52px 0;box-sizing: border-box;}
.carousel-caption .case-hz{width:121px;height:121px;display: block;border-radius: 100%;box-shadow:0 0 5px #000;float: left;}
.carousel-caption .case-hz img{width:100%;border-radius:100%;display:block;}
.carousel-caption .case-desc{width:638px;display: block;float: left;margin-left: 38px;}
.carousel-caption .case-desc h4{
    font-size: 1rem;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.4rem;
    height: 2.8rem;
}
.carousel-caption .case-desc p{font-size: 16px;line-height: 26px;color: rgba(255, 255, 255, 0.89);}

.carousel-feature .carousel-caption span { margin:0;font-size:14px;color:#fff; float: right; text-align: right;padding-right: 25px;}
.tracker-summation-container {position:absolute;color:white;right:48px;top:230px;padding:3px;margin:3px;background-color:#000;}
.tracker-individual-container { position:absolute;color:white;left:50%;top:420px; padding:0; margin:0 0 0 -39px;}
.tracker-individual-container li {list-style:none; }
.tracker-individual-container .tracker-individual-blip {margin:0 7px;text-align:center;width: 12px;height: 12px;border-radius: 100%;font-size: 0;background: #8b8f94;}
.tracker-individual-container .tracker-individual-blip-selected {color:white; font-weight:bold;background-color:#00418a;}

.carousel-left {position:absolute;top:50%;margin-top: -35px; left:205px;cursor:pointer; background:url(../images/carousel-left.png) no-repeat;width:40px;height:70px;z-index: 5;}
.carousel-right {position:absolute;top:50%;margin-top: -35px;right:205px; cursor:pointer;background:url(../images/carousel-right.png) no-repeat;width:40px;height:70px;z-index: 5;}
.tracker-summation-container{display: none;}


/**/
.g-super{ height: auto;overflow: hidden;background:#fff;padding-top:70px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-super .tit01{height:150px;}
.g-super .tit01 p{background:url(../images/supertit.png) no-repeat center bottom;}
.super{min-width: 1200px; width: 100%;height: 762px;overflow: hidden;}
.super ul{width: 100%;height: 762px;}
.super li{width:15.52%;float: left;position: relative;cursor:pointer;height: 762px;line-height:30px;font-size: 16px; box-sizing:border-box;overflow: hidden;}
.super li:last-child{border: 0;}
.super li img{display: block;}

.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0, 0, 0, 0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.shu2{width: 100%;  position: absolute;left:0rem;top:30%;text-align: center;}
.shu2 h3{width:72px; line-height: 45px;margin:0 auto;}
.shu2 h3 img{width:72px;height:82px;margin:0 auto;display: block;}
.shu2 h3 em{width:72px;text-align: center;color: #fff;font-size: 39px; font-weight: normal;}
.bock{position: absolute;left: 0; bottom:-184px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; background-size: 100% 100%;opacity: 0;}
.bock dl{width:100%;padding:40px 78px 0; height:228px;box-sizing: border-box;position: absolute;left:0; bottom:0;background:#003282;}
.bock dl dt{width:100%;margin-bottom: 1vw;clear: both;overflow: hidden;}
.bock dl dt h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:0.8rem; color: #ffffff;display: block;line-height: normal; font-weight: normal;}
.bock dl dt h3 b{font-size: 1.3rem;font-weight: bold;margin-right: 15px;}
.bock dl dd{width: 100%;font-size: 0.8rem; line-height: 24px;color:rgba(255, 255, 255, 0.7);overflow: hidden;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;  overflow: hidden; text-overflow: ellipsis;text-align: justify;}

.super li.cur{width:53.44%;}
.super li.cur .mo{opacity: 0;}
.super li.cur .shu2{opacity: 0;}
.super li.cur .bock{opacity: 1;bottom: 0;}
@media screen and (max-width:1600px) {
  .bock dl{padding:20px 52px 0;}
  .bock dl dt h3 b{ font-size:32px; }
}
@media screen and (max-width:1720px) {
  .bock dl{padding:30px 72px 0;}
  .bock dl dt h3 b{ font-size:36px; }
}

/**/
.g-xban{ max-height: 338px;margin-top:80px;overflow: hidden;width:100%;position: relative;}
.g-xban img{width: 100%;display: block;}
.xban{width:668px;position: absolute;left:50%;top:92px;}
.xban h3{ font-size: 40px;color: #063591; font-weight: normal;margin-bottom: 25px;}
.xban h3 b{font-weight: bold;}
.xban h3 em{display: block;font-size: 22px;font-weight: normal;color: #333333;}
.xban a{display: inline-block;width:176px;height:50px;line-height: 50px;text-align: center;background:url(../images/xban-btn.gif) no-repeat;color: #fff;font-size: 18px;float:left;}
.xban .xban-btn1{margin-right: 8px;}

@media screen and (max-width:1720px) {
  .xban{top:65px;}

  }
@media screen and (max-width:1600px) {
  .xban{top:50px;}
  .xban h3{ font-size: 34px;margin-bottom: 15px;}
  .xban h3 em{font-size: 18px;}
}


/* 新闻 */
.g-news{height:932px;padding-top: 82px;box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.g-news .tit01{height:142px;}
.g-news .tit01 p{background:url(../images/newstit.png) no-repeat center bottom;}
.news{width:1200px;margin:0 auto;}
.news h3{margin-bottom: 20px;height:40px;line-height: 40px;}
.news h3 a{display: block;font-size: 18px;font-weight: normal;color: #192336;padding-left:36px;}
.news h3 i{display: block; font-size: 12px;color: #192336; float:right;text-transform: uppercase;}
.news .newstit1{background: url(../images/newstit1.png) no-repeat left center;}
.news .newstit2{background: url(../images/newstit2.png) no-repeat left center;}

.news1{width:605px;float: left;}
.newcon{width:605px;height:572px; position: relative;overflow: hidden;padding:18px 26px;border:1px solid #e0e0e0;box-sizing: border-box;}
.newcon dl{width:550px; overflow: hidden; }
.newcon dt{ width:550px;height:278px; position: relative; overflow: hidden;}
.newcon dt img{width:550px;height:278px; display: block;}
.newcon dd{width:550px; overflow: hidden;box-sizing: border-box;padding-top:32px;}
.newcon dd em{ display: block; float: left;margin-right: 15px; height:28px;line-height: 26px;width: 88px; text-align: center; font-size: 16px;color: #003399; display:block; font-weight: normal; border:1px solid #003399;  }
.newcon dd h4{font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    height: 52px;
    line-height: 26px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    align-items: center;}
.newcon dd h4 a{ color:#333333;}
.newcon dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666;}
.newcon dd p a{ color: #003399; }
.newcon ul{clear: both; overflow: hidden;padding:20px 0 0;}
.newcon li{line-height: 30px; height: 30px; display: block;  padding-left: 28px; background: url(../images/newsico1.png) no-repeat left center; box-sizing: border-box;}
.newcon li a{ float:left;font-size: 14px;color:#666666;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;width:430px;}
.newcon li span{ float: right; height: 30px;display:block;  line-height: 30px;font-size: 15px; color: #666666;font-weight: normal; }



.news2{width: 560px;float: right;}
.qscon{height: 572px;overflow: hidden;;}
.qscon dl{width:560px; overflow: hidden; height:166px;border:1px solid #e0e0e0;box-sizing: border-box;padding:17px 25px 17px 0;margin-bottom: 15px;}
.qscon dt{padding-top:20px;box-sizing: border-box; width:115px;height:96px; position: relative; overflow: hidden;border-right: 1px solid #e0e0e0; font-size:22px;color: #666666; line-height: 30px;text-align: center;float: left;}
.qscon dt i{display: block; font-size:16px;color: #a7a7a7;}
.qscon dd{width:392px;float: right; overflow: hidden;box-sizing: border-box;}
.qscon dd h4{font-size: 16px; font-weight: normal;margin:5px 0; height: 30px; line-height: 30px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.qscon dd h4 a{ color:#000000;}
.qscon dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666;}
.qscon dl:hover dd h4{ color:#003399;}

.news1 dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news1 dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


/**/
.g-about{background:url(../images/about.jpg) no-repeat center top;/*background-attachment: fixed;*/ height:800px;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;}
.about{width:100%; }
.about dl{width:100%; position: relative; }
.about dl dt{width:100%;max-height:757px;}
.about dl dt img{width:100%;display: block;}
.about dl dd{width: 1200px;margin:535px auto 0;padding:52px 38px 0; height: 265px;position: relative; z-index: 1;box-sizing: border-box;background:#fff;text-align: center;}
.about dl dd h2{font-size: 44px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 60px;position: relative; }
.about dl dd a{color: #333333; }
.about dl dd em{ font-weight: normal; display: block;font-size:20px;color: #666666; line-height: 30px;}
.about dl dd p{color: #666666;font-size: 15px;line-height: 25px; text-align: center;margin-top:20px;}

.about dl dt img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.about dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

/**/
.g-show{height:auto;position: relative;margin-bottom: 70px;}
.g-show a{text-decoration: none;}
.show-tit{ height: 45px; clear: both;width: 1200px;margin:0 auto 27px;}
.show-tit a:nth-child(2) {
       width: 355px;
}
.show-tit a {
  height: 45px;
    line-height: 45px;
    width: 286px;
    text-align: left;
    font-size: 16px;
    color: rgb(51, 51, 51);
    position: relative;
    display: block;
    float: left;
    font-weight: bold;
    border-radius: 25px;
    margin-right: 22px;
}
.show-tit a em{width:28px;height:26px;display: block;position: relative;overflow: hidden;float: left;margin:8px 10px 0 42px;}
.show-tit a em img{width: 28px;display: block;position: absolute;left:0;top:0; -webkit-transition:all .35s;transition:all .35s;}
.show-tit a:first-child{ margin-left: 125px;width: 230px;}
.show-tit a:last-child{margin-right: 0;}
.show-tit a.cur em img{ top:-26px;}
.show-tit a.cur{color: #063591; font-weight: bold;}

.show{ height:auto;width: 1200px; position: relative;margin:0 auto; }
.show-left{ font:16px "Microsoft YaHei"; width:24px; height:44px;text-align:center;background:url(../images/show-left.png) no-repeat right center;color:#444; font-weight:bold; position:absolute; top:50%;margin-top:-22px; left:-60px;cursor: pointer;}
.show-right{font:16px "Microsoft YaHei"; width:24px;height:44px;text-align:center;background:url(../images/show-right.png) no-repeat left center; color:#444; font-weight:bold; position:absolute; top:50%;margin-top:-22px;right:-60px;cursor: pointer;}

.show-bd{width:1200px;  overflow: hidden;}
.show li{ width:280px; position:relative;margin-right:31px; float: left; overflow: hidden;}
.show li img{ display:block;width:280px; }
.show li img{ display:block;width:280px; }
.show li i{display: block;width:0;height:0;transform: translate(-50%,-50%);position: absolute;left:50%;right:0;top:50%;bottom: 0;background:rgba(6, 53, 145, 0.8); -webkit-transition:all .35s;transition:all .35s;}
.show li h4{font:14px "Microsoft YaHei"; line-height:30px; color:#fff; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;position: absolute;left:0;top:85px;background:url(../images/showico1.png) no-repeat center top;padding-top:22px;opacity: 0;}
.show li a{ text-decoration: none; }

.show li:hover i{width:100%;height:100%;}
.show li:hover h4{opacity: 1;}
.show li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.show li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}


/**/
.g-link{width:100%; min-height:50px;padding-top:30px; overflow: hidden;position: relative;background:#232324; }
.link{ height:auto;width:1200px;margin:0 auto; overflow: hidden;font-family:"Microsoft Yahei";color: rgba(255,255,255,.5);}
.link h2{float: left; font-weight: normal; font-size: 13px;color: #ebeaf9;line-height: 30px;width: 80px;}
.link p{  max-width: 1120px; float: left; font-size: 14px;overflow: hidden; line-height: 30px; color:#ebeaf9;}
.link a{ color: rgba(255,255,255,.5); font-size: 14px; padding-left:30px; text-align: left; line-height: 28px;display: inline-block;}

@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*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);
  }
}