@charset "utf-8";
    .top1477101751 {text-align:left; margin-top:10px; float:left; width:50%; font-size:14px; height:30px; font: normal normal normal 14px/1 FontAwesome;  }
    .top1477884318{text-align:right; margin-top:10px; float:right; width:50%; font-size:14px; height:30px; font: normal normal normal 14px/1 FontAwesome; } 
    .container{width: 1200px;margin:0 auto;}
    .logo{ background:#fff;}
    .logocontent{width:1200px; margin:0 auto;}



    .aboutlist{ float:left; margin-top:30px;}

    .aboutlist li{ width:130px; float:right;height:40px;line-height:40px;}
    .aboutlist li:hover{margin-top:-10px;}



    .item-list{width:1200px; margin:0 auto;}

.taps a.selected,.box863_-7174 .model .taps a:hover{background-color:#da251c;color:#fff;  border: 1px solid #da251c;}

.item-list{ height: 0; width: 0; overflow: hidden; opacity: .7; filter: Alpha(opacity=70);-moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) ;}

.item-list.active{height: auto; width: auto; overflow: auto; opacity: 1;  filter: Alpha(opacity=100); visibility: visible; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}

.item-list li

{    

    float: left;
    width: 295px;
    height: 200px;
    margin: 0 0 5px 5px;
    background-color: #fff;
    overflow: hidden;
    position: relative;

 }

.item-list li a { display: block; overflow: hidden; position: relative; height: 200px;}

.item-list .img{text-align: center; height:200px;overflow:hidden}

.item-list .img img{width:100%;height:100%;-webkit-transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s}

.item-list li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.caption{display:none;}

.caption .title

{
    display: block;
    width: 92%;
    text-align: center;
    border: 1px solid #fff;
    height: 92%;
    line-height: 100%;
    position: absolute;
    left: 4%;
    top: 4%;
    background: url(../images/jt_r02.png) no-repeat center 60%;
    padding-top: 26%;
    color: #fff;
    font-size: 18px;
}

 .caption .info{color:#b5b5b5}
 .insert{display:none}
 .item-list li:hover .caption{height:90px;border-color:#989898}
 .item-list li:hover .insert{border-color:#eee}
 .item-list li:hover .insert::before{margin-left:50% }
 
 
 .item-list li:hover .caption
 {  width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #da251c;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    opacity: 0.8;
    display:block;
  }


.prod{ height:960px;background: url(../images/probg.jpg) center no-repeat;background-attachment:fixed;}

.protitle{background:#d8261c;}

.producttitle{width: 1200px;margin:0 auto; background: #d8261c;  height:135px; padding-top:20px; }

.producttitle p{color:#fff; font-size:46px; width:1200px; margin:0 auto; text-align:center;}

.producttitle span{  width:650px; margin:0 auto; text-align:center;  color:#fff;  display:block; font-size:17px; margin-top:10px; }

.titlebottom{    height:840px; }

.youshi{width:1200px; margin:0 auto; padding-top:10px; padding-bottom:10px;}

.youshi ul {margin-top:30px;}

.youshi ul li{background: #d8261c; width:130px;height:130px; line-height:130px;float:left; margin-left:20px;margin-right:20px; }

.youshi ul li span{width:30px;height:32px; text-align:center; display: block;}

.protype{width:1200px; margin:0 auto;}



 

.fw{ background: url(../images/fwbg.jpg) center  no-repeat; background-attachment: fixed; }

.index-t{font-size: 30px;color:#073e85;}

.index-line{width: 60px;height: 1px;width:60px;background: #073e85;margin:0 auto;}

.com-width{margin-right: auto; margin-left: auto; width: 1200px; height: 600px; padding-top:100px;}
 
.yyly-con{height: 474px;overflow: hidden;}

.yyly-l{width:790px;}

.yyly-l li{width:390px;height: 200px;background: #f4f4f4;margin: 0 10px 10px 0;float: left;}

.yyly-l li:nth-child(2n){margin-right: 0;overflow: hidden;}

.yyly-l li a{display: block;width: 100%;height: 100%;position: relative; overflow: hidden;}

.yyly-l li a img{position: absolute; top: 0; cursor: pointer; transition: all 0.6s;}

.yyly-l li a img:hover{ transform: scale(1.1);  }

.yyly-l li a span{font-size: 18px;color:#333;position: absolute;left: 33px;top: 30px;-webkit-transition:.3s; -o-transition:.3s; transition:.3s;}

.yyly-l li a i{position: absolute;left: 33px;width: 16px;height: 16px;border: 1px solid #666;color:#666;text-align: center;line-height: 14px;top: 80px;

  font-family: "宋体";border-radius: 50%;font-size: 12px;-webkit-transition:.3s; -o-transition:.3s; transition:.3s;}



.yyly-l li a:hover span{color:#6fc035;left: 43px;}

.yyly-l li a:hover i{left: 43px;color:#6fc035;border: 1px solid #6fc035;}

.f-l,.fl{float: left;}
 .f-r,.fr{float: right;}

.yyly-r{width: 380px;height: 415px;background: url(../images/yyly.jpg) center no-repeat;padding-top: 175px;}

.t-c{text-align: center}

.fs-24{font-size: 24px; margin-bottom:5px;}

.c-fff{color:#fff !important; }



.btn-a{width: 110px;height: 36px;line-height: 36px;color:#000;display: block;background: #fff;margin: 55px auto;position: relative;z-index: 2;overflow: hidden;}

.btn-a:after{content: "";width: 110px;height: 36px;position: absolute;left: 0;top:36px;background: #000;z-index: -1;-webkit-transition:.2s; -o-transition:.2s; transition:.2s;}

.btn-a:hover{color:#fff;}

.btn-a:hover:after{top: 0;}


     
      .Box {position: relative;}
      .Box .content {width: 1200px;margin: 0 auto;}
      .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
      .Box .Box_con {position: relative;}
      .Box .Box_con .btnl {position: absolute;}
      .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
  
      .Box .Box_con .conbox {position: relative;overflow: hidden;}
      .Box .Box_con .conbox ul {position: relative;list-style: none;}
      .Box .Box_con .conbox ul li {float: left;width: 200px;height: 100px;margin-left: 20px;overflow: hidden;}
      .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
      .Box .Box_con .conbox ul li img {display: block;width: 200px;height: 100px;transition: all 0.5s;}
      .Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
      
      .Box .BoxSwitch {margin-top: 30px;text-align: center;}
      .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
      .Box .BoxSwitch span.cur {background: red;}



 .linkcontent{width: 1200px; margin:0 auto; color:#bb1006;}

.linkcontent a{color:#fff;}
.ftcontent{width:1200px;margin:0 auto; background: }
.link1{ height: 50px; background:#333333; line-height:50px; }
 
.contact1{background: url(../images/fotbg.jpg) center no-repeat; }
.fc{width: 1200px; margin:0 auto;}
.banquan{background: #bb1006; height: 40px;}
.fm{width:1200px; margin:0 auto; color:#fff; height:40px; line-height:40px; text-align:center;}
.fm a{color:#fff;}