@font-face {font-family: 'poppins-r';src: url('../fonts/AvenirLTStd-Light.otf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Assistant';src: url('../fonts/AlibabaSans-Regular.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'Abel';src: url('../fonts/Barlow-Regular.ttf');font-weight: normal;font-style: normal;} 

body { font-family:Arial, Helvetica, sans-serif;}


.bottomNav {display:none;}

.lp2{display:none;}

.header_top { width:100%; background:#fff; line-height:32px; border-bottom:1px solid rgba(0,0,0,.07);  height:35px; margin-top:0px; margin-bottom:10px; position:fixed; z-index:999999;  }

.header_top_z {width:96%; margin:0px auto; color:#333; height:32px;}
.header_top_left { width:30%; float:left;}
.header_top_left a { margin-left:30px; opacity:.7;  }
.header_top_left a img { margin-top:7px; width:20px; height:20px; display:inline-block;}
.header_top_right { width:65%; float:right;}
.header_top_right p { display:flex; padding:0px; margin:0px 10px; float:right;}
.header_top_right p i{}
.header_top_right p i img { width:22px; height:auto; margin-right:5px; padding-top:4px;}
.header_top_right p span { line-height:32px;} 







.top .top_product .section_title_wrapper ._lead_wrapper .section_lead { margin-top:0px;}
/*.top .top_product ._filter_wrapper{ width:50%; margin-left:40%; }
.top .top_product ._category_wrapper {margin-top:0px !important;}
*/
.top .top_product ._filter_wrapper li { width:50%;}
.top .top_product ._filter_wrapper{ width:60%; margin:0px auto; }


.cptb img { width:auto !important; height:auto !important; margin-bottom:20px; margin:10px auto; } 
.blog_swiper_container ._thumbnail img {     margin: 0px auto;
    height: 250px  !important;     object-fit:fill!important;
   }
	
.kk1 { width:250px !important;}
.kk2 { width:250px !important;}
.kk3 { width:250px !important;}
	
.blog_date { display:none;}
.blog_title { display:none;}
.blog_category { display:none;}
.blog_item ._link_button{ display:none;}

.top_product .section_title { width:100% !important; text-align:center; font-family:Abel; text-transform: capitalize; font-size:50px !important; padding-top:80px;}
.top_product .section_title .deco { width:100% !important; text-align:center; display:block; margin-bottom:20px;}

.section_title {font-family:Abel;}

.top .top_product .section_title_wrapper ._lead_wrapper .section_lead { width:100% !important; text-align:center; margin-top:20px;}
.all_tolist_icon { display: none;}


.section_title_wrapper { align-items: flex-start!important;}
.section_title_wrapper ._link { width:30%;}
.top .top_technology ._scroll_bg { margin-top:0px;}


.top_technology { margin-top:100px;}


.sylogo { width:auto !important; height:32px !important;}




.about2{ width:100%; background:url(../images/about_bg11.jpg) no-repeat center top; background-size:100% ;position:relative; float:left; padding-top:30px; padding-bottom:50px;
}

.qywl {
    width: 70%;
    margin: auto;
    height: auto;
 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; margin-top:50px
}
.qywlan {
    text-align: center; flex:1}
.qywlan img { width:100px;}
	
.qywlan:hover{ margin-top:-10px;  transition:all 0.4s}
.qywlan:hover{}

.slide03 {
    -webkit-animation: slide03 1s;
    -moz-animation: slide03 1s;
    -ms-animation: slide03 1s;
    -o-animation: slide03 1s;
    animation: slide03 1s;
    visibility: visible;
}.qywlan01 {
    line-height: 22px;
    
    color: #fff;
  
    font-family: Tahoma, Geneva, sans-serif; margin:0; color:#fff; height:22px
}.qywlan02 {
    line-height: 32px;
    padding-top: 20px;
    padding-bottom: 20px;
   
    color: rgb(255,255,255,1); padding:20px 10% 0
}.slide04 {
    -webkit-animation: slide04 1s;
    -moz-animation: slide04 1s;
    -ms-animation: slide04 1s;
    -o-animation: slide04 1s;
    animation: slide04 1s;
    visibility: visible;
}







.zuo_ab{ width:85%; margin:0 auto; margin-top:76px; margin-bottom:80px; background-color:rgba(173,0,0,0.9); padding:6% 0; position:relative;border-radius:20px;}
.zuo_ab h2{ font-size:40px; color:#fff; text-align:center; padding-bottom:10px}
.zuo_ab span{ font-size:20px; color:#fff; text-align:center; display: block;}
.zuo_ab p{ color:#fff; font-size:18px;  text-align:center; margin:0 auto; margin-top:30px; line-height:33px; width:80%}
.zuo_ab p a{ color:#fff; }
.kuai_df{ width:94%; height:50px; background:#fff; box-shadow: 0 0 20px rgba(51,51,51,.1); margin-top:50px; padding:5% 3%}
.you_kuai{ width:46px; height:213px; background:#036eb8; position:absolute; right:0%; bottom:20%; line-height:46px}
.you_kuai p{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); font-size:13px; color:#fff; text-transform:uppercase;  display:block; float:left; width:46px; text-align:center; font-family:Barlow-Regular; letter-spacing:4px; line-height:46px}
.zuo_ab .more{ width:20%; margin:40px auto; padding:10px; text-align:center ; transition:all 0.4s}
.zuo_ab .more a{ text-align:center; color:#333; font-size:18px; transition:all 0.4s}
.zuo_ab .more:hover { background:#fff; width:22%;  transition:all 0.4s; display:block; color:#333}
.zuo_ab .more:hover a{ color:#333}









.zuo_ab1{ width:100%; margin:0 auto; margin-top:0px;  padding:3% 0 6%; position:relative}
.zuo_ab1 h2{ font-size:60px; color:#1b1b1b; text-transform:uppercase; font-family:EUCLIDCIRCULARA; text-align:center; padding-bottom:10px}
.zuo_ab1 span{ font-size:30px; color:#333; text-align:center; display: block}
.zuo_ab1 p{ color:#525252; font-size:18px;  text-align:center; margin:0 auto; margin-top:30px; line-height:40px; width:90%; text-indent:30px}
.zuo_ab1 p a{ color:#333;font-size:18px;  }
.kuai_df{ width:94%; height:50px; background:#3; box-shadow: 0 0 20px rgba(51,51,51,.1); margin-top:50px; padding:5% 3%}
.you_kuai{ width:40px; height:120px; background:#009b3e; position:absolute; right:4%; bottom:19%; line-height:40px;border-radius:25px; padding-top:15px;}
.you_kuai p{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); font-size:13px; color:#fff; text-transform:uppercase;  display:block; float:left; width:40px; text-align:center; font-family:Barlow-Regular; letter-spacing:4.3px; line-height:40px; font-weight:900}
.zuo_ab1 .more{ width:16%; margin:40px auto; padding:10px; text-align:center ; transition:all 0.4s; background:#036eb8;}
.zuo_ab1 .more a{ text-align:center; color:#333; font-size:18px; transition:all 0.4s;  color:#fff}
.zuo_ab1 .more:hover { background:#d0000e; width:18%;  transition:all 0.4s; display:block; color:#fff;border:0!important}
.zuo_ab1 .more:hover a{ color:#fff; border:0!important}











.ab51{width:30%; padding-top:1%;}
.ab5{ width:100%; float:right}
.ab5_1{ width:70%; float:left; padding-bottom:47px; color:#888888; }
.ab5_1 p{ width:100%; float:left; color:#000; font-size:17px;}
.ab6{ width:78px; height:78px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:50px;}
.ab6-1{ width:78px; height:78px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:50px;}

.ab5 img{ width:55px; height:auto; margin:auto; padding-top:0px;}




.num{
	margin-top: 20px;
}
.num ul li{
	float: left;
	margin-right: ; width:100%; margin-bottom:20px;
}
.num ul li:last-child{
	margin-right: 0;
}
.num ul li .t1{
	color: #0964ba;
	font-family: ;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 15px;
}
.num ul li .t1 span{
	display: inline-block;
	vertical-align: top;
}
.num ul li .t1 .timer{
	font-size: 50px;font-family: 'Abel'; font-weight:900;
}
.num ul li .t2{
	font-family: 'Abel';
	color: #000000;
	/*font-size: 14px;*/
	font-size: 16px;/*20220614*/
	margin-bottom: 5px; font-weight:600;
}
.num ul li .t3{
	font-family:Abel;
	color: #999;
	font-size: 15px;
	
}

.news_detail_tu { width:30%; float:left; margin-right:5%; }

.news_list_wrapper { width:100%;}
.news_category { display:none;}
.news_time {font-family:Abel; font-size:21px;}
.news_list_wrapper .news_title p {font-family:Abel; font-size:20px;}
.news_list_wrapper .news_title span {font-family:Abel; font-size:17px; line-height:26px;}
.top .top_news { padding-top:60px;}
    
	
.all_cta ._title ._en { font-family:Abel; }
.biaoyu { height:60px !important;}

.footer_nav_wj {display:flex; justify-content: space-between; width:73%;}
.footer_nav_wj ul { width:25%;}	
.footer_nav_wj ul:nth-child(1){width:23%;}	
.footer_nav_wj ul:nth-child(2){width:23%;}	
.footer_nav_wj ul:nth-child(3){width:46%;}
.footer_nav_wj ul li { line-height:32px; font-size:16px;}
.footer_nav_wj ul li a {font-size:15px;line-height: 30px;}
.footer_nav_wj ul p { line-height:30px; font-size:15px;}
.footer_nav_wj ul p a {font-size:16px;}

.footer_nav_wj ul li b{padding-bottom:15px; font-size:20px; float:left; width:100%;}


._company_name { font-weight:400 !important; line-height:30px;}
._company_name a{ font-weight:400 !important;}

.ewm { height:120px!important; width: auto !important; margin-top:10px;}

.header .gnav ul li:not(._contact) a { font-size:17px;}
.header .gnav ul li._contact span{ font-size:16px;}


.wenti { width:100%; margin:auto; height:170px; padding:50px 0px 50px; background:#0051ac; border-radius:0px 0px 0px 0px ;
  background-image: linear-gradient(90deg, #000  70%, #0d61a4 30%); margin-top:30px;
}
.wenti_1 { float:left; width:8%; padding-right:2%;}
.wenti_1 img { height:100%;}
.wenti_2 { float:left; width:70%; line-height:60px; font-family:Abel; font-weight:900; color:#fff; font-size:20px;}
.wenti_3 { float:left; width:30%;}
.wenti_3 .wenti_3_an { width:120px; line-height:45px; margin-top:8px; border-radius:25px; background:#fff; color:#fff; text-align:center; float:right; margin-right:10px; font-family:Abel; }
.wenti_3 a .wenti_3_an { color:#0051ac;}
.wenti_3 a:nth-child(2) .wenti_3_an {background: none; border:2px solid #fff; color:#fff;}

.index-content {width: 80%;margin: auto;}

.footer {border-radius:0px 0px 0px 0px; background:#fff; margin-top:0px; padding-top:60px; }
.footerz {background-image: linear-gradient(to right, #0883f2,#0051ac); width:100%;}





/*-- stats --*/
.main-stats-inner{
    background:#18a787; width:100%; float:left; margin-bottom:80px;
}
.main-stats-inner1{width:85%; margin:auto}


.main-stats-inner-img{
    margin:0;
    padding:0;
}
.main-stats-inner-img,.main-stats-inner-img.two {
    background: url(../images/n1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height:300px; width:50%; float:right
}
.main-stats-inner-img.two{
     background: url(../images/n4.jpg) no-repeat center;
}
.stats_info p {
    font-size: 3em;
    letter-spacing: 1px;
    line-height: 2;
  font-family: 'Oswald';     color: #fff;
}
.stats_info h4 {
    color: #fff;
    font-size:16px; font-weight:normal;
    text-transform: uppercase;
}
.stats_info i {
    font-size: 2.3em;
      color: #fff;
    margin: 0;
    margin-top: 1.5em;
}
.stats_bottom_grid_left img {
	margin: 0 auto;
}
.stats_info { width:50%; float:left;
    text-align: center;
    padding: 8em 0 0 0; height:300px;
}

.stats_info:nth-child(3) {
	border-right: 0px;
}

.stats_info:nth-child(2) {
	border-left: 0px;
	border-right: 0px;
}





/*main css*/
.izl-rmenu2{position:fixed; right:.5%;  bottom:5%; padding-bottom:20px; background:url(../css_kefu/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu2 .btn{width:52px; height:53px; margin-bottom:1px; cursor:pointer; position:relative; border-radius:10px;}
.izl-rmenu2 .btn-qq{background:url(../css_kefu/r_qq.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px;}
.izl-rmenu2 .btn-qq:hover{background-color:#0964ba;}
.izl-rmenu2 a.btn-qq,.izl-rmenu2 a.btn-qq:visited{background:url(../css_kefu/r_qq.png) 0px 0px no-repeat; background-color:#0964ba; text-decoration:none; display:block;background-size: auto 52px;}
.izl-rmenu2 .btn-wx{background:url(../css_kefu/r_wx.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px;}
.izl-rmenu2 .btn-wx:hover{background-color:#0964ba;}
.izl-rmenu2 .btn-wx .pic{background-color:#0964ba; position:absolute; width:260px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none; border-radius:8px;}



.izl-rmenu2 .btn-phone{background:url(../css_kefu/r_phone.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px; }
.izl-rmenu2 .btn-phone:hover{background-color:#0964ba;}
.izl-rmenu2 .btn-phone .phone{background-color:#0964ba; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none; border-radius:8px;}

.izl-rmenu2 .btn-skp{background:url(../css_kefu/r_skp.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px;}
.izl-rmenu2 .btn-skp:hover{background-color:#0964ba;}
.izl-rmenu2 .btn-skp .skp{background-color:#0964ba; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}

.izl-rmenu2 .btn-top{background:url(../css_kefu/r_top.png) 0px 0px no-repeat; background-color:#444; display:none;background-size: auto 52px;}
.izl-rmenu2 .btn-top:hover{background-color:#444;}


._link_button { border:none;}
.all_tolist_icon { display:flex !important; align-items: flex-start!important; margin-top:50px;}
.all_tolist_icon::after { width:25px !important; color:#0964ba;}


.search { width:180px; height:44px; line-height:44px; border:2px solid #2869bc; border-radius:0px; overflow:hidden; background: none; border-radius:25px;}
.search form .search1 { border:none; width:120px; background:none; padding-left:20px; font-family:; color:#999; font-size:16px; float:left; line-height:40px;   }
.search form .searchimg1 { width:36px; height:36px; margin-right:2px; margin-top:2px; border-radius:; background: none; float:right;  border-radius:50%;} 


.header .gnav ul li._contact { margin-left:5px;}
.sousuo { width:40px; height:40px; border:0px solid #2869bc; border-radius:50%; background:#2869bc;
background-image: linear-gradient(to right, #0982f0,#2869bc, #2869bc);



}
@font-face {font-family: 'Aven';src: url('../fonts/AvenirLTStd-Book.otf');font-weight: normal;font-style: normal;} 

.top .top_hero ._title img { height:71px !important; width:auto !important; margin-bottom:50px;}
.top .top_hero ._title p { font-family:Aven; font-style:italic; color:#fff; font-size:32px; line-height:45px;  text-transform:capitalize;}
.top .top_hero ._title { width:63% !important; left:20%; top:39%;}

.top .top_hero { height:690px !important; overflow:hidden;  }


.zzz { font-size:20px !important; line-height:35px !important; width:80%; padding-top:20px; display:block; float:left; margin-top:12px; position:relative;}
.zzz:after { width:100px; height:2px; background:#fff; position:absolute; top:0px; left:0px; content:" ";}


.index_jianjie_con p {text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
height: 150px;
line-height: 30px;
}


.news_list_wrapper .news_title p {text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 40px;
line-height: 40px;}



.news_list_wrapper .news_title span {text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height:25px;}

.news_list_wrapper .news_detail { width:68%; height:200px;}






/*内页 开始*/
#f1 { margin-top:115px;}
#f2 { margin-top:115px;}
#f3 { margin-top:115px;}
#f4 { margin-top:115px;}
#f5 { margin-top:115px;}
#f6 { margin-top:115px;}





@media screen and (max-width: 860px) {

.top_product .section_title { width:100% !important; text-align:center; font-family:Abel; text-transform: capitalize; font-size:20px !important; padding-top:20px;}
.cptb img { width:auto !important; height:50px!important; margin-bottom:20px; margin:10px auto; } 
.top .top_product .section_title_wrapper ._lead_wrapper .section_lead { width:100% !important; text-align:center; margin-top:5px;}









.ab51{width:100%; padding-top:0%;}
.ab5{ width:100%; float:right}
.ab5_1{ width:70%; float:left; padding-bottom:0px; color:#888888; font-size:13px;}
.ab5_1 p{ width:100%; float:left; color:#000; font-size:15px;}
.ab6{ width:58px; height:58px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:5px;}
.ab6-1{ width:58px; height:58px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:5px;}

.ab5 img{ width:45px; height:auto; margin:auto; padding-top:0px;}



.footer_nav_wj {display:flex; justify-content: space-between; width:100%;}
.footer_nav_wj ul { width:100%;}	
.footer_nav_wj ul:nth-child(1){display:none;}	
.footer_nav_wj ul:nth-child(2){display:none;}	
.footer_nav_wj ul:nth-child(3){width:100%;}
.footer_nav_wj ul li { line-height:20px; font-size:14px}


.footer_nav_wj ul li a {font-size:14px;line-height:20px;}
.footer_nav_wj ul p { line-height:20px; font-size:14px;}
.footer_nav_wj ul p a {font-size:14px;}







.about2{ width:100%; background:url(../images/about_bg11.jpg) no-repeat center top; background-size:cover;position:relative; float:left; padding-top:20px; padding-bottom:20px;
}

.qywl {
    width: 90%;
    margin: auto;
    height: auto;
 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; margin-top:20px
}
.qywlan {
    text-align: center; flex:1}
.qywlan img { width:50px;}
	
.qywlan:hover{ margin-top:-10px;  transition:all 0.4s}
.qywlan:hover{}

.slide03 {
    -webkit-animation: slide03 1s;
    -moz-animation: slide03 1s;
    -ms-animation: slide03 1s;
    -o-animation: slide03 1s;
    animation: slide03 1s;
    visibility: visible;
}.qywlan01 {
    line-height: 22px;
    
    color: #fff;
  
    font-family: Tahoma, Geneva, sans-serif; margin:0; color:#fff; height:22px
}.qywlan02 {
    line-height: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
   
    color: rgb(255,255,255,1); padding:0px 10% 0
}.slide04 {
    -webkit-animation: slide04 1s;
    -moz-animation: slide04 1s;
    -ms-animation: slide04 1s;
    -o-animation: slide04 1s;
    animation: slide04 1s;
    visibility: visible;
}







.zuo_ab{ width:85%; margin:0 auto; margin-top:20px; margin-bottom:20px; background-color:rgba(173,0,0,0.9); padding:6% 0; position:relative;border-radius:10px;}
.zuo_ab h2{ font-size:20px; color:#fff; text-align:center; padding-bottom:0px}
.zuo_ab span{ font-size:14px; color:#fff; text-align:center; display: block; letter-spacing:0px}
.zuo_ab p{ color:#fff; font-size:14px;  text-align:center; margin:0 auto; margin-top:30px; line-height:33px; width:80%}
.zuo_ab p a{ color:#fff; }
.kuai_df{ width:94%; height:50px; background:#fff; box-shadow: 0 0 20px rgba(51,51,51,.1); margin-top:50px; padding:5% 3%}


.you_kuai{ width:25px; height:100px; background:#009b3e; position:absolute; right:2%; bottom:13%; line-height:25px}
.you_kuai p{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); font-size:12px; color:#fff; text-transform:uppercase;  display:block; float:left; width:25px; text-align:center; font-family:Barlow-Regular; letter-spacing:0px; line-height:25px}
.zuo_ab .more{ width:20%; margin:40px auto; padding:10px; text-align:center ; transition:all 0.4s}
.zuo_ab .more a{ text-align:center; color:#333; font-size:18px; transition:all 0.4s}
.zuo_ab .more:hover { background:#fff; width:22%;  transition:all 0.4s; display:block; color:#333}
.zuo_ab .more:hover a{ color:#333}





.footer {border-radius:0px 0px 0px 0px; background:#fff; margin-top:0px; padding-top:20px;padding-bottom:80px;}
.footerz {background-image: linear-gradient(to right, #0883f2,#0051ac); width:100%; float:left; }



/*-------底部-----------*/



/*手机版底部导航*/

#banner{ display:block}
.tbottom{ display:block; height:70px;}

.nav_bgc{ display:none}
.bottomNav {display:block;
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:0px; z-index:999}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:25%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:14px;}


.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #0e4ca0;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}



#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	}

.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
.inital_color { color:#c51a1e}
.lp2{display:block; }
}