.main-content{width: 1400px;margin: auto}
/*header*/
#main-nav{width: 100%}
#main-nav .navbar-nav{width: 100%}
#header{padding: .5rem 5rem;background: transparent;position: absolute;z-index: 8888;width: 100%;top: 0}
.nav-item{text-align: center;position: relative;width: calc(100% / 8);height: 65px}
.nav-item .nav-link{color: #fff;position: absolute;display: block;top: -20px;padding-top: 28px;font-size: 1.2rem;width: 100%}
.nav-item .nav-link:hover,.nav-item.active .nav-link{
    background: #005dad;color: #fff;height: 100px;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}
#main-nav .navbar-nav{background: rgba(255,255,255,.5);padding: .5rem}
#main-nav .end{width: 340px}
#main-nav .end .list .icon{margin: 0 .5rem;border: 1px silver solid;border-radius: 50%;width: 43px;height: 43px;text-align: center;padding-top: 7px;cursor: pointer;position: relative}
#main-nav .end .list .icon:hover{background: #005dad;border: 1px #005dad solid}

#main-nav .end .list .icon .tel .text-tel{position: absolute;bottom: -25px;color: #fff;width: 120px;display: none}
#main-nav .end .list .icon .tel:hover .text-tel{display: block}
#main-nav .end .list .icon .wx .wx-code{position: absolute;top: 40px;width: 120px;left: -40px;display: none}
#main-nav .end .list .icon .wx:hover .wx-code{display: block}
.banner .swiper-pagination-bullet{width: 50px;border-radius: 3px;background: #fff;opacity: 1}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005dad}
/*title*/
.title{text-align: center;padding: 1rem 0 3rem 0 }
.title .t1{font-size: 40px;}
.title .t2{font-size: 18px;text-transform: uppercase}
/*index_about*/
.index_about .desc{text-align: center;line-height: 2.3rem;font-size: 16px}
.index_about .img-list{padding-top: 2rem}
.index_about .img-list .img{cursor: pointer}
.index_about .img-list .number{font-size: 65px;color: #005dad;font-weight: 600;text-align: center}
.index_about .img-list .text{border-left:  2px solid #c1c1c1;padding: 0 .8rem}
.index_about .img-list .text .desc{color: #666666;padding-bottom: 2rem}
.index_about .img-list .text.last{border-right: 2px solid #c1c1c1}
.index_about .img-list .text.last .number{font-size: 40px;padding-top: 1rem;text-align: left;font-weight: 600}
.index_about .img-list .text.last .desc{color: #000;text-align: left;padding-top: 1.5rem;}
/*index_product*/
.index_product .listbox .box{padding-bottom: 2rem}
.index_product .listbox .box:nth-child(odd) .text{padding: 2rem 2rem 2rem 0 }
.index_product .listbox .box:nth-child(even) .text{padding: 2rem}
.index_product .listbox .row .item{padding-bottom: 1rem;font-size: 1rem;font-weight: 600}
.index_product .listbox .row:last-child .item{font-size: .8rem}
.index_product .listbox .row .col-md-3{padding-left: 2px;padding-right: 2px}
.index_product .listbox .row .item:hover a{color: #005dad}
.index_product .listbox .row .cname{font-size: 24px;font-weight: 600;padding-bottom: 1rem;}
.index_product .listbox .row .col-md-4{padding-left: 2px;padding-right: 2px}


.index_product .swiper-pagination-bullet{background: #fff;opacity: 1}
.index_product .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005dad}
.index_product .listbox .row .item.other{font-size: 12px;font-weight: 100}
.index_product .iconlist{padding-top: 2rem}
.index_product .listbox .item2{width: 80px;border-right: 1px silver solid;text-align: center;cursor: pointer;color: #aaaaaa;font-size: 12px}
.index_product .listbox .item2:last-child{border-right: initial;}
.index_product .listbox .item2 .icon .gyjqr{background: url("../images/i1.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .jq{background: url("../images/i2.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .yb{background: url("../images/i3.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .qzjx{background: url("../images/i4.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .fzjx{background: url("../images/i5.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .syhgjx{background: url("../images/i6.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .fwxjqr{background: url("../images/i7.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .zdh{background: url("../images/i9.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2 .icon .jc{background: url("../images/i8.png") center no-repeat;width: 42px;height: 42px;display: block;margin: auto}
.index_product .listbox .item2:hover{background: #184b9f;color: #fff;   transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;}
.index_product .listbox .item2:hover span{
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}
.index_product .listbox .item2:hover .icon .gyjqr{background: url("../images/ic1.png") }
.index_product .listbox .item2:hover .icon .jq{background: url("../images/ic2.png") ;}
.index_product .listbox .item2:hover .icon .yb{background: url("../images/ic3.png") ;}
.index_product .listbox .item2:hover .icon .qzjx{background: url("../images/ic4.png") ;}
.index_product .listbox .item2:hover .icon .fzjx{background: url("../images/ic5.png") ;}
.index_product .listbox .item2:hover .icon .syhgjx{background: url("../images/ic6.png")}
.index_product .listbox .item2:hover .icon .fwxjqr{background: url("../images/ic7.png") }
.index_product .listbox .item2:hover .icon .zdh{background: url("../images/ic9.png") }
.index_product .listbox .item2:hover .icon .jc{background: url("../images/ic8.png") }
/*footer*/
#footer{background: #313131;color: #fff}
#footer .main-content{padding: 3rem 0;}
#footer a{color: #fff}
#footer .box1{width: 30%}
#footer .box1 .tel{padding-top: 1rem}
#footer .box1 .tel .name{font-size: 14px;font-weight: 600;color: #b2b2b2;padding-top: 10px;padding-left: 1rem}
#footer .box1 .tel .text{font-size: 30px;font-weight: 600;padding-left: 1rem}
#footer .box1 .desc{padding-top: 1rem;color: #b2b2b2;line-height: 1.6rem}

#footer .box2{width: 30%}
#footer .box2 .wxcode{width: 140px}
#footer .box2 .wxcode .wx{text-align: center}
#footer .box2 .wxcode .code{display: none}
#footer .box2 .wxcode:hover .code{display: block;  transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;}
#footer .box2 .gswsa{padding-left: 2rem;text-align: center}
#footer .box2 .gswsa .d{color: #b2b2b2;padding-bottom: 1rem}

#footer .box3{width: 40%}
#footer .box3 .nav1{flex: 1;}
#footer .box3 .nav1 .nav-name{padding-bottom: 1rem}
#footer .box3 .nav1 .nav-name a{font-size: 16px;color: #ececec;}
#footer .box3 .nav1 .child a{color: #999999;}
#footer .box3 .nav1 .hr{height: 3px;width: 20px;background: #1374bb}
#footer .box3 .nav1 .child{padding-top: 1rem}
#footer .box3 .nav1 .child p{padding: .5rem 0;}
#footer .copyright{border-top: 1px silver solid;color: #999}
#footer .copyright .main-content{padding: .6rem 0}
#footer .copyright a{color: #999;padding-right: 1rem}
/*page-about*/
.page .tt{text-align: center;padding: 3rem 0}
.page .tt .t1{font-size: 36px;font-weight: 600;color: #c9c9c9;text-transform: uppercase}
.page .tt .t2{font-size: 30px;font-weight: 600;}
.page .tt .t3{margin: 1rem auto;height: 4px;width: 30px;background: #1374bb}
#about .desc{line-height: 2rem;font-size: 16px;}
#about .cc{padding: 2rem 0}
#about .cc .item{flex: 1;text-align: center;padding: 0 1rem}
#about .cc .item .name{color: #005dad;font-size: 36px;font-weight: 600}
#about .cc .item  .desc{font-weight: 600;line-height: 1.5rem}


.time-line{width:100%;margin:20px auto;position: relative;}
.time-line .left-btn,.time-line .right-btn{width:45px;height: 45px;background: url(../images/next1.png) no-repeat;position: absolute;margin-top:-10px;cursor: pointer;z-index: 999}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}

.time-line .time-box{width:calc(100% - 90px);;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative; width: 100%;z-index: 3}
.time-line .time-box .xian{width: 100%;position: absolute;left:0;top:50%;z-index: 1}
.time-line .time-box .point{
    z-index: 22;
    width: 30px;height: 30px;border-radius: 50%;background: #fff;border: 1px #91b0d5 solid;text-align: center;padding-top: 4px;cursor: pointer;
}
.time-line .time-box .point2{width: 20px;height: 20px;border-radius: 50%;background: #7fa3ce;margin: auto;padding-top: 4px}
.time-line .time-box .point3{width: 10px;height: 10px;border-radius: 50%;background: #00479d;margin: auto}
.time-line .time-box .point:hover{
    padding-top:0;
    transition:  all .5s;
}
.time-line .time-box .point:hover .point2{
   width: 29px;
    height: 29px;
    transition:  all .5s;
    padding-top: 8px;
}
.time-line .time-box ul li .xian2{height: 131px;width: 50px}
.time-line .time-box ul{height: 500px;padding: 0 50px}
.time-line .time-box ul li{width: 112px;position: relative;height: 200px;}
.time-line .time-box ul li.down{top: 234px;}
.time-line .time-box ul li.up{bottom:-58px}
.time-line .time-box ul li.up .text{position: relative;left: -50px}
.time-line .time-box ul li.up .text .xian2{margin-left: 62px}

.time-line .time-box ul li .desc .d1{height: 100%;width: 100%}
.time-line .time-box ul li .desc .d2{display: none;position: absolute;font-size: 14px;padding-left: 120px;font-weight: 100}
.time-line .time-box ul li .text{width: 220px}
.time-line .time-box ul li h3{font-weight: 600;white-space:nowrap;
    width: 185px;
    text-align: center;
    position: relative;
    left: -80px;
}
.time-line .time-box ul li.down .text{position: relative;left: -141px;}
.time-line .time-box ul li.down .text .xian2{margin-left: 108px;height: 111px}
.time-line .time-box ul li.down .desc .d2{bottom: 60px}
.time-line .time-box ul li .text .desc{font-size: 20px;font-weight: 600;height: 60px;cursor: pointer}
.time-line .time-box ul li .text .desc .time{background: #dadada;height: 100%;flex: 1;display: flex;justify-content: center;align-items: center;text-align: center}
.time-line .time-box ul li .text .desc .title2{background: #005dad;color: #fff;height: 100%;flex: 1;display: flex;justify-content: center;align-items: center;text-align: center}
.time-line .time-box ul li .text .desc:hover .d2{display: block}



#culture .text {padding-top: 1rem;}
#culture .text dt{font-size: 22px;color: #005dad;font-weight: 600}
#culture .text dd{font-size: 14px;padding:.5rem 0;padding-left: .8rem}

#honor{background: #edf6ff;padding-bottom: 5rem}
#honor .swiper-button-next{background: url("../images/pre.png") center no-repeat;width: 45px;height: 45px}
#honor .swiper-button-prev{background: url("../images/next1.png") center no-repeat;width: 45px;height: 45px}
#news{padding-bottom: 5rem}
#news .item a{display: block;}
#news .item .images{position: relative}
#news .item .images .time{position: absolute;top: 0;left: 0;width: 80px;height: 80px;background: #1374bb;color: #fff}
#news .item .images .time .days{text-align: center;font-size: 30px;font-weight: 600}
#news .item .images .time .year{text-align: center}
#news .item .text .att{padding: 1rem 0;font-size: 16px;}
#news .item:hover .text .att{color: #005dad;}
#news .nav-bar{border-top: 1px silver solid;padding-bottom: 2rem}
#news .nav-bar .item2{flex: 1;text-align: center;padding: .7rem 0;cursor: pointer}
#news .nav-bar .item2.cur{background: #005dad;color: #fff}
#news .newslist{display: none}
#news .newslist.cur{display: block}
/*article*/
.article .attt{font-size: 36px;font-weight: 600;text-align: center}
.article .detail{min-height: 300px;padding-top: 1rem}
/*product*/
.product-content{background: #e5f2fd}
.product-content .main-content{background: #fff;margin-top: 2rem;margin-bottom: 2rem}
.product-content .tt{padding: 3rem 0;text-align: center}
.product-content .tt .t1{font-size: 30px;font-weight: 600;color: #c9c9c9;text-transform: uppercase}
.product-content .tt .t2{font-size: 24px;padding-bottom: 1rem}
.product-content .tt .t3{height: 2px;width: 20px;margin: auto;background: #005dad}
.product-content .desc{text-align: center;line-height: 1.8rem;padding-bottom: 2rem;font-size: 16px}
.product-content .iconlist{padding-top: 2rem}
.product-content .iconlist .item{flex: 1;border-top: 1px silver solid;border-bottom: 1px silver solid;border-right: 1px silver solid;text-align: center;padding: .5rem;cursor: pointer}
.product-content .iconlist .item:first-child{border-left: 1px silver solid}
.product-content .iconlist .item .name{font-size: 18px;padding: 1rem 0;}
.product-content .iconlist .item .icon2{display: none}
.product-content .iconlist .item:hover{background: #005dad}
.product-content .iconlist .item:hover .icon{display: none}
.product-content .iconlist .item:hover .icon2{display: block}

.product-content .iconlist .item:hover .name{color: #fff}

.product-content .gzyl{padding-top: 2rem}
.product-content .gzyl .nav-bar .item23{flex: 1;background: #e5f2fd;border: 1px #005dad solid;text-align: center;padding: .8rem;color: #005dad;font-size: 30px;font-weight: 600;cursor: pointer}
.product-content .gzyl .nav-bar .item23:hover,.product-content .gzyl .nav-bar .item23.cur{background: #1541a2;color: #fff}

.product-content .gzyl .box2 .ccc{display: none}
.product-content .gzyl .box2 .ccc.cur{display: block}

.product-content .gzyl .box2{padding-top: 2rem}
.product-content .gzyl .box2 .gtt .t1{font-size: 40px;color: #005dad;text-transform: capitalize;font-weight: 600}
.product-content .gzyl .box2 .gtt .t2{font-size: 24px;color: #005dad;padding-bottom: 1rem}
.product-content .gzyl .desc{text-align: center;line-height: 1.8rem;padding: 2rem 0}
.product-content .gzyl .more{padding: 2rem 0 ;text-align: center}
.product-content .gzyl .more a{background: #005dad;padding: .7rem 0;border-radius: 20px;color: #fff;font-size: 36px;display: block}
.plink{background: #fff}
.plink .main-content{margin: 0 auto}
.plink .ptt{padding: 3rem 0;text-align: center}
.plink .ptt .t1{font-size: 30px;font-weight: 600;color: #c9c9c9;text-transform: uppercase}
.plink .ptt .t2{font-size: 24px;padding-bottom: 1rem}
.plink .ptt .t3{height: 2px;width: 20px;margin: auto;background: #005dad}
.plink .ptt .t4{font-size: 34px;color: #005dad;padding: 1rem 0;font-weight: 600}
.plink .item{margin-bottom:3rem;text-align: center}
.plink .item img{border: 1px silver solid;cursor: pointer}
/*tree-box*/
.tree-box{border-bottom: 1px silver solid ;box-shadow: 3px 3px 3px silver;}
.tree-box .nav{flex: 1;}
.tree-box .nav a{display: block;text-align: center;padding: .6rem 0;width: 100%;font-size: 16px}
.tree-box .nav.cur a,.tree-box .nav:hover a{
    background: linear-gradient(90deg, #005dad , #89c8ff);
    color: #fff;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}
/*product-model*/
.product-model .pttt{padding: 3rem 0;text-align: center}
.product-model .pttt .t1{font-size: 30px;color: #c9c9c9;text-transform: uppercase}
.product-model .pttt .t2{font-size: 22px;padding-bottom: .7rem}
.product-model .pttt .t3{width: 20px;margin: auto;height: 2px;background: #005dad}
.product-model .list-box{background: #fff}
.product-model .list-box .img{border: 1px silver solid;min-height: 200px;}
.product-model .list-box .name{text-align: center;padding: .8rem 0 .3rem 0;font-size: 16px}
.product-model .list-box .cat_name{text-align: center;font-size: 12px}
.product-model .list-box .item{margin-bottom: 2rem}
/*product*/
.product{background: #e5f2fd;padding-bottom: 3rem}
.product .main-content{background: #fff;}

.product .content{min-height: 300px;padding: 1rem 0;margin-top: 2rem}
.product .content .ptitle{border-bottom: 1px silver solid;margin-top: 1rem;padding-bottom: .6rem}
.product .content .ptitle span{background: #1374bb;color: #fff;padding: .56rem 3rem}
.product .content .desc{min-height: 150px}
/*product-list*/
.product-list .top-box{padding: 1rem 0}
.product-list .top-box .lttt .t1{font-size: 30px;font-weight: 600;text-transform: uppercase}
.product-list .top-box .lttt .t2{font-size: 20px;}
.product-list .top-box .search{background: #e5f2fd;padding: .6rem 1rem;margin-top: 2rem}
.product-list .top-box .search .itemp23{flex: 1;padding-left: 1rem}
.product-list .top-box .search .name{color: #005dad;font-size: 16px;padding: .6rem}
.product-list .top-box .search  input{padding: .6rem;border: 1px #005dad solid;width: 100%;border-radius: 10px}
.product-list .top-box .search .select{padding: .6rem;width: 100%;border: 1px #005dad solid;border-radius: 10px}
.product-list .top-box .search .sub{padding: 10px 2rem;background: #005dad;color: #fff;display: block;text-align: center;width: 120px;border-radius: 10px;cursor: pointer}


/*production*/
.production .top{position: relative;}
.production .desc{line-height: 1.8rem;}
.production .top .top-box{position: relative;top: -4rem;background: #fff;border-top: 3px #005dad solid;box-shadow: 3px 3px 3px  silver;padding: 2rem 0;border-left: 1px silver solid}
.production .top .item1{flex: 1;text-align: center}
.production .top .item1 .name{font-size: 16px;padding: .6rem 0}
.production .box1 .img,.production .box2 .img{position: relative ;z-index: 1}
.production .box1 .text{position: absolute ;z-index: 2;bottom: 10px;left: 50px;background: #005dad;padding: 2rem 0;color: #fff;}
.production .box1 .text .item2,.production .box2 .text .item2{padding: 0 1rem;text-align: center;}
.production .box1 .text .item2 .number{font-size: 40px;font-weight: 600}
.production .box2 .text .item2 .number{font-size: 40px;font-weight: 600}
.production .box1 .desc,.production .box2 .desc{padding: 1rem 0;font-size: 16px;}
.production .box1 .desc .dt,.production .box2 .desc .dt{font-size: 16px;color: #005dad;font-weight: 600;padding-bottom: .5rem}
.production .box2 .text{position: absolute ;z-index: 2;bottom: 10px;right: 50px;background: #005dad;padding: 2rem 0;color: #fff;}
.production .box3 .btt{text-align: center;padding: 3rem 0}
.production .box3 .btt .t1{font-size: 30px;color: #c9c9c9;font-weight: 600;text-transform: uppercase}
.production .box3 .btt .t2{font-size: 24px;font-weight: 600;padding-bottom: .8rem}
.production .box3 .btt .t3{width: 25px;height: 2px;background: #005dad;margin: auto;}
.production .box3 .desc{padding: 2rem 0;font-size: 16px;}
.production .box4{margin-top: 2rem;margin-bottom: 2rem}
.production .box4 .bt4{font-size: 16px;color: #005dad;font-weight: 600}
.production .box4 .desc{padding-top: 1rem;font-size: 16px}
.production .box4 .zhishu .img{padding: 1rem 2rem 1rem 2rem}
/*relations*/
.relations{padding-bottom: 3rem}
.relations .tar-bar .item{flex: 1;text-align: center;padding: .7rem 0;cursor: pointer;}
.relations .tar-bar .item span{padding: .77rem 1rem;}
.relations .tar-bar .item.cur span{border-bottom: 3px #005dad solid}
.relations .tar-bar{border-bottom: 3px silver solid;margin-bottom: 2rem}
.relations  #gonggao ul li a{padding: .77rem 0;}
.relations  #gonggao .more a{color: #005dad}
.relations .boxt{display: none;}
.relations .boxt.cur{display: block;}

    /*articleList*/
.treebox {padding-bottom: .1rem;border-bottom: 1px silver solid;margin-bottom: 2rem}
.treebox .box{flex: 1;text-align: center}
.treebox .box a{display: block;padding: .77rem 0;margin-right: 2px;font-size: 16px}
.treebox .box a.cur,.articleList .treebox .box a:hover{
    background: linear-gradient(90deg, #005dad , #89c8ff);
    color: #fff;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}
.articleList  .item a{padding: .77rem 0;border-bottom: 1px silver solid;display: block}
.articleList  .item:hover a{color: #fe4e02}
/*join*/
.page-title{text-align: center;padding: 3rem 0;}
.page-title .t1{font-size: 30px;color: #c9c9c9;font-weight: 600;text-transform: uppercase}
.page-title .t2{font-size: 24px;font-weight: 600;padding-bottom: .8rem}
.page-title .t3{width: 25px;height: 2px;background: #005dad;margin: auto;}
.join .tt2{font-size: 30px;padding-bottom: 2rem ;text-align: center;font-weight: 100}
.join .box1 .imgs .item{flex: 1;margin-right: 3px;cursor: pointer}
.join .box1 .imgs .item .title1{font-size: 36px;font-weight: 600;color: #005dad;padding: .6rem 0;text-align: center}
.join .box1 .imgs .item .desc{color: #666666;font-size: 20px;text-align: center}
.join .box2 .title2{font-size: 24px;font-weight: 600;padding: .6rem 0;color: #005dad}
.join .box2 .d2{font-size: 16px;line-height: 2.3rem}
.join .box2 .desc{padding-bottom: 2rem}
.join .box2 .imgList{padding-bottom: 14rem}
.join .box2 .imgList .list .item{background: #fff; box-shadow:silver 0px 0px 10px;padding: 10px}
.join .box2 .imgList .list .row1,.join .box2 .imgList .list .row3{padding-bottom: 2rem;position: relative;}
.join .box2 .imgList .list .row1 .col-md-4,.join .box2 .imgList .list .row3 .col-md-4{position: relative;z-index: 1}
.join .box2 .imgList .list .row1 .col-md-4:hover,.join .box2 .imgList .list .row3 .col-md-4:hover{z-index: 55}
.join .box2 .imgList .list .row2{position: relative;}
.join .box2 .imgList .list .row2 .col-md-4:first-child{position: absolute;z-index: 2;top: -8rem;left: 6rem}
.join .box2 .imgList .list .row2 .col-md-4:last-child{position: absolute;z-index: 2;top: -8rem;right: 6rem}
.join .box2 .imgList .list .row4{position: relative}
.join .box2 .imgList .list .row4 .col-md-5:first-child{position: absolute;z-index: 2;top: -6rem;left: 5%}
.join .box2 .imgList .list .row4 .col-md-5:last-child{position: absolute;z-index: 2;top: -6rem;right: 5%;}
.join .box3 .b3title{padding: 1rem 0}
.join .box3 .b3title .item3{flex: 1;cursor: pointer;padding: 1rem 0;text-align: center}
.join .box3 .b3title .item3 span{padding: 0.8rem;border-bottom: 3px transparent solid}
.join .box3 .b3title .item3.cur span{color: #005dad;border-bottom: 3px #005dad solid}
.join .box3 .list .box3-list-item{display: none}
.join .box3 .list .box3-list-item.cur{display: block}
.join .box3 .list .box3-list-item .contt{display: none}
.join .box3  .more{padding: 2rem 0;text-align: center}
.join .box3  .more a{padding: .6rem 2rem;border: 1px solid #005dad;color: #005dad;border-radius: 10px}
.join .box3 .list .table .th{flex: 1;background: #e5e5e5;font-size: 12px;padding: 1rem 0;text-align: center;box-shadow: 1px 1px 1px silver}
.join .box3 .list .table .td{flex: 1;text-align: center}
.join .box3 .list .table .tr{padding: .6rem 10px;border-bottom: 1px silver solid;font-weight: 600}
.join .box3 .list .table .desc{width: 100%;display: none;padding: 10px;border-bottom: 1px silver solid;font-size: 12px;color: #999}
.join .box3 .list .table .desc .shenq{padding-top: 2rem;text-align: right;margin-bottom: 1rem}
.join .box3 .list .table .desc .shenq span{padding: .6rem 2rem;border: 1px solid #005dad;color: #005dad;border-radius: 10px;cursor: pointer}
.join .box4 .number{width: 120px;height: 120px;background: #005dad;color: #fff;font-weight: 600;font-size: 36px;line-height: 120px;vertical-align: middle;text-align: center}
.join .box4 .flex:hover{box-shadow:silver 0px 0px 10px}
.join .box4 .flex:hover .number{background: #f2f2f2;color: #005dad}


.join .box4 .text{flex: 1;padding-left: 1rem}
.join .box4 .flex{margin-bottom: 2rem;cursor: pointer;padding: 10px}
.join .box4 .flex .b4title{font-size: 20px;color: #205fa2;font-weight: 600;padding-bottom: .3rem}
.join .box4 .row2{padding-left: 140px}

.join .search{padding: 2rem 0}
.join .search .sbtn{width: 120px;text-align: center;padding: .5rem ;border: 1px solid #005dad;cursor: pointer}
.join .search .input{flex: 1;margin-right: 3px}
.join .search .input input{width: 100%;border: 1px solid #005dad;padding: .6rem }
.job{padding-bottom: 3rem}

/*exampleModal*/
#exampleModal .input{width: 100%;border: 1px silver solid;padding:5px 10px}
#exampleModal .col-6{padding-bottom: 1rem}
#exampleModal .name{padding-bottom: .5rem}
#exampleModal .modal-header{padding: .5rem ;}
#exampleModal .modal-title{font-size: 16px}
#exampleModal .btn{font-size: 14px;width: 100%}
/*contact*/
.contact{padding: 3rem 0}
.contact .c-title{font-size: 30px;font-weight: 600;padding-bottom: 1rem}
.contact .table thead{ background: linear-gradient(90deg, #005dad , #89c8ff);color: #fff}
.contact .table tbody tr td{ border:#dcdcdc 1px solid}
.contact .store_name{background: #005dad;color: #fff;padding: 1rem }
.contact .store_name .name{font-size: 40px;font-weight: 600}
.contact .store_name .en_name{font-size: 14px}
.contact .box1 .ctext{width: 300px}
.contact .box1 .ctext .btt{font-size: 18px;padding: 1rem 0}
.contact .box1 .ctext .btt .en_name{text-transform: uppercase;font-weight: 600;}
.contact .box1 .ctext .btt .name{font-weight: 600;font-size: 16px;color: #666666}
.contact .box1 .ctext .p{padding-bottom: 1rem}
.contact .box1 .ctext .p .name{font-weight: 600}
.contact .box1 .ctext .p .en_name{padding-left: 1.3rem}
.contact .box1 .ctext .p .name img{padding-right: 10px}
.contact .box1 .img{flex: 1}
/*activity*/
.activity .item .imgs{position: relative;}
.activity .item .imgs .img{position: relative;z-index: 1}
.activity .item .imgs .time{position: absolute;top: 0;left: 0;padding: .5rem .8rem;background: #005dad;z-index: 2;text-align: center;color: #fff;}
.activity .item .imgs .time .day{font-size: 30px;font-weight: 600;}
.activity .item .text{padding: .6rem }
.activity .item .text .tlt{font-size: 16px;color: #666666;padding: .6rem 0;font-weight: 600}
.activity .item .text .desc {color: #999}
.activity .item .text .more {text-align: right;color: #999}
.activity .item:hover{background: #333333}
.activity .item:hover .text .tlt{color: #fff}
.activity .item:hover .text .desc{color: #fff}
.activity .item:hover .text .more{color: #fff}
.article .content{padding: 3rem  0;}
.article .content .info{color: #999;text-align: center;padding: .5rem 0}
/*download*/
.download .donwlist{margin-bottom: 3rem}
.download .donwlist .item{border: 1px silver solid}
.download .donwlist .item .ttt{background: #005dad;color: #fff;padding: .5rem 1rem;font-size: 16px;}
.download .donwlist .item .ttt .name{padding-top: .5rem;padding-left: 1rem}
.download .donwlist .item .desc{padding: 1rem ;}
.download .donwlist .item .desc .icon{width: 60px}
.download .donwlist .item .desc .btn {border: 1px slategrey solid;height: 45px;margin-top: 1rem;width: 170px;margin-left: 1rem;text-align: center;padding: .5rem  2rem;}
.download .donwlist .item .desc .btn .i{background: url("../images/d3.png") center no-repeat;width: 25px;height: 25px;background-size: cover;margin-left: .6rem}
.download .donwlist .item .desc .btn:hover{background: #005dad;color: #fff}
.download .donwlist .item .desc .btn:hover .i{background: url("../images/d2.png") center no-repeat;width: 25px;height: 25px;background-size: cover;}
.contactcode{padding-top: 3.9rem;text-align:right}
@media (max-width:1700px) {
    .nav-item .nav-link{font-size: 1rem}
}
@media (max-width:1500px) {
    .nav-item .nav-link{font-size: .8rem}
    .navbar-brand{width: 350px}
}
@media (max-width:1400px) {
    .main-content{width: 100%;}
    .nav-item .nav-link{font-size: .6rem}
}

.footer-mobile{display: none}
/*手机端*/
@media (max-width:1100px) {
    .navbar-brand{width: auto}
    #header{padding: 10px;position: initial;background: #005dad}
    .navbar-nav{border-top: 1px silver solid}
    .navbar-brand{display: block;font-size: 24px;color: #fff}
    .navbar-brand a{color: #fff}
    button.menu{background: transparent}
    .navbar-nav .nav-item{padding: 1rem 0;border-bottom: 1px silver solid;width: 100%}
    .navbar-nav .nav-item .nav-link{font-size: 14px;text-align: center;padding: 10px;display: block;width: 100%}
    .nav-item .nav-link:hover, .nav-item.active .nav-link{height: auto}
    #main-nav .navbar-nav{background: transparent}
    .nav-item{position: relative;padding: .5rem 0}
    .nav-item .nav-link{position: static}
    .nav-item .nav-link .icon{position: absolute;top:22px;left: 2rem}
    .end{padding: .5rem 0}
    .index_product .listbox .box:nth-child(odd) .text{padding: 10px}
    .index_product .listbox .box:nth-child(even) .text{padding: 10px}
    .index_product .listbox .item2{flex: 1}
    #footer .box1{width: 100%}
    #footer .box2{width: 100%}
    #footer .box3{width: 100%}
    #footer{padding-bottom: 100px}
    #footer .box2 .gswsa{padding-left: 0}
    .product-content .gzyl .nav-bar .item23{font-size: 14px}
    .product .top-nav .itemp32{padding: .5rem 1rem}
    .production .box1 .text .item2 .number{font-size: 14px}
    .production .box2 .text .item2 .number{font-size: 14px}
    .production .box2 .text{position: initial}
    .production .box1 .text{position: initial}
    .production .top .main-content{top: 0;margin-bottom: 2rem}
    .production .box1 .text .item2, .production .box2 .text .item2{flex: 1}
    .relations .tar-bar .item span{display: block;padding: .7rem 0}
    .article .attt{font-size: 16px;}
    .join .box1 .imgs .item{flex: 100%;}
    .join .box2 .imgList .list .row2 .col-md-4{position: initial!important;width: 100%}
    .join .box2 .imgList .list .row1, .join .box2 .imgList .list .row3{padding-bottom: 0}
    .join .box2 .imgList .list .row4 .col-md-5 { position: initial!important}
    .join .box2 .imgList{padding-bottom: 2rem}
    #exampleModal .input input{width: 100%}
    .contact .store_name .name{font-size: 14px}
    .contact .store_name .en_name{font-size: 10px}
    .contact .box1 .img{display: none}
    #about .cc .item{flex:100%}
    #history .imglist .img{position: initial}
    #history .imglist{height: auto}
    #history .imglist .img img{width: 100%}
    #culture .text{text-align: center}
    
    
    .product-list .top-box .search .itemp23{width: 100%;flex: inherit;margin-bottom: 10px}
    .product-list .top-box .search .sub{width: 100%}
    .index_product .listbox .row:last-child .item{font-size: 1rem}
     .join .box4 .row2{padding-left: 0}
     
      .contactcode{padding-top: 2rem;text-align:center}
      .index_about .desc{padding-left:15px;padding-right:15px;text-align:left}
      .index_about .img-list{padding-left:15px;padding-right:15px}
       .index_about .img-list .number{font-size: 20px}
    .index_about .img-list .text.last .number{font-size: 18px;padding-top: .2rem}
    .index_about .img-list .text{height: 180px;padding: 0 .3rem}
    .index_about .img-list .text:first-child{border-left: 0}
      .index_about .img-list .text .desc{line-height:1.5rem;padding-top:2.2rem}
      .index_about .img-list .text.last .desc{padding-top:.5rem}
      .con3{padding:0 10px;}
      
    .navbar-toggler-icon {
        background-image: none;
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
    }
    .navbar-toggler-icon .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 18px;
        height: 2px;
        border-radius: 1px;
        background: #fff;
        transition: all .2s;
        margin: 0 auto;
    }
    .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler-icon .navbar-toggler-bar.bar3 {
        margin-top: 5px;
    }
    .footer-mobile{display: block;position: fixed;width: 100%;bottom: 0;z-index: 999999;background: #f5f5f5;padding: 10px}
    .footer-mobile .item{text-align: center}
    .footer-mobile .item .icon img{width: 30px}
    .footer-mobile .item .name{font-size: 12px;padding-top: 5px}
}