/* CSS Document */
.gy01{ padding-top:60px;}
.nab-txt{width:100%; padding:20px 0 0 0;}
.nab-txt p{text-indent:2em; font-size:18px; line-height:30px; padding-bottom:30px; color:#555555;}
.ppry-xi{ padding:60px 0;}
.mobile1{ width: 40%;position:absolute; left:50%; transform: translate(-50%); transition-duration: .5s; height:100%;}
.mobile1 video{ width: 100%; height: 100%; }
@-webkit-keyframes sf { 0% { width:40%;  }100% {  width:100%;  }}
@keyframes sf {0% { width:40%;  } 100% { width:100%;  }}
.sf {-webkit-animation-name: sf; animation-name: sf;}

.ab-video{ position:relative; min-height:750px;}
.about-qywh{ padding-top:110px; }
.about-jzg{ width:100%; padding:75px 0 125px 0; background:url(../images/about-qywh-bg.jpg);}
.a-jzg .bit{line-height:54px; font-size:36px; color:#333333; position:relative; padding-right:15px; display:inline-block;}
.a-jzg .bit:before{ position:absolute; content:""; width:37px; height:35px; border:1px solid #d0111b; background:url(../images/about-jzg-jt.png) no-repeat center center; top:9px; right:-37px; }

.picScroll-left-ab{ width:100%; overflow:hidden; position:relative; padding-top:45px;}
.picScroll-left-ab .bd{ }
.picScroll-left-ab .picList{ padding-top:15px;}
.picScroll-left-ab .bd ul{ zoom:1; }
.picScroll-left-ab .bd ul li{ margin-right:18px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative; cursor:pointer; top:0; transition-duration:1s;  }
.picScroll-left-ab .bd ul li:hover{box-shadow: 0 5px 3px -1px #e5e5e5; top:-10px;}

.a-jzg .piclist{ width:100%; padding-top:45px;}
.a-jzg .piclist ul{ zoom:1; }
.a-jzg .piclist ul li{ width:19%; margin-right:1.25%; float:left; _display:inline; overflow:hidden; background:#000; text-align:center; position:relative; cursor:pointer; top:0; transition-duration:1s;  }
.a-jzg .piclist ul li img{width:100%; display:block; transition-duration:1s;}
.a-jzg .piclist ul li:hover{box-shadow: 0 8px 3px -1px #d0101b; top:-10px;}
.a-jzg .piclist ul li:hover img{ opacity:0.8;}
.a-jzg .piclist ul li:nth-child(5){margin-right:0;}

.a-qyyj{width:100%; position:relative; margin-bottom:137px; overflow:hidden}
.a-qyyj .left{ width:55.357%; position:relative; z-index:2; margin-bottom:37px; background:#000; overflow:hidden}
.a-qyyj .left img,.a-qysm .left .pic img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.a-qyyj .left:hover img,.a-qysm .left .pic:hover img{transform:scale(1.1,1.1)}
.a-qyyj .right{ width:47.142%; position:absolute; top:0; right:0; z-index:1; color:#fff; height:110%;}
.a-qyyj .right .text{width:66%; margin:0 auto; padding-top:15%; position:relative;}
.a-qyyj .right .text p{ font-size:21px;}
.a-qyyj .right .text p span{ display:inline-block; line-height:86px; font-size:36px; font-weight:bold; margin-bottom:10px;}
.a-qyyj .right .text .dw{width:37px; height:37px; background:url(../images/ab-j.png) no-repeat; margin-top:100px;  transition-duration:1s; cursor:pointer;}
.a-qyyj .right .text .dw:hover{transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);}


.qy-bg{ background:#333; width:100%; height:100%; position:absolute; overflow:hidden; left:0;top:0; z-index:999}
.qy-bg1{ background:#d0111b; width:100%; height:100%; position:absolute; overflow:hidden; left:0;top:0; z-index:999}
.a-qysm{width:100%; position:relative;}
.a-qysm .left{ width:55.357%; overflow:hidden;}
.a-qysm .left .pic{width:100%; background:#000; position:relative;}
.a-qysm .left .pic img{width:100%; display:block;}
.a-qysm .right{ width:37.857%; padding-top:60px;}
.a-qysm .right .bit{font-size:36px; font-weight:bold; color:#d0111b;}
.a-qysm .right .p{line-height:30px; font-size:20px; color:#333333; padding-top:25px;}

.arrow {
    position: absolute;
    cursor: pointer;
    top: -23px;
    right: -58px;
    background-color: #d0111b;
    border: 3px solid #d0111b;
    width: 130px;
    height: 40px;
    line-height: 40px;
    z-index: 10;
    text-align: center;
    transition: background-color .5s,border .3s;
    overflow: hidden; display:none;
}
.arrow .iconfont{ width:12px; height:22px; background:url(../images/about-jt1.png) no-repeat center center; margin-top:7px; display:inline-block;}
.arrow:hover{background-color:#fff;border:3px solid #d0111b}
.arrow:hover .iconfont{width:12px; height:22px; background:url(../images/about-jt1-1.png) no-repeat center center;position:relative;animation:arrowMove 0.5s}
@keyframes arrowMove{0%{left:0}70%{left:100%}71%{left:-100%}100%{left:0}}
@-webkit-keyframes arrowMove{0%{left:0}70%{left:100%}71%{left:-100%}100%{left:0}}

.dsj-Menubox { width: 100%; height:58px;  position:relative; margin-top:60px;}
.dsj-Menubox:after{width:500px; height:1px; background:#999; content:""; left:-500px; position:absolute; bottom:0;}
.dsj-Menubox:before{width:500px; height:1px; background:#999; content:""; right:-500px; position:absolute; bottom:0;}
.dsj-Menubox li {float: left;cursor: pointer;height: 58px;width:7.693%; line-height: 58px;font-size: 18px;color: #555555; text-align: center; position: relative; border-bottom:1px solid #999999;}
.dsj-Menubox li:after{ content:""; position:absolute; width:1px; height:13px; background:#c7000a; right:0; top:22px;}
.dsj-Menubox li.hover { border-bottom:none; border-top:3px solid #c7000a;  height:58px; line-height:48px;  font-weight: bold; color: #d0111b;  border-left:1px solid #999999;  border-right:1px solid #999999; font-size:22px; background:url(../images/about-dsj.png) no-repeat center 40px;}
.dsj-Menubox li.hover:after{display:none;}
.dsj-Contentbox {width:100%;  margin:0 auto; padding-top:90px; min-height:540px; }
.dsj-CbContainer{position:relative; width: 100%; }
.dsj-Menubox li:nth-child(9):after{ display:none;}


.dsj-picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.dsj-picScroll-left .prev{width:39px; height:37px; cursor:pointer; border:1px solid #d0111b; position:absolute; left:0; top:30%; background:url(../images/about-jzg-jt.png) no-repeat center center; transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg); transition-duration:1s;}
.dsj-picScroll-left .prev:hover{ background:url(../images/about-jzg-jt-1.png) no-repeat center center #d0111b;}			
.dsj-picScroll-left .next{width:39px; height:37px; cursor:pointer; border:1px solid #d0111b; position:absolute; right:0; top:30%; background:url(../images/about-jzg-jt.png) no-repeat center center; transition-duration:1s; }
.dsj-picScroll-left .next:hover{background:url(../images/about-jzg-jt-1.png) no-repeat center center #d0111b;}

.dsj-picScroll-left .bd{ width:90%; margin:0 auto; overflow:hidden;}
.dsj-picScroll-left .bd ul{ overflow:hidden; zoom:1;  }
.dsj-picScroll-left .bd ul li{ width:30%; margin:0 26px; float:left; _display:inline; overflow:hidden; text-align:center; cursor:pointer; }
.dsj-picScroll-left .bd ul li .pic{ text-align:center; overflow:hidden; background:#000; position:relative; padding-bottom:65%; }
.dsj-picScroll-left .bd ul li .pic img{ width:100%; height:100%; position:absolute; top:0; left:0; display:block; transition-duration:1s;}
.dsj-picScroll-left .bd ul li:hover .pic img{ transform:scale(1.1,1.1); opacity:0.7}
.dsj-picScroll-left .bd ul li .pic a:hover img{ }
.dsj-picScroll-left .bd ul li .title{ line-height:24px; font-size:18px; margin-top:10px;}



.box { width:100%;}

.event_year { width:19.5%;text-align:center;float:left;margin-top:10px; }
.event_year .bit{width:100%; line-height:70px; background:#d0111b; color:#fff; text-align:center; font-size:30px; font-weight:bold; margin-top:2px;}
.event_year li { height:70px;line-height:70px;background:#FFF; border-bottom:1px solid #dddddd; font-size:24px;color:#333333;cursor:pointer; font-weight:bold; position:relative; }
.event_year li label{display:inline-block; width:100%; line-height:70px; cursor:pointer;}
.event_year li.current { width:100%;color:#cd0d1a;text-align:center; }
.event_list { width:66.428%;float:right; background:url(../images/about-hr-bg.jpg) repeat-y top left; }
.event_list .list{ width:100%; position:relative;}
.event_list h3 { position:absolute; line-height:64px; width:130px; background:url(../images/about-hr-icon.png) no-repeat right center; font-size:32px; color:#d0111b; font-weight:bold; left:-120px; }
.event_list li {width:100%; height:66px; line-height:66px; margin-left:30px; padding-left:30px; background:#fff; cursor:pointer; position:relative; }
.event_list li .pic{width:236px; height:155px; position:absolute; right:0; bottom:0; box-shadow:0 0 10px #333; display:none; transition-duration:1s; }
.event_list li .pic img{ max-width:100%; max-height:100%; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
.event_list li:hover .pic{ display:block;}
.event_list li:nth-child(2n){ background:#fafafa; font-size:18px; color:#2d2d2d;}
.event_list li:hover{ background:#d0101b; color:#fff;}


.list_boll{width:10px;height:10px;border:2px solid #fff;display:block;border-radius:50%;box-shadow: 0px 0px 14px 3px #d0111b;-webkit-animation: bordershow 3s infinite;-moz-animation: bordershow 3s infinite;animation: bordershow 3s infinite;cursor:pointer; position:absolute; left:53px; top:32px;}
.list_boll:after,.product_con .boll .list_boll:before{content:"";width:20px;height:20px;background:#fff;background:rgba(255,255,255,0.5);box-shadow: 0px 0px 4px rgba(255,255,255,0.5);display:block;border-radius:50%;position:absolute;top:-7px;left:-7px;}
.list_boll:after{-webkit-animation: boderM 3s infinite;-moz-animation: boderM 3s infinite;animation: boderM 3s infinite;}
.list_boll:before{-webkit-animation: boderM 3s .75s infinite;-moz-animation: boderM 3s .75s infinite;animation: boderM 3s .75s infinite;}

.dsj-gai{ padding:60px 0;}
.dsj-gai .event_box:before{ content:""; width:100%; top:60px; height:1px; background:#eee; position:absolute; z-index:2}
.dsj-gai .event_box .parHd{ height:60px;}
.dsj-gai .parHd li{ line-height:60px; margin:0 46px;}
.dsj-gai .parHd li:after{content: "";position: absolute;width: 1px;height: 13px;background: #c7000a;right: -42px; top: 25px;}
.dsj-gai .act-dot:before,.dsj-gai .act-dot:after{ display:none;}
.dsj-gai .act-dot{ bottom:10px;background: url(../images/about-dsj.png) no-repeat; width:15px; height:6px;}
.dsj-gai .sPrev, .dsj-gai .sNext{ border:1px solid #d0111b; width:39px; height:37px;background: url(../images/about-jzg-jt.png) no-repeat center center;}
.dsj-gai .sPrev{background: url(../images/about-jzg-jt.png) no-repeat center center; transform:rotate(180deg)}
.dsj-gai .parBd{ margin-top:40px;}

.cxhg-xi{ padding:90px 0;}
.gltx{ border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:40px 0; margin-top:40px;}
.tx-bi{ text-align:center; font-size:24px; color:#d0111b; font-weight:bold;}
.tx-list { padding:30px 0;}
.tx-list dl{ background:#f0f1f3; width:32.5%; float:left; padding:40px 30px; box-sizing:border-box; transition-duration:.5s;}
.tx-list dl dt{ text-align:center; font-weight:bold;}
.tx-list dl dt img{ transition-duration:.5s}
.tx-list dl dt p{ font-size:20px; padding:28px 0 35px 0;}
.tx-list dl dd{ font-size:17px; line-height:1.8; text-align:justify; min-height:120px;}
.tx-list dl:hover dt img{ transform:scale(1.1)}
.tx-list dl:hover{ -moz-box-shadow:0px 0px 9px #B3B3B3; -webkit-box-shadow:0px 0px 9px #B3B3B3; box-shadow:0px 0px 9px #B3B3B3;}
.tx-list dl:nth-child(2){ margin:0 1.2%;}
.tx-xz{ text-align:center;}
.tx-xz a{ display:inline-block; color:#fff; background:#d0111b; font-size:18px; padding:18px 55px; transition-duration:.5s;}
.tx-xz a:hover{ -moz-box-shadow:0px 0px 12px #B3B3B3; -webkit-box-shadow:0px 0px 12px #B3B3B3; box-shadow:0px 0px 12px #B3B3B3;}
.hgjb{ padding-top:80px;}
.jb-list dl{ width:48%; position:relative;}
.jb-list dl dt{ width:237px; float:left; overflow:hidden;}
.jb-list dl dt img{ width:100%; display:block; transition-duration:.5s;}
.jb-list dl dd{ background:#f7f7f7;-moz-box-shadow:0px 0px 9px #B3B3B3; -webkit-box-shadow:0px 0px 9px #B3B3B3; box-shadow:0px 0px 9px #B3B3B3; float:left; width:60%; margin-top:18px; text-align:center; padding:83px 0; border-radius:0 5px 5px 0;}
.jb-list dl dd h1{ font-size:20px; padding:10px 0;}
.jb-list dl dd h2{ color:#d0111b; font-size:24px; font-family:"Arial";}
.jb-list dl:hover dt img{ transform:scale(1.1)}

.mobile-tx-list{ display:none; padding:0 20px;}
.hgg-Menubox ul{ text-align:center;}
.hgg-Menubox ul li{ float:left; width:33%; text-align:center;}
.hgg-Menubox ul li p{ font-size:16px; font-weight:bold; height:50px;}
.hgg-Menubox ul li img{ width:60px;}
.hgg-CbContainer{ font-size:14px; text-align:justify; line-height:1.7; padding:10px 0 20px 0;}
.hgg-Menubox ul li.hover p{color:#d0111b;}


@media screen and (max-width:1450px){
	  .nab-txt p,.a-qyyj .right .text p,.a-qysm .right .p{ font-size:16px;}
	  .a-qyyj .right .text p span,.a-qysm .right .bit,.a-jzg .bit,.event_year .bit{ font-size:26px;}
	  .a-jzg .piclist{ padding-top:25px;}
	  .event_year img{ width:100%;}
	  .event_year li{ font-size:20px;}
	  .tx-list dl dd{ font-size:16px;}
	}
@media screen and (max-width:769px){
	.gy01,.about-jzg{ padding:30px 0;}
	.nab-txt{ padding:0 18px;}
	.nab-txt p{ font-size:14px; line-height:1.6; padding-bottom:10px;text-align: left;}
	.ab-video{ min-height:200px;}
	.mobile1{ height:200px;}
	.about-qywh{ padding-top:30px;}
	.a-qyyj .left{ width:100%; margin-bottom:10px;}
	.a-qyyj .right,.a-qysm .right,.a-qysm .left{ width:100%; position:relative;}
	.a-qyyj .right .text{ width:100%; padding:10px;}
	.a-qyyj .right .text p{ font-size:16px;}
	.a-qyyj .right .text p span{ font-size:18px; line-height:30px;}
	.a-qyyj .right .text .dw{ display:none;}
	.a-qyyj{ margin-bottom:30px;}
	.arrow{ display:none;}
	.a-qysm .right{ padding-top:0;}
	.a-qysm .right .bit,.a-jzg .bit{ font-size:18px;}
	.a-qysm .right .p{ font-size:16px; padding:10px 0;}
	.a-jzg .piclist{ padding-top:0;}
	.event_year{ display:none;}
	.event_list{ width:100%; background-position:7px top;}
	.event_list h3{ position:relative; left:0; font-size:22px; background-position:left center; padding-left:30px;}
	.event_list li{ height:auto; line-height:1.6; padding-left:20px; margin-bottom:10px; margin-left:15px;}
	.event_list li:nth-child(2n){ font-size:16px;}
	.event_list li .pic{ width:100%;}
	.dsj-Menubox li,.dsj-Menubox li.hover{ width:24%; font-size:16px; height:40px; line-height:40px;}
	.dsj-Menubox:before,.dsj-Menubox:after{ display:none;}
	.dsj-Menubox li.hover{ font-size:20px;}
	.dsj-picScroll-left .bd{ padding-top:20px;}
	.dsj-picScroll-left .bd ul li{ margin:0 5px;}
	.dsj-picScroll-left .bd ul li .title{ font-size:14px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dsj-Menubox{ margin-top:20px;}
.a-jzg .bit:before{ width:27px; height:25px; background-size: 30%; top:15px; right:-30px;}
.a-jzg .piclist ul li{ width:32%; margin-bottom:10px;}
.ppry-xi{ padding:30px 18px;}
.dsj-gai .parHd li{ line-height:60px; margin:0 5px;}
.dsj-gai .parHd li:after{ display:none;}
.dsj-gai .sPrev, .dsj-gai .sNext{ width:28px; height:28px; top:15px;}
.dsj-gai{ padding:20px 0;}
.sf{-webkit-animation-name: none;
    animation-name: none;}
.mobile1 { width:100%;}
.a-jzg .piclist ul li:nth-child(4){ margin-left:17%;}
.event_list li:hover .pic,.ppry-xi{ display:none;}
	.cxhg-xi{ padding:30px 0;}
	.gltx{ padding:20px 0; margin-top:20px;}
	.tx-bi{ font-size:16px; padding-bottom:15px;}
	.tx-list{ padding:10px;}
	.tx-list dl{ width:100%; margin-bottom:10px; padding:20px 10px;}
	.tx-list dl dt img{ width:21%;}
	.tx-list dl dt p,.jb-list dl dd h1{ font-size:17px; padding:10px 0;}
	.tx-list dl dd{ font-size:14px; min-height:auto;}
	.tx-list dl:nth-child(2){ margin:0 0 10px 0;}
	.tx-xz a{ font-size:14px; padding:15px 30px;}
	.hgjb{ padding:30px 10px 0 10px;}
	.jb-list dl{ width:100%; margin-bottom:15px;}
	.jb-list dl dt{ width:35%;}
	.jb-list dl dd{ padding:30px 0; margin-top:5px; width:65%;}
	.jb-list dl dd h2{ font-size:15px; padding:0 10px;}
	.mobile-tx-list{ display:block;}
	}

@-webkit-keyframes bordershow {
    0% {box-shadow: 0px 0px 0px 0px #d0111b;}
    50% {box-shadow: 0px 0px 14px 3px #d0111b;}
    100% {box-shadow: 0px 0px 0px 0px #d0111b;}
}
@-moz-keyframes bordershow {
    0% {box-shadow: 0px 0px 0px 0px #d0111b;}
    50% {box-shadow: 0px 0px 14px 4px #d0111b;}
    100% {box-shadow: 0px 0px 0px 0px #d0111b;}
}
@keyframes boderM {
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
    20% {opacity: 1}
    75% {-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);opacity: 0}
    100% {opacity: 0}
}
@-webkit-keyframes boderM {
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
    20% {opacity: 1}
    75% {-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);opacity: 0}
    100% {opacity: 0}
}
@keyframes bordershow {
    0% {box-shadow: 0px 0px 0px 0px #d0111b;}
    50% {box-shadow: 0px 0px 14px 4px #d0111b;}
    100% {box-shadow: 0px 0px 0px 0px #d0111b;}
}


@-webkit-keyframes qy-bg {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-101%);
            transform: translateY(-101%);
  }
}

@keyframes qy-bg {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }

  100% {
   
    -webkit-transform: translateY(-101%);
            transform: translateY(-101%);
  }
}

.qy-bg {
  -webkit-animation-name: qy-bg;
          animation-name: qy-bg;
}

@-webkit-keyframes qy-bg1 {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-101%);
            transform: translateY(-101%);
  }
}

@keyframes qy-bg1 {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }

  100% {
   
    -webkit-transform: translateY(-101%);
            transform: translateY(-101%);
  }
}

.qy-bg1 {
  -webkit-animation-name: qy-bg1;
          animation-name: qy-bg1;
}


@-webkit-keyframes right-bg {
  0% {
   background:rgba(208,17,27,0.3);
  }

  100% {
    background:rgba(208,17,27,1);
  }
}

@keyframes right-bg {
  0% {
   background:rgba(208,17,27,0.3);
  }

  100% {
    background:rgba(208,17,27,1);
  }
}

.right-bg {
  -webkit-animation-name: right-bg;
          animation-name: right-bg;
}

@-webkit-keyframes qysm-img {
  0% { opacity:0;
  }

  100% {
    opacity:1;
  }
}

@keyframes qysm-img {
  0% { opacity:0;
  }

  100% {
    opacity:1;
  }
}

.qysm-img {
  -webkit-animation-name: qysm-img;
          animation-name: qysm-img;
}