@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: 60px; font-family: "Microsoft YaHei";color: #000000;font-weight:normal;position: relative; }
.tit01 a{color: #000000; }
.tit01 b{color: #be0d1d; font-weight: normal;}
.tit01 p{ font-weight: normal; display: block;font-size:24px;color: #333333; line-height: 34px; }
.tit01 p i{position: relative;padding:0 20px;}
.tit01 p i::before{content: "";position: absolute;width:105px;height: 1px;background:#c7c7c7;left:-105px;top:50%;}
.tit01 p i::after{content: "";position: absolute;width:105px;height: 1px;background:#c7c7c7;right:-105px;top:50%;}
/**/
.g-guide{ background:#fff; height:762px; padding-top:40px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.g-guide .tit01{height: 85px;background: url(titbg.gif) no-repeat center bottom; margin-bottom: 22px;}
.g-guide .tit01 h2{font-size: 40px; font-weight: bold;}
.g-guide .tit01 h2 b{font-weight: bold;}
.guide{width:1200px;margin:0 auto;position: relative;}
.guide dl dd{font-size: 15px; color: rgba(3, 6, 16, 0.8); line-height:30px;text-align: center;height:92px;}
.guide dl dt{overflow: hidden; width:1200px;height: 302px; position: relative; }
.guide dl dt img{width: 1200px; height: 302px;  display: block;}
.guide dl dt i{width: 116px; height:116px;  display: block;background: url(vdo-btn.png) no-repeat; position: absolute; left:50%;top:50%;margin-left:-58px;margin-top:-58px; z-index: 1;}
.guide dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.digital ul{width: 1200px; height:98px;margin:35px auto 0; position: relative; clear:both;overflow: hidden; }
.digital li{ width:200px;padding-left: 82px;height: 80px; box-sizing: border-box; float: left; text-align: left; position: relative;}
.digital li::after{content: "";position: absolute;width: 2px;height: 60px;background:#e5e5e5;right:0px;top:18px;} 
.digital li em{margin-left:0px;display: block; position: relative;font-size: 55px;height: 55px;line-height: 55px;color: #2e343e;}
.digital li em b{ margin-left:0px;font-size: 50px; color: #be0d1d; font-family: "Myriad Pro","Arial"; font-weight: bold;height: 55px;line-height: 55px;}
.digital li em i{ font-size:16px;  color: #333333;text-align: left; font-weight: normal; text-align: normal; line-height: 26px;height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:10px; right:0px; }
.digital li h3{font-size: 15px; color: rgba(0, 0, 0, 0.7); text-align: left; font-weight: normal;line-height: 30px;padding-left:28px; }
.digital li:nth-child(1){padding-left:0;}
.digital li:nth-child(1) em{width:135px}
.digital li:nth-child(1) h3{padding-left:10px;}
.digital li:nth-child(2){width:265px;padding-left:77px;}
.digital li:nth-child(2) em{width:105px;}
.digital li:nth-child(2) h3{padding-left:0px;}
.digital li:nth-child(3){width:270px;}
.digital li:nth-child(3) em{width:130px;}
.digital li:nth-child(3) h3{padding-left:20px;}
.digital li:nth-child(4){width:246px;padding-left:74px;}
.digital li:nth-child(4) em{width:120px;}
.digital li:nth-child(5){width:210px;padding-left:60px;}
.digital li:nth-child(5) em{font-size: 50px; color: #be0d1d; font-family: "Myriad Pro","Arial";}
.digital li:nth-child(5) h3{padding-left:60px;}
.digital li:nth-child(5)::after{width:0;}

/**/
.g-products{height: auto;overflow: hidden; background:#f9f9f9;padding:62px 0 104px; box-sizing: border-box; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products .tit01{height:156px;}
.products{width:1200px;margin:0 auto;}

.pro{width:1200px;background: #fff;margin-bottom: 60px;}
.pro dl{height:426px;}
.pro dl dt{width:768px;height: 426px;position: relative;float: left;}
.pro dl dt img{width:100%;display: block;}
.pro dl dt h3{font-size: 38px;color:#ffffff;font-weight: bold; line-height:55px;padding-bottom: 30px;background:url(clmico.png) no-repeat left bottom;position: absolute;left:35px;top:50px;}
.pro dl dd{width:432px;height: 426px;padding:26px;border:1px solid #fff;float: left;box-sizing: border-box;box-shadow: 0 0 6px #e4e4e4;}
.pro dl dd .clm-erj{margin-bottom: 15px;}
.pro dl dd .clm-erj a{width:120px;height: 31px;line-height: 32px;background:#e3e3e3;text-align: center;float: left;display: block;margin:0 9px 9px 0; font-size: 14px;color: #333333;}
.pro dl dd .clm-erj a:nth-child(3n){margin-right: 0;}
.pro dl dd .clm-erj a:hover{background:#be0d1d;color:#fff;}
.pro dl dd .pro-desc{margin-bottom: 15px;}
.pro dl dd p{font-size: 14px;color: rgba(51, 51, 51, 0.7);line-height: 30px;}
.pro dl dd strong{font-weight: bold;color: #333333;display: block;float: left;}
.pro dl dd em{display: inline-block;width:282px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.pro dl dd .pro-btn{display: block;background:#be0d1d; height:41px; line-height: 41px;width: 156px;text-align: center;color: #ffffff;font-size: 15px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}

.pro-nav{width:1200px;margin-bottom: 18px;clear: both;overflow: hidden;}
.pro-nav dl{padding:0 35px;position: relative;width:318px; float: left;box-sizing: border-box;}
.pro-nav dl::after{content: "";position: absolute;width: 1px;height: 123px;background:#e5e5e5;right:0px;top:28px;} 
.pro-nav dt{height:40px;padding:10px 0;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;}
.pro-nav dt a{height:40px;line-height: 40px;text-align: left;font-size: 20px;color: #333333; font-weight: bold; display: block;background: url(clmico.png) no-repeat right center;}
.pro-nav dd a{display: block;width:50%;float: left;font-size: 14px;color: #333333;line-height: 28px;}
.pro-nav dd a:hover{color: #be0d1d;}
.pro-nav dl:first-child{padding-left:0;width:282px;}
.pro-nav dl:last-child{width:282px;padding-right: 0;}
.pro-nav dl:last-child::after{width:0;}

.pro-c{width:1200px;}
.pro-c .pro-bd{clear: both;overflow: hidden;}
.pro-c li{margin-right:25px;width:281px;height:281px;float: left;position: relative;}
.pro-c li span img{width:100%;display: block;max-height:281px; }
.pro-c li h4{width:100%; height: 50px;line-height: 50px;position: absolute;left:0;bottom: 0; font-size: 16px;color:#333333;font-weight: normal; text-align: center;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;border-bottom: 2px solid #be0d1d;}
.pro-c li h4 img{ width:16px;height:16px;vertical-align: middle;margin-left: 5px;display: none;}
.pro-c li:hover h4{color:#fff;background:#be0d1d;border-top-left-radius: 22px;border-top-right-radius: 22px;}
.pro-c li:hover h4 img{display: inline-block;}

/**/
.g-chara{ height: 950px;overflow: hidden;background:url(charabg.jpg) no-repeat center top;padding-top:70px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-chara .tit01{height:162px;}
.g-chara .tit01 h2{color: #fff;}
.g-chara .tit01 p{font-weight: lighter;font-size: 18px;color: rgba(255, 255, 255, 0.5);}
.g-chara .tit01 p i{color: rgba(255, 255, 255, 0.5);}
.chara{width: 1400px; height: 600px;overflow: hidden;margin:0 auto;}
.chara ul{width: 100%;height: 600px;position: relative;border:1px solid rgba(255, 255, 255, 0.26);box-sizing: border-box;}
.chara ul::after{content: "";position: absolute;width: 100%;height: 100%;background:rgba(255, 255, 255, 0.26);right:0px;top:0;opacity: 0.5;} 
.chara li{width:212px;float: left;position: relative;cursor:pointer;height: 600px; border-right:1px solid rgba(255, 255, 255, 0.26); box-sizing:border-box;overflow: hidden;z-index: 1;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.chara li:last-child{border: 0;}
.chara li img{display: block;}
.chara li .chara-txt{text-align: center;padding:150px 15px 0;width: 100%;box-sizing: border-box;opacity: 1; -webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.chara li .chara-txt em{display: block; font-size:50px;color: rgba(255, 255, 255, 0.5); font-weight: normal;}
.chara li .chara-txt  h3{ font-size: 28px;font-weight: normal; line-height: 65px;color: #fff;}
.chara li .chara-txt p{line-height: 24px;font-size: 12px;color: rgba(255, 255, 255, 0.7);height: 145px;}
.chara li .chara-txt i{width:120px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background:#be0d1d;margin:0 auto;display: block;}
.chara li dl{position: absolute; width: 100%;left:0;top:0;height: 100%;background:#fff;opacity: 0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.chara li dl dd{width:287px;height:262px; margin:0 auto;text-align: center;padding-top:45px;box-sizing: border-box;}
.chara li dl dd h3{ font-size: 34px;color: #252525;font-weight: bold; line-height: 65px;height: 65px;text-align: left;padding-bottom: 18px;margin-bottom: 18px; border-bottom: 1px solid #cccccc;}
.chara li dl dd h3 em{font-size: 50px;color: rgba(0, 0, 0, 0.2); font-weight: lighter; display: block; float: left;margin-left: 65px;margin-right: 10px;}
.chara li dl dd p{ font-size: 16px;line-height: 28px;color: rgba(0, 0, 0, 0.7);}
.chara li dl dt{width:100%;}

.chara li.cur{width: 338px;}
.chara li.cur .chara-txt{opacity: 0;}
.chara li.cur dl{opacity: 1;}

@media screen and (max-width: 1600px) {
  .chara{width: 1200px;}
  .chara li{width:180px;}
  .chara li.cur{width: 298px;}
}

/**/
.g-super{ height: auto;overflow: hidden;background:#f2f2f2;padding-top:55px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.g-super .tit01{height:148px;}
.super{width: 100%;position: relative;height: 849px;overflow: hidden;}
.super-nav{width: 1400px;height: 174px;z-index: 1;position: absolute;left:50%;bottom: 0;margin-left: -700px;}
.super-nav ul{}
.super-nav li{width: 350px; height: 174px; cursor: pointer; float: left;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;overflow: hidden;background:#fff;}
.super-nav li .super-txt{padding:22px 40px 0;}
.super-nav li .super-txt span{display: block; position: relative;height: 50px;}
.super-nav li .super-txt span::after{content: "";position: absolute;width: 25px;height:2px;background:#282828;left:0px;top:2px;} 
.super-nav li .super-txt span img{width:44px;height:44px;float: right;}
.super-nav li .super-txt h4{font-size: 22px;color: #be0d1d; font-weight: bold; line-height:30px;}
.super-nav li .super-txt em{display: block; font-size:18px; color: #282828;font-weight: bold; }
.super-nav li:last-child{background:#f8f8f8;}
.super-nav li dl{width:100%;padding:5px;height: 0;display: none;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;box-sizing: border-box;}
.super-nav li dt{width:100%;display: block;position: relative;}
.super-nav li dt img{width:100%;display: block;}
.super-nav li dt i{width: 80px;height:80px;display: block;position: absolute;left:50%;margin-left:-40px;bottom:-40px;background:#fff;border-radius: 100%;padding-top: 10px;box-sizing: border-box;}
.super-nav li dt i img{width:53px;height:53px;display: block;margin:0 auto;}
.super-nav li dd{padding:40px 22px 0;}
.super-nav li dd p{ font-size: 16px;color: #f8f6f7;opacity: 0.6;margin-top: 10px;}
.super-nav li.cur{background:#be0d1d;height: 364px;margin-top:-190px;}
.super-nav li.cur dl{opacity: 1;display: block;}
.super-nav li.cur .super-txt{opacity: 0;display: none;}

.super-c{height: 849px;width: 1200px; margin:0 auto;}
.super-c dl{width:1200px;height:849px; position:relative;}
.super-c dt{ width:1920px; height:849px; overflow:hidden; position: absolute;left:50%;top:0; margin-left: -960px;}
.super-c dt img{ display:block;width:1920px; height:849px; }

@media screen and (max-width: 1600px) {
  .super-nav{width: 1200px;margin-left: -600px;}
  .super-nav li{width: 300px;}
}
/**/
.g-cases{ height:1148px; background:#fff; padding:98px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:146px; }
.case{position: relative;height: 600px;width:1200px;margin:0 auto 42px;}
.casetit{width:250px;position: absolute;left:0;top:0;z-index: 3;}
.casetit li{width:100%; height: 120px;float: left; font-size:20px; color: #000000;text-align: left;box-sizing: border-box;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border-bottom: 1px solid #d1d1d1;padding-left:30px;background:rgba(255, 255, 255, 0.95); line-height: 120px; font-weight: bold;}
.casetit li a{color: #000000; text-decoration: none;}
.casetit li::after{content: "";position: absolute;width: 0px;height: 2px;background:#ffffff;left:95px;top:80px;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.casetit li em{display: block;width: 52px; height: 52px; overflow: hidden; position: relative; float: left;margin-top:35px;margin-right: 15px;}
.casetit li em img{height:52px; display: block;position: absolute;left:-52px;top:0;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.casetit li.cur,.casetit li:hover{color: #fff; background:#be0d1d;border-color: #be0d1d;}
.casetit li.cur a,.casetit li:hover a{color: #fff;}
.casetit li.cur::after,.casetit li:hover::after{width:90px;}
.casetit li:hover em img,.casetit li.cur em img{left:0;}
.casetit span{width:100%; height: 120px;float: left; font-size:20px; color: #000000;text-align: left;box-sizing: border-box;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;padding-left:30px;background:rgba(255, 255, 255, 0.95); line-height: 120px; font-weight: bold;display: block;}
.casetit span a{color: #000000; text-decoration: none;}
.casetit span::after{content: "";position: absolute;width: 0px;height: 2px;background:#ffffff;left:95px;top:80px;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.casetit span em{display: block;width: 52px; height: 52px; overflow: hidden; position: relative; float: left;margin-top:35px;margin-right: 15px;}
.casetit span em img{height:52px; display: block;position: absolute;left:-52px;top:0;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}

.m_case dl{width: 1200px;height: 600px;position: relative;}
.m_case dl dt{width: 1200px;height: 600px; }
.m_case dl dt img{width: 100%;height: 600px;display: block;}
.m_case dl dd{width: 856px;height: 90px;overflow: hidden;; padding:12px 50px 0;text-align: left;box-sizing: border-box;margin:0 auto;position: absolute;right:46px;bottom:23px;z-index: 1;background: rgba(255, 255, 255, 0.95);-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;padding: 12px 0 0 30px;}
.m_case dl dd h4{font-size: 22px;color:#333333;line-height: 40px;font-weight: bold;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.m_case dl dd h4 a{color:#333333;}
.m_case dl dd p{font-size: 14px;color: #4c4c4c;line-height: 28px;}

.case-c{width:1200px;margin:0 auto;}
.case-c .case-bd{clear: both;overflow: hidden;}
.case-c li{margin-right:27px;width:278px;float: left;position: relative;}
.case-c li img{width:100%;display: block;}
.case-c li h4{width:100%; height: 30px;line-height: 30px;margin-top:10px; font-size: 16px;color:#4c4c4c;font-weight: normal; text-align: center;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-c li:hover h4{color:#be0d1d;}

/**/
.g-news{ height: 912px; box-sizing: border-box; background:#f5f5f5; padding-top:80px; overflow: hidden; font-family:"Microsoft Yahei";}
.g-news .tit01{ height:148px;}
.news{width:1268px;position: relative;margin:0 auto;}

.news1{width:482px; height:579px;background:url(news1bg.jpg) no-repeat center; float: left;padding:25px 37px 0 34px;box-sizing: border-box;position: relative;}
.newstit1{height:70px;margin-bottom: 15px;}
.newstit1 h3{font-size: 26px;color: #fff;background:url(newsico.gif) no-repeat right 10px; font-weight: normal;}
.newstit1 h3 b{font-weight: bold;}
.newstit1 h3 i{display: block; font-weight: normal;font-size: 15px;color: rgba(255, 255, 255, 0.5);}
.news1 h5{height:20px;width:128px;position: absolute;top:315px;right:37px;}
.news1 h5 i{display: block;height:9px;width:9px;background: #fff;border-radius: 100%; float: left;margin-right: 7px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news1 h5 i.on{width:40px;border-radius: 4px;background:#be0d1d;}
.news-c{width:411px;overflow: hidden;}
.news-c dl{width:411px;  overflow: hidden;position: relative;background:#fff;}
.news-c dt{ width:411px;max-height: 245px; overflow: hidden;}
.news-c dt img{width:411px; display: block;}
.news-c dd{width:411px; overflow: hidden;box-sizing: border-box;padding: 30px 0 10px;}
.news-c dd h4{font-size: 16px; font-weight: bold;height: 32px; line-height: 32px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;font-family:"Microsoft Yahei";padding-left:25px;background:url(time.png) no-repeat left center;}
.news-c dl h4 a{ text-decoration: none; color:#000000;}
.news-c dd p{overflow: hidden;font-size: 16px; line-height: 24px; color:rgba(102, 102, 102, 0.8);display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;height: 100px;}
.news-c dd em{display: block;text-align: right;font-size:14px;color: rgba(51, 51, 51, 0.5); line-height: 24px; font-weight: bold;position: relative;}
.news-c dd em::after{content: "";position: absolute;width:63px;height:1px;background:#ababab;left:0px;top:50%;} 
.news-c dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news-c dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


.news2{width:765px; float: right;}
.news2-1,.news2-2{width:765px;height:275px;background: #fff;margin-bottom: 28px;padding:25px 34px 0 30px;box-sizing: border-box;}
.newstit2{height:70px;margin-bottom: 15px;}
.newstit2 h3{font-size: 26px;color: #be0d1d;font-weight: normal;}
.newstit2 h3 b{font-weight: bold;color: #000;}
.newstit2 h3 i{display: block; font-weight: normal;font-size: 15px;color: rgba(102, 102, 102, 0.5);}
.news2-c{overflow: hidden;}
.news2-c li{width:318px; overflow: hidden;float: left;margin-right: 64px;}
.news2-c h4{font-size: 16px; font-weight: bold;height: 32px; line-height: 32px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;font-family:"Microsoft Yahei";}
.news2-c h4 a{ text-decoration: none; color:#000000;}
.news2-c p{overflow: hidden;font-size: 14px; line-height: 24px; color:rgba(102, 102, 102, 0.8);display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;height: 80px;text-align: justify;}
.news2-c em{display: block;text-align: right;font-size:14px;color: rgba(51, 51, 51, 0.5); line-height: 24px; font-weight: bold;position: relative;}
.news2-c em::after{content: "";position: absolute;width:63px;height:1px;background:#ababab;left:0px;top:50%;} 

.news2-1 h5{height:10px;width:70px;position: absolute;top:45px;right:44px;}
.news2-1 h5 i{display: block;height:9px;width:9px;background: #dadada;border-radius: 100%; float: left;margin-right: 6px;}
.news2-1 h5 i.on{background:#be0d1d;}
.news-left{width:12px;height:18px;background: url(news-left.png) no-repeat;position: absolute;right:135px;top:40px;display: block;z-index: 1;}
.news-right{width:12px;height:18px;background: url(news-right.png) no-repeat;position: absolute;right:34px;top:40px;}

.news2-2{overflow: hidden;}
.news2-2 li{width:318px; overflow: hidden;float: left;margin-right: 64px;}
.news2-2 li a{display: block;height:112px;}
.news2-2 li:nth-child(2n){margin-right: 0;}
.news2-2 li a:first-child{border-bottom: 1px solid #a0a0a0;margin-bottom: 20px;}
.news2-2 h4{font-size: 16px; font-weight: bold;height: 30px; line-height: 30px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;font-family:"Microsoft Yahei";}
.news2-2 h4 a{ text-decoration: none; color:#000000;}
.news2-2 p{overflow: hidden;font-size: 14px; line-height: 20px; color:rgba(102, 102, 102, 0.8);display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;height: 80px;text-align: justify;}
.news2-2 em{display: block;text-align: left;font-size:14px;color: rgba(51, 51, 51, 0.5); line-height: 24px; font-weight: bold;position: relative;padding-left:25px;background:url(time.png) no-repeat left center;}



/**/
.g-about{background:#fff;height:auto;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-bottom: 50px;}
.about{width:100%; }
.about dl{width:100%; position: relative; }
.about dl dt{width:100%;max-height:710px;}
.about dl dt img{width:100%;display: block;}
.about dl dd{width: 1200px;margin:-70px auto 0; height: 137px;position: relative; z-index: 1;box-sizing: border-box;background:#fff;box-shadow:0px 5px 10px #f4f4f4;}
.about dl dd h2{width:340px;height:137px; font-size: 40px;  color: #fff;text-align: center;background: #be0d1d; float: left;padding-top:22px;box-sizing: border-box;}
.about dl dd h2 em{display: block; font-size:20px;line-height: 30px; font-weight: bold;}
.about dl dd h2 a{color: #fff;}
.about dl dd p{color: #666666;font-size: 14px;line-height: 32px; text-align: justify;width:745px; float: right;margin-right: 72px;margin-top:38px;}
.about dl dd p a{color: #be0d1d;}
.about dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.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:328px;position: relative;}
.g-show a{text-decoration: none;}
.show-tit{ height: 48px; clear: both;width: 666px;margin:0 auto 20px;}
.show-tit a{height: 48px; line-height:48px;width: 222px;  text-align: left; font-size: 22px; color: #797979;position: relative; display: block; float: left;font-weight: normal;}
.show-tit a em{width:36px;height:36px;display: block;position: relative;overflow: hidden;float: left;margin:5px 10px 0 42px;}
.show-tit a em img{height: 36px;display: block;position: absolute;left:-36px;top:0; -webkit-transition:all .35s;transition:all .35s;}

.show-tit a:last-child{border-right: 0;}
.show-tit a.cur em img{ left:0;}
.show-tit a.cur{color: #be0d1d; font-weight: bold;}

.show{ height:265px;width: 1200px; position: relative;margin:0 auto; }
.show-bd{width:1200px;  overflow: hidden;}
.show li{ width:290px; position:relative;margin-right:13px; float: left; overflow: hidden;}
.show li img{ display:block;width:288px; height:161px;border:1px solid #eee;}
.show li em{height: 40px;font:14px "Microsoft YaHei"; line-height:40px; color:#666666; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;}
.show li a{ text-decoration: none; }
.show li:hover em{color:#be0d1d;}
.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{ overflow: hidden;background:none;min-height: 60px; background: url(linkbg.jpg) repeat-y;border-top:1px solid #555a6e; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";padding-top:20px;}
.link h2{font-size:13px ;font-weight:normal; text-transform: uppercase; width: 80px; float: left;height: 23px; line-height: 23px;color: #f2f9ff;}
.link p{  width: 1120px; overflow: hidden; line-height: 23px; color:#f2f9ff;position: relative;z-index: 1;}
.link p a{ color: #f2f9ff; font-size: 13px; padding: 0 45px 0 0; text-align: 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);
  }
}
