﻿@import url(public.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
 
.co1{color:#086cb7}
.top1{border-bottom:1px solid #eee}
.navz{padding:5px; margin:10px; font-size:15px; font-weight:bold; display:inline-block;border-bottom:2px solid #fff;cursor:pointer}
.navz:hover>a{color:#086cb7;border-bottom:2px solid #086cb7}
.navz>a {display:inline-block;padding:0 5px;border-bottom:2px solid #fff}

.navz2{color:#fff;width:140px;left:-31px;top:32px;text-align:center;display:none}
.navz2a{background:#086cb7;margin-top:34px;padding:20px 0 }
.navz2a a{color:#fff;display:inline-block; padding:5px 0;font-size:13px;}
.navz2a a:hover{color:#ff6a00}

.navz:hover .navz2{display:block}

   .menu{display:none;position:absolute;right:15px;top:50%;font-size:30px;color:#086cb7; margin-top:-15px}

   .boxly{background:url(../image/bgzi.jpg);background-size:100% 100%}
   .boxlya .txt{padding:8px 15px;border:1px solid #eee;margin:5px; width:calc(100% - 40px);margin-top:10px}
    .boxlya .hybtn{margin-top:10px;width:calc(100% - 40px); padding:7px 0}

.bot{background:url(../image/bgs.jpg) center center;}
.bot1a{background:#1d1d1d}
.bot1b{background:#282828}
.bot1b1a{border-bottom:1px solid #999;display:inline-block;padding-bottom:10px;margin-bottom:8px}

.box1s1 span{font-size:30px}
.box1s1 label{ font-family:Impact}

.box1{background:url(../image/bg.jpg)}
.b1bs1{font-size:30px ;font-weight:bold;}

.more{background:#086cb7;color:#fff;padding:8px 20px;}


.box2{background:url(../image/bg2.jpg)}
.bt span{font-weight:bold;font-size:30px}
.bt label{display:block;padding:10px 0;}

.b2as1{border:1px solid #eee;padding:5px 15px;display:inline-block;margin-top:15px}


.box3{background:url(../image/bg3.jpg)}

.b4s1{background:#eee;}
.b4s2{ border-left: 260px solid transparent; border-right: 0 solid transparent; border-bottom: 40px solid #eee;}
.b4s3{margin-top:-100px;position:relative;z-index:5;}

.blistb .bitem:hover .b4s2 {border-bottom: 40px solid #086cb7;}
.blistb .bitem:hover .b4s1 {background:#086cb7;color:#fff;}

.anli:hover .b4s2 {border-bottom: 40px solid #086cb7;}
.anli:hover .b4s1 {background:#086cb7;color:#fff;}


.spnr{}

.box5{background:url(../image/bg4.jpg)}

.box6{background:url(../image/bg5.jpg) center center;}
.b61{background:rgba(0,85,149,0.7); z-index:555;}
.b62{margin-top:-28%;padding-top:50%}
.b6a:hover .b61{display:block}

.box7{background:#f3f3f3}

.ab3{background:url(../image/zibg.jpg)}

.zibt{background: #f7f7f7;border: 1px solid #e5e5e5;text-align: left;padding-left: 40px; margin-top:-1px; }
        .zibt span{border-left: 4px solid #ff6a00;padding-left: 10px;font-size: 16px;font-weight: bold;}
        .zinr{margin-bottom:15px}
        .zinr .s1{padding:15px ;margin:0px 10px;border-bottom:2px solid #f3f3f3}

        .zinr .s1:hover,.zinr .sel{ color:#096cb6;border-bottom:2px solid #096cb6}
        .zinr i{color:#ff6a00}
        .zbox1{height:390px}

           .s3item2 .s3img{height:215px;}
    .s3item1 .s3img{height:370px;}
     

.ab5{background:url(../image/zibg2.jpg) center center ;background-size:100% 100%}
.ab7bg{background:url(../image/zibg3.jpg) center center; background-size:cover}

.ab8{background:url(../image/zibg4.jpg) center center; background-size:cover}

.ab3-wz{padding:20px 30px;border:1px solid rgba(255,255,255,.2);}
.ab3-nian{color:#33c4fd;padding-top:35px;}
.ab3b:after{content:"";width:10px;height:10px;background:#33c4fd;border-radius:50%;display:block;position:absolute;left:50%;margin-left:-8px;top:38px;border:3px solid rgba(36,89,133,.8);}
.ab3-list:before{position:absolute;width:1px;height:100%;background:#fff;opacity:.2;left:50%;top:0;content:"";}
.ab3-box>div{padding:0 30px}

.zizhitu{width:600px}

.ab4s1{padding-top:20px}
.ab4s1 span{padding:5px 12px;cursor:pointer;font-size:16px}
.ab4s1 .sel{background:#086cb7;color:#fff;}

.abshipin{padding-top:90px}

@media screen and (max-width:768px) {
     
    .abshipin{padding-top:0px}
.menu {display:block} 
.nav{ padding-top:50px;display:none;height:100%;position:fixed; width:100%;background:#fff;left:0px;top:85px;z-index:5555}
.navz{text-align:center;font-size:16px;display:block}

 
.box1{background:none}
.b62{margin-top:-28%;}

  .zinr{border-bottom:1px solid #eee; text-align:center }
             .zinr .s1{padding:4px 8px}

              .zinr .s1{padding:5px;display:inline-block}
              .zinr .center{width:100%}

              .zbox1{height:180px}

               .ab42{margin-bottom:0px;}
                 .ab41:nth-child(6){margin-top:0px}
.ab7bg{ background:none}

.ab3c{text-align:left;}
    .ab3b:after{margin:0;left:0;top:10px;}
    .ab3-list:before{left:8px;}
    .ab3b{padding-left:30px;}
    .ab3-nian{padding:0 0 20px;}
    .ab3-list{padding:15px 0;margin-top:60px;}
    .ab3-item{margin-bottom:20px;}


    .zizhitu{width:90%}
.yewutp{width:35px}
.wzcontent img{height:auto!important}

}
