@CHARSET "UTF-8";




.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{max-width:1340px;margin:0 auto;}
/*头部样式*/
.top1{color: rgba(255, 255, 255, 0.5);height: 36px;line-height: 36px;overflow:hidden;font-size: 13px;background-color: #222222;}
.top1 a{color:#ccd9e9;}



.top2{height:94px;}
.logo{
    float: left;
    height: 131px;
    width: 40.5%;
    line-height: 131px;
    padding-top: 27px;
}
.logo img{width:100%;}

.k1 a{
    color: rgba(255, 255, 255, 0.5);
    background: url(../images/k1a.png) no-repeat left;
    padding-left: 15px;
    margin-left: 7px;
}



/*热门搜索*/
.hotSearch{font-weight:normal;}
.hotSearch a{padding:0 6px;background: url(../images/dd.png) no-repeat right bottom;}
.hotSearch a:last-child{background:none;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.search {
    position: relative;
    float: right;
    width:50px;
    height:94px;
    cursor: pointer;
    z-index: 99;
  
}

.search1 {
    width:50px;
    height: 94px;
    background: url(../images/ss.png) no-repeat;
}

#formsearch1 {
    position: absolute;
    z-index: 20;
    top:94px;
    right:0;
    display: none;
    width: 350px;
    margin-left: -20px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

#formsearch1 input {
    position: absolute;
    top: 1px;
    width: 100%;
    height: 34px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#formsearch1 input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.sinput {
    position: relative;
    height: 36px;
}

#formsearch1 input#keyword {
    outline: none;text-indent:6px;
}

#formsearch1 input#s_btn {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: -1px;
    width: 39px;
    height: 34px;
    border: 0;
   outline:none;color:#fff;background:#005ea6;
    cursor: pointer;font-size:13px;
}


.search .triangle {
    position: absolute;
    top: -15px;
    right: 0;
    display: none9;
    overflow: hidden;
    width: 320px;
    height: 15px;
}

.hidden{
    display: none;
}

/*导航栏样式*/
#menu{
    
 }
.navs li{text-align:center;float:left;position:relative;z-index:999;width: 11.111%;}
.navs li a{display:block;height: 64px;font-size: 17px;font-weight: normal;font-stretch: normal;line-height: 64px;letter-spacing: 0px;color: #ffffff;}
.navs li a:hover{color: #fff;background-color: #009bea;}

.navs .sec{height:0;background:#024190;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:94px;left:0px;width: 100%;}
.navs .sec a{background:#024190;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.navs .sec a:hover{background:#024190;text-decoration:none;color:#fff;}

@media (max-width:1200px) {
   .navs li{text-align:center;float:left;position:relative;z-index:999;padding:0%;}
}




/*主体样式*/
#container_box{width:1260px;margin:0 auto;padding-top:30px;background:url(../images/bg2.jpg) 0 0 repeat-x;}
#container{width:972px;margin:0 auto;}
#container2{width:1040px;margin:0 auto;}

/*页面公共样式*/
.fl{float:left;}
.fr{float:right;}
.tt1{height:31px;font:bold 14px/30px 'Microsoft Yahei';color:#000;text-indent:12px;background:url(../images/tt1.png) 0 bottom no-repeat;}
.tt1 span{color:#fecf03;padding-left:5px;}
.tt2{}

.menu_cate{width:229px;}
.menu_cate .title{background:url(../images/t1.jpg) left 50% no-repeat;}

.about{width:482px;padding-left:5px;}
.about .title{border-bottom:1px solid #c1c1c1;height:28px;position:relative;}
.about .title span{position:absolute;left:0;top:0;height:28px;font:bold 14px/28px 'Microsoft Yahei';padding:0 25px;background:#fecf03;color:#FFF;}
.about .content{padding-top:20px;line-height:24px;}
.show_img{float:left;padding:0 10px;}


.relate_list,.relate_list *{
    box-sizing: content-box;
}


/*集团简介*/
.box1{background: url(../images/bj1.png) no-repeat;background-size:cover;margin-top:40px;padding-top:20px;padding-bottom:40px;}
.abpic{width:43%;}
.abpic img{width:100%;}

.about{width:53%;}
.clicks{width:20%;margin-top:30px;}
.clicktt{text-align:right;color:#333333;font-size:14px;text-transform:uppercase;background: url(../images/xx.png) no-repeat 96% top;padding-top:8px;}
.ads li{margin-top:50px;}
.ads li h3{color:#024190;font-size:14px;font-weight:normal;float:left;line-height:54px;display:none;}
.ads li .img{float:right;min-height:54px;}
.ads li .img img{width:100%;}
.ads li:hover h3{display:block;}
.ads li:hover .img img{filter: invert(10%) sepia(88%) saturate(6162%) hue-rotate(205deg) brightness(78%) contrast(98%);}


.jianjei{width:66%;margin-top:15px;}
.abtt{color:#024190;font-size:48px;font-family:"Impact";text-transform:uppercase;line-height:1em;}
.abtt p{font-size:30px;font-family:"黑体";}
.ab{color:#666666;font-size:14px;line-height:30px;margin-top:30px;background: url(../images/am.png) no-repeat left bottom;padding-bottom:4%;}
.abouts a{text-transform:uppercase;color:#024190;font-size:14px;text-transform:uppercase;display:block;margin-top:4%;}
.sj{margin-top:45px;}
.sj li{width:33.333%;float:left;text-align:center;}
.sj li h3{color:#1a1a1a;font-size:44px;font-family:"Impact";}
.sj li span{color:#666666;font-size:14px;display:block;margin-top:6px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}









/*产品中心*/
.box2{background: url(../images/bj2.png) no-repeat;background-size:cover;margin-top:40px;padding:45px 0 60px;}
.bt{text-align:center;color:#fff;text-transform:uppercase;font-size:48px;font-family:"Impact";text-transform:uppercase;line-height:1em;}
.bt p{font-size:30px;font-family:"微软雅黑";}
.box2 .cont{margin-top:25px;background: url(../images/bg.png) repeat;background-size:cover;border-radius:15px;padding:18px 0 45px; box-shadow: 3px 6px 12px -8px #000;}

.slick-wrap{max-width:1300px; margin:0 auto;}
.slick-contanier {}
.slick-contanier .slick-slide { outline: none; }
.slick-contanier img { display: inline-block; width: 100%; }
.slick-contanier .slick-con { display: block; padding: 0 5%; font-size: 0; }

.tab-li{margin:0 2% 40px;text-align: center; font-size: 0;  cursor: pointer;border-bottom:1px solid #e0e0e0;height:60px;overflow:hidden;}
.tab-li li{display: inline-block; padding: 0 5%; font-size: 20px;color:#333333;line-height:59px;}
.tab-li li:hover, .tab-li li.active {background: url(../images/px.png) no-repeat center bottom;}

.tab-con .tab-main{height:0;overflow: hidden;position:relative;}
.tab-con .tab-main.active {height: auto;}
.tab-con .tab-main img{width:100%;margin:0 auto;border-radius:12px;border:1px solid #dadada;}
.tab-con .tab-main h3{text-align:center;font-weight:normal;color:#333333;font-size:16px;margin-top:18px;}
.tab-con .tab-main .slick-arrow{width:64px;height:63px;overflow:hidden;text-indent:100px;border:none;outline:none;position:absolute;top:29%;z-index:99999;}
.tab-con .tab-main .slick-prev{background: url(../images/z.png) no-repeat;left:6px;}
.tab-con .tab-main .slick-next{background: url(../images/y.png) no-repeat;right:6px;}








/*新闻中心*/
.box3{background: url(../images/bj3.png) no-repeat;background-size:cover;padding:62px 0;}
.xinz{width:30%;}
.xintt{color:#024190;font-size:48px;font-family:"Impact";text-transform:uppercase;line-height:1em;}
.xintt p{font-size:30px;font-family:"黑体";}
.xiwz{color:#333333;font-size:20px;margin-top:20px;}
.xiwz p{color:#999999;font-size:12px;font-family:"Arial";}

.xin1{margin-top:75px;}
.xlist{float:left;}
.xlist li{float:left;}
.xlist li+li{margin-left:33px;}
.xlist li .img{min-height:47px;}
.xlist li .img img{width:100%;margin:0 auto;}
.xlist li h3{color:#333333;font-size:14px;font-weight:normal;margin-top:12px;}
.xlist li:hover h3{color:#024190;}
a.nm{float:left;margin-top:16px;}


.xiny{width:70%;}
.xlist1{background:#024190;}
.xlist1 li{}
.xlist1 li .img{width:40%;float:left;}
.xlist1 li .img img{width:100%;}
.xlist1 li .det{width:52%;float:right;margin-right:3%;padding-top:5%;}
.xlist1 li h3{color:#fff;font-size:18px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.xlist1 li h4{color:#fff;font-size:14px;float:right;font-weight:normal;margin-top:3%;}
.xlist1 li span{color:#fff;font-size:13px;display:block;line-height:18px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top:8px;}
.xlist1 li h2{font-weight:normal;color:#fff;font-size:13px;text-transform:uppercase;text-align:right;background: url(../images/x3.png) no-repeat left top;background-size:100% 4px;display:block;margin-top:5%;padding-top:5%;}

.xlist2{margin-top:11px;}
.xlist2 li{float:left;width:24%;margin-right:11px;}
.xlist2 li:nth-child(4){margin-right:0;float:right;}
.xlist2 li .nei{width:100%;position:relative;display:block;}
.xlist2 li .img{width:100%;}
.xlist2 li .img img{width:100%;height:100%;margin:0 auto;display:block;}
.xlist2 li .det{background: url(../images/mask.png) repeat;background-size:100% 100%;height:100%;width: 100%;position:absolute;left:0;top:0;z-index:9999;opacity:0;}
.xlist2 li h3{color:#fff;font-size:14px;line-height:25px;text-align:center;font-weight:normal;padding:20% 15px 0;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.xlist2 li:hover .det{opacity:1;}









/*合作伙伴*/
.box4{margin-top:45px;}
.bt2{color:#1a539a;}
.prod{margin-top:5px;}
.prod .hz{position:relative;padding:13px;}
.prod .hz a{outline:none;}
.prod .hz .img{}
.prod .hz .img img{width:100%;margin:0 auto;border:1px solid #e6e6e6;display:block;}
.prod .hz .img:hover{-moz-box-shadow:0px 2px 5px #ddd, 2px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd, 2px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd, 2px 2px 5px #ddd;}



/*页面底部*/
.foot{background:#04408d;padding-top:40px;padding-bottom:15px;margin-top:45px;}
.foot1{width:70%;}
.ftt{font-weight:bold;color:#fff;font-size:30px;text-transform:uppercase;}
.ftt span{font-weight:bold;color:#688cba;font-family:"Impact";padding-left:10px;font-size:22px;}
.foot1 .lx{margin-top:30px;}
.fdh{background: url(../images/ft.png) no-repeat left center;color:#bacbdf;font-size:14px;padding-left:45px;line-height:26px;}
.fdh span{color:#fff;font-size:22px;display:block;}
.fdh p{color:#fff;}
.fdh a{color:#fff;}



.lxdz{color:#c7d4e5;font-size:14px;line-height:24px;margin-left:8%;}



.foot3{width:28%;background: url(../images/fx.png) no-repeat left center;padding-left:5%;margin-top:40px;}
.wei{width:38%;float:left;}
.wei img{width:100%;}
.wenwz{width:58%;float:right;color:#fff;font-size:18px;margin-top:6px;}
.wenwz span{color:#bacbdf;font-size:14px;display:block;}

.f_link{color:#fff;font-size:14px;margin-top:25px;}
.f_link a{color:#fff;}

.copyright{text-align:center;line-height:24px;background:#003476;color:#99aec8;font-size:14px;padding:27px 0 15px;}
.copyright a{color:#99aec8;}

.page-wrap img{
  max-width: 100%  !important;
  height: auto  !important;
}
.product_detail .list,.product_detail .list *{
    box-sizing:content-box;
}
.page-wrap-right{
    padding-top: 1px;
}
@media (max-width:1340px) {
    .wh{padding:0 3%;}
    .clicks{
        width: 25%;
    }
 }
 
 
 @media (max-width:1200px) {
    .xlist2 li{margin-right:10px;}
    .hidden_w1200{
         display: none;
    }
 }
 
 
 
 @media (max-width:1024px) {
    .clicks{
        width: 20%;
    }
     .box1{background:none;}
     .ads li{margin-top:30px;}
     .ads li:hover h3{display:none;}
     .ab{color:#666666;font-size:14px;margin-top:20px;background:none;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;padding-bottom:0;}
     .sj{margin-top:25px;}
 
     .xin1{margin-top:30px;}
     .xiwz{margin-top:10px;}
     .xiny{width:65%;}
     .xlist1 li span{color:#fff;font-size:13px;display:block;line-height:18px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2;margin-top:8px;}
     .xlist2 li{float:left;width:24%;margin-right:8px;}
     .wenwz{font-size:15px;}
     .abtt{font-size:38px;}
     .bt{font-size:38px;}
     .xintt{font-size:38px;}
     .xintt{font-size:38px;}
     .fdh{display:none;}
     .lxdz{margin-left:0;}
     
 
 
 }
 
 
 @media (max-width:960px) {
    .xlist2 li{margin-right:7px;}
    .xiwz{font-size:18px;}
    .copyright{
margin-bottom: 49px;}
 }
 
 
 
 
 
 @media (max-width:768px) {
     .box1{margin-top:10px;}
     .abpic{width:100%;margin:0 auto;float:none;}
     .about{width:100%;margin:0 auto;float:none;margin-top:15px;}
     .ads li{margin-top:30px;}
     .ads li:hover h3{display:none;}
     .ab{color:#666666;font-size:14px;margin-top:20px;background:none;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;padding-bottom:0;}
     .sj{margin-top:25px;}
     /* .x-banner{margin-top:60px;} */
     /* .page-banner{margin-top:60px;} */
     .box2{margin-top:20px;}
     .tab-li li{display: inline-block; padding: 0 2.5%; font-size: 16px;}
     .tab-con .tab-main .slick-arrow{display:none!important;}
     .box3{padding:30px 0;}
     .xinz{width:100%;float:none;margin:0 auto;}
     .xiny{width:100%;margin:0 auto;margin-top:30px;clear:both;}
 
     .foot1{width:100%;}
     .foot3{display:none;}
  
 
 }
 
 
 
 
 @media (max-width:760px) {
     .abpic{width:100%;margin:0 auto;float:none;}
     .jianjei{width:100%;margin:0 auto;float:none;}
     .xlist2 li{width:49%;float:left;margin-bottom:10px;margin-right:0;}
     .xlist2 li:nth-child(2n){float:right;}
     .xlist2 li:hover .det{opacity:0;}
     .lxdz{margin-left:0;}
     .xlist1 li h4{display:none;}
 
    .hider_a{
        display: none;
    }
 }
 

 @media (max-width:640px) {
    .product_detail .list{
        width: 100%;
        margin-left:0;
    }
    .zoomWindow{
        display: none !important;
    }
 }
 

@media (max-width:991px) {
    .kf,#m_div{
        display: none;
    }
 }




/*多页签*/
.news{width:482px;margin-top:10px;}
.tab{height:31px;font:bold 14px/31px 'Microsoft Yahei';color:#000;text-indent:12px;background:url(../images/dd1.jpg) 0 bottom no-repeat;position:relative;}
.tab .tyt{position:absolute;right:10px;top:4px;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.tab li{float:left;width:70px;height:31px;display:block;line-height:31px;}
.tab li a{display:block;line-height:31px;text-align:center;color:#000;font-size:14px;}
.tab li a:hover{text-decoration:none;}
.tab li a.tab_click{color:#666;text-decoration:none;font-size:14px;}

.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;border-bottom: 1px dashed #dddddd;}
.list1 li a{background:url(../images/dd2.jpg) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#09953f;text-decoration:none;}
.list1 li span{position:absolute;text-align:center;right:0px;line-height:27px;top:0;color:#999;}

/*首页新闻*/
.news_company{width:231px;}
.news_company .title{background:url(../images/t2.jpg) left 50% no-repeat;}
.news_company .content{padding:0 6px;}

.recommend{width:229px;}
.recommend .title{background:url(../images/t3.jpg) left 50% no-repeat;}
.recommend .content{margin-top:10px;}

.news_company2{width:482px;padding-left:5px;margin-top:10px;}
.news_company2 .title{background:url(../images/t4.jpg) left 50% no-repeat;}

/*首页左侧联系我们*/
.contact{width:233px;float:right;margin-top:10px;}
.contact .title{background:url(../images/t5.jpg) left 50% no-repeat;}
.contact .content{padding:10px;}

/*产品推荐*/
.recommend_product{width:100%;margin-top:5px;}
.recommend_product .title{background:url(../images/t6.jpg) left 50% no-repeat;}
.recommend_product .content{padding-top:14px;padding-bottom:10px;}
.roll_product li{padding-bottom:0px;}

/*首页区域*/
.region{width:950px;margin:0 auto;border:1px solid #e0e1dc;padding:10px;margin-top:10px;color:#333;}
.region h3{height:30px;padding-left:10px;position:relative;font:bold 14px/30px '微软雅黑';border-bottom:1px dotted #918F8C;border-top:1px dotted #918F8C;background-color:#F0F1F0;}
.more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}

.city h2{line-height:30px;border-bottom:2px solid #fecf03;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}




.bbbt{
    height: 131px;
    background: url(../images/tbbj.png)  76% no-repeat;
}


.tbdh{
    float: right;
    text-align: right;
    background: url(../images/tbdh.png)  100% no-repeat;
    padding-right: 61px;
    margin-top: 35px;
}
.tbdh h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #666666;
}
.tbdh h3{
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 8px;
}

.tbnav{
    height: 64px;
	background-color: #0d6fb8;
}



.bbss{
    height: 83px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.bbssz{float: left;width: 60%;}
.bbssz h2{
    float: left;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 83px;
    letter-spacing: 0px;
    color: #333333;
}
.bbssz h3 a{
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #666666;
    line-height: 83px;
    margin: 0 10px;
}

.bbssy{
    float: right;
}
.bbssy form{
    margin-top: 19px;
}
.bbssy form #keyword{
    width: 317px;
    height: 42px;
    border-radius: 3px;
    border: none;
    background: url(../images/bbss.png) 15px no-repeat #f0f0f0;
    padding-left: 44px;
}
.bbssy form #s_btn{
    width: 66px;
    height: 42px;
    background-color: #1f74b2;
    border-radius: 0px 3px 3px 0px;
    border: none;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #f0f0f0;
    float: right;
}









.bb1x{
    margin-top: 3.1vw;
}
.bbbt1{
    text-align: center;
}
.bbbt1 h2{
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #333333;
}
.bbbt1 h2 img{}
.bbbt1 h2 s1{
    font-weight: bold;
    font-stretch: normal;
    color: #0d6fb8;
}
.bbbt1 h3{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 16px;
}


.bb1z{
    width: 20.15%;
    float: left;
}

.bb1zbt{
    background-color: #0d6fb8;
    text-align: center;
    padding: 27px 0;
}
.bb1zbt h2{
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bb1zbt h3{
    font-family: ArialMT;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 15px;
    background: url(../images/bb1btbj.png) center no-repeat ;
}
.bb1fl{
    background-color: #f1f4f8;
    padding-left: 26px;
    padding-top: 15px;
    padding-bottom: 30px;
}
.bb1fl li{
    padding-left: 19px;
    background: url(../images/bb1li1.png) left no-repeat ;
}
.bb1fl li:hover{
    background: url(../images/bb1li2.png) left no-repeat ;
}
.bb1fl li:hover a{
    color: #0d6fb8;
}

.bb1fl .bb1li{padding-left: 0px;margin-top: 10px;}
.bb1fl .bb1li a{color: #0d6fb8;}


.bb1fl li a{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #444444;
}

.bb1y{
    width: 76.12%;
    float: right;
}
.bb1ydh{}
.bb1ydh li{
    height: 60px;
    background-color: #444444;
    box-shadow: 11px 12px 16px 0px 
  rgba(68, 68, 68, 0.28);
    width: 18%;
    float: left;
    margin-right: 30px;
    text-align: center;
}

.bb1ydh li:hover{
    background-color: #0d6fb8;
}


.bb1ydh li a{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 0px;
    color: #ffffff;
}

.bb1yfl{
    margin-top: 51px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bb1yfl li{
    width: 31.37%;
}
.bb1yfl li .img{
    border: 1px solid #e5e5e5;
    padding: 7px;
}
.bb1yfl li .img img{
    width: 100%;
}
.bb1yfl li:hover .img{
    border-color:#0d6fb8;
}
.bb1yfl li h2{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #555555;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 24px;
}
.bb1yfl li:hover h2{
    color:#0d6fb8;
}

.bb1ygd{float: right;margin-top: 19px;}
.bb1ygd img{
    width: 28px;
	height: 28px;
    
}





.bbht{
    background: url(../images/bbht.png) fixed;
    padding: 2vw 0;
    margin-top:50px;
}
.bbhtz{
    float: left;
    background: url(../images/bbhtwz.png) left no-repeat;
    padding: 2vw 0px 2vw 2.5vw;
}
.bbhtz h2{
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 2px;
    color: #ffffff;
}
.bbhtz h3{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 12px;
    padding-left: 16px;
    background: url(../images/bbhtwzh3.png) left no-repeat;
}
.htdh{
    float: right;
    margin-top: 2.5vw;
}
.htdh h2{
    width: 132px;
    height: 42px;
    background-color: #009bea;
    border-radius: 21px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;
}

.bbhtdh{
    float: right;
    margin-top: 2.5vw;
}
.bbhtdh h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bbhtdh h3{
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 20px;
    margin-right: 3.8vw;
}





.bb2x{
    margin-top: 3.7vw;
}
.bbbt2{
    text-align: center;
}
.bbbt2 h2{
    font-size: 42px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #333333;
}

.bbbt2 h2 s1{
    color: #0d6fb8;
}

.bbbt2 h3{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 20px;
}

.bb2nr{
    margin-top: 53px;
}
.bb2hd{
    padding-bottom: 42px;
    overflow: hidden;
}
.bb2hd li{
    height: 96px;
    background-image: linear-gradient(90deg, 
  #e1e1e1 0%, 
  #ececec 100%), 
 linear-gradient(
  #0f3c8b, 
  #0f3c8b);
    background-blend-mode: normal, 
  normal;
    width: 20%;
    float: left;
    padding: 16px 0 16px 2%;
}
.bb2hd li .img{
    float: left;
    width: 27%;
}
.bb2hd li .img img{width: 100%;}
.bb2hd li .bb2hdwz{
    float: left;
    margin-left: 15px;
}
.bb2hd li .bb2hdwz h2{
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 5px;
}
.bb2hd li .bb2hdwz h3{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0px;
    color: #444444;
    opacity: 0.6;
}

.bb2bd{
    overflow: hidden;
}
.bb2bd li{}
.bb2bd li .img{}
.bb2bd li .img img{
    width: 100%;
}
.bb2bd li .bb2bdwz{
    position: absolute;
    top: 21.3%;
    width: 32.6%;
    right: 0;
    height: 57.4%;
    background: rgba(255, 255, 255, 0.88);
    padding: 3.8% 2% 0px 3.5%;
}
.bb2bd li .bb2bdwz h2{
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
}
.bb2bd li .bb2bdwz p{
    width: 76px;
    height: 4px;
    background-color: #0d6fb8;
    position: absolute;
    top: 31%;
    left: -9%;
}
.bb2bd li .bb2bdwz h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 34px;
}
.bb2bd li .bb2bdwz h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #0d6fb8;
    margin-top: 12%;
}

.bb2hd .swiper-slide-thumb-active{ background: #0d6fb8;}
.bb2hd .swiper-slide-thumb-active .bb2hdwz h2{color: #fff;}
.bb2hd .swiper-slide-thumb-active .bb2hdwz h3{color: #fff;}

.bb2hd .swiper-slide-thumb-active:after{content: '';background: url(../images/bb3btbj.png) bottom no-repeat;width: 26px;height: 13px;position: absolute;bottom: -13px;left: 49%;}  



.bb3x{background: url(../images/bb3bj.png) top no-repeat;margin-top: 5.5vw;padding-top: 3.5vw;}
.bb3nr{
    max-width: 1826px;
    margin: 3.2vw auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bb3nr li{
    width: 24.6%;
    position: relative;
    height: 33.7vw;
    overflow: hidden;
}
.bb3nr li .img1{}
.bb3nr li .img1 img{
    width: 100%;
}
.bb3nr li .bb3jj{
    height: 142px;
    background-color: #f3f3f3;
    padding: 2.2vw 1.7vw 1.7vw 2vw;
}
.bb3nr li .bb3jj .bb3wz{
    float: left;
}
.bb3nr li .bb3jj .bb3wz h2{
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #0d6fb8;
}
.bb3nr li .bb3jj .bb3wz h3{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 10px;
}

.bb3nr li .bb3jj .img2{
    float: right;
    margin-top: 13px;
}
.bb3nr li .bb3jj .img2 img{}

.bb3xq{
    padding: 0vw 1.7vw 1.7vw 2vw;
    background-color: #f3f3f3;
}
.bb3xq h2{
    width: 64px;
    height: 3px;
    background-color: #0d6fb8;
    margin-top: 0px;
}
.bb3xq h3{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 23px;
}

.bb3nr li .bb3xg{
    overflow: hidden;
    transition: all ease-in-out 0.3s;
    margin-top: 0;
    position: relative;
}

.bb3nr li:hover .bb3xg{
    width: 100%;
    height: auto;
    transition: all ease-in-out 0.3s;
    margin-top: -140px;
    z-index: 9999;
    position: relative;
}
.bb3nr li:hover .bb3xg .bb3xq{}








.bb4x{
    margin-top: 4vw;
    padding-bottom: 1.8vw;
}

.bb4nr{
    margin-top: 3.3vw;
}
.bb4z{
    width: 64.55%;
    float: left;
}
.bb4zbt{
    margin-bottom: 20px;
}
.bb4zbt h2{
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
    float: left;
}
.bb4zbt h2 img{margin-right: 5px;}
.bb4zbt h3{
    float: right;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 10px;
}
.bb4zbt h3 a{}

.bb4zfl1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 2vw;
    border-bottom: 1px solid #dfdfdf;
}
.bb4zfl1 li{
    width: 47.66%;
}
.bb4zfl1 li .img{}
.bb4zfl1 li .img img{
    width: 100%;
}
.bb4fl1wz{
    margin-top: 25px;
}
.bb4fl1wz h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0px;
    color: #333333;
}

.bb4zfl1 li:hover .bb4fl1wz h2{
    color: #0d6fb8;
    font-weight: bold;
}

.bb4yfl li:hover h2{
    color: #0d6fb8;
    font-weight: bold;
}



.bb4fl1wz h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #888888;
    margin-top: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bb4zfl2{
    margin-top: 12px;
}
.bb4zfl2 li{
    padding-left: 25px;
    margin-top: 15px;
    background: url(../images/bb4fl.png) left no-repeat;
}
.bb4zfl2 li h2{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;
}
.bb4zfl2 li h2 s1{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #999999;
    float: right;
}

.bb4zfl2 li:hover h2{
    font-weight: bold;
    color: #0d6fb8;
}


.bb4y{
    width: 29.4%;
    float: right;
}
.bb4yfl{
    border-top: 1px solid #e3e3e3;
    padding-top: 25px;
}
.bb4yfl li{
    margin-bottom: 2.2vw;
}
.bb4yfl li h2{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
}
.bb4yfl li h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #888888;
    margin-top: 17px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}





.bb5x{
    position: relative;
}
.bb5x .img{
    width: 50.5%;
    float: left;
}
.bb5x .img img{
    width: 100%;
}

.bb5nr{
    width: 49.5%;
    float: left;
    position: absolute;
    right: 0;
    height: 100%;
    background: url(../images/bb5y.png) left no-repeat;
    padding-top: 3.4vw;
    padding-left: 4vw;
}
.bb5wz{
    width: 605px;
}

.bb5nr h2{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 43px;
    letter-spacing: 0px;
    color: #0d6fb8;
}
.bb5nr h3{
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 18px;
}
.bb5nr h4{
    width: 65px;
    height: 4px;
    background-color: #0d6fb8;
    margin-top: 30px;
}
.bb5nr h5{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #444444;
    margin-top: 2.4vw;
}
.bb5nr .bb5gd{
    background: url(../images/bb5gd.png) 72% no-repeat;
    width: 196px;
    height: 58px;
    background-color: #0d6fb8;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 58px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-left: 43px;
    margin-top: 4.2vw;
}





.bb6x{
    margin-top: 3.6vw;
    margin-bottom: 4vw;
}
.bb6nr{
    overflow: hidden;
}
.bb6nr li{}
.bb6nr li .img{}
.bb6nr li .img img{ width: 100%;}





.bbdb{
    background-color: #222;
    padding-bottom: 3.2vw;
}
.bbddh{
    margin-top: 3vw;
}
.bbddh dd{
    float: left;
    height: 200px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    padding-right: 6vw;
}
.bbddh dd+dd{
    padding-left: 3.1vw;
}
.bbddh dd:last-child{
    border-right: none;
    padding-right: 0;
}


.bbddh dd h2{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bbddh dd h3{
    width: 28px;
    height: 1px;
    background-color: #ffffff;
    opacity: 0.7;
    margin-top: 20px;
}
.bbddh dd h4{
    margin-top: 30px;
}
.bbddh dd h4 li{}
.bbddh dd h4 li a{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #999999;
}
.bbddh dd h5{
    margin-top: 30px;
}
.bbddh dd h5 p{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #999999;
}
.bbddh dd h5 p img{}


.dbewm{
    width: 9.2%;
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #999999;
    text-align: center;
    margin-top: 47px;
}

.dbewm img{
    width: 100%;
}



.dbyl{
    background-color: #222222;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 22px;
}
.yqlj{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #999999;
}
.yqlj a{color: #999999;}
.yqlj img{margin-right: 5px;}



.dbxx{
    background-color: #222;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #999999;
    padding: 20px 0;
}
.dbxx a{color: #999999;}
.dbxxz{
    float: left;
}
.dbxxy{
    float: right;
}


@media (max-width: 1826px) {  
.bb3nr{ padding: 0 2%;}
}




@media (max-width: 1700px) {  
    .bb3nr li .bb3jj .bb3wz h2{
        font-size: 24px;
    }
    .bb3nr li .bb3jj .bb3wz h3{
        font-size: 17px;
    } 
    .bb5nr h2{font-size: 36px;}

.bb5nr{
    padding-top: 2.4vw;
    padding-left: 3vw;
}
.bb5nr h3{
    font-size: 24px;
    margin-top: 10px;
}

.bb5nr h4{
    margin-top: 20px;
}
.bb5nr h5{
    margin-top: 2vw;
    font-size: 14px;
    line-height: 29px;
}
.bb5nr .bb5gd{
    margin-top: 2.2vw;
}


.bb3nr li{ height: 34.7vw;}
    

    }



@media (max-width: 1400px) {  
    .bb3nr li{ height: 35.7vw;}
    .bb3nr li:hover .bb3xg{margin-top: -170px;}
}


@media (max-width: 1340px) {  
    .bb5wz{padding-right: 2%;  width: 100%;}
   
}



@media (max-width: 1300px) {  

    .bb2bd li .bb2bdwz p{
    top: 29%;
} 
.bb2bd li .bb2bdwz{
    width: 38.6%;
}
.bb5nr h3{
    font-size: 17px;
    margin-top: 0px;
}

.bb3nr li .bb3jj{
    padding: 2.2vw 1.7vw 1.7vw 1.2vw;
}
.bb3nr li .bb3jj .bb3wz h2{
    font-size: 21px;
}
.bb3nr li .bb3jj .bb3wz h3{
    font-size: 13px;
}
.bb3xq h3{
    font-size: 13px;
    line-height: 23px;
}


.bb5nr h2{
    font-size: 26px;
}

.bb5nr h4{
    margin-top: 9px;
}
.bb5nr h5{
    margin-top: 1vw;
    line-height: 25px;
}

.bb5nr .bb5gd{
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding-left: 22px;
    font-size: 14px;
}

    
    
}




@media (max-width: 1200px) {  
    .bbhtz h2{
        font-size: 30px;
    }
.bbhtz h3{
    font-size: 20px;
}
.bbhtdh h3{
    font-size: 30px;
    margin-top: 10px;
}

.bbhtdh{
    margin-top: 3.5vw;
}
    
.bbssz{width: 50%;}



}
    




@media (max-width: 992px) {  
.bbss{display: none;}
.bbbt1 h2{font-size: 24px;}
.bbbt1 h2 img{display: none;}
.bbbt1 h3{
    font-size: 14px;
    margin-top: 7px;
}
.bb1z{
    display: none;
}

.bb1y{
    width: 100%;
}
.bb1ydh li{
    width: 22%;
    margin-right: 4px;
    height: 35px;
}
.bb1ydh li a{
    font-size: 12px;
    line-height: 35px;
}
.bb1ygd{
    margin-top: 11px;
}

.bb1ygd img{
    width: 20px;
    height: 20px;
}

.bb1yfl li{
    width: 49%;
}
.bb1yfl li .img{
    padding: 3px;
}

.bb1yfl{
    margin-top: 25px;
}

.bb1yfl li h2{
    margin-top: 13px;
    margin-bottom: 19px;
}

.bbhtz h2{
    font-size: 21px;
}
.bbhtz h3{
    font-size: 14px;
    background-size: 100%;
    margin-top: 0px;
}
.bbhtz{
    background-size: 18%;
}

.bbhtdh h3{
    font-size: 21px;
}
.bbhtdh{margin-top: 27px;}
.htdh h2{
    width: 121px;
    height: 35px;
    line-height: 35px;
} 
.htdh{margin-top: 23px;} 

.bbht{
    padding: 6.5vw 0;
}


.bbbt2 h2{
    font-size: 24px;
}
.bbbt2 h3{
    font-size: 14px;
    margin-top: 0px;
}

.bb2hd li .bb2hdwz h2{
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px;
}

.bb2hd li .img{width: 19%;}
.bb2hd li .bb2hdwz{
    width: 76%;
    margin-left: 3%;
}
.bb2hd li{
    height: 74px;
    padding: 16px 0 15px 1%;
    cursor:pointer
}

.bb2bd li .bb2bdwz{
    position: relative;
    width: 100%;
    padding: 2.8% 1% 0px 0%;
}
.bb2bd li .bb2bdwz p{
    display: none;
}

.bb2bd li .bb2bdwz h3{
    margin-top: 7px;
    font-size: 14px;
}
.bb2bd li .bb2bdwz h2{
    font-size: 20px;
}

.bb2bd li .bb2bdwz h4{
    margin-top: 5%;
}
.bb2hd{padding-bottom: 30px;}
.bb2nr{margin-top: 35px;}
.bb2hd li .img img{max-width: 35px;}


.bb3nr{
    margin: 30px auto 0;
}

.bb3nr li{
    width: 49%;
    height: auto;
}

.bb3nr li .bb3jj .bb3wz h3{
    font-size: 12px;
}
.bb3nr li .bb3jj .bb3wz h2{
    font-size: 19px;
    line-height: 24px;
}

.bb3nr li .bb3jj .img2 img{
    max-width: 25px;
}

.bb3nr li .bb3jj .img2{
    position: absolute;
    right: 5%;
    top: 0;
    margin-top: 9px;
}

.bb3nr li .bb3jj{
    position: relative;
    height: 87px;
}

.bb3xq{
    display: none;
}


.bb4z{width: 100%;}
.bb4y{width: 100%;     margin-top: 35px;}
.bb4zfl1 li{width: 100%;     margin-bottom: 25px;}
.bb4yfl li{    margin-bottom: 22px;}

.bb5x .img{width: 100%;}   
.bb5nr{position: relative;width: 100%;padding-left: 0vw;padding-bottom: 20px;}

.bb5nr .bb5gd{
    margin-top: 28px;
}
.bb5nr h5{
    margin-top: 20px;
}

.bbddh dd{display: none;}
.bbddh dd:last-child{display: block;     padding-left: 0;}
.dbewm{width: 30%;margin: 25px 40% 0;}
.bbddh dd h5{
    margin-top: 19px;
}
.dbyl{
    display: none;
}


.bb4yfl li h2{ font-size: 16px;}
.bb4yfl li h3{    margin-top: 5px;}

.bb2hd .swiper-slide-thumb-active:after{left: 48%;}
.bb3nr li:hover .bb3xg{margin-top: 0px;}
.dbxx{padding-bottom: 60px;}






}
    
    
    







































/*------------内页-------------------*/
#container_inner{background:url(../images/bg_b.jpg) 0 bottom no-repeat;padding-bottom:20px;}
.n_banner{width:1000px;margin:0 auto;height:218px;margin-top:5px;}

.left{width:229px;}
.sort_menu{}
.sort_menu h3{background:url(../images/tt1.png) left bottom no-repeat;}
.sort_product{}
.sort_product h3{background:url(../images/tt1.png) left bottom no-repeat;}
.sort_news{}
.sort_news h3{background:url(../images/tt1.png) left bottom no-repeat;}
.sort_job{}
.sort_job h3{background:url(../images/tt1.png) left bottom no-repeat;}

.n_contact{padding-top:10px;}
.n_contact h3{background:url(../images/tt1.png) left bottom no-repeat;}
.n_contact p.content{padding:10px;}

.right{width:786px;}
.sitemp{height:31px;line-height:31px;background:url(../images/tt1.png) left bottom no-repeat;}
.sitemp h2{float:left;font:bold 14px/30px 'Microsoft Yahei';color:#000;text-indent:12px;}
.sitemp .site{float:right;font:bold 12px/30px 'Microsoft Yahei';padding-right:10px;}

.right .content{padding:10px;padding-top:15px;}

li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/btn15.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/btn17.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}


//文字