/*头部*/
.mainbox{width: 100%;}
.container{width: 92%;margin: 0 auto;}
/*头部*/
.header{position: fixed;z-index: 10;left:0;top: 0;background: rgba(0,0,0,0.25);padding:1.1% 0;
transition: 0.3s;border-bottom: 1px solid rgba(255,255,255,0.1);}
.header-l{width: 35%;float: left;}
.header-l .p1{font-size: 26px;color: #fff;font-weight: bold;letter-spacing: 2px;white-space: nowrap;opacity: 0.9}
.header-l .p2{font-size: 16px;font-weight: lighter;margin-top: 1%;text-indent: 6px;color: #fff;opacity: 0.5}
.header-r{width: 60%;float: right;}
.header-r ul{width: 100%;}
.header-r ul li{width: 16.6%;float: left;margin-top: 2.5%;}
.header-r ul li a{display: block;text-align: right;font-size: 16px;color: #fff;opacity: 0.8}
.header-r ul li a:hover{color: #fff;font-weight: bold;}
.header-r ul li a[flag=xz]{color: #fff;font-weight: bold;outline: none}
/**/
.headers-duan{padding: 10px 0;box-shadow: 0 2px 10px rgba(0,0,0,0.2);background: rgba(255,255,255,1)}
.headers-duan .header-l .p1{color: #034f9b;opacity: 1}
.headers-duan .header-l .p2{color: #666;opacity: 1}
.headers-duan .he.header-r ul li aader-l .p2{color: #666;opacity: 1}
.headers-duan .header-r ul li a{color: #333;opacity: 1}
.headers-duan .header-r ul li a:hover{color: #034f9b;font-weight: bold;}
.headers-duan .header-r ul li a[flag=xz]{color: #034f9b;font-weight: bold;outline: none}
    /*banner*/
.swiper-containerba{width: 100%;}
.swiper-containerba a{display: block;width: 100%;}
.swiper-containerba img{display: block;width: 100%;}

/*大标题*/
.main-margin{margin-top: 3.5%;}
.big-title .bt1{font-size: 36px;color: #333;font-weight: bold;text-align: center;}
.big-title .bt-line{width: 50px;height: 4px;background: #034f9b;margin: 1% auto}
.big-title .bt2{text-align: center;font-weight: lighter;font-size: 16px;color: #666;}

/*产品中心*/
.catelist{margin-top: 3%;}
.catelist li{width: 20%;float: left;background: #eee;box-sizing: border-box;}
.catelist li:nth-child(n+2){border-left: 1px solid #fff;}
.catelist li a{display: block;width: 100%;padding: 7% 10%;box-sizing: border-box;text-align: center;white-space: nowrap;font-size: 16px;color: #333;
transition: 0.3s;}
.catelist li a:hover{background: #034f9b;color: #fff;}
.catelist li a[data=xz]{background: #034f9b;color: #fff;}



/**/
.i-pro{margin-top: 3%}
.i-pro li{width: 32%;float: left;margin-right: 2%;}
.i-pro li:nth-child(3n){margin-right: 0}
.i-pro li:nth-child(n+4){margin-top:2.5%}
.i-pro li a{display: block;width: 100%;}
.i-pro li a .i{width: 100%;height: 20vw;max-height: 280px;box-sizing: border-box;position: relative}
.i-pro li a .t{padding: 4% 5%;background: #eee;text-align: center;font-size: 16px;box-sizing: border-box;}
.i-pro li a .i img{}
.i-pro li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);}
.i-pro li a:hover .t{color: #fff;background: #034f9b}
.i-pro li a:hover .t p{color: #fff;}


/*关于我们*/
.iab{background: #f5f5f5 ;padding: 3% 0;}
.iabl{width: 45%;float: left;}
.iabl .p1{font-size: 50px;font-weight: bold;color: #333;}
.iabl .p1 span{color: #999;font-size: 20px;font-weight: normal;}
.iabl .p2{font-size: 24px;color: #333;margin-top: 2%;}
.iabl .p2-line{width: 110px;height: 3px;background: #034f9b;margin-top: 2%;}
.iabl .p3{font-size: 16px;color: #666;line-height: 2.0;margin-top: 2%;word-break: break-all;}
.iabl .p4{margin-top:4%;}
.iabl .p4 a{display: inline-block;height: 50px;border-radius: 50px;border: 1px solid #034f9b;padding: 0 10%;line-height: 50px;color: #034f9b;font-size: 16px;}
.iabl .p4 a:hover{background: #034f9b;color: #fff;border-radius: 10px;}
.iabr{width: 45%;float: right;height: 500px;}
.iabr img{width: 100%;height: 100%;object-fit: cover;}
.comimg{float: right;width: 300px;display: none}
/*资质荣誉*/
.ic-ca{position: relative;margin-top: 3%;}
.ip-ca-i{width: 100%;}
.ip-ca-i a{display: block;width: 100%;background: #fff}
.ip-ca-i a .i{width: 100%;height: 20vw;box-sizing: border-box;max-height: 300px;}
.ip-ca-i a .t {padding: 4% 5%;font-size: 16px;text-align: center;background: #eee;color: #333;}
.ip-ca-i a:hover .t{background: #034f9b;color: #fff;}
.ip-ca-i a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);}
.swiper-button-prev-ca-i{width: 38px;height: 75px;background:rgba(0,0,0,0.5) url("../images/ppp-1.png") center no-repeat;left:10px;
    background-size: 20px!important;top: 41%;}
.swiper-button-next-ca-i{width: 38px;height: 75px;background:rgba(0,0,0,0.5) url("../images/ppn-1.png") center no-repeat;right: 10px;
    background-size: 20px!important;top: 41%;}
.swiper-button-prev-ca-i:hover{width: 38px;height: 75px;background:rgba(0,0,0,0.8) url("../images/ppp-1.png") center no-repeat;left: 10px;
    background-size: 20px!important;}
.swiper-button-next-ca-i:hover{width: 38px;height: 75px;background:rgba(0,0,0,0.8) url("../images/ppn-1.png") center no-repeat;right: 10px;
    background-size: 20px!important;}

/*xiao banner*/
.sbanner{padding: 4% 0;background: #ddd url("../images/yybg.jpg") center no-repeat;background-attachment: fixed;background-size: cover}
.ifour li{width: 25%;float: left;text-align: center;}
.ifour li h3{font-size: 20px;color: #fff;margin: 5% 0 5% 0;}
.ifour li p{font-size: 16px;color: #fff;}


/*新闻*/
.inews{margin-bottom: 4%;}
.newslist{margin-top: 3%;}
.newslist li{padding: 2% 0;border-bottom: 1px solid #eee;}
.newslist li:nth-child(1){padding-top: 0;}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 22%;height: 13vw;float: left;margin-right: 3%;max-height: 200px}
.newslist li a .t{width: 65%;float: left;padding-right: 10%;
    background: url("../images/njt2.png") right 1% center no-repeat;}
.newslist li a .t .p1{color: #333;margin-top: 2.5%;font-size: 20px;font-weight: bold;
    padding-right: 50px;
}

.newslist li a .t .p2{line-height: 1.6;color: #999;margin-top: 2%;font-size: 16px;
    font-weight: lighter;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.newslist li a .t .p3{color: #999;margin-top: 2%;font-size: 14px;font-weight: lighter;;display: none}
.newslist li:nth-child(1){padding-top: 0px}
.newslist li a .p4{margin-top: 0.5%}
.newslist li a .p4 span{display: inline-block}
.newslist li a .p4 span:nth-child(1){color: #aaa;font-size: 32px}
.newslist li a .p4 span:nth-child(2){color: #bbb;font-size: 20px;margin-left: 3%;}
.newslist li a:hover .i img{
    transform: scale(1.1);-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.newslist li a:hover .t .p1{color:#034f9b;}
.newslist li a:hover .t .p1::before{opacity: 1}
.newslist li a:hover .t{background: url("../images/njt1.png") right 1% center no-repeat;}
/*****新闻详情，文章详情****/
.nmore{margin-top: 2%;text-align: center;}
.nmore a{
    display: inline-block;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #034f9b;
    padding: 0 80px;
    line-height: 50px;
    color: #034f9b;
    font-size: 16px;max-width: 100px;
}
.nmore a:hover{background: #034f9b;color: #fff;}
/*底部*/
.footer{padding:3% 0;background: url("../images/foot.jpg") center no-repeat;background-size: cover;}
.foot-menu{background: rgba(0,0,0,0.2);padding: 1.5% 0;border-radius: 4px;margin-bottom: 3%}
.foot-menu .navbar-nav{display: flex;justify-content: space-around;}
.foot-menu a{font-size: 16px;color: #fff;}
.foot-menu a:hover{text-decoration: underline;}
.foot-l{float: left;width:50%;}
.foot-l a.flo{font-size: 26px;color: #fff;font-weight: bold;opacity: 0.6}
.foot-l a{color: #fff;}
.catelist-foot{margin-top: 3%;}
.catelist-foot a{display: inline-block;padding: 5px 10px;border: 1px solid #666;margin: 5px 0;font-size: 14px;color: #999}
.catelist-foot a:hover{color: #fff;}
.foot-l .p2{opacity: 0.6;color: #fff;font-size: 14px;margin-top: 4%;}
.foot-m{float: right;width: 40%;}
.foot-m li{font-size: 14px;padding: 10px 0;color: #fff;opacity: 0.6}
.foot-m li a{font-size: 14px;color: #fff;opacity: 0.6;}
.foot-m li a:hover{opacity: 0.9}

/****************************************************************************************/

/*内页banner*/
.n-banner{padding: 12% 0 8% 0;background: #fff;background-size: cover!important;position: relative}
.n-banner.n-b-com{background: url("../images/sb-app.jpg") center no-repeat;}
.n-banner.n-b-pro{background: url("../images/sb-news.jpg") center no-repeat;}
.n-banner.n-b-news{background: url("../images/sb-com.jpg") center no-repeat;}
.n-banner.n-b-con{background: url("../images/sb-con.jpg") center no-repeat;}
.n-banner .p1{text-align: center;font-size: 38px;color: #fff;}
.n-banner .p2{text-align: center;margin-top: 20px;}

/*面包屑*/
.bread{position: absolute;left: 0;bottom: 0}
.breadcrumb{padding: 1% 0 1% 37px;background:rgba(3,79,155,0.3) url("../images/loc.png") left 10px center no-repeat;
    background-size: 18px;}
.breadcrumb li{display: inline-block;font-size: 14px;color: #fff;}
.breadcrumb li:nth-child(n+3)::before{content: '> ';}
.breadcrumb li a{font-size: 14px;color: #fff}
.breadcrumb li a:hover{color: #42292d}

.main-main{padding: 4% 0;}
.mainbox-bg{background: #f5f5f5;}

/*关于我们*/
.comf1-l{width: 48%;float: left;}
.comf1-l img{display: block;width: 100%;}
.comf1-r{width: 48%;float: right;}
.comf1-r .p1{color: #333;font-size: 30px;margin-top: 2%;}
.comf1-r .p2{width: 50px;height: 3px;background: #034f9b;margin-top: 3%;}
.comf1-r .p3{margin-top: 4%;}
.comf1-r .p3 p{color: #666!important;line-height: 1.8}

/*企业文化*/

.comf2{padding: 3% 0 3% 0;background: url("../images/newsbg.jpg");background-size: cover;}
.comf2 .p1{margin-top: 2%;background: rgba(255,255,255,0.4);padding: 2%;}
.comf2 .p1 p{line-height: 1.6;margin: 1% 0;color: #444;font-size: 16px;}


/****产品中心****/
.catelist-pro{margin-top: 0}


/*内页*/
.con-left{padding: 20px;background: #fff;width: 65%;float: left;box-sizing: border-box}
.con-right{padding: 20px;background: #fff;width:32%;float: right;box-sizing: border-box}


.info-t h1{font-size: 24px;color: #333;font-weight: bold;text-align: center;}
.info-t .click{margin-top: 1.5%;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 1.5%;}
.info-t .click span{font-size: 15px;font-weight: lighter;color: #333;display: inline-block;margin: 0 2%;}
.info-con{margin-top: 2%;}
.info-con img{display: block;max-width: 100%;margin: 5px auto;}
.g-img{margin-bottom: 2%}
.info-con video{width: 100%;height: 500px;}
.exar-con{margin-top: 2%;}
.prev-page{margin-top: 3%;}

/*右侧*/
.main-right-bt{background: #fff;
    border-bottom: 1px solid #eee;}
.main-right-bt span{display: inline-block;line-height: 40px;border-bottom: 2px solid #034f9b;font-size: 20px;font-weight: bold;color: #333;}
.side-type{margin-top: 4%;}
.side-type li{width: 100%;}
.side-type li:nth-child(n+2){margin-top: 3px;}
.side-type li a{display: block;padding:4% 10px;background: #eee;box-sizing: border-box;}
.side-type li a:hover{background: #034f9b;color: #fff;}
.con-right-2{margin-top: 4%;}
.side-news{margin-top: 4%;}
.side-news li{border-bottom: 1px solid #eee;padding: 4% 0;}

.side-news li a{display: block;width: 100%;}
.side-news li a .i{width: 30%;float: left;height: 6vw;max-height: 80px;}
.side-news li a .t{width: 67%;float: right}
.side-news li a .t .p1{font-size: 14px;color: #333;
    display: -webkit-box;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.side-news li a .t .p2{font-size: 14px;color: #666;margin-top: 2%;}
.side-lian1{margin-top: 4%;}
.side-lian1 li{font-size: 14px;color: #333;padding: 2% ;}
.side-lian1 li a{font-weight: bold;color: #034f9b;text-decoration: underline;}




.sidebar{width: 270px;float: left;}
.sidebar .top{padding: 20px 0;box-sizing: border-box;background: #42292d;color: #fff;font-size: 24px;white-space: nowrap;}
.side-con{padding: 15px 10px;background: #fff;}
.type-list li{width: 100%;}
.type-list li:nth-child(n+2){margin-top: 5px;}
.type-list li a{display: block;padding: 12px 7px;background: #eee;font-size: 14px;color: #333;font-weight: bold}
.type-list li a:hover{background: #42292d;color: #fff;}
.type-list li a[data=xz]{background: #42292d;color: #fff;}
.side-lian li{font-size: 14px;color: #333;padding: 8px 0;border-bottom: 1px dashed #eee;font-weight: normal;line-height: 1.8}
.side-lian li span:nth-child(1){color: #333;display: inline-block;margin-right: 3px;width: 76px;
font-weight: bold}
.side-lian li span:nth-child(2){color: #666;margin-top: 5px;}


.main-right{width: 880px;padding: 15px 15px 40px 15px;background: #fff;float: right}
.xq table{width: 100%!important;}
.xq table td{border: 1px solid #ddd!important;padding:8px 5px}
.xq img{display: block;max-width: 100%;margin: 5px auto;height: auto!important;}

/**/
.pro-list li{width: 32%;float: left;margin-right: 2%;}
.pro-list li:nth-child(3n){margin-right: 0}
.pro-list li:nth-child(n+4){margin-top: 20px}
.pro-list li a{display: block;width: 100%;}
.pro-list li a .i{width: 100%;height: 225px;box-sizing: border-box;border: 1px solid #eee;position: relative}
.pro-list li a .zhe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(244,174,34,0.6) url("../images/im.png") center no-repeat;
    background-size: 50px;opacity: 0}
.pro-list li a .t{padding: 10px 2%;text-align: center;font-size: 14px;color: #666;background: #eee;}
.pro-list li a .t p{height: 38px;font-size: 14px;color: #666;text-align: center;}




.pro-list li a .i img{transform: scale(0.96);
    -ms-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -webkit-transform: scale(0.96);
    -o-transform: scale(0.96);
}
.pro-list li a:hover .zhe{opacity: 1;}
.pro-list li a:hover .i img{
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1)
}
.pro-list li a:hover .t{background: #42292d;}
.pro-list li a:hover .i{border-color: #42292d}
.pro-list li a:hover .t p{color: #fff}
/*æ ‘*/
/*分页*/
.pagination{margin-top: 40px;text-align: center}
.pagination li{display: inline-block;width: 40px;height: 36px;border: 1px solid #ddd;line-height: 36px;font-size: 14px;
margin: 0 5px}
.pagination li:nth-child(1){width: 65px;}
.pagination li:last-child{width: 65px;}
.pagination li a{font-size: 14px;color: #666;display: block}
.pagination li span{font-size: 14px;color: #666;}
.pagination li:hover{border-color: #034f9b;color: #034f9b;}
.pagination li:hover span{color: #034f9b;}
.pagination li:hover a{color: #034f9b;}
.pagination li.active{border-color: #034f9b;color: #034f9b;}
.pagination li.active span{color: #034f9b;}
.pagination li.active a{color: #034f9b;}
.pagination li.disabled{cursor: no-drop}

/*详情*/
/**新闻中心**/
.newslist-n{margin-top: 0}

/*上一页下一页*/
.prev-page li{padding: 12px 0;border-bottom: 1px dashed #ddd;font-size: 14px;font-weight: bold;color: #333;padding-left: 24px}
.prev-page li a{font-size: 14px;font-weight: normal;color: #666;}
.prev-page li:hover a{text-decoration: underline;color: #42292d}
.prev-page li.li1{background: url("../images/page_prev.png") left center no-repeat;background-size: 16px;}
.prev-page li.li2{background: url("../images/page_next.png") left center no-repeat;background-size: 16px;}


/**/
.news-list li{padding: 20px 0;border-bottom: 1px solid #eee;}
.news-list li:nth-child(1){padding-top: 0}
.news-list li a{display: block;width: 100%;}
.news-list li a .i{width: 180px;height: 120px;float: left;}
.news-list li a .t{width: 680px;float: right}
.news-list li a .t .p1{color: #333}

.news-list li a .t .p2 span{font-size: 14px;color: #666;font-weight: lighter;display: inline-block;}
.news-list li a .t .p2 span:nth-child(2){margin-left: 10px;}
.news-list li a:hover .t .p1{color: #42292d}


/*联系我们*/
.conf1 li{font-size: 16px;color: #333;padding: 0.8% 0;}
.conf1 li a{font-weight: bold;color: #034f9b;text-decoration: underline}
.conf1 li:nth-child(1){padding-top: 0}
.con-p{font-size: 24px;color: #333;border-bottom: 2px solid #eee;padding-bottom: 1%;}
.con-p-2{margin-top: 2%;}
.conf1{margin-top: 2%;}
#conditu{width: 100%;height: 500px;margin-top: 2%;}
/*留言表单*/
#lianform{margin-top: 00px}
#lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 13px 0;outline: none;border: 1px solid #ddd;
    color: #666;
    text-indent: 10px;font-size: 14px;box-sizing: border-box}
#lianform input:nth-child(2n){margin-right: 0;}
#lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #ddd;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;
    font-size: 14px;padding: 10px 0;text-indent: 10px;height: 120px;margin-top: 15px;margin-bottom: 15px;color: #666}
#lianform textarea:focus{border-color: #034f9b}
#lianform input:focus{border-color: #034f9b}
#lianform img{height: 46px;margin-top: 15px;float: left;}
#lianform input.submit{background: #034f9b;font-size: 16px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 16px;letter-spacing: 15px}

#allmap{width: 100%;height: 450px;box-sizing: border-box;border: 1px solid #ddd;}



.gotop{position: fixed;right: 50px;bottom: 50px;;display: none;}
.gotop a{display: block;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #ddd;
    background: #fff url("../images/top.png") center no-repeat;background-size: 20px;cursor: pointer}
.gotop a:hover{background: #eee url("../images/top.png") center no-repeat;background-size: 20px;cursor: pointer}


/*手机菜单*/
.logo-menu-tips{display: none;position: absolute;width: 70px;height: 70px;position: absolute;right: 0;top: 0;z-index: 11;cursor: pointer;
background-image: url("../images/menu.png");background-size: auto;background-position: center;background-repeat: no-repeat;}
.headers-duan .logo-menu-tips{background-image: url("../images/menu1.png");}

.logo-menu-tips-s{background-image: url("../images/close.png");}
.headers-duan  .logo-menu-tips-s{background-image: url("../images/close1.png");}




.hide-menu{width: 250px;height: 100%;position: fixed;background: #fff;right: -250px;opacity: 1;top: 70px;z-index: 99;
    overflow-y: scroll}
.hide-menus{transform: translateX(-250px)}


.hide-menu li:nth-child(1){margin-top: 10px;}
.hide-menu li{border-bottom: 1px solid #eee;width: 200px;margin: 0 auto}
.hide-menu li a{display: block;padding: 20px 30px;background: #fff;font-size: 16px;color: #333;
background: url("../images/huan.png") left 10px center no-repeat;}
.hide-menu li a:hover{color: #034f9b}
.hide-menu li a[flag=xz]{color: #034f9b;font-weight: bold}