.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }



/*===================== 公用样式 START =====================*/
.fl{float: left;}
.fr{float: right;}
a{text-decoration: none;background: transparent;outline: none;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.tophder{width: 100%;height: 40px;line-height: 40px;background-color: #224ea7;margin: 0 auto;}
.tophder .p1{width: 90%;margin: 0 auto;display: block;color: #fff;font-size: 14px;}
.header{position: fixed;z-index:999; width: 100%;background-color: #fff;}
.header .inner{height:100px;position: relative;width:95%;margin:0 auto;text-align: center;}
.header .logo img{margin-top: 10px;}
.header .nav{width:60%;display: inline-block;}
.header .nav ul li{float: left;width:14%;height:100px;line-height:100px;text-align: center;}
.header .nav ul li a{color:#000;position: relative;z-index:1;font-size:18px;display: block;}
.header .nav ul li i{position: absolute;width:100%;height:0;background: #224ea7;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header .nav ul li a:hover i, .header .nav ul li a.active i{height:100px;}
.header .nav ul li a:hover span, .header .nav ul li a.active span{color:#fff;}
.header .nav ul li a:hover em, .header .nav ul li a.active em{opacity:1;}


.header .call{margin-top:20px;height:60px;background:url(../images/q11.png) 0 center no-repeat;padding-left:60px;text-align: left;}
.header .call h3{font-size:30px;color:#cb0709;margin-top: 15px;}
.header .call em{color: #333;}
.header.bg{background-color:#fff;}
.header.bg .inner{height: 75px;}
.header.bg .logo img{height: 50px;}
.header.bg .nav ul li{height: 70px; line-height: 70px;}
.header.bg .call{margin-top: 5px;}
.header.bg .product_son{top: 75px !important;}
.header.bg .product_sonc{top: 75px !important;}
.header.bg .nav ul li a:hover i, .header.bg .nav ul li a.active i{height: 75px;}

.banner .swiper-button-next, .banner .swiper-button-prev{width:59px;height:59px;}
.swiper-pagination-bullet-active{background-color:#224ea7 !important;border-color:#224ea7 !important;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(7,95,192,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.banner1{padding-top:-100px !important;position: relative;}
.xuanf{position: absolute;top:28%;left: 30%;right: 30%;}

/* 简介下拉 */
.header .product_sonc{display: none;position: absolute;left:0;top:90px;text-align: center;width:100%;padding:20px 0;height:220px;background: #eef2f7;border-bottom: 1px solid #93d01d;}
.header .product_sonc .ttxl{width:85%;margin: 0 auto;}
.header .product_sonc .fljs{width: 30%;float: left;}
.header .product_sonc .fljs h3{text-align: left;color: #cb0709;font-size: 26px;padding-bottom: 10px;padding-top: 20px;font-weight: 700;line-height: 25px;}
.header .product_sonc .fljs p{text-align: left;color: #888;font-size: 14px;line-height:25px;border-right: 1px solid #e3e3e3;padding-right: 25px;}
.header .product_sonc .cpfl{width: 60%;float: left;padding-top: 10px;padding-bottom: 50px;}
.header .product_sonc .cpfl h3{font-size: 26px;font-weight: 700;text-align: left;line-height: 60px;}
.header .product_sonc .cpfl a{display: flex;width: 32%;padding:2px 0px;border-bottom: 1px solid #ccc;line-height:55px;float: left;margin-right: 2%;background: url(../images/img24.png) no-repeat right;}
.header .product_sonc .cpfl a:hover{border-bottom: 1px solid #389ff2;}
.header .product_sonc .xlimj{width:28%;height: 200px;float:right;background: url(../images/about_a.jpg) no-repeat left;background-size: cover;}

/* 产品下拉 */
  .header .product_son{display: none;position: absolute;left:0;top:90px;text-align: center;width:100%;padding:20px 0;height:250px;background: #eef2f7;border-bottom: 1px solid #224ea7;}
  .header .product_son .ttxl{width:91%;margin: 0 auto;}
  .header .product_son .ttxl h3{font-size: 26px;font-weight: 700;text-align: left;line-height: 60px;}
  .header .product_son .cpfl{width:68%;float: left;padding-top: 10px;padding-bottom: 50px;}
  .header .product_son .xlimj{float:right;background: url(../images/about_a.jpg) no-repeat left;height: 180px;width: 300px;margin-top: 20px; background-size: 100%;}
  .header .product_son .item{display: flex;width:20%;padding:2px 0px;border-bottom: 1px solid #ccc;line-height:55px;float: left;margin-right: 2%;background: url(../images/img24.png) no-repeat right;}
  .header .product_son .item:hover{border-bottom: 1px solid #224ea7;}


    .header .menu_box{display: none;text-align: center;margin: 0 auto;}
.header .menu_box{float: right;width:30px;height:54px;text-align: center;}
.header .menu_box h5{font-size: 12px;display: block;width: 100%;padding-top: 8px;text-align: center;}
.header .nav_button{position: absolute;right:15px;top:33px;vertical-align: middle;width:30px;height:2px;cursor:pointer;background-color:#106dbf;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav_button::after, .header .nav_button::before{content:'';width:30px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#106dbf;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav_button::after{top:6px;}
.header .nav_button::before{top:-6px;}
.header .menu_box.on .nav_button{width:0;}
.header .menu_box.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.header .menu_box.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
#close{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
.wap_son{display: none;padding:0 13px;margin-bottom:0;}
.wap_son li{width:47.93%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align: center;margin:1%;float: left;background-color:#106dbf;}
.wap_son li a{color: #fff;font-size: 13px;}
.wap_son li:hover{background-color: #dc2821;}
.wap_son li.active{background-color: #dc2821;}
.navr{margin: auto;padding: 0;}
.navr ul li a {float: left;color: #fff;padding: 0 40px;}

 @media( max-width:1680px ){
.header .inner{width: 95%;}
.header .nav{width: 63%;}
 }

 @media( max-width:1600px ){
   .header .nav{width: 62%;} 
 }

 @media( max-width:1550px ){
    .header .inner{width: 95%;}
	.header .nav{width: 60%;}
	.header .call h3{font-size:28px;}
    .header .call h3{font-size: 24px;}
 }

 @media( max-width:1480px){
    .header .nav{width: 57%;}
	.header .nav ul li{width: 12%;}
	.header .nav ul li a{font-size: 16px;}
 }

 @media( max-width:1366px ){
    .header .nav{width: 54%;}
 }

 @media( max-width:1280px ){
    .header .nav{width:50%;}
 }
@media( max-width:1200px ){
    .header .nav ul li em, .header .nav ul li i, .product_list_two .item .info p, .product_list_three .item .info p, .header .call, .banner .swiper-button-next, .banner .swiper-button-prev, .news_two .news_box li p, .position_now .fr, .arrow_down, #list .left_side, .news_one .news_box li .img .bg, .news_article_box .left_fixed, #none,.tj_box .gallery-top .swiper-slide a .txt,.tj>img,.footer .f2,#top_scroll ul li p,.section_two .item_box .yspic img:nth-child(1),.section_two .item_box .yspic img:nth-child(3),#winImgDiv,.syys h3 strong,.syys .syys2,.syys .syys1 span b,.pc_show,.altop,.hf .fr,.more .but,.section_nine .nlist .date-box,.section_nine .nlist .img{display: none !important;}
	.wap_show{display: block;}
    .xCeb{display: none;}


	.header .menu_box, .mobile .fixed_footer, .wap_son{display: block;}
	#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto,.tj_box,.w1300,.tabbox,.footer .f3,.inner,.section_nine .nlist{width:auto;padding:0 15px;}
	.info_big_box .info_1 .dh span{font-size: 16px;}
	.header{height:50px;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.4)}
	.header .tophder{display: none;}

	.header .inner{padding:0 15px;width:auto;height:50px;}
	.header .logo img,.header.bg .logo img{height:48px;margin:0;}
	.header .nav{position: fixed;width: 280px;height: auto;overflow: auto;padding: 20px 0;top: 40%;left: 50%;margin: -200px 0 0 -140px;z-index: 9999999999;background-color: #fff;box-shadow: 0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0);transform: scale(0);}
	.header .nav ul li{display: block;float:none;width:90%;margin:0 auto;height:40px !important;line-height: 40px !important;border-bottom: 1px solid #f9f9f9;}
	.header .nav ul li span, .header .nav ul li a{color:#333 !important;}
	.header .nav ul li a{font-size: 16px;}
	.header .nav ul li a:hover span, .header .nav ul li a.active span{line-height:40px;}
	.header .nav ul li:last-child{border: none;}
	.product_son{display: none !important;}
	.position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}

	.header .product_son{display: none !important;}
	.header .product_sonc{display: none !important;}
}

/*fc*/
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 3% 0 0 0; background: #f5f7fc}
.pro h2{text-align: center; color: #666666; font-weight: normal }
.pro h2 em{display: block; color: #083090; margin-bottom: 5px}
.pro h2 em:before{content: ""; width: 50px; height: 3px; background: #37a356;display: inline-block; margin: 0 20px 15px 0}
.pro h2 em:after{content: ""; width: 50px; height: 3px; background: #37a356;display: inline-block; margin: 0 0 15px 20px}

.prolist{margin: 0 auto}
.prolist ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:left;flex-wrap: wrap;width: 85%; margin: 2% auto 0 auto;}
.prolist li{width:19%; height: 60px; margin: 0 0.5% 1% 0.5%; border:1px dashed transparent; border-color: rgba(151, 151, 151, 0.5); font-size: 23px; text-align: center;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;transition: .5s; }
.prolist li a{color: #000;}
.prolist li:hover{background: #37a356;}
.prolist li:hover a{color: #fff;}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:85%; margin:3% auto 4% auto ; padding-bottom: 3%; height: 650px;}
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}

#cf_scroll {overflow: hidden;width:85%; margin:3% auto 4% auto ; padding-bottom: 3%; height: 600px;}
#cf_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#cf_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#cf_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#cf_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#cf_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#cf_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}

@media screen and (max-width: 1280px) {
    #top_scroll ul li strong{font-size: 18px}
}


@media (max-width:750px){
    #top_scroll,#cf_scroll{display: none;}
    .pro h2{font-size: 16px;}
    .pro h2 em{font-size: 36px}
    .prolist ul{width: 95%; margin-top: 20px}
    .prolist li{width:32%; font-size: 18px; height: 45px; line-height: 45px}
    #tel_pro {overflow: hidden;width:95%; margin:5vh auto 0 auto; padding-bottom: 3%; display: block;}
    #tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    #tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
    #tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
    #tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
    #tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s; line-height: 30px}
    #tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    #tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
    .pro_more{width: 100%; }
    .pro_more li{width: 100%;}
    .pro_more li:nth-child(2){display: none;}
}