@charset "UTF-8";
.nav .nav3{
    background:#041b30;
}
.banner img{width: 100%;}
/*小导航*/
.smlnav{width: 100%;height: 58px;background-color: #e6e6e6;margin-top: 30px;}
.smlnav p{width: 350px;height: 58px;text-align: center;line-height: 58px;font-size: 14px;color:#333;}
.smlnav p .bic{display: inline-block;}
.smlnav p .pos{display: inline-block; color:#999;}
.smlnav p .pro{display: inline-block;color:#666;}
.smlnav .onload{width: 60px;height: 56px; font-size: 18px;color: #fb5e27;border-bottom: 1px solid #fb5e27;}
/*产品区*/
/*左边分类*/
.product {margin:30px auto;border: 1px solid #eee;}
.product .category .gray{width: 206px;height: 430px;background-color: #adc0c4;margin-top: 16px;}
.half {width:206px; height:50px;margin-top: 90px;}
.cube { transition:all .5s; transform-style:preserve-3d;width:206px; height:50px;}
.front {font-size: 18px; transform: translateZ(20px); color: #fff;background-color: #082c4c; width: 206px; height: 50px; text-align: center; line-height: 50px;}
.flop {font-size: 18px; opacity: 1;  height: 100%;  transform: rotateX(-90deg) translateZ(-25px); border: 1px solid #082c4c; color: #082c4c; width: 204px; height: 50px; text-align: center; line-height: 50px; }
.half:hover .cube { transform: rotateX(90deg); }
.half:hover .flop { opacity: 1; }
.product .category .gray ul li a:link,.product .category .gray ul li a:visited{display: block;color: #333;width: 178px;height: 25px;line-height: 25px;padding-left: 28px;}
.product .category .gray ul li a:hover,.product .category .gray ul li a:active{color: #fff;background-color: #082c4c;transition:all .3s;}
.product .category .gray ul{padding-top: 1px;}
.product .category .gray ul li{display: none; width: 206px;height: 20px;font-size: 14px;margin-top: 8px;}
.product .category .gray ul .big,.product .category .gray ul .big1{font-size: 18px;color:#353e45;padding-left: 28px;padding-top: 20px;position: relative;}
.product .category .gray ul .big:hover,.product .category .gray ul .big1:hover{cursor:pointer;color: #082c4c; }
.product .category .gray .body{width: 178px;}
.product .s1,.product .s2{display:inline-block;width:0;height:0;border:6px solid transparent;border-left:7px solid #f22800;z-index: 3;position: absolute;top: 26px;left: 13px;}
.tran{transform-origin: 3px 6px; transition:.5s;}
.change{transform:rotate(90deg);}
/*右边自行车*/

.product .bic{
    /* width: 958px; */
    width:79%;
    /* border-left:1px dashed #999;  */
}
.product .bic .box1{
    width: 100%;
    float: left;
    padding: 10px 0;
}
.product .bic .box1 .div_l{position: relative;overflow: hidden;width: 32%;margin-right: 2%; margin-bottom:20px;float: left; height:280px;background-color: #eee;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
    border-color: rgba(229, 229, 229, .73);}
.product .bic .box1 .div_l:nth-child(3n) {
    margin-right: 0;
}
.product .bic .box1 .div_l a {display: block;width:100%;height: 100%;}
.product .bic .box1 .div_l a img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.product .bic .box1 .bg{position: absolute;bottom: 0px;left: 0px;z-index: 3;width:100%;height:50px;background-color: #000;opacity: 0;transition:all .5s;}

.product .bic .box1 .div_l .bg{opacity: .7;}
.product .bic .box1 .div_l .data{position: absolute;top:20%;left: 30px; }

.product .bic .box1 .txt{width: 260px;height:50px;line-height: 50px;margin: 0 auto;text-align: center;
    overflow:hidden;
    z-index: 8;color: #fff;font-size: 16px;opacity:1;transition:all .5s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product .bic .box1 .data{z-index:7;position: absolute;top: 20%; left: -200px;opacity: 1;transition:all .5s;}


.product .more .lp{margin-left:22px;font-size: 18px;color: #333333;width: 70px;height: 24px; text-align: center;line-height: 24px;background-color:#072c4c;font-size: 14px;color: #003967;padding: 0 5px 0 5px;position: relative;transition: 0.3s; }
.product .more .lp span:after{content: ">"; color: #fff;position: absolute;opacity: 0;top: 0;right:5px;transition: 0.3s;}
.product .more .lp:hover span:after{opacity: 1;}
.product .more .rp{margin:0 22px 0 23px;width: 70px;height: 24px; text-align: center;line-height: 24px;background-color:#072c4c;font-size: 14px;color: #003967;padding: 0 5px 0 5px;position: relative;transition: 0.3s;}
.product .more .rp span:after{content: "<"; color: #fff;position: absolute;opacity: 0;top: 0;right:60px;transition: 0.3s;}
.product .more .rp:hover span:after{opacity: 1;}
.product .more li{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;font-size:16px;color: #003967;border:1px solid #d6d6d6;margin:0 5px;}
.product .more ul a:link,.product .more ul a:visited{color:#072c4c;}
.product .more ul a:hover,.product .more ul a:active{color:#fff;background-color: #072c4c;}
.product .more .rp a:link,.product .more .rp a:visited{color:#fff;}
.product .more .rp a:hover,.product .more .rp a:active{transform:translateX(5px);}
.product .more .lp a:link,.product .more .lp a:visited{color:#fff;}
.product .more .lp a:hover,.product .more .lp1 a:active{transform:translateX(-5px);}
/*下一页 顶部*/
.product .more1,.product .more{    display: inline-block;margin: 30px auto;}
.product .more1 .lp1{margin-top: 38px;font-size: 18px;color: #333333;width: 70px;height: 24px; text-align: center;line-height: 24px;background-color:#072c4c;  margin-top: 38px; font-size: 14px;color: #003967;padding: 0 5px 0 5px;position: relative;transition: 0.3s; }
.product .more1 .lp1 span:after{content: ">"; color: #fff;position: absolute;opacity: 0;top: 0;right:5px;transition: 0.3s;}
.product .more1 .lp1:hover span:after{opacity: 1;}
.product .more1 .rp1{width: 70px;height: 24px; text-align: center;line-height: 24px;background-color:#072c4c;  margin-top: 38px; font-size: 14px;color: #003967;padding: 0 5px 0 5px;position: relative;transition: 0.3s;}
.product .more1 .rp1 span:after{content: "<"; color: #fff;position: absolute;opacity: 0;top: 0;right:60px;transition: 0.3s;}
.product .more1 .rp1:hover span:after{opacity: 1;}
.product .more1 ul{margin-top: 38px;}
.product .more1 li{display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;font-size:16px;color: #003967;border:1px solid #d6d6d6;margin:0 5px;}
.product .more1 ul a:link,.product .more1 ul a:visited{color:#072c4c;}
.product .more1 ul a:hover,.product .more1 ul a:active{color:#fff;background-color: #072c4c;}
.product .more1 .rp1 a:link,.product .more1 .rp1 a:visited{color:#fff;}
.product .more1 .rp1 a:hover,.product .more1 .rp1 a:active{transform:translateX(5px);}
.product .more1 .lp1 a:link,.product .more1 .lp1 a:visited{color:#fff;}
.product .more1 .lp1 a:hover,.product .more1 .lp1 a:active{transform:translateX(-5px);}


/* 新增 start */
.tit_left{
    /* width:235px; */
    width: 20%;
    margin-right: 1%;
    text-align:center;
    float: left;
}
.tit_left ul{margin-bottom: 0px;border-bottom: 1px solid #eaeaea;}
.tit_left ul li{
    cursor:pointer;
    padding:1% 0;
    /* padding: 2% 0 1% 0; */
    background: #fff;
    color: #000;
    /* border-right: 1px solid #072c4c; */
    border-right: 1px solid #eaeaea;  
    /* background: #072c4c; */
    /* background:linear-gradient(top left,#666,#999);
    background:-webkit-linear-gradient(top left,#666,#999);
    background:-moz-linear-gradient(top left,#666,#999);
    background:-o-linear-gradient(top left,#666,#999); */
}
.tit_left ul li:last-child{border-bottom:0px;}
.tit_left ul li:last-child.cur{border-bottom:0px;}
.tit_left ul li.cur{
    background: none;
    color: #000;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: 3px solid #eaeaea;
    border-right:0px;
    /* background:linear-gradient(top left,#35bdec,#006a8e);
    background:-webkit-linear-gradient(top left,#35bdec,#006a8e); */
}
.tit_left ul li p{
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#656d70;
    margin: 0;
}
.tit_left ul li.cur p{color:#656d70;}

/* 服务热线 */
.l_contact {
    float: left;
    /* width: 230px; */
    width: 100%;
    margin-top: 10px;
    padding-top: 20px;
    font-family: 'Microsoft Yahei';
    font-size: 14px;
    border:1px solid #eaeaea;
    /* border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea; */
  }
  .l_tel {
    width: 189px;
    margin-top: 13px;
    float: left;
    padding-left: 18px;
    background: #072c4c;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    height: 28px;
  }
  .l_contactcon {
    float: left;
    padding: 10px 0;
    padding-left: 20px;
    width: 189px;
    background: url(../images/l_contact.jpg) no-repeat top left;
  }
  .l_contactcon font {
    color: #072c4c;
    font: 700 21px/21px 'Microsoft Yahei';
  }
  .l_contactcon p {
    color: #959595;
    margin: 20px 0 15px 0;
    line-height: 1.2;
  }
  .l_contactcon a {
    background: #072c4c;
    width: 115px;
    text-align: center;
    height: 25px;
    display: block;
    line-height: 25px;
    color: #fff;
  }
  /* 服务热线 */

/* 新增 end */