﻿/* CSS Document */
.slideBox{ 
  position:relative; 
  margin:0 auto;
  background: #000;
  height: 100%;
  box-shadow: 0 0 15px #454545;
}
.slideBox .bd{ 
  position:relative; 
  height:100%;
    overflow:hidden; 
}
.slideBox .bd ul{ 
  height:100%;
}
.slideBox .bd li{ 
  vertical-align:middle; 
  height:100%;
}
.slideBox .bd img{ 
  width:100%; 
  height: 100%;
  animation: changeScale 1 2.5s;
}
.slideBox .bd .banner-txt { position:absolute; width:100%; text-align:center; bottom: 15%; }
.slideBox .bd .banner-txt .t1{width: 100%; font-size:44px; text-shadow: 0 0 8px #000; font-weight: bold; color: #fff !important; }
.slideBox .bd .banner-txt .t2{width: 100%; font-size: 18px; font-family: "Arial"; text-transform: uppercase; text-shadow: 0 0 8px #000; padding:20px 0; color: #fff !important; }


.slideBox .hd{ 
  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:14px; 
  height:14px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
   transition-duration: 1s;
}
.slideBox .hd ul li.on{ 
  width: 44px;
  height: 14px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:none;
}

.slideBox .prev{ position:absolute; left:3%; top:50%; display:block; width:79px; height:79px; background: rgba(255,255,255,0.2); border-radius: 50%; transition-duration: 1s; display: none;}
.slideBox .prev:after{position: absolute; content: ""; width: 79px; height: 79px; background: url(../images/pre-jt.png) no-repeat center center;-webkit-transform: rotate(180deg);
                 -moz-transform: rotate(180deg);
                 -o-transform: rotate(180deg);
                 -ms-transform: rotate(180deg);
                 transform: rotate(180deg); }
.slideBox .next{ position:absolute; right:3%; top:50%; display:block; width:79px; height:79px; background: rgba(255,255,255,0.2); border-radius: 50%; transition-duration: 1s; display: none;}
.slideBox .next:after{position: absolute; content: ""; width: 100%; height: 38px; top: 50%; transform: translateY(-50%); background: url(../images/pre-jt.png) no-repeat center center; }
.slideBox:hover .prev{ display: block;}
.slideBox:hover .next{ display: block;}


.center{padding:80px 0 125px 0;}
.tzgg{width: 100%; border:1px solid #84665a; height: 75px; box-shadow: 0px 5px 6px #cacaca; color: #fff;}
.tzgg .le{width: 165px; line-height: 73px; background: url(../images/gb.png) no-repeat 20px center #84665a ; padding-left: 55px; font-size: 20px; }
.tzgg .ce{width: 60%; height: 53px; margin-left: 20px; color: #555; margin-top: 10px;}
.tzgg .ri{width: 106px; line-height: 73px; text-align: center; font-size: 15px; background: #84665a;}
.tzgg .ri a{color: #fff;}

.txtScroll-top .bd{}
.txtScroll-top .infoList li{ height:53px; line-height:53px; font-size: 18px;}
.txtScroll-top .infoList li span{font-size: 16px; color: #999999; padding-left: 15px;}
.fast-enter{width: 100%; padding-top: 60px;}
.in-bit{text-align: center;}
.in-bit h1{font-size: 30px; font-weight: normal; position: relative;}
.in-bit span{display:inline-block; margin:0 auto; font-size: 14px; font-family: "Arial"; position: relative; padding:0 6px; height: 21px; line-height: 21px; text-transform: uppercase;}
.in-bit span:after{content: ""; width: 20px; height: 1px; background: #e4e4e4;left: -20px; position: absolute; top: 10px;}
.in-bit span:before{content: ""; width: 20px; height: 1px; background: #e4e4e4;right: -20px; position: absolute; top: 10px;}
.fast-list{width: 100%; padding-top: 30px;}
.fast-list li{width: 23.5%; float: left; overflow: hidden; margin-right: 2%; background: #000; list-style: none; position: relative;}
.fast-list li img{display: block; width: 100%; transition-duration: 1s;}
.fast-list li:hover img{ transform: scale(1.1); opacity: 0.7; }
.fast-list li:nth-child(4n){margin-right: 0;}
.fast-list li p{position: absolute; left: 0; bottom:0; text-align: center; color: #fff; background: rgba(132,102,90,0.95); width: 100%; line-height: 58px; font-size: 20px; cursor: pointer;}

.in-ks{width: 100%; overflow: hidden; position: relative; padding:50px 0 30px 0; min-height: 620px;}
.in-ks .bg{width: 100%; position: absolute; height: 100%; left: 0; top: 0; background: url(../images/ks-bg.jpg) no-repeat; background-size: cover; animation: run 12s linear infinite; }

.Menubox1 {width: 100%; height:50px; position: relative; margin:25px 0 15px 0; text-align: center; }
.Menubox1 li {display: inline-block; padding:0 25px; background:#c69f8f; cursor: pointer;height: 50px; line-height: 50px; font-size: 20px;color: #fff; position: relative; margin:0 12px;}
.Menubox1 li:after{content: "";position: absolute; width: 11px;height: 11px; background: #bd2229; left: 50%; transform: rotate(45deg); transition-duration: .5s; bottom:-6px; opacity: 0;}
.Menubox1 li.hover { background: #bd2229; color: #fff;}
.Menubox1 li.hover:after{ opacity: 1;}
.CbContainer1{position:relative; padding-top: 20px; color: #fff; }
.CbContainer1 img{display: inline-block; max-width: 100%; padding-top: 30px;}
.Contentbox1 {clear: both; width:100%; min-height:196px; }
.ks-list{width: 100%;}
.ks-list ul{padding-bottom: 30px;}
.ks-list li{width: 13%; float: left; text-align: center; margin-right:1.5%; list-style: none; margin-bottom: 20px; min-height: 130px; border:1px solid #fff; padding-top:30px; cursor: pointer; transition-duration: 0.5s}
.ks-list li a{color: #fff;}
.ks-list li a:hover{ color: #fff; }
.ks-list li:nth-child(7n){margin-right: 0;}
.ks-list li p{line-height: 38px; font-size: 16px; width: 100%; position: relative;}
.ks-list li p:after{position: absolute; left: 45%; bottom: 0; width: 16px; height: 1px; background: #fff; content: ""}
.ks-list li span{display: block; line-height: 20px; padding-top: 6px; font-size: 14px; font-family: "Arial"; }
.ks-list .an{width: 200px; height:42px; border:1px solid #fff; font-size: 16px;  text-align: center;font-family: "Arial"; margin:0 auto; transition-duration:1s; }
.ks-list .an a{color: #fff; display: inline-block; width: 100%; line-height: 42px; }
.ks-list .an:hover{background: #bd2229; color: #fff;}
.ks-list li:hover{background: #bd2229}

.slideBox1{ 
  position:relative; 
  margin:0 auto;
  background: #000;
  height: 100%;
}
.slideBox1 .bd{ 
  position:relative; 
  height:100%;
    overflow:hidden; 
}
.slideBox1 .bd ul{ 
  height:100%;
}
.slideBox1 .bd li{ 
  vertical-align:middle; 
  height:100%;
}
.slideBox1 .bd img{ 
  width:100%; 
  height: 100%;
  animation: changeScale 1 2.5s;
  display: block;
}
.slideBox1 .hd{ 
  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:21px; 
  z-index:1; 
}
.slideBox1 .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox1 .hd ul li{ 
  display: inline-block;
  margin-right:15px;  
  width:14px; 
  height:14px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
  transition-duration: 1s;
}
.slideBox1 .hd ul li.on{ 
  width: 14px;
  height: 14px;
  border-radius:20px;
  background:#bd2229;
  box-shadow:none;
}

.in-news{padding:130px 0 80px 0;}
.Menubox2 {width: 100%; height:50px; position: relative; margin:25px 0 15px 0; text-align: center; }
.Menubox2 li {display: inline-block; width: 190px; background:#fff; border:1px solid #c7c7c7; cursor: pointer;height: 50px; line-height: 50px; font-size: 20px;color: #333333; position: relative; margin:0 12px;}
.Menubox2 li:after{content: "";position: absolute; width: 11px;height: 11px; border:1px solid #bd2229; background: #bd2229; left: 50%; transform: rotate(45deg); transition-duration: .5s; bottom:-6px; opacity: 0;}
.Menubox2 li.hover { background: #bd2229; color: #fff;}
.Menubox2 li.hover:after{ opacity: 1;}
.CbContainer2{position:relative; padding-top: 80px; color: #555;}
.Contentbox2 {clear: both; width:100%; min-height:196px; }

.in-n-le{width: 48.6%;}
.in-n-ri{width: 47%;}
.in-an{width: 200px; height:42px; line-height: 42px; border:1px solid #555; font-size: 16px;  text-align: center;font-family: "Arial"; margin:0 auto; transition-duration:1s; margin-top: 30px; }

.news-box{ 
  position:relative; 
  margin:0 auto;
  background: #000;
  height: 100%;
}
.news-box .bd{ 
  position:relative; 
  height:100%;
  overflow:hidden; 
}
.news-box .bd ul{ 
  height:100%;
}
.news-box .bd li{ 
  vertical-align:middle; 
  height:100%;
  position: relative;
}
.news-box .bd li .dw{width: 100%; height: 52px; line-height: 52px; background: rgba(0,0,0,0.7); color: #fff; padding:0 20% 0 18px; font-size: 18px; position: absolute; left: 0; bottom: 0; z-index: 1; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.news-box .bd img{ 
  width:100%; 
  height: 100%;
  animation: changeScale 1 2.5s;
  display: block;
}
.news-box .hd{ 
  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:15px; 
  z-index:9; 
}
.news-box .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
  width:100%; 
  text-align: right;
  padding-right:15px; 
}
.news-box .hd ul li{ 
  display: inline-block;
  margin-right:10px;  
  width:10px; 
  height:10px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; 
  transition-duration: 1s;
}
.news-box .hd ul li.on{ 
  width: 10px;
  height: 10px;
  border-radius:20px;
  background:#bd2229;
  box-shadow:none;
}

.news-box .prev{ position:absolute; left:0; top:45%; display:block; width:40px; height:81px; background:url(../images/zj.png) no-repeat center center;  transition-duration: 1s; }
.news-box .next{ position:absolute; right:0; top:45%; display:block; width:40px; height:81px; background:url(../images/zj.png) no-repeat center center;  transition-duration: 1s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg); -ms-transform: rotate(180deg);
transform: rotate(180deg);}
.in-news1{width: 100%; padding-bottom: 10px;}
.in-news1 h1{font-size: 20px; height: 36px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-weight:normal;}
.in-news1 p{ font-size: 16px; line-height: 24px; color: #adadad; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}

.in-news2{width: 100%;}
.in-news2 li{position: relative; line-height: 44px; border-bottom: 1px solid #dbdbdb; padding-left: 25px; font-size: 16px; color: #000000; padding-right: 30%;  overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-weight:normal; transition-duration: 0.5s; cursor: pointer;}
.in-news2 li:after{position: absolute; width: 6px; height: 6px; background: #a0a0a0; border-radius: 50%; left: 6px; top: 19px; content: ""}
.in-news2 li a{color: #000;}
.in-news2 li a:hover{color: #bd2229;}
.in-news2 span{position: absolute; right: 0; top: 0; width: 25%; text-align: center; display: inline-block; font-size: 16px; color: #999999;}
.in-news2 li:hover{ padding-left: 30px; }

.link{ padding-bottom:65px;}


.picMarquee-left{ width:100%;  overflow:hidden; position:relative; padding-top: 20px;}
.picMarquee-left .bd{ }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{width: 16%; margin-right:11px; border:3px solid #ececec; text-align: center;height:96px; padding:20px 0 15px 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li h1{font-size: 24px; color: #111111; font-weight: normal;}
.picMarquee-left .bd ul li p{color: #c2c2c2; font-size: 16px;}



.txtMarquee-left{ width:100%;  position:relative; padding-top: 25px; }
.txtMarquee-left .bd{width: 100%;}
.txtMarquee-left .bd .tempWrap{ width:100% !important; }
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ width: 16.5%; margin-right:10px; float:left; border:3px solid #ececec; text-align: center;height:96px; padding:20px 0 15px 0; }
.txtMarquee-left .bd ul li h1{font-size: 24px; color: #111111; font-weight: normal;}
.txtMarquee-left .bd ul li p{color: #c2c2c2; font-size: 16px;}

.p-ban{display: block;}
.m-ban{display: none;}

@media only screen and (max-width: 1441px){

}

@media only screen and (max-width: 1367px){
.c-right .txt .t_01 {
    font-size: 18px;
    line-height: 48px;
}

footer .f1 span {
    font-size: 16px;
    padding-left: 40px;
}
footer .f2 {
    font-size: 16px;
}
.center{padding:50px 0 50px 0;}
.tzgg {
    height: 55px;
}
.tzgg .le {
    line-height: 53px;
    font-size: 17px;
}
.tzgg .ce{height: 43px;}
.txtScroll-top .infoList li {
    height: 33px;
    line-height: 33px;
    font-size: 16px;
}
.tzgg .ri{height: 53px; line-height: 53px;}
.fast-enter {
    padding-top: 30px;
}
.in-bit h1 {
    font-size: 22px;
}
.fast-list li p {
    line-height: 48px;
    font-size: 17px;
}
.Menubox1 li {
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    margin: 0 8px;
}
.CbContainer1 {
    padding-top: 10px;
}
.ks-list li {
    margin-bottom: 20px;
    min-height: 110px;
    padding-top: 10px;
}
.in-ks {
    min-height: 580px;
}
.in-news {
    padding: 40px 0 50px 0;
}
.CbContainer2 {
    padding-top: 20px;
}
.Menubox2 li {
    width: 190px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    margin: 0 8px;
}
.picMarquee-left .bd ul li h1{font-size: 18px;}
.picMarquee-left .bd ul li p{font-size: 16px;}
.in-news1 h1 {
    font-size: 17px;
    height: 28px;
}
.in-news2 li {
    line-height: 38px;
    font-size: 15px;
    padding-right: 25%;
}
.in-news2 span {
    width: 20%;
    font-size: 14px;
}
.in-news1 {
    padding-bottom: 5px;
}
.in-news1 p {
    font-size: 15px;
    line-height: 22px;
}
.in-n-le {
    width: 50.5%;
}
.news-box .bd li .dw{line-height: 42px; height: 42px; font-size: 15px;}
.link {
    padding-bottom: 40px;
}
.picMarquee-left .bd ul li{ height: 76px; padding:10px 0;}

}

@media only screen and (max-width: 1281px){

}
@media only screen and (max-width: 1139px){

}

@media only screen and (max-width: 992px){
.Menubox1 li {
    font-size: 20px;
}
.center {
    padding: 20px 0 25px 0;
}
.c_01 {
    font-size: 20px;
}
.link {
    padding: 0 0 30px 0;
}
.slideBox{padding-top: 55px;}
.slideBox .hd {
    bottom: 10px;
}
.slideBox .hd ul li.on {
    width: 14px;
    height: 14px;
    background: #bd2229;
}
.tzgg .le {
    width: 100px;
    line-height: 53px;
    background: url(../images/gb.png) no-repeat 10px center #84665a;
    padding-left: 35px;
    font-size: 15px;
}
.tzgg .ce{ width: 46%; }
.tzgg .ri {
    width: 66px;
    line-height: 53px;
    font-size: 14px;
}
.txtScroll-top .infoList li{ overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}


}

@media only screen and (max-width: 760px){
  .fast-list li{width: 49%; margin-bottom: 8px; }
.fast-list li:nth-child(2n){margin-right: 0;}
.Menubox1 li {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin: 0 5px;
}
.ks-list li {
    width: 31.33%;
    margin-right: 1.5%;
    margin-bottom: 10px;
}
.ks-list li{display: none;}
.ks-list li:nth-child(1),.ks-list li:nth-child(2),.ks-list li:nth-child(3),.ks-list li:nth-child(4),.ks-list li:nth-child(5),.ks-list li:nth-child(6){display: block;}
.slideBox1{display: none;}
.Menubox2 {
    margin: 0px 0 15px 0;
}
.Menubox2 li {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin: 0 2px;
}
.CbContainer2 {
    padding-top: 0px;
}
.in-n-le{width: 100%;}
.in-n-ri{width: 100%; padding-top: 15px;}
.in-news2 li {
    padding-right: 26%;
}
.in-news2 span {
    width: 24%;
}
.in-news {
    padding: 30px 0 30px 0;
}
.picMarquee-left .bd ul li{width: 30%;}
.picMarquee-left .bd ul li h1{font-size: 15px;}
footer .f1 .dw{display: none;}
.tzgg .ri {
    width: 55px;
    line-height: 53px;
    font-size: 14px;
}
.ks-list li span {

    font-size: 13px;
    font-family: "Arial";
}
.picMarquee-left .bd ul li p{ font-size: 15px; }
.p-ban{display:none;}
.m-ban{display:block;}
.fast-list {
    padding-top: 20px;
}
.ks-list li p {
    line-height: 30px;
    font-size: 15px;
}
.in-ks {
    min-height: 550px;
}
}

@keyframes run {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.04);
    }
    50% {
        transform: scale(1.08);
    }
    75% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}


@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}
