/* 初始化
----------------------------------------------- */
body {
    font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
    color: #000;
    background-color: #fff;
    margin: 0 auto !important;
}
body, button, input, textarea {
    font-size: 14px;
    line-height: 1.531;
    outline: none;
    margin: 0;
    padding: 0;
    border: 0;
}
a {
    color: #333333;
}
a:hover {
    color: #333333;
    text-decoration: none;
}
p, ul, ol, dl, dt, dd, form, blockquote {
    margin: 0;
    padding: 0;
}
ul, ol {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
input, select {
    font-family: Microsoft Yahei;
    vertical-align: middle;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset !important;
}
em, b, i {
    font-style: normal;
    font-weight: normal;
}
img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
}
label {
    cursor: pointer;
}
.red{color:red}
.f-left{float: left}
.f-right{float: right}
.nodata{padding: 3rem ;text-align: center}
.imgScale{overflow: hidden}
.imgScale img:hover{
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
    transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2); 	/* IE 9 */
    -moz-transform:scale(1.2,1.2); 	/* Firefox */
    -webkit-transform:scale(1.2,1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2,1.2); 	/* Opera */
}
.flex{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
section{padding: 4rem 0}
/*header*/
#header{z-index: 888;width: 100%;position: absolute;top: 0;background: rgba(255,255,255,0.5);padding:1rem 0 0 0}
.navbar-nav .nav-link{padding: 2rem 1rem!important;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-item.active .nav-link{color: #365991}
.navbar-nav .nav-tel{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 1.3rem;padding-left: 1rem}
.navbar-nav .nav-tel .tel p:last-child{font-weight: 600}
.navbar-nav .nav-tel .icon{padding-right: .5rem}
.dropdown-menu{background: rgba(8,53,124,.8);top: 80px;font-size: 14px;padding: 0;min-width: 100%;border: 0;border-radius: 0;color: #fff;}
.dropdown:hover .dropdown-menu{display: block}
.dropdown-item{padding: .6rem 0;color: #fff}
.dropdown-submenu{text-align: center}
.dropdown-item:hover{background: #f36e21;color: #fff}
.slide-show .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity:1}
.slide-show .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f36e21}
.swiper-button-next, .swiper-button-prev{    width: 50px;
    height: 120px;
    /* border-radius: 50%; */
    background: rgba(90,89,89,0.5);}
.language{position: absolute;top: 0;right: 15px}
.language a{padding: 2px 1rem;color: #365991;border: 1px #365991 solid}
/*index-prouct*/
.index-product .list{margin-top: 4rem;box-shadow: 5px 5px 5px #f3f3f3,5px -5px 5px #f3f3f3,-5px 5px 5px #f3f3f3,-5px -5px 5px #f3f3f3;}
.index-product .list .item{flex: 1}
.index-product .list .item .text{padding: 3rem 2rem 1.42rem 2rem}
.index-product .list .item .text .cat_name{font-size: 24px;text-align: center;padding-top: 1rem;}
.index-product .list .item .text .en_name{font-size: 10px;text-align: center;padding-top: .5rem;}
.index-product .list .item .text .desc{font-size: 12px;text-align: center;padding-top: 1rem;line-height: 30px}
.index-product .list .item .text .icon{text-align: center;padding-top: 1.5rem}
.index-product .list .item .text .icon .i1{background: url("../images/i2c.png")no-repeat center;width: 60px;height: 33px;margin: auto;}
.index-product .list .item:hover .text{background: #08357c;animation: fadeIn 1s;  -webkit-animation: fadeIn 1s; /* Safari 与 Chrome */}
.index-product .list .item:hover .text a{color: #fff}
.index-product .list .item:hover .text .icon .i1{
    background: url("../images/i2.png");
    animation: fadeInUp 1s;
    -webkit-animation: fadeInUp 1s; /* Safari 与 Chrome */
}
.pc-item{display: block}
.m-item{display: none}
/*index-about*/
.index-about .bg{background: url("../images/abg.jpg") center repeat-y;width:100%;height: 718px;padding: 3rem 0}
.index-about .left{position: relative;z-index: 3;width: 670px;}
.index-about .left .desc{margin-top: 3rem;background: rgba(255,255,255,.8);font-size: 12px;line-height: 1.76rem;padding: 1rem;text-indent: 2rem}
.index-about .left .more{padding-top: 3rem;}
.index-about .left .more a{background: #f36e21;padding: .8rem 3rem;border-radius:3rem;color: #fff}
.index-about .right{position: absolute;z-index:1;right: 0;top: 0}
.index-about .container{position: relative}
/*index-honor*/
.index-honor .list{padding-top: 3rem}
.index-honor .list .item{border: 1px #aaaaaa solid;margin-bottom: 1rem}
/*index-article*/
.index-article{padding-bottom: 0}
.index-article .bg{background: url("../images/nbg.jpg") center repeat-y;width: 100%;height: 904px;padding-top: 4rem}
.index-article .row{margin-top: 4rem}
.index-article .col-md-5{padding-left: 7px;padding-right: 7px;}
.index-article .col-md-7{padding-left: 7px;padding-right: 7px;}
.index-article .item-img .img img{width: 474px;height: 348px}
.index-article .item-img .text{background: #eeeeee;padding: 1rem;margin-top: 14px}
.index-article .item-img .text .time .yd{font-size: 24px;font-weight: 600;}
.index-article .item-img .text .time .y{font-size: 12px;padding-left: 1rem}
.index-article .item-img .text .int{padding: .6rem 0;font-size: 14px;}
.index-article .item-img .text .desc{font-size: 12px;line-height: 1.6rem;}
.index-article .item-img .text .more{padding: .8rem 0;font-size: 12px}
.index-article .text a .icon{background: url("../images/i5.png");display: inline-block;width: 52px;height: 7px}
.index-article .item-img .text:hover{background: #f36e21;animation: fadeIn .5s;-webkit-animation:fadeIn .5s}
.index-article .item-img .text:hover a{color: #fff}
.index-article .text:hover a .icon{background: url("../images/i5c.png");animation: fadeInRight .5s;-webkit-animation:fadeInRight .5s}
.index-article .list{background: #eeeeee;}
.index-article .list .item{padding: .88rem 2rem;}
.index-article .item  .time .yd{font-size: 24px;font-weight: 600;}
.index-article .item  .time .y{font-size: 12px;padding-left: 1rem}
.index-article .item  .int{padding: .6rem 0;font-size: 14px;}
.index-article .item  .desc{font-size: 12px;line-height: 1.6rem}
.index-article .item .more{padding: .5rem 0;font-size: 12px}
.index-article .item a .icon{background: url("../images/i5.png");display: inline-block;width: 52px;height: 7px}
.index-article .item:hover{background: #f36e21 ;animation: fadeIn .5s;-webkit-animation:fadeIn .5s}
.index-article .item:hover a{color: #fff}
.index-article .item:hover a .icon{background: url("../images/i5c.png");animation: fadeInRight .5s;-webkit-animation:fadeInRight .5s}
/*index-contact*/
.index-contact{padding: 0}
.index-contact .bg{background: url("../images/cbg.jpg") center repeat-y;width: 100%;height: 393px;padding: 2.5rem 0}
.index-contact .it{padding-top: .8rem}
.index-contact .inputTxt{width: 100%;padding-bottom: 1rem;}
.index-contact .inputTxt input{width: 100%;padding: .5rem .5rem}
.index-contact .codeTxt{flex:1;}
.index-contact .codeTxt input{padding: .5rem .5rem;width: 100%;}
.index-contact .code{width: 120px;margin-left: 12px}
.index-contact .textarea{margin-top: 1rem;}
.index-contact .textarea textarea{height: 100px;width: 100%;padding: .5rem .5rem}
.index-contact input ,.index-contact textarea{background: rgba(255,255,255,.7);color: #000}
.index-contact .btn{width: 100%;padding:1rem 0 0 0}
.index-contact .btn span{padding: 10px 1.5rem;background: #08357c;color: #fff;font-size: 14px}


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #000}
/*footer*/
#footer{background: #1b1b1b;padding: 2rem 0}
#footer .bottom-logo{padding-top: 1rem}
#footer .ftt{margin-bottom: 2rem;border-left: 3px #f36e21 solid;padding-left: 1rem;font-size: 16px;color: #aaaaaa}
#footer .bottom-nav{padding: 0 3rem}
#footer .bottom-nav a{color: #666}
#footer .bottom-nav li{padding-bottom: 1rem}
#footer .bottom-co{color: #666}
#footer .bottom-co .flex{padding-bottom: 1rem}
#footer .bottom-co .icon{width: 35px;text-align: center}
/*page*/
.tree-box .title{width: 200px;background: #08357c;padding: 2rem 0;text-align: center;color: #fff;font-size: 34px;}
.tree-box .tree{padding: 1rem 0;flex: 1;}
.tree-box .tree ul{background: #fbe2cc;padding: 1rem;height: 80px}
.tree-box .tree ul li{flex: 1;padding: 1rem 2rem;text-align: center}
.tree-box .tree ul li a{text-align: center;border-bottom: 2px transparent solid;padding:.5rem 0 }
.tree-box .tree ul li.cur a{border-bottom: 2px #f36e21 solid}
.page .content{padding: 3rem 0}
.page{padding-bottom: 2rem}
/*support*/
.support{padding-bottom: 2rem}
.support .list{padding: 3rem 0}
.support .item{margin-bottom: 10px;cursor: pointer}
.support .item .img{border: 1px #aaaaaa solid;}
.support .item .name{text-align:center;padding :.8rem 0}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    background: #f36e21;
    border-color:#f36e21;
}
/*article*/
.article .list .item{margin-top: 1rem;padding: 2rem 4rem;border-bottom: 1px silver solid}
.article .list .item .text .title{font-size: 24px;}
.article .list .item .text .time{font-size: 12px;padding: .6rem 0}
.article .list .item .text .desc{font-size: 12px;line-height: 1.5rem}
.article .list .item:hover .text .title{color: #08357c}
.article .content{margin: 3rem auto}
.article .content .att{font-size: 30px;text-align: center}
.article .content .info{text-align: center}
.article .content .detail{padding: .8em 0  3rem 0;line-height: 1.5rem}
/*map*/
.BMap_bubble_title{color: #f36e21;font-size: 14px}
.BMap_bubble_content{font-size: 12px}
/*contact*/
.contact{margin-bottom: 4rem}
.contact .desc{padding: 3rem 3rem 0 3rem}
.contact .desc .p{line-height: 2rem}
.contact .desc .gz{padding-right: 1.8rem}
/*product*/
.productList .list{padding: 3rem 0}
.productList .list .item{margin-bottom: .8rem}
.productList .list .item .img{border: 1px silver solid}
.productList .list .item .name{text-align: center;padding: 1rem 0}
.product{padding: 3rem 0}
.product .img{border: 1px silver solid}
.product .name{font-size: 30px;}
.product .en_name{text-transform: uppercase;padding-top: 1rem}
.product .en_name span{ border-bottom: 2px #f36e21 solid;padding-bottom: .8rem}
.product .detail{ padding: 2.2rem}
/*download*/
.download .list{min-height: 100px;margin-bottom: 3rem}
.download .list .item{;padding: .8rem 0;border-bottom: 1px silver dashed}
.download .list .item .title{flex: 1;-ms-flex:1}
.download .list .item .title .name{font-size: 14px;}
.download .list .item .title .info{font-size: 12px;color: #999;padding-top: .3rem}
.download .list .item .down-btn{width: 100px}
.download .list .item .down-btn:hover a{color: #fe4e02}


/*手机端*/
@media (max-width:1100px) {
    .index-about .left{width: 100%}
    .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: #6c757d;
        transition: all .2s;
        margin: 0 auto;
    }
    .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler-icon .navbar-toggler-bar.bar3 {
        margin-top: 5px;
    }
    #header{padding: 10px;position: static;background: #fff}
    .navbar-action{width: 22px;}
    .navbar-brand{flex: 1}
    .navbar-nav .nav-link{text-align: center;padding: 1rem 0!important;}
    .navbar-nav .nav-tel{justify-items: center;align-items: center}
    .index-product .list .item{flex: 100%}
    .pc-item{display: none}
    .m-item{display: block}
    .index-article .item-img .img img{width: 100%;height:auto}
    .index-article .list .item{margin-top: 1rem}
    .index-article .list{margin-bottom: 2rem}
    .index-article .bg{height: auto;background-size: cover;}
    .index-contact .offset-1{margin-left: 0}
    .index-contact .bg{height: auto;background-size: cover}
    #footer .bottom-logo{text-align: center;margin-bottom: 1rem}
    #footer .bottom-co{padding: 0 3rem}
    #footer .code{padding: 0 3rem}
    .article .list .item{padding: 1rem 0}
    .contact .desc .code,.contact .desc .gz{text-align: center}
    .tree-box{display: block}
    .tree-box .title{margin: 1rem auto ;text-align: center}
    .tree-box .tree ul{height: auto}
    .tree-box .tree ul li{padding: 0}
    .page .content{padding: 10px}
}