@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:10px; }

.banner{max-height: 748px;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
.banner .slick-prev {left: 5%; display: none; background:url(images/lefts.png) no-repeat center center;}
.banner .slick-next {right: 5%; display: none;background:url(images/rights.png) no-repeat center center;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 3%;width: 300px;text-align: center;margin-left: -150px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;background: #cbc4b7;width: 10px;height: 10px;color: #cbc4b7; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background:url(images/curico.png) no-repeat ;width: 20px;height:20px;} 
    

.sou{ position:absolute; top:54px; right:110px; z-index:8; height:40px;cursor: pointer;}
.sou h3{ width:28px; height:28px;padding:5px;}
.sou1{ width:310px; display:none; margin:0px 0 0 -274px;}
.sou1 .ip01{width:240px; height:48px;background:#fff; padding-left:10px;outline:none; border:1px solid #f5f5f5;color:#666; font:14px "Microsoft YaHei"; line-height:50px; overflow:hidden; border-radius:25px 0 0 25px;}
.sou1 .ip02{width:58px;height:50px; background:#f5f5f5 url(images/sec.png) no-repeat center center;border:0; outline:none;border-radius:0 25px 25px 0; cursor: pointer;}
@media screen and (max-width:1300px) {
.sou{display: none;}            
}

/**/
.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:143px;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:18px;  color: #fff;text-align: center; font-weight: normal; text-align: center;width:26px; line-height: 26px;height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:10px; right:0px;background: #666666; display: block;border-radius: 100%;}
.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:#dfdede;padding:60px 0 60px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-products .tit01 p{background:url(../images/protit.png) no-repeat center bottom;}
.products{width:1200px;margin:0 auto;}
.pro-nav{margin-bottom: 20px;}
.pro-nav dl{padding:0;clear: both;overflow: hidden;margin-bottom: 8px;}
.pro-nav dd{box-sizing: border-box;display: inline-block;text-align:center;box-shadow: 0 0 5px #e3e3e3;padding:0 25px;width:100%;}
.pro-nav dd a{border-radius: 20px; height:41px;line-height: 41px;font-size: 16px;color: #333; font-weight: normal; display:inline-block;padding:0px 30px 0px 30px; margin:0px 5px;background:#ee7202;color:#fff;}
.pro-nav dd a:hover{font-weight: bold;}
.pro-nav dd a.clm-more{float: right;padding: 0;}

.pro{max-height:713px;}
.pro img{width: 100%;display: block;}
.pro-left{width:49.895%;box-sizing: border-box; float: left;}
.pro-right{width: 50%;float: left; font-size: 16px;}
.pro-right ul{clear: both;overflow: hidden;}
.pro-right li{margin-left:2.3%;width:47.7%; float: left;margin-bottom: 1.25vw;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%;height:3.645vw;line-height: 3.645vw;padding:0 30px;  font-size: 1em;  font-weight: normal;box-sizing: border-box;border-top:1px solid #e5e5e5;}
.pro-right li h4 i{ display: block;float: right;height:3.645vw;width:25px; background:url(../images/proico1.png) no-repeat right center;}
.pro-right li:hover h4{color:#002c74;}

/**/
.g-speed{height: 298px;overflow: hidden; background:url(../images/speedbg.jpg) no-repeat;padding:80px 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: 35px;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:0;bottom: 0;line-height: 40px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;text-align: center;width: 193px; padding-top: 78px; height:46px;z-index:3; }
.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: 510px;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: 48px 0 0 0;position: relative;font-size: 30px;color: #222222;font-weight: normal;margin-bottom: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;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:60px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:110px; }
.case-container{position: relative;width:1320px;margin:0 auto;}
.case-nav{width:1200px;margin:0 auto;height: 75px;}
.case-nav li{ 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 li a{color: rgba(51, 51, 51, 0.88); text-decoration: none; }
.case-nav li.cur,.case-nav li:hover{background: #ee7202;color:#fff;}
.case-nav li.cur a,.case-nav li:hover a{color:#fff; }
.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{background: #ee7202;color:#fff;}
.case-nav span.cur a,.case-nav span:hover a{color:#fff; }


.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:#ee7202;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: 20px; color: #ffffff;font-weight: bold;line-height: 58px;}
.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-partner{  background:#f5f5f5; padding:60px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-partner .tit01{height:130px; }
.partner-container{width: 100%;margin:0 auto; max-width:1320px}
.partner-container ul{width: 100%; overflow:hidden;padding-bottom:30px;margin:0px auto;}
.partner-container li{width:20%;height:250px; float: left;position: relative;cursor:pointer;font-size: 16px;text-align: center; box-sizing:border-box;overflow: hidden;}
.partner-container li img{display: block;
    width: 90%;
    height: 90%;
    margin: 0px auto;
    border-radius: 50%;}

/**/
.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 92px 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:24px; color: #ffffff;display: block;line-height: normal; font-weight: normal;}
.bock dl dt h3 b{font-size: 39px;font-weight: bold;margin-right: 15px;}
.bock dl dd{width: 100%;font-size: 16px; 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:600px;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;}
.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{overflow:hidden;margin-bottom:60px; padding-top:60px;box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.g-news .tit01{height:130px;}
.g-news .tit01 p{background:url(../images/newstit.png) no-repeat center bottom;}
.news-container{width:1320px;margin:0 auto;}
.news-container h3{margin-bottom: 20px;height:40px;line-height: 40px;}
.news-container h3 a{display: block;font-size: 18px;font-weight: normal;color: #192336;padding-left:36px;}
.news-container h3 i{display: block; font-size: 12px;color: #192336; float:right;text-transform: uppercase;}
.news-container .newstit1{background: url(../images/newstit1.png) no-repeat left center;}
.news-container .newstit2{background: url(../images/newstit2.png) no-repeat left center;}

.news1{width:705px;float: left;}
.newcon{width:705px;height:572px; position: relative;overflow: hidden;padding:18px 26px;border:1px solid #e0e0e0;box-sizing: border-box;}
.newcon dl{width:600px; overflow: hidden; height:410px;}
.newcon dt{ width:600px;height:278px; position: relative; overflow: hidden;}
.newcon dt img{width:600px;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: 58px; text-align: center; font-size: 16px;color: #ee7202; display:block; font-weight: normal; border:1px solid #ee7202;  }
.newcon dd h4{font-size: 18px; font-weight: bold;margin: 0 0 10px; height: 30px; line-height: 30px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.newcon dd h4 a{ color:#333333;}
.newcon dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666;}
.newcon dd p a{ color: #ee7202; }
.newcon ul{clear: both; overflow: hidden;padding:20px 0 0;}
.newcon li.newcon-first{height: 410px;}
.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;width:600px}
.newcon li a{ float:left;font-size: 14px;color:#666666;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.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:#ee7202;}

.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-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{height: 45px; line-height:45px;width: 200px;  text-align: left; font-size: 16px; color: #333333;position: relative; display: block; float: left;font-weight: bold;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:273px;}
.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;height:210px}
.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);
  }
}