@charset "utf-8";
.cm {
  color: #e60012;
}
.cm2 {
  color: #69addb;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/roboto-light.ttf');
}
.inbanner {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}
@media(max-width:780px){
    .inbanner{
        height: 120px;
    }
}
.inbanner > img {
  position: absolute;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
  top: 0;
  height: 100%;
  z-index: 1;
}
.ibcate {
  position: absolute;
  width: 100%;
  top: 90px;
  z-index: 1;
  left: 0;
  color: #fff;
  text-align: center;
}
.ibcate:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 72px;
  z-index: 0;
  margin-left: -30px;
  width: 60px;
  height: 3px;
  background-color: #fff;
}
.ibcate .ibcatecn {
  font-size: 40px;
  line-height: 64px;
  height: 64px;
}
.ibcate .ibcatecn2 {
  line-height: 24px;
  margin-top: 25px;
}
.cate {
  text-align: center;
}
.cate .catecn {
  font-size: 24px;
  line-height: 34px;
  color: #d0252e;
  background: url('../images/line1.png') center no-repeat;
}
.cate .catecn span {
  color: #4c167d;
}
.cate .cateen {
  line-height: 22px;
  color: #bbb;
  text-transform: uppercase;
}
.seemore {
  display: block;
  width: 160px;
  height: 40px;
  border: 1px solid #d0252e;
  margin: 0 auto;
  line-height: 40px;
  color: #d0252e;
  text-align: center;
  border-radius: 20px;
}
.seemore:hover {
  background-color: #d0252e;
  color: #fff;
}
.js-qiecon {
  display: none;
}
.js-qiecon.on {
  display: block;
}
.erji {
  font-size: 0;
  white-space: nowrap;
}
.erji a {
  display: inline-block;
  width: 100px;
  height: 40px;
  position: relative;
  color: #666;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
}
.erji a.on {
  color: #d0252e;
}
.erji a:hover {
  color: #d0252e;
}
.lefthalf {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.righthalf {
  float: right;
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.outnav3 {
  width: 1200px;
  height: 60px;
  padding: 0;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.outnav3 .nav-left,
.outnav3 .nav-right {
  width: 60px;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 2;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.outnav3 .nav-left {
  left: 0;
  background-image: url(../images/outnav-lt5.png);
}
.outnav3 .nav-right {
  right: 0;
  background-image: url(../images/outnav-gt5.png);
}
.outnav3 .nav-left:hover,
.outnav3 .nav-right:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.outnav3 #wrapper22 {
  width: 100%;
  height: 100%;
  position: relative;
}
.outnav3.on {
  padding: 0 60px;
}
.outnav3.on .nav-left,
.outnav3.on .nav-right {
  display: block;
}
.nav7 {
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.nav7 li {
  width: 240px;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.nav7.fen2 li {
  width: 50%;
}
.nav7.fen3 li {
  width: 33.3%;
}
.nav7.fen4 li {
  width: 25%;
}
.nav7.fen5 li {
  width: 20%;
}
.nav7 li a {
  display: block;
  position: relative;
  color: #333;
  line-height: 60px;
  font-size: 16px;
}
.nav7 li:hover,
.nav7 li.on {
  background-color: #ffd700;
}
.nav7 li:hover a,
.nav7 li.on a {
  color: #333;
}
@media screen and (max-width: 1320px) {
  .outnav3 {
    width: auto;
  }
}
.hotscroll-out {
  padding: 60px 0 42px;
  background: url('../images/jab1.png') 0 bottom repeat-x;
}
.hotscroll {
  position: relative;
  padding-bottom: 58px;
}
.hotscroll .bd {
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}
.hotlist {
  height: 336px;
}
.hotlist li a {
  display: block;
  height: 336px;
  padding-left: 600px;
  position: relative;
  background-color: #f5f5f5;
}
.hotlist li a:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 50%;
  height: 2px;
  background-color: #e60012;
}
.hotlist .pic {
  width: 600px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.hotlist .pic img {
  width: 100%;
  height: 100%;
}
.hotlist .wz {
  padding: 40px;
}
.hotlist h3 {
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.hotlist .txt {
  height: 104px;
  overflow: hidden;
  color: #999;
  font-size: 14px;
  line-height: 26px;
}
.hotlist .date {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin: 8px 0 20px;
}
.hotlist .more {
  display: block;
  width: 122px;
  height: 36px;
  background-color: #e60012;
  margin-top: 22px;
  font-size: 14px;
  color: #fff;
  line-height: 36px;
  text-align: center;
}
.hotlist li:hover h3 {
  color: #e60012;
}
.hotscroll .hd {
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 3;
  left: 0;
  bottom: 0;
}
.hotscroll .hd ul {
  height: 10px;
  overflow: hidden;
  zoom: 1;
  text-align: center;
  font-size: 0;
}
.hotscroll .hd ul li {
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  margin: 0 10px;
  cursor: pointer;
  background-color: #ddd;
  border-radius: 50%;
}
.hotscroll .hd ul li.on {
  background-color: #e60012;
}
.newslist {
  padding: 60px 0 30px;
}
.newslist li {
  background-color: #fff;
  border-left: 4px solid #fff;
}
.newslist li:nth-child(odd) {
  background-color: #f5f5f5;
  border-left-color: #e0e0e0;
}
.newslist li a {
  display: block;
  position: relative;
  height: 106px;
  overflow: hidden;
  padding-left: 110px;
  padding-right: 50px;
}
.newslist li .date {
  position: absolute;
  left: 0;
  top: 24px;
  z-index: 1;
  text-align: center;
  width: 100px;
  height: 56px;
  overflow: hidden;
}
.newslist li .date span {
  display: block;
}
.newslist li .date .day {
  font-size: 34px;
  color: #333;
  line-height: 42px;
}
.newslist li .date .year {
  font-size: 14px;
  color: #999;
  line-height: 14px;
}
.newslist li h3 {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  padding-top: 24px;
}
.newslist li .txt {
  color: #999;
  line-height: 26px;
  overflow: hidden;
  height: 26px;
}
.newslist li:hover h3 {
  color: #e60012;
}
.newslist li:hover .day {
  color: #e60012;
}
.newslist h3,
.newslist .day {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.prolist {
  padding: 60px 0 30px;
  overflow: hidden;
}
.prolist li{
  float: left;
  width: 100%;
  margin-top: 15px;
  height: 300px;overflow: hidden;
}
.prolist li a{
  display: block;
  padding:0 60px;
  text-align: center;
}
.prolist li a .fl{
  float: left;
  margin-right: 2%;
  width: 40%;
}
.prolist li a .fll{
  float: left;
  width: 58%;
}
.prolist li a img{
  max-width: 100%;
  height: 200px;
}
.atc {
  padding: 60px 0 50px;
}
.atc-h {
  text-align: center;
}
.atc-h h1 {
  font-size: 26px;
  color: #333;
  line-height: 48px;
  margin-bottom: 10px;
}
.atc-date {
  font-size: 14px;
  color: #666;
  line-height: 50px;
  background-color: #f5f5f5;
}
.atc-date span {
  margin: 0 9px;
  display: inline-block;
}
.atc-con {
  padding: 28px 0 34px;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  border-bottom: 1px solid #ddd;
}
.atc-con img {
  max-width: 100%;
}
.atc-con a {
  color: #295ca2;
}
.atc-pn {
  position: relative;
  padding-top: 26px;
  padding-right: 160px;
}
.atc-pn a {
  display: block;
  overflow: hidden;
  height: 34px;
  color: #666;
  line-height: 34px;
  margin-top: 10px;
}
.atc-pn a:hover {
  color: #e60012;
}
.atc-pn a label {
  display: inline-block;
  border: 1px solid #ccc;
  width: 98px;
  height: 32px;
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  margin-right: 15px;
}
.atc-pn a:hover label {
  border-color: #e60012;
}
.atc-pn a.ret {
  color: #fff;
  text-align: center;
  line-height: 34px;
  background-color: #e60012;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 120px;
  height: 34px;
  margin-top: 0;
}
.atc-pn a.ret:hover {
  opacity: 0.7;
}
.videowrap {
  width: 100%;
  position: relative;
  text-align: center;
}
.video {
  width: 900px;
  max-width: 100%;
  height: 540px;
}
.cate1 {
  font-size: 42px;
  color: #333;
  line-height: 76px;
  text-align: center;
  height: 76px;
  overflow: hidden;
  background: url('../images/line1.png') center bottom no-repeat;
}
.liucheng {
  font-size: 0;
  text-align: center;
  padding: 88px 0 112px;
}
.liucheng img {
  max-width: 100%;
}
.dafu {
  width: 100%;
  padding: 53px 0;
  height: 94px;
  text-align: center;
  font-size: 0;
  background: url('../images/dafu1.jpg') center no-repeat;
}
.dafu dd {
  display: inline-block;
  margin: 0 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 260px;
  height: 84px;
  background: url('../images/k.png') right bottom no-repeat;
}
.dafu dd a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 6px;
  font-size: 28px;
  color: #e60012;
  line-height: 84px;
}
.lx {
  overflow: hidden;
  margin: 48px 0 34px;
}
.lxway h4 {
  font-size: 20px;
  color: #3276ff;
  line-height: 2em;
  margin-bottom: 6px;
}
.lxway {
  float: left;
  width: 70%;
  font-size: 16px;
  color: #333;
}
.lxway p {
  line-height: 32px;
  padding-left: 46px;
  margin-bottom: 14px;
  position: relative;
}
.lxway p label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #e60012;
  background-position: center;
  background-repeat: no-repeat;
}
.lxway .lx1 {
  background-image: url('../images/lx1.png');
}
.lxway .lx2 {
  background-image: url('../images/lx2.png');
}
.lxway .lx3 {
  background-image: url('../images/lx3.png');
}
.lxway .lx4 {
  background-image: url('../images/lx4.png');
}
.lxway .lx5 {
  background-image: url('../images/lx5.png');
}
.lxway .lx6 {
  background-image: url('../images/lx6.png');
}
#map {
  width: 100%;
  height: 440px;
}
.lxewm {
  float: right;
  width: 154px;
  background-color: #282c32;
  text-align: center;
  padding: 15px 15px;
}
.lxewm img {
  display: block;
  width: 100%;
}
.lxewm p {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
  height: 36px;
  margin-top: 15px;
}
.huobanerji {
  font-size: 0;
  text-align: center;
}
.huobanerji a {
  display: inline-block;
  width: 118px;
  height: 44px;
  margin-left: -1px;
  color: #666;
  font-size: 14px;
  line-height: 44px;
  border: 1px solid #e2e2e2;
}
.huobanerji a:first-child {
  margin-left: 0;
}
.huobanerji a:hover {
  color: #d1212b;
}
.huobanerji a.on {
  color: #fff;
  background-color: #d1212b;
  border-color: #d1212b;
}
.kehulist {
  padding: 52px 0 30px;
  overflow: hidden;
  margin: 0 -10px;
}
.kehulist li {
  float: left;
  width: 20%;
  margin-bottom: 30px;
}
.kehulist li .lin {
  padding: 0 15px;
}
.kehulist li a {
  display: block;
  background-color: #fff;
  border: 1px solid #dedede;
}
.kehulist .pic {
  width: 100%;
  height: 98px;
  overflow: hidden;
  font-size: 0;
  line-height: 98px;
  text-align: center;
}
.kehulist img {
  max-width: 100%;
  max-height: 100%;
}
.kehulist li:hover a {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.fuwu-one {
  padding: 50px 0;
}
.fuwucon {
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
.fuwucon h4 {
  font-size: 22px;
  color: #e60012;
  line-height: 32px;
  margin-bottom: 28px;
}
.fuwucon img {
  max-width: 100%;
}
.fuwu-two {
  background-color: #f4f4f4;
  padding: 60px 0;
}
.fuwu-three {
  padding: 55px 0 42px;
}
.fuwu-three .desp {
  font-size: 18px;
  color: #e60012;
  line-height: 40px;
  margin-top: 36px;
}
.shiyezero {
  padding: 60px 0 54px;
}
.cate2 {
  font-size: 28px;
  color: #e60012;
  line-height: 60px;
  text-align: center;
  height: 60px;
  overflow: hidden;
  padding-bottom: 16px;
  background: url('../images/line1.png') center bottom no-repeat;
}
.shiyezero .intro {
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 32px;
  margin-top: 32px;
}
.xietong {
  overflow: hidden;
  padding: 80px 0;
  min-height: 375px;
}
.xietong .pic {
  float: left;
  width: 50%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.xietong .pic img {
  max-width: 100%;
}
.xietong .r {
  width: 50%;
}
.xietong-r {
  padding-left: 70px;
}
.xietong-r h3 {
  color: #e60012;
  font-size: 30px;
  line-height: 50px;
  margin-bottom: 45px;
  overflow: hidden;
}
.xietong-r .txt {
  font-size: 16px;
  color: #666;
  line-height: 32px;
  overflow: auto;
  max-height: 224px;
}
.xietong-r .txt .mc {
  color: #e60012;
}
.sectodd,
.sectgrey {
  background-color: #f7f7f7;
}
.sectod {
  background-color: #f5f7fa;
}
.sectodd .xietong .pic,
.sectod .xietong .pic {
  float: right;
}
.sectodd .xietong .r,
.sectod .xietong .r {
  float: left;
}
.sectodd .xietong-r,
.sectod .xietong-r {
  padding-left: 0;
  padding-right: 70px;
}
.sectdan .xietong .pic {
  float: right;
}
.sectdan .xietong .r {
  float: left;
}
.sectdan .xietong-r {
  padding-left: 0;
  padding-right: 70px;
}
.dafu2 {
  width: 100%;
  padding: 50px 0 44px;
  text-align: center;
  background: url('../images/dafu1.jpg') center no-repeat;
}
.dafu2 p {
  font-size: 24px;
  color: #fff;
  line-height: 44px;
  height: 44px;
}
.dafu2 a.zixunbtn {
  display: block;
  width: 222px;
  height: 42px;
  margin: 18px auto 0;
  font-size: 16px;
  line-height: 42px;
  border: 1px solid #fff;
  color: #fff;
}
.dafu2 a.zixunbtn:hover {
  background-color: #fff;
  color: #fd5e40;
}
.gaofirst {
  padding: 60px 0 70px;
}
.gaofirst .intro {
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 34px;
  margin: 30px 0 46px;
}
.gaofirst img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.gaosecond {
  padding-top: 44px;
  background-color: #f7f7f7;
}
.gaosecond .intro {
  text-align: center;
  font-size: 16px;
  color: #666;
  line-height: 34px;
  margin-top: 30px;
}
.gaozero {
  padding: 25px 0 50px;
}
.gaozero .intro {
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 36px;
  margin-top: 30px;
}
.gaolast {
  padding: 64px 0 82px;
}
.gaolast .intro {
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 34px;
  margin: 32px 0;
}
.gaolast img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.zzlist {
  padding: 42px 0 80px;
  margin: 0 -22px 0 -23px;
  overflow: hidden;
}
.zzlist li {
  float: left;
  width: 415px;
}
.zzlist li .lin {
  padding: 0 22px 0 23px;
  text-align: center;
}
.zzlist li a {
  display: block;
  padding: 40px 0 44px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.zzlist .pic {
  width: 100%;
  height: 90px;
  margin: 0 auto 36px;
  font-size: 0;
  text-align: center;
  line-height: 90px;
}
.zzlist .pic img {
  max-height: 100%;
  max-width: 100%;
}
.zzlist li h3 {
  font-size: 22px;
  color: #666;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  overflow: hidden;
  margin-bottom: 18px;
}
.zzlist li .txt {
  font-size: 16px;
  color: #999;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  width: 240px;
  margin: 0 auto;
}
.zzlist li .more {
  font-size: 18px;
  color: #e34448;
  line-height: 40px;
  overflow: hidden;
  width: 154px;
  height: 40px;
  border: 1px solid #e34448;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 20px;
}
/*.zzlist li:hover .pic img{ animation: rotateY360 2s linear 1;}*/
.zzlist li:hover a {
  -webkit-box-shadow: 0 0 10px 0 rgba(239, 24, 15, 0.4);
          box-shadow: 0 0 10px 0 rgba(239, 24, 15, 0.4);
}
.zzlist li:hover h3 {
  color: #ee150f;
}
.zzlist li:hover .more {
  color: #fff;
  background-color: #e34448;
}
.zzlist li h3,
.zzlist li .more,
.zzlist li a {
  -webkit-transition: .5s;
  transition: .5s;
}
.xiaofirst {
  padding: 60px 0 108px;
}
.xiaofirst .intro {
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 34px;
  margin: 32px 0 86px;
}
.znlist {
  overflow: hidden;
  font-size: 0;
  text-align: center;
}
.znlist li {
  display: inline-block;
  width: 270px;
  margin: 0 50px;
}
.znlist li a {
  display: block;
}
.znlist .pic {
  width: 100%;
  height: 180px;
  margin: 0 auto 50px;
  font-size: 0;
  text-align: center;
  line-height: 180px;
}
.znlist .pic img {
  max-height: 100%;
  max-width: 100%;
}
.znlist li h3 {
  font-size: 34px;
  color: #000;
  line-height: 54px;
  padding: 0 10px;
  height: 54px;
  overflow: hidden;
}
.znlist li h4 {
  font-size: 18px;
  color: #666;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  overflow: hidden;
}
.znlist li .hx {
  width: 100%;
  height: 1px;
  margin: 20px 0 14px;
  background-color: #e0e0e0;
}
.znlist li .txt {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  height: 90px;
  overflow: hidden;
}
.znlist li:hover h3 {
  color: #ee150f;
}
.znlist li h3,
.znlist li a {
  -webkit-transition: .5s;
  transition: .5s;
}
.xiaolast {
  padding: 65px 0 80px;
  background-color: #f7f7f7;
}
.xiaolast .intro {
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 34px;
  margin: 32px 0 0;
}
.caseScroll {
  height: 565px;
  overflow: hidden;
  position: relative;
}
.caseScroll .bd {
  width: 1110px;
  margin: 0 auto;
}
.caselist {
  overflow: hidden;
  zoom: 1;
}
.caselist li {
  float: left;
  width: 370px;
  padding: 50px 0 20px;
}
.caselist li a {
  display: block;
  position: relative;
  margin: 0 15px;
  outline: 1px solid #ebebeb;
}
.caselist li .pic {
  width: 100%;
  height: 212px;
  font-size: 0;
  text-align: center;
  line-height: 212px;
}
.caselist img {
  width: 100%;
  height: 100%;
}
.caselist li:hover a {
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}
.caselist .two {
  background-color: #fff;
  padding: 15px 20px 30px;
}
.caselist h3 {
  font-size: 18px;
  color: #020100;
  line-height: 30px;
  height: 30px;
  margin-bottom: 10px;
  overflow: hidden;
}
.caselist .txt {
  overflow: hidden;
  height: 198px;
  font-size: 14px;
  color: #999;
  line-height: 22px;
}
a.caseprev,
a.casenext {
  width: 30px;
  height: 60px;
  margin-top: -30px;
  display: block;
  position: absolute;
  font-size: 48px;
  color: #e60012;
  line-height: 60px;
  text-align: center;
  font-family: 'simsun';
  top: 50%;
  z-index: 3;
  font-weight: bold;
}
a.caseprev:hover,
a.casenext:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
a.caseprev {
  left: 0;
}
a.casenext {
  right: 0;
}
.caseScroll .hd {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
}
.caseScroll .hd ul {
  width: 100%;
  height: 10px;
  overflow: hidden;
  text-align: center;
  font-size: 0;
}
.caseScroll .hd ul li {
  display: inline-block;
  width: 10px;
  height: 10px;
  cursor: pointer;
  border-radius: 5px;
  margin: 0 5px;
  vertical-align: top;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.caseScroll .hd ul li.on {
  background-color: #ffffff;
  width: 30px;
}
.cate3 {
  font-size: 34px;
  color: #333;
  line-height: 60px;
  text-align: center;
  height: 60px;
  overflow: hidden;
  padding-bottom: 21px;
  background: url('../images/line1.png') center bottom no-repeat;
}
.teamfirst {
  padding: 60px 0 75px;
  background-color: #f5f5f5;
  text-align: center;
}
.teamfirst h4 {
  font-size: 22px;
  color: #666;
  line-height: 38px;
  margin: 30px 0 16px;
}
.teamfirst .intro {
  font-size: 16px;
  color: #666;
  line-height: 34px;
}
.teamtwo {
  padding: 50px 0 0;
}
.cate4 {
  font-size: 34px;
  color: #333;
  line-height: 46px;
  text-align: center;
  height: 46px;
  margin-bottom: 20px;
}
.teamtwo .intro {
  font-size: 16px;
  color: #666;
  line-height: 34px;
  text-align: center;
}
.perlist {
  padding: 0 0 25px;
  overflow: hidden;
  margin: 0 -20px;
  display: none;
}
.perlist.on {
  display: block;
}
.perlist li {
  float: left;
  width: 25%;
  margin-bottom: 45px;
}
.perlist li .lin {
  padding: 0 22px;
}
.perlist li a {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.perlist .pic {
  width: 100%;
  height: 355px;
  overflow: hidden;
}
.perlist .pic img {
  width: 100%;
  height: 100%;
}
.perlist li h3 {
  font-size: 16px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  height: 46px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(230, 0, 18, 0.7);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.perlist li:hover h3 {
  background-color: rgba(230, 0, 18, 0.9);
}
.perlist li .zhiwei,
.perlist li .intro {
  display: none;
}
.fu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
}
.fubg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: url('../images/op0-60.png');
}
.fuin {
  position: absolute;
  width: 780px;
  height: 390px;
  background-color: #fff;
  left: 50%;
  margin-left: -390px;
  top: 50%;
  margin-top: -195px;
  z-index: 3;
}
.fuin {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0;
}
.fu.on .fuin {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.fu a.close {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  cursor: pointer;
  background: url('../images/cha.png') center no-repeat;
  margin-left: 415px;
  margin-top: -195px;
}
.fuin .fucon {
  padding: 42px 38px;
  overflow: hidden;
}
.worker {
  position: relative;
  padding-left: 260px;
  height: 306px;
}
.worker .pic {
  float: left;
  width: 230px;
  height: 306px;
  overflow: hidden;
  margin-left: -260px;
  font-size: 0;
  text-align: center;
  line-height: 306px;
  background-color: #5f5f5f;
}
.worker .pic img {
  max-width: 100%;
  max-height: 100%;
}
.worker .name {
  font-size: 28px;
  color: #060001;
  line-height: 46px;
  height: 46px;
  overflow: hidden;
}
.worker .zhiwei {
  font-size: 18px;
  color: #ff7e00;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.worker .hx {
  margin: 16px 0 20px;
  width: 44px;
  height: 2px;
  background-color: #ff7e00;
}
.worker .intro {
  font-size: 16px;
  color: #999;
  line-height: 30px;
  height: 180px;
  text-align: justify;
  overflow: auto;
}
.roundabout {
  position: relative;
  z-index: 3;
  overflow: hidden;
  margin-top: 40px;
}
ul#ra-slider {
  position: relative;
  width: 100%;
  height: 492px;
  overflow: hidden;
  z-index: 1;
  margin: 0 auto;
  padding-bottom: 102px!important;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
ul#ra-slider li {
  width: 880px;
  height: 492px;
  position: relative;
}
ul#ra-slider li:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -56px;
  z-index: 0;
  margin-left: -475px;
  width: 950px;
  height: 97px;
  background: url('../images/shadow2.png') center no-repeat;
  opacity: 0;
}
ul#ra-slider li:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 39px;
  height: 19px;
  background: url('../images/sjd3.png') center no-repeat;
  z-index: 3;
  opacity: 0;
  margin-left: -20px;
  margin-top: 38px;
}
ul#ra-slider li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 492px;
  text-align: center;
  background-color: #000;
}
ul#ra-slider li h3 {
  position: absolute;
  left: 0;
  bottom: 2px;
  z-index: 1;
  opacity: 0;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  width: 100%;
  height: 40px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
}
ul#ra-slider li a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 4px solid #fff;
  z-index: 2;
  content: '';
}
ul#ra-slider li a img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  opacity: 0.7;
}
ul#ra-slider li:before,
ul#ra-slider li:after,
ul#ra-slider li img {
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
ul#ra-slider li.roundabout-in-focus:before {
  opacity: 1;
}
ul#ra-slider li.roundabout-in-focus img,
ul#ra-slider li:hover img {
  opacity: 1;
}
ul#ra-slider li.roundabout-in-focus:after {
  opacity: 1;
  margin-top: 48px;
}
a.raprev,
a.ranext {
  position: absolute;
  width: 50px;
  height: 100px;
  z-index: 1;
  cursor: pointer;
  font-size: 0;
  top: 50%;
  margin-top: -100px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
}
a.raprev {
  left: 50px;
  background-image: url('../images/lt-tm.png');
}
a.ranext {
  right: 50px;
  background-image: url('../images/gt-tm.png');
}
a.raprev:hover,
a.ranext:hover {
  background-color: rgba(230, 0, 18, 0.5);
}
/*关于我们*/
.guoout {
  height: 200px;
  background: url('../images/dafu1.jpg') top no-repeat;
}
.guolist {
  overflow: hidden;
  width: 100%;
  padding: 28px 0 46px;
  position: relative;
  font-size: 0;
  background: url('../images/sx-guo.png') left 46px no-repeat;
}
.guolist li {
  display: inline-block;
  width: 33.33%;
  text-align: center;
  background: url('../images/sx-guo.png') right 18px no-repeat;
}
.guolist li a {
  display: block;
  position: relative;
  color: #fff;
}
.guolist h3 {
  font-size: 74px;
  position: relative;
  height: 94px;
  line-height: 94px;
  font-family: 'Roboto-Light';
}
.guolist h3 span {
  display: inline-block;
}
.guolist h3 i {
  font-style: normal;
}
.guolist li .txt {
  font-size: 22px;
  line-height: 32px;
  height: 32px;
}
.ab1 {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 96px 0 46px;
}
.ab1 .left {
  float: left;
  width: 640px;
}
.ab1 .right {
  float: right;
  width: 506px;
  margin-top: 65px;
}
.ab1 .right img {
  width: 100%;
  height: 100%;
}
.abcate1 {
  width: 100%;
  background: url('../images/abcatebg.png') 0 15px no-repeat;
}
.abcate1 .cn {
  font-size: 32px;
  color: #d1212b;
  line-height: 40px;
  font-weight: bold;
  height: 40px;
  margin-bottom: 10px;
}
.abcate1 .cn2 {
  font-size: 18px;
  color: #999;
  line-height: 38px;
  height: 38px;
  letter-spacing: 9px;
}
.aboutcon {
  color: #333;
  line-height: 26px;
  text-align: justify;
  margin-top: 20px;
  overflow: hidden;
}
.aboutcon img {
  max-width: 100%;
}
.cate5 {
  color: #fff;
  text-align: center;
}
.cate5 .cn {
  font-size: 32px;
  line-height: 48px;
}
.cate5 .en {
  font-size: 42px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: 'Helvetica CE 35 Thin';
}
.rong {
  overflow: hidden;
  position: relative;
  padding: 52px 0 54px;
  background: url('../images/rongyubg.jpg') center no-repeat;
}
.ryScroll {
  overflow: hidden;
  position: relative;
  padding: 0 0 60px;
  margin-top: 38px;
}
.ryScroll .bd {
  width: 1225px;
  margin: 0 auto;
}
.rylist {
  overflow: hidden;
  height: 294px;
}
.rylist li {
  float: left;
  width: 245px;
  height: 100%;
}
.rylist li .lin {
  padding: 0 12px 13px;
  height: 100%;
}
.rylist li a {
  display: block;
  height: 100%;
}
.rylist li .pic {
  overflow: hidden;
  background-color: #fff;
  height: 294px;
  line-height: 294px;
  text-align: center;
  font-size: 0;
}
.rylist li img {
  max-width: 100%;
  max-height: 100%;
}
.rylist li:hover a {
  -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.5);
}
.ryScroll a.prev,
.ryScroll a.next {
  position: absolute;
  width: 40px;
  height: 80px;
  z-index: 2;
  top: 50%;
  border-radius: 5px;
  margin-top: -70px;
}
.ryScroll a.prev {
  left: 50%;
  margin-left: -700px;
  background: url('../images/lt-ry.png') center no-repeat;
}
.ryScroll a.next {
  right: 50%;
  margin-right: -700px;
  background: url('../images/gt-ry.png') center no-repeat;
}
.ryScroll a.prev:hover,
.ryScroll a.next:hover {
  background-color: #d1212b;
}
.ryScroll .hd {
  height: 10px;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
}
.ryScroll .hd ul {
  overflow: hidden;
  zoom: 1;
  font-size: 0;
}
.ryScroll .hd ul li {
  display: inline-block;
  margin: 0 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ryScroll .hd ul li.on {
  background-color: #ffffff;
}
@media screen and (max-width: 1400px) {
  .ryScroll a.prev {
    left: 30px;
    margin-left: 0;
  }
  .ryScroll a.next {
    right: 30px;
    margin-right: 0;
  }
}
.wenhua {
  padding-top: 70px;
  background: url('../images/culbg.jpg') top no-repeat;
  position: relative;
}
.wenhua:after {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  margin-left: -25px;
  margin-bottom: -25px;
  background: url('../images/jtd1.png') center no-repeat;
}
.cullist {
  padding: 50px 0 90px;
  margin: 0 -5px;
  overflow: hidden;
}
.cullist li {
  float: left;
  width: 242px;
}
.cullist li .lin {
  padding: 0 6px;
  text-align: center;
}
.cullist li a {
  display: block;
  padding: 36px 0 52px;
  background-color: #fff;
  position: relative;
  top: 0;
  border-radius: 4px;
}
.cullist .pic {
  width: 80px;
  height: 80px;
  margin: 0 auto 18px;
  border: 5px solid #f6d3d5;
  font-size: 0;
  text-align: center;
  line-height: 80px;
  border-radius: 50%;
  background-color: #d1212b;
}
.cullist .pic img {
  max-height: 100%;
  max-width: 100%;
}
.cullist li h3 {
  font-size: 18px;
  color: #d1212b;
  line-height: 30px;
  font-weight: bold;
  padding: 0 10px;
  height: 30px;
  overflow: hidden;
  margin-bottom: 12px;
}
.cullist li .txt {
  font-size: 16px;
  color: #333;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  width: 176px;
  margin: 0 auto;
}
.cullist li:hover a {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  top: -10px;
}
.cullist li a {
  -webkit-transition: .5s;
  transition: .5s;
}
.cate4 {
  color: #333;
  text-align: center;
}
.cate4 .cn {
  font-size: 32px;
  line-height: 48px;
}
.cate4 .en {
  font-size: 42px;
  line-height: 50px;
  text-transform: uppercase;
  font-family: 'Helvetica CE 35 Thin';
}
.jiagou {
  padding: 70px 0 80px;
}
.jiagoupic {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.fazhan {
  padding: 70px 0 100px;
}
.fazhan .cer {
  position: relative;
}
.fzlist-out {
  width: 100%;
  overflow: hidden;
  margin: 65px 0 0;
  position: relative;
  height: 75px;
  cursor: ew-resize;
}
.fzlist {
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  height: 100%;
  position: relative;
}
.fzlist:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 0;
  width: 100%;
  height: 8px;
  background: url('../images/ruler.png') center repeat;
}
.fzlist li {
  display: inline-block;
  width: 170px;
  height: 100%;
  position: relative;
  background: url('../images/dot-chen.png') top center no-repeat;
}
.fzlist li a {
  display: block;
  padding-top: 39px;
}
.fzlist li .year {
  font-size: 18px;
  color: #666;
  line-height: 36px;
  height: 36px;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fzlist li.on .year {
  color: #d1212b;
}
.fzlist li.on {
  background-image: url('../images/doth-chen.png');
}
.fzcon-out {
  width: 100%;
  height: 315px;
  position: relative;
  margin: 50px auto 0;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
}
.fzcon-wrap {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  white-space: nowrap;
  font-size: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.fzcon {
  display: inline-block;
  max-width: 1200px;
  height: 100%;
  position: relative;
  width: 100%;
}
.fzcon .inner {
  padding: 2px 50px 4px 50px;
  overflow: hidden;
}
.fzpic {

  height: 100%;
  text-align: center;
  line-height: 215px;
}
.fzpic img {
  max-width: 100%;
  max-height: 100%;
  margin-top:10%;
}
.fzright {

  height: 100%;
  white-space: normal;
}
.fzright h3 {
  font-size: 32px;
  color: #d1212b;
  line-height: 42px;
  height: 42px;
  padding-top: 20px;
}
.fzright .hx {
  width: 74px;
  height: 2px;
  background-color: #d1212b;
  margin: 24px 0 30px;
}
.fzright .txt {
  font-size: 18px;
  color: #666;
  line-height: 32px;
  height: 166px;
  overflow: hidden;
}
.fzright .txt p{
  margin-bottom: 2px;
}
.fzprev,
.fznext {
  width: 42px;
  height: 42px;
  cursor: pointer;
  font-size: 0;
  position: absolute;
  bottom: 136px;
  z-index: 2;
  background-color: #d1212b;
  background-position: center;
  background-repeat: no-repeat;
}
.fzprev {
  background-image: url(../images/lt-chen.png);
  left: -21px;
}
.fznext {
  background-image: url(../images/gt-chen.png);
  right: -21px;
}
.fzprev:hover,
.fznext:hover {
  background-color: #fb683e;
}
/*首页*/
.fcate1 {
  text-align: center;
}
.fcate1 .en {
  font-size: 0;
  height: 36px;
  vertical-align: top;
}
.fcate1 .cn {
  font-size: 32px;
  line-height: 52px;
  color: #333;
  position: relative;
  z-index: 1;
  margin-top: -36px;
}
.fcate1 p {
  float: 14px;
  line-height: 20px;
  color: #333;
  margin-top: 10px;
}
.fcate1 p.i2 {
  line-height: 24px;
  color: #999;
}
.fnews {
  padding: 82px 0;
  background: #ececec url('../images/fnewsbg.jpg') top;
}
.fnewslist {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin-top: 60px;
}
.fnewslist li {
  float: left;
  width: 390px;
  margin-left: 15px;
}
.fnewslist li:first-child {
  margin-left: 0;
}
.fnewslist li .inner {
  background-color: #fff;
  padding: 15px 15px 23px;
}
.fnewslist dd {
  height: 44px;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px dashed #d0d0d0;
  background: url('../images/fang.png') 3px center no-repeat;
}
.fnewslist dd a {
  display: block;
  height: 100%;
  color: #666;
  line-height: 44px;
  position: relative;
  padding-left: 80px;
}
.fnewslist dd a:hover {
  color: #0074c1;
}
.fnewslist dd a span {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fnewslist dd i {
  position: absolute;
  width: 60px;
  height: 100%;
  left: 20px;
  top: 0;
  z-index: 1;
  font-style: normal;
  color: #999;
}
.hot {
  position: relative;
  margin-bottom: 12px;
}
.hot .pic {
  width: 100%;
  height: 120px;
  overflow: hidden;
}
.hot .pic img {
  width: 100%;
  height: 100%;
}
.fnewslist dd a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fhuo {
  padding: 88px 0 20px;
}
.fguolist {
  overflow: hidden;
  width: 100%;
  padding: 46px 0;
  position: relative;
  font-size: 0;
}
.fguolist li {
  display: inline-block;
  width: 180px;
}
.fguolist li:nth-child(even) {
  width: 220px;
}
.fguolist li a {
  display: block;
  position: relative;
}
.fguolist h3 {
  font-size: 48px;
  color: #eb3341;
  height: 56px;
  font-weight: bold;
  line-height: 56px;
}
.fguolist h3 span {
  display: inline-block;
}
.fguolist h3 i {
  font-style: normal;
}
.fguolist li .txt {
  font-size: 14px;
  line-height: 26px;
  color: #777;
  height: 26px;
}
.fab1 {
  width: 1200px;
  margin: 0 auto;
  height: 442px;
  overflow: hidden;
  padding: 58px 0 72px;
}
.fab1 .left {
  float: left;
  width: 600px;
}
.fab1 .right {
  float: right;
  width: 525px;
  margin-right: 24px;
}
.fab1 .right img {
  width: 100%;
  height: 100%;
}
.fabcate1 {
  width: 100%;
  padding-top: 0px;
}
.fabcate1 .cn {
  font-size: 32px;
  color: #d1212b;
  line-height: 52px;
  height: 52px;
 
}
.fabcate1 .cn2 {
  font-size: 16px;
  color: #999;
  line-height: 32px;
  height: 32px;
  font-size:16px;
   display: none;
}
.faboutcon {
  color: #333;
  line-height: 26px;
  text-align: justify;
  margin-top: 22px;
  max-height: 100px;
  overflow: hidden;
  font-size: 16px;
}
.faboutcon img {
  display: none;
}
.fab1 a.more {
  font-size: 16px;
  line-height: 26px;
  color: #666;
  text-transform: uppercase;
  display: block;
  width: 66px;
  padding-right: 20px;
  margin-left: 0;
  background: url('../images/abmore.png') right no-repeat;
}
.fab1 a.more:hover {
  color: #c6243b;
  margin-left: 10px;
}
.fpro {
  padding-top: 60px;
  background: url('../images/dianzhen.png') top center;
}
.leilist {
  width: 100%;
  padding: 28px 0 38px;
  position: relative;
  z-index: 1;
  font-size: 0;
  text-align: center;
}
.leilist li {
  display: inline-block;
  width: 244px;
}
.leilist li a {
  display: block;
  padding: 104px 0 36px;
  position: relative;
  background-position: center 0;
}
.leilist li.on a {
  background: url('../images/drop.png') center 0 no-repeat;
}
.leilist .pic {
  width: 100%;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 0;
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 0;
}
.leilist .pic.p1 {
  opacity: 1;
  filter: alpha(opacity=100);
}
.leilist .pic.p2 {
  opacity: 0;
  filter: alpha(opacity=0);
}
.leilist img {
  max-width: 100%;
  max-height: 100%;
}
.leilist h3 {
  font-size: 16px;
  color: #333;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
}
.leilist .sjd {
  width: 94px;
  height: 37px;
  position: absolute;
  left: 50%;
  margin-left: -47px;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 100%;
  margin-top: 0;
  z-index: 1;
  background: url('../images/sjd2.png') center no-repeat;
}
.leilist li:hover h3 {
  color: #e50113;
}
.leilist li.on h3 {
  color: #fff;
}
.leilist li.on .sjd {
  opacity: 1;
  filter: alpha(opacity=100);
  margin-top: 24px;
}
.leilist li.on .pic.p1 {
  opacity: 0;
  filter: alpha(opacity=0);
}
.leilist li.on .pic.p2 {
  opacity: 1;
  filter: alpha(opacity=100);
}
.leilist h3,
.leilist li a,
.leilist .pic,
.leilist .sjd {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.fprotwo {
  padding: 95px 0 90px;
  height: 400px;
  background: url('../images/fprobg.jpg') center no-repeat;
}
.fprolistout {
  position: relative;
  width: 1200px;
  height: 400px;
  padding: 0 80px;
  margin: 0 auto;
  display: none;
}
.fprolistout.on {
  display: block;
}
.fprowrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fprolist {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  min-width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}
.fprolist li {
  display: inline-block;
  width: 300px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.fprolist.lisan li {
  margin: 0 50px;
}
.fprolist li a {
  display: block;
  padding: 42px 0 44px;
  background-color: #fff;
}
.fprolist .pic {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  line-height: 100px;
  background: url('../images/quan.png') center no-repeat;
}
.fprolist .pic img {
  max-height: 90%;
  max-width: 90%;
}
.fprolist li h3 {
  font-size: 20px;
  color: #333;
  line-height: 42px;
  font-weight: bold;
  padding: 0 10px;
  height: 42px;
  overflow: hidden;
  margin: 20px 0;
}
.fprolist li .txt {
  font-size: 14px;
  color: #666;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  width: 210px;
  margin: 0 auto 42px;
  white-space: normal;
}
.fprolist li .more {
  font-size: 18px;
  color: #fff;
  line-height: 38px;
  overflow: hidden;
  width: 204px;
  height: 38px;
  background-color: #e50113;
  margin: 0 auto;
  border-radius: 19px;
}
.fprolist li:hover h3 {
  color: #e50113;
}
.fprolist li:hover .more {
  opacity: 0.8;
}
.fprolist li h3,
.fprolist li .more,
.fprolist li a {
  -webkit-transition: .5s;
  transition: .5s;
}
.fprolistout a.prev,
.fprolistout a.next {
  position: absolute;
  width: 40px;
  height: 80px;
  z-index: 2;
  top: 50%;
  border-radius: 5px;
  margin-top: -40px;
  display: none;
}
.fprolistout.act a.prev,
.fprolistout.act a.next {
  display: block;
}
.fprolistout a.prev {
  left: 0;
  background: url('../images/lt-ry.png') center no-repeat;
}
.fprolistout a.next {
  right: 0;
  background: url('../images/gt-ry.png') center no-repeat;
}
.fprolistout a.prev:hover,
.fprolistout a.next:hover {
  background-color: #d1212b;
}
.fu2 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
}
.fubg2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: url('../images/op0-80.png');
}
.fuin2 {
  position: absolute;
  width: 1200px;
  height: 392px;
  left: 50%;
  margin-left: -600px;
  top: -50%;
  margin-top: -190px;
  z-index: 3;
}
.fuin2 {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.fu2.on .fuin2 {
  top: 50%;
}
.fuin2 a.close {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 0;
  z-index: 1;
  top: -45px;
  background: url('../images/cha.png') center no-repeat;
}
.fuin2 .fucon2 {
  background-color: #fff;
  padding: 20px 25px 30px;
  border: 5px solid #d71c1c;
}
.fuin2 .fucon2 h4 {
  font-size: 26px;
  color: #f05438;
  line-height: 46px;
  height: 46px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}
.fuin2 .fubtn {
  height: 40px;
  text-align: center;
  margin-top: 20px;
}
.fuin2 .fubtn input {
  width: 170px;
  height: 40px;
  background-color: #83c326;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
}
.liuyan2 {
  color: #333;
  font-size: 0;
  width: 1140px;
  max-width: 100%;
}
.liuyan2 .hang {
  width: 530px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 24px;
}
.liuyan2 .hang.short {
  float: left;
  width: 300px;
  margin-right: 30px;
}
.liuyan2 .hang.short2 {
  float: right;
  width: 470px;
}
.liuyan2 .hang.fat {
  width: 100%;
  height: auto;
}
.liuyan2 input[type=text] {
  width: 100%;
  height: 34px;
  border: 1px solid #d0d0d0;
  line-height: 34px;
  text-indent: 10px;
  font-size: 14px;
  margin-left: -2px;
}
.liuyan2 p {
  padding-left: 78px;
  height: 100%;
}
.liuyan2 p label {
  float: left;
  margin-left: -78px;
  width: 78px;
  font-size: 14px;
}
.liuyan2 .middle p {
  padding-left: 106px;
}
.liuyan2 .middle p label {
  margin-left: -106px;
  width: 106px;
}
.liuyan2 textarea {
  padding: 0 1%;
  height: 96px;
  border: 1px solid #d0d0d0;
  resize: none;
  vertical-align: top;
  width: 98%;
  line-height: 24px;
  font-size: 14px;
  margin-left: -2px;
}
.liuyan2 input[type=text]:focus,
.liuyan2 textarea:focus {
  border-color: #d71c1c;
}
.liuyan2 input[type=text],
.liuyan2 textarea {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.liuyan2 .hang i.v {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.liuyan2 .hang2 {
  float: left;
  height: 36px;
  line-height: 36px;
  margin-bottom: 24px;
}
.liuyan2 .hang2 i.v {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
.liuyan2 input#yzm {
  width: 220px;
}
.liuyan2 img#verifyImg {
  height: 34px;
  border: 1px solid #d0d0d0;
  cursor: pointer;
  vertical-align: top;
  margin-left: 15px;
}
.liuyan2 .yzmchange {
  display: inline-block;
  width: 60px;
  text-align: center;
  vertical-align: top;
}
.liuyan2 .btnarea {
  float: right;
  text-align: center;
}
.liuyan2 .btnarea input {
  width: 140px;
  height: 36px;
  font-size: 18px;
  line-height: 34px;
  color: #fff;
}
.liuyan2 .btnarea input:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.liuyan2 input#tj {
  background-color: #d71c1c;
  border: 1px solid #d71c1c;
  margin-right: 20px;
}
.liuyan2 input#cz {
  background-color: #bbb;
  border: 1px solid #bbb;
}
.liuyan2 input#tj:hover {
  background-color: #fff;
  color: #d71c1c;
}
.liuyan2 input#cz:hover {
  background-color: #fff;
  color: #bbb;
}
.rotate360-1 {
  -webkit-animation: rotate360 .6s 1 linear;
          animation: rotate360 .6s 1 linear;
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media(max-width: 780px){
  .guolist h3{
    font-size: 42px;
  }
  .guolist li .txt{
    font-size: 14px;
    height: 64px;
  }
  .cate4 .en{
    font-size: 24px;
  }
  .fzlist-out{
    height: auto;
  }
  .cate4 .cn{
    font-size: 18px;
  }
  .fazhan{
    padding: 20px 0 50px;
  }
  .fzcon-out{
    height: 400px;
  }
  .fzcon{
    max-width: 400px;
  }
  .fzright h3{
    font-size: 24px;
    height: 34px;
    line-height: 34px;
    padding-top: 2px;
  }
  .fzright .hx{
    margin: 10px 0 15px;
  }
  .fzprev{
    left: -3px;
  }
  .fznext{
    right: -3px;
  }
  .wenhua{
    padding-top: 30px;
    background-size: 100% 100%;
  }
  .cullist li{
    width: 50%;
    margin-top: 15px;
  }
  .cate5 .en{
    font-size: 24px;
  }
  .cate5 .cn{
    font-size: 18px;
  }
}