@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: 46px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 54px;position: relative; }
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #666666; line-height: 32px; }
.bg1{background:#f2f2f2 url(../images/bg1.jpg) no-repeat center top;}
.bg2{background:#ffffff url(../images/bg2.jpg) no-repeat center top;}

/**/
.g-products{height: 725px;overflow: hidden;background:none;padding-top:5px;box-sizing: border-box;font-family: "Microsoft YaHei";margin:0 auto;}
.g-products .tit01{height:115px;}
.pro-nav{width: 1200px;margin:0 auto;}
.pro-nav dl{width: 1200px;height: 87px;margin-bottom: 10px;overflow: hidden;background:#fff;border-radius: 3px;box-shadow: 0 0 3px #eaeaea;}
.pro-nav dt{width:171px;height: 87px;line-height: 87px;font-size: 20px;color:#fff;background:#004ca9;border-radius: 3px;text-align: center;float: left;font-weight: bold;}
.pro-nav dt a{color: #fff;}
.pro-nav dd{line-height: 74px;width:1028px;float: left;color:#424242;font-size: 15px;font-weight: normal;padding-left:28px;padding-top:12px;box-sizing: border-box;}
.pro-nav dd a{display: block;float: left;width: 175px;padding-right: 22px;color: #424242;text-align: center;}
.pro-nav dd a{color: #424242;}
.pro-nav .clm1 dd a:nth-child(6n){padding-right: 0;}
.pro-nav .clm1 dd a:nth-child(7n){padding-right: 0;width:100px;}
.pro-nav dd a:hover{color:#004ca9;font-weight: bold;}
/*.pro-nav dd a:last-child{color: #004ca9;text-decoration: underline;}*/
.pro-nav .clm2 dd{padding-top:0;}
.pro-nav .clm2 dd h4{border-bottom: 1px solid #e5e5e5;padding: 5px 0;height:52px; line-height: 52px;text-align: center;}
.pro-nav .clm2 dd a{width:86px;height:52px;padding:0 17px;position: relative;}
.pro-nav .clm2 dd a:before{content:'';position:absolute;height:32px;width:1px;background:#e5e5e5; top:12px;right:0;}
.pro-nav .clm2 dd a:first-child{padding-left:0;text-align: left;}
.pro-nav .clm2 dd a:last-child{width:21px;}
.pro-nav .clm2 dd a:last-child img{margin-top:20px;}
.pro-nav .clm2 dd a:nth-last-child(2):before,.pro-nav .clm2 dd a:last-child::before{width:0;}
.pro-nav .clm2 dd h4:last-child{border-bottom: 0;}
.pro{height: auto;padding:25px 0 30px;clear: both;overflow: hidden;}
.pro-c{width:370px; float: left;margin-right: 17px; }
.pro-c dl{width:370px;margin-bottom: 43px;background:#fff;box-shadow: 0 0 8px #e1e1e1;}
.pro-c dt{width:370px;height:370px; overflow: hidden;}
.pro-c dt img{width:100%;display: block;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.pro-c dd{height:69px;border-top:1px solid #e5e5e5;}
.pro-c dd .desc{padding:10px 20px 0;width:330px;display: block; text-align:center}
.pro-c dd h4{height: 48px;line-height: 48px;font-size: 16px;color:#333333;font-weight: bold;text-align: center;}
.pro-c dd p{font-size: 14px;color: #666666;height: 25px;line-height: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-c dd .pro-btn{width:95px;height:69px;border-left:1px solid #e5e5e5;display: block;float: left; line-height: 69px;text-align: center;font-size: 14px;color: #005dba; font-weight: bold;}
.pro-c dl:hover h4,.pro-c dl:hover .pro-btn{color:#f9a604;}
.pro-c dl:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/**/
.sec-nav{width: 1200px;margin:0 auto;}
.sec-nav dl{width: 1200px;height:127px; margin-bottom: 82px;overflow: hidden;background:#fff;border-radius: 3px;box-shadow: 0 0 3px #eaeaea;}
.sec-nav dt{width:171px;height:127px; line-height: 127px; font-size: 20px;color:#fff;background:#004ca9;border-radius: 3px;text-align: center;float: left; font-weight: bold;}
.sec-nav dt a{color: #fff;}
.sec-nav dd{line-height: 34px;width:1028px;float: left;color:#424242;font-size: 15px; font-weight: normal;padding-left:28px;padding-top:12px; box-sizing: border-box;}
.sec-nav dd a{display: block;float: left;width:200px; padding-right: 15px; color: #424242;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sec-nav dd a:nth-child(5n){padding-right: 0;width:140px;}
.sec-nav dd a:hover{color:#004ca9;font-weight: bold;}
.sec-nav dd a:last-child{color: #004ca9;text-decoration: underline;}

/**/
.g-news{/* height: 467px; */box-sizing: border-box;/* background:#ffffff; *//* padding-top:75px; */overflow: hidden;font-family:"Microsoft Yahei";}
.g-news .tit01{ height:98px;}
.news{width:1200px;margin:0 auto;}
/* .news img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} */
.news1{width:570px;float: left;position: relative;/* border-top:1px solid #dcdcdc; */padding-top:20px;}
.news1-tit{height:158px;background:#0053a7;}
.news1-tit img{width:393px;height:158px;display: block;}
.news1-tit h3{width:145px; float: left;padding-top:22px;position: relative; font-weight: bold;font-size: 24px;color: #ffffff;margin:45px 0 0 30px;}
.news1-tit h3::after{content: "";position: absolute;width: 43px;;height: 2px;background:#ffffff;left:0px;top:0;} 
.news1-tit h3 i{display: block;line-height: 30px;font-size: 12px; font-family: Arial, Helvetica, sans-serif;font-weight: normal;}
.news1-c{}
.news1-c li{border-bottom: 1px solid #dcdcdc;height: 45px;padding-right: 45px;}
.news1-c h5{font-size: 16px;line-height: 45px;color: #333333;font-weight: normal;display: block;}
.news1-c h5 a{color: #333;}
.news1-c h5 span{color: #999999;width:115px; text-align: right;display: block;float: left;}
.news1-c h5 p{width:348px;height: 45px; line-height: 45px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: right;}
.news1-c dl{width:100%;clear: both;overflow: hidden;padding: 5px 0;display: none;}
.news1-c dt{width:115px;height: 130px; font-size: 60px;color: #666666;font-weight: bold; font-family: Arial, Helvetica, sans-serif;float: left;text-align: right;line-height: 80px;}
.news1-c dt span{color: #999999;text-align: right;display: block;height: 50px;line-height:50px;; font-size: 16px;position: relative; font-weight: normal;}
.news1-c dt span::after{content: "";position: absolute;width: 16px;;height: 1px;background:#999999;right:0px;bottom:0;} 
.news1-c dd{width:348px; float: right;}
.news1-c dd h4{font-size: 18px; font-weight: normal;line-height: 50px;height:50px;color:#333333;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1-c dd h4 a{ color:#333333;}
.news1-c dl:hover h4{color: #0053a7;}
.news1-c dd p{overflow: hidden;font-size: 14px; line-height: 22px; color:#999999;}
.news1-c li:last-child{border-bottom: 0;}
.news1-c li.cur{height: auto;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news1-c li.cur h5{display: none;}
.news1-c li.cur dl{display: block;}
.news2{width:570px; float: right;padding-top:20px;}
.news2-tit{height:158px;position: relative;}
.news2-tit img{width:570px;height:158px;display: block;position: absolute;left:0;top:0;}
.news2-tit h3{width:145px; float: left;padding-top:22px;position: relative; font-weight: bold;font-size: 24px;color: #ffffff;margin:45px 0 0 30px; position: relative;z-index: 1;}
.news2-tit h3::after{content: "";position: absolute;width: 43px;;height: 2px;background:#ffffff;left:0px;top:0;} 
.news2-tit h3 i{display: block;line-height: 30px;font-size: 12px; font-family: Arial, Helvetica, sans-serif;font-weight: normal;padding-right: 24px;background:url(../images/news2-ico.png) no-repeat right center;width: 42px;}
.news2-c{height: 332px;}
.news2-c li{height:108px;}
.news2-c li h4{font-size: 18px;position: relative; font-weight: normal;line-height: 30px;height:30px;color:#333333;margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:20px;}
.news2-c li h4::after{content: "";position: absolute;width: 9px;;height: 9px;background:#7f7f7f;left:0px;top:11px;} 
.news2-c li h4 a{ color:#333333;}
.news2-c li p{overflow: hidden;font-size: 14px; line-height: 24px; color:#848484;}
.news2-c li:hover h4{color: #0053a7;}
.news2-c li:hover h4::after{background:#0053a7;}

/*友情链接*/
.g-link{min-height: 82px;background:#272727;}
.link{height:0;line-height:30px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 14px;color:rgba(255, 255, 255, 0.5);}
.link h2{width:225px;padding-top:30px;}
.link_c{width:975px;position: absolute;right: 0;top:25px;height:25px;overflow: hidden;text-align: left;}
.link a{display: inline-block;color:rgba(255, 255, 255, 0.5);padding: 0 28px;}
.link a:last-child{background: none;}
@-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);
  }
}