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

.tit01{font-size: 55px; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size: 24px;color: #333333; line-height:38px;}

.yy_bj{ background:url(../images/yybg.jpg) no-repeat center top; height: 656px; padding-top:60px;box-sizing: border-box;  font-family:"Microsoft Yahei";overflow: hidden;}
.yy_bj dl {width: 1200px; position: relative; margin:0 auto;}
.yy_bj dl dd{width:485px;float: left;}
.yy_bj dl dd em{position: relative; font-size: 29px;height: 48px;color: #333333; line-height: 48px; display: block;font-weight: normal;margin-top:88px;margin-bottom: 15px;}
.yy_bj dl dd em i{position: relative;z-index: 2;}
.yy_bj dl dd em:after{content:'';position:absolute;height:5px;width:115px;background:#09015a;bottom:8px;left:0px;}
.yy_bj dl dd h3{font-size: 39px; color: #09015a; height: 120px;line-height: 40px;}
.yy_bj dl dd h3 i{display: block;color:#333333;font-size: 24px; font-weight: normal;}
.yy_bj dl dd p{line-height: 30px; text-align: justify; font-size: 15px; color: #666666;margin-bottom: 40px;}
.yy_bj dl dd p b{text-decoration: underline;}
.yy_bj dl dd span a{width:218px;height:57px;line-height: 51px;border:3px solid #132f3e;color:#132f3e;padding-left:42px;box-sizing: border-box; display: block; font-size:16px;font-weight: bold;background: url(../images/yy_btn.png) no-repeat 128px center; }

.m_zzbj{height: 321px; position: relative;background: url(../images/szbg.jpg) no-repeat center top;padding-top: 83px;box-sizing: border-box;}
.m_zz{padding:0px; width: 1200px;margin:0px auto;}
.m_zz{height: 166px;}
.m_zz ul{width: 1200px; height: 166px; position: relative; }
.m_zz li{ width:300px;padding-left: 45px; height: 166px; box-sizing: border-box; overflow: hidden; float: left; text-align: left; position: relative;  }
.m_zz li:before{content: ""; position: absolute;right:0px; height: 150px; width:2px; background:#292c2e;top:0px; }
.m_zz li em{margin-left:-5px;display: block; position: relative;width:150px; height: 100px;}
.m_zz li em b{ margin-left:0px;font-size: 86px; color: #ffffff; font-family: "Arial"; font-weight: bold;}
.m_zz li em i{ font-size: 26px;  color: #ffffff; font-weight: normal; text-align: left; line-height: 24px;  height: 24px;display: block; position: absolute;bottom:23px; right:0px; }
.m_zz li em .jia{bottom:68px;right: 20px;}
.m_zz h3{font-size: 22px; color: #ffffff; text-align: left; font-weight: normal; line-height: 40px;}
.m_zz li:nth-child(1){width: 220px;}
.m_zz li:nth-child(1) em{width: 135px;}
.m_zz li:nth-child(2){width: 340px;padding-left: 100px;}
.m_zz li:nth-child(2) em{width: 135px;}
.m_zz li:nth-child(3){width: 430px;padding-left: 100px;}
.m_zz li:nth-child(3) em{width: 230px;}
.m_zz li:nth-child(4){width: 210px;padding-left: 85px;}
.m_zz li:nth-child(4) em{width: 90px;}
.m_zz li:nth-child(4):before{background: none;}
.m_zz li:hover em b{color:#09015a;}

/**/
.pro_bj{height: auto;overflow: hidden; background:url(../images/cpbg.jpg) no-repeat center top;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei";border-top: 3px solid #fff; }
.pro_bj h2{margin-bottom: 23px;}
.pro{width:1200px;margin:0 auto;}

.pro_nr{height: 632px; width: 100%;position: relative;}
.pro_nr dl{width:1200px;height: 632px;overflow: hidden;background: #fff;}
.pro_nr dl dt{width: 692px;float: right;}
.pro_nr dl dt img{width: 100%;height: auto;display: block;margin: 0uto;margin-top: 115px;}
.pro_nr dl dd{width: 502px;height:632px;padding: 80px 75px 0 44px;box-sizing: border-box;float: left;}
.pro_nr dl dd h4{font-size: 28px;color:#132f3e;font-weight: bold;margin-bottom: 26px;height: 100px;border-bottom: 3px solid #132f3e;}
.pro_nr dl dd h4 a{color:#132f3e;text-decoration: none;}
.pro_nr dl dd h4 i{display: block;font-size: 24px;color:#132f3e;font-weight: normal;}
.pro_nr dl dd .desc{margin-bottom: 35px;}
.pro_nr dl dd b{ font-size: 16px;color:#333333;height: 34px;line-height: 34px;}
.pro_nr dl dd p{font-size: 16px;color:#666666;line-height: 25px;text-align: left;padding-left: 20px;background: url(../images/cpico1.png) no-repeat left center;}
.pro_nr dl dd span{display:block;}
.pro_nr dl dd span a{font-size: 16px;color:#ffffff;display: block;text-align: left;padding-left:35px;width:224px;height:56px;line-height: 56px;box-sizing: border-box;background:#09015a url(../images/ys_btn.png) no-repeat 131px center;text-decoration: none;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.pro_nr dl dd span a:hover{background-position: 135px center;}
.pro_nr dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.pro_nr dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/**/
.cpbj2{width: 100%;height: 578px;position: relative;background:#fff;padding-top:70px;box-sizing: border-box;}
.fenl2{ width: 1200px; margin:0 auto; height: 70px; line-height: 70px;}
.fenl2 span{font-size: 30px;color: #333333;font-weight: bold;float: left;display: block;line-height: 40px;width: 250px;}
.fenl2 span a{color: #333333;text-decoration: none;}
.fenl2 p{float: left;margin-top: 8px;}
.fenl2 p a{line-height: 37px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 16px; color: #333333;font-weight:normal;display: block; float: left; text-decoration: none;padding:0 10px;border-radius: 25px; }
.fenl2 p a.cur,.fenl2 p a:hover{background: #09015a;color:#fff;font-weight: bold;}
.cp2{width: 1200px;height: 368px;margin:0 auto;position: relative;}
.cp_l{position: absolute;left:-54px;top:112px;background: url(../images/cp_l.png) no-repeat;width:29px;height:50px;z-index: 3;}
.cp_r{position: absolute;right:-54px;top:112px;background: url(../images/cp_r.png) no-repeat;width:29px;height:50px;z-index: 3;}
.cp_gd{width:1200px;overflow: hidden;}
.cp2 li{width: 388px!important;border:1px solid #e4e3e3;margin-right: 12px;display: block;float: left;overflow: hidden;position: relative;height: 350px;}
.cp2 li a{text-decoration: none;}
.cp2 li img{width: 100%;/* height: 200px; */display: block;margin-top: 69px;}
.cp2 li h4{height: 0;  text-align: center; color: #ffffff; position: absolute; background: url(../images/cp2tm.png) no-repeat center top;bottom:-100%;left:0;width:100%; font-size: 16px; color:#ffffff;padding-top: 144px;box-sizing: border-box; -webkit-transition: .35s;-moz-transition: .35s;transition: .35s;font-weight: normal;}
.cp2 li:hover h4{height:100%;bottom:0;}

/**/
.sybj{height: 826px;overflow: hidden; background:url(../images/sybg.jpg) no-repeat center top;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;margin:0 auto;max-width: 1920px; }
.sy{width:1200px;margin:0 auto;}
.sy .desc{width:464px; float: right;height:375px;}
.sy .desc h2{text-align: left; margin-bottom: 20px; font-size: 46px;}
.sy .desc em{display: block; font-size: 16px;color:#666666;line-height: 25px;text-align: justify;margin-bottom: 30px;}
.sy .desc span{display:block;}
.sy .desc span a{font-size: 16px;color:#ffffff;display: block;text-align: center;width:224px;height:56px;line-height: 56px;box-sizing: border-box;text-decoration: none; font-weight: bold;float: left;}
.sy .desc span a.zx{background:#09015a;margin-right:15px;}
.sy .desc span a.dz{background:#444444;}

.sy_c{width:860px;height: 300px;box-shadow: 10px 10px 35px #c7c8cb;float: right;background: #fff;padding:0 30px;}
.sy_c h3{height:66px; line-height: 66px;}
.sy_c h3 a{width: 131px;display: block;float: left;padding-left:20px;position: relative; font-size: 21px;color:#333333;text-decoration: none;}
.sy_c h3 a:before{content: ""; position: absolute;left:2px; height: 26px; width:3px; background:#181919;top:21px; }
.sy_c h3 a.on{width: 131px;display: block;float: left;padding-left:20px;position: relative; font-size: 21px;color:#09015a;text-decoration: none;}
.sy_c h3 a.on:before{content: ""; position: absolute;left:2px; height: 26px; width:3px; background:#09015a;top:21px; }

.sy_nr{width:860px;overflow: hidden;}
.sy_nr li{width:270px;float: left;margin-right: 18px;border: 1px solid #e4e3e3;margin-top: 29px;height: 239px;}
.sy_nr li img{width: 100%;height: 158px;display: block;margin-top: 50px;}


/**/
.ysbj{ height:auto; background:#f2f5f8 url(../images/ysbg.jpg) no-repeat center 212px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px;margin:0 auto;padding-bottom:180px;}
.ysbj h2{height:212px;background:#fff;padding-top:80px; box-sizing: border-box;}
.ys{position: relative;}
.ys_bd ul{width: 100%;}
.ys_bd li{width:17.2%;height:593px;float: left;position: relative;cursor:pointer;margin-right:1.5%; box-sizing:border-box;}
.ys_bd li:last-child{margin-right: 0;}
.ys_bd li h5{width:100%;display: block;height:593px;float: left;position: relative;}
.ys_bd li h5 i{width:100%;height:100%; display: block;position: absolute;left:0;right:0;top:0;bottom: 0;background: rgba(0,0,0,0.5)}
.ys_bd li h5 img{width:98px;height:382px; display: block;position: absolute;left:15%;top:75px;}
.ys_bd li dl{width:100%;float: left;display: none;opacity: 0;position: relative;}
.ys_bd li dl dt{width:100%;height:593px;}
.ys_bd li dl dt img{}
.ys_bd li dl dd{width:30%;height:438px;background:#fff;padding:50px 32px 0; box-sizing: border-box;position: absolute;left:9.15%;bottom:-40px;box-shadow: 10px 10px 25px #c9cbce; }
.ys_bd li dl dd h4{font-size: 36px; color: #333333;font-weight: bold;margin-bottom:20px;line-height: 35px;}
.ys_bd li dl dd h4 em{ display: block; font-size: 22px;color:#333333; font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ys_bd li dl dd p{font-size:16px; color:rgba(51,51,51,0.88);line-height: 25px; font-family:"Microsoft Yahei";margin-bottom:30px;
  display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;  overflow: hidden; text-overflow: ellipsis;}
.ys_bd li dl dd span{display:block;}
.ys_bd li dl dd span a{font-size: 16px;color:#ffffff;display: block;text-align: left;padding-left:35px;width:224px;height:56px;line-height: 56px;box-sizing: border-box;background:#09015a url(../images/ys_btn.png) no-repeat 131px center;text-decoration: none;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys_bd li dl dd span a:hover{background-position: 135px center;}

.ys li.cur{width:62.5%;}
.ys li.cur h5{ display: none;}
.ys li.cur i{background: rgba(0,0,0,0);}
.ys li.cur dl{display: block;opacity: 1;}

.ys_hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:95px;overflow:hidden;}
.ys_hd ul{margin-left:500px;}
.ys_hd ul li{float:left;margin:0 15px;display:inline;cursor:pointer;width:22px;height:22px;background:#333333;}
.ys_hd ul .on{background:#09015a;}

@media screen and (max-width:1366px) {
  .ys_bd li dl dd span a{width:150px; background:#09015a;text-decoration: none;}
}
/**/
.fwbj{ height:962px; background:#fff url(../images/fwbg.jpg) no-repeat center bottom; padding:75px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; margin:0 auto; clear: both; }
.fwbj h2{ margin-bottom: 25px; }
.fw{width: 1200px;height:568px; margin:0 auto 52px;}
.fw dl{width:388px;height:568px; float: left;padding:82px 40px 0; box-sizing: border-box;background:url(../images/fw1bg.jpg) no-repeat center top;margin-right:17px;}
.fw dl dt{width:138px;height:138px;position: relative;overflow: hidden;margin:0 auto;}
.fw dl dt img{width:138px;display: block;position: absolute;left:0;top:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.fw dl dd{text-align: center;padding-top: 18px;}
.fw dl dd h4{font-size: 28px; color: #333333;font-weight: bold;margin-bottom:20px;line-height: 35px;}
.fw dl dd h4 em{ display: block; font-size: 25px;color:#898a8c; font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-family: Arial, Helvetica, sans-serif;}
.fw dl dd p{font-size:16px; color:#666;line-height: 24px; font-family:"Microsoft Yahei";height:110px;overflow: hidden;}
.fw dl dd .zx{font-size: 16px;color:#ffffff;display: block;text-align: left;padding-left:35px;width:224px;height:57px;line-height: 57px;box-sizing: border-box;background:url(../images/zx1.png) no-repeat ;text-decoration: none;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;margin:0 auto;}
.fw dl:hover{background:url(../images/fw2bg.jpg) no-repeat center top;}
.fw dl:hover dt img{top:-138px;}
.fw dl:hover dd .zx{background:url(../images/zx1hover.png) no-repeat ;}
.fw dl:hover dd h4{color:#fff;}
.fw dl:hover dd h4 em{color:#ecadad;}
.fw dl:hover dd p{color:#fff;}
.fw dl:last-child{margin-right:0;}

.fwtel{width:1200px;height:60px;position: relative;margin:0 auto;}
.fwtel:after{content:'';position:absolute;height:1px;width:700px;background:rgba(255,255,255,0.2);top:38px;left:263px;}
.fwtel p{ font-size: 31px;color:#ffffff; font-family: Arial, Helvetica, sans-serif;padding-left: 48px;background: url(../images/fwtel.png) no-repeat left center; font-weight: bold; float: left;}
.fwtel p i{ display: block;font-size: 17px; font-weight: normal;}
.fwtel span{display:block; float: right;}
.fwtel span a{font-size: 16px;color:#ffffff;display: block;text-align: left;padding-left:35px;width:224px;height:62px;line-height: 56px;box-sizing: border-box;background:url(../images/ys_btn.png) no-repeat 131px center;text-decoration: none;border:3px solid #f2f5f8;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.fwtel span a:hover{background-position: 135px center;}

/**/
.casebj{ height:626px; background:#f2f5f8; padding:70px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; margin:0 auto; clear: both; }
.casebj h2{ margin-bottom: 15px; }
.casetit{width: 100%;height: 58px;}
.case_nav{height: 58px;width:1200px;margin:0 auto;}
.case_nav li{height: 58px;line-height: 58px;margin-right: 130px;font-size:18px;color: #333333;text-align: left;float: left;box-sizing: border-box;position: relative;}
.case_nav li:after{content:'';position:absolute;height:3px;width:0;background:#004890;top:-1px;left:0;-webkit-transition:width .5s;transition:width .5s;color: #333333; z-index: 1;}
.case_nav li em{display: block;width: 37px; height: 31.5px; overflow: hidden; position: relative; float: left;margin-top: 13px;margin-right: 8px; }
.case_nav li em img{width:37px; display: block;position: absolute;top:-33px;left:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_nav li a{color: #333333; text-decoration: none; }
.case_nav span{ height: 58px; line-height: 58px; font-size:18px; color: #333333;text-align: left;float: left; box-sizing: border-box;position: relative;display: block;}
.case_nav span em{display: block;width: 37px; height: 31.5px; overflow: hidden; position: relative; float: left;margin-top: 13px;margin-right: 8px; }
.case_nav span em img{width:37px; display: block;position: absolute;top:-33px;left:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_nav span a{color: #333333; text-decoration: none; }
.case_nav li.cur a,.case_nav li:hover a{color: #09015a;font-weight: bold;}
.case_nav li.cur em img,.case_nav li:hover em img{top:0;}

.case{width: 1200px;margin:0 auto;overflow: hidden;}
.case dl{width:1200px;height: 371px;overflow: hidden;background: #09015a;}
.case dl dt{width:495px; float: left;}
.case dl dt img{width:495px;height:371px; display: block;}
.case dl dd{width:705px; height:371px;padding:42px 55px 0 50px;box-sizing: border-box;  float: left;}
.case dl dd .desc{margin-bottom: 28px;}
.case dl dd p b{ font-weight: bold;}
.case dl dd p{font-size: 16px;color:#ffffff;line-height: 29px;text-align: left;}
.case dl dd span{display:block;}
.case dl dd span a{font-size: 16px;color:#ffffff;display: block;text-align: left;padding-left:35px;width:224px;height:62px;line-height: 56px;box-sizing: border-box;background:#09015a url(../images/ys_btn.png) no-repeat 131px center;text-decoration: none;border:3px solid #f2f5f8;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.case dl dd span a:hover{background-position: 135px center;}
/**/
.hzbj{height: 350px;overflow: hidden; background:#f2f5f8;padding-top:20px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.hz{width: 1200px;height: 206px;margin:0 auto;position: relative;padding-top:42px;box-shadow: 10px 10px 35px #c7c8cb;background: #fff;}
.hz h2{text-align: center; width:192px;border-bottom:1px solid #d4d4d4; color:#333333; font-size: 24px;height:40px;line-height: 40px;margin:0 auto 15px; font-weight: normal;}
.hz h2 a{color:#333333;}
.hz_l{position: absolute;left:30px;top:137px;background: url(../images/hz_l.png) no-repeat;width:20px;height:35px;z-index: 3;}
.hz_r{position: absolute;right:30px;top:137px;background: url(../images/hz_r.png) no-repeat;width:20px;height:35px;z-index: 3;}
.hz_c{width:1072px;overflow: hidden;margin:0 auto;}
.hz li{width:200px;margin-right: 18px;display: block; float: left;overflow: hidden;position: relative; }
.hz li a{text-decoration: none;}
.hz li img{width: 200px;height:112px; display: block;border:1px solid rgba(0, 0, 0, 0); box-sizing: border-box;}

.hz li:hover img{border:1px solid #09015a;}

/**/
.nswsbj{ height: 880px; box-sizing: border-box; background:#fff; padding-top:70px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{margin-bottom: 22px;}
.news{width:1200px;}
.news .newstit{height:50px; margin-bottom: 30px;}
.news .newstit li{color:#333333;height: 50px;line-height: 48px;display: block; font-weight: normal;text-decoration: none;width:218px;position: relative; float: left; font-size: 20px;border:1px solid #ebebeb; text-align: center;margin-right:20px;}
.news .newstit li a{color:#333333;}
.news .newstit li.cur{background-color: #09015a;color:#fff;border-color: #09015a;}
.news .newstit li.cur a{color:#fff;}
.news .newstit li:nth-child(1){margin-left:260px;}

.news_c .dl01{width:569px;  height:520px; float: left;}
.news_c .dl01 dt{ width:569px;height:284px; position: relative; overflow: hidden; }
.news_c .dl01 dt img{width:569px;height:284px; display: block;}
.news_c .dl01 dd{padding: 36px 36px 0; width:569px;height:228px;box-sizing: border-box;box-shadow: 0 0 15px #ecebeb;}
.news_c .dl01 dd h4{font-size: 18px; font-weight: bold;line-height:28px;color:#333333;overflow: hidden;text-overflow: ellipsis;margin-bottom: 18px; }
.news_c .dl01 dd h4 a{ color:#333333;}
.news_c .dl01 dd p{overflow: hidden;font-size: 15px; line-height: 28px; color:#666666; text-align: justify;}
.news_c .dl01 dd p a{ color: #09015a; }

.news_1{float: right;width:598px;}
.news_1 .dl02{width:598px;  height:163px;background: #f6f6f6;margin-bottom:11px;}
.news_1 .dl02 dt{ width:216px;height:163px; position: relative; overflow: hidden; float: left;}
.news_1 .dl02 dt img{width:216px;height:163px; display: block;}
.news_1 .dl02 dd{padding: 27px 27px 0; width:382px;box-sizing: border-box;float: left;}
.news_1 .dl02 dd h4{font-size: 18px; font-weight: bold;line-height:28px;color:#333333;overflow: hidden;text-overflow: ellipsis;margin-bottom: 18px;height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news_1 .dl02 dd h4 a{ color:#333333;}
.news_1 .dl02 dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666; text-align: justify;}
.news_1 .dl02 dd p a{ color: #09015a; }
.news_c dl:hover dd h4 a{color: #09015a; }
.news_c dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_c dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/**/
.aboutbj{background:url(../images/abtbg.jpg) no-repeat center top;height: 937px;max-width: 1920px;margin:0 auto;font-family:"Microsoft Yahei";box-sizing: border-box;overflow: hidden;position: relative;padding-top: 70px;}
.aboutbj h2{margin-bottom:30px;}
.about{width:1200px;margin:0 auto; }
.about dl{width:100%; position: relative; }
.about dl dd{width: 1200px;margin-bottom: 15px;}
.about dl dd p{color: #666666;font-size: 16px;line-height: 25px; font-weight: normal; text-align: center;}
.about dl dt{height:88px; line-height: 88px;}
.about dl dt i{height:88px; line-height: 88px;width: 272px; display: block; font-size:20px;color:#333333; font-weight: bold; float: left;}
.about dl dt i img{width:88px;height: 88px; float: left; display: block;margin-right:15px;}
.about dl dt a:nth-child(1) i{margin-left:242px;}
.about dl dt a:hover i{color:#09015a;}
.about dl dt a img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.about dl dt a:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}


.link_bj{width:100%; margin: 0 auto;min-height:57px; overflow: hidden;border-top:1px solid rgba(255,255,255,0.1);margin-top:-58px; }
.link{width: 1200px;margin:0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{color: #fff; opacity: 0.5;font-size: 16px;width:82px; float: left;line-height: 57px; font-weight: normal;}
.link p{ font-size: 16px;overflow: hidden; line-height: 57px; color:#ffff;width:1100px;float: left;}
.link p a{ color: #fff; opacity: 0.5;font-size: 16px; padding-right:35px; text-align: left;    float: left;}


@-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);
  }
}