@charset "utf-8";
@import url("icon/iconfont.css");
@import url("aos.css");
/*全局样式----------------------------------------------------------------------------*/ 
body{ margin:0 auto; padding:0; color:#333; font:12px/1.5 Arial,"Microsoft Yahei"; -webkit-font-smoothing:antialiased;}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Arial'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#ff0000; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
p{ margin:0; padding:0;}

.left{ float:left;}
.right{ float:right;}

/*清除样式*/ 
.clear{ clear:both; font-size:0px; height:0px; visibility:hidden;}
.clearfix{ display:block; } 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.line20{ clear:both; font-size:0px; height:20px; visibility:hidden;}
.line40{ clear:both; font-size:0px; height:40px; visibility:hidden;}

/*通用样式----------------------------------------------------------------------------*/ 

/*页面样式*/ 
.box{ margin:0 auto; width:1200px; min-width:1200px;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*顶部样式*/ 
.top{ width:100%; height:33px; background:#5c5c5c;}
.top span{ line-height:30px}
    
/*头部样式*/ 
.header{ height:84px;}
    .header_box{ position:relative; width:1200px;}
    .header_logo{ position:absolute; top:10px; left:0px; width:300px;}
    .header_logo img{ height:100%;}
    
/*导航样式*/ 
.menu{  position:absolute; height:40px; z-index:999;right:0; top:25px}

    
/*焦点图样式*/ 
.banner{}

       
/*网站底部*/
.footer{ width:100%; min-height:300px; padding-bottom:20px; background:#545454; min-width:1200px;overflow:hidden;}
    .footer_box{ margin:0px auto; margin-top:50px; width:1200px;overflow:hidden;}
    .footer ul li{ float:left; margin:30px 15px; width:130px; text-align:left;} 
    .footer ul li h1 a{ display:inline-block; color:#fff; font-size:18px; line-height:40px;}
    .footer ul li hr{ margin:10px 0px; width:100%; border:0; border-bottom:1px solid #ccc;}
    .footer ul li p a{ color:#fff; font-size:14px; line-height:30px;}
    .footer ul li p img{ width:200px; height:200px}
    .footer .footer_list_right{ border-left:1px solid #eee; width:330px; float:right; padding-left:25px}
    .footer .footer_list_right dl{background:url(../images/footer_back.jpg) no-repeat 240px 70px;}
    .footer .footer_list_right dl dt{ margin-bottom:15px}
    .footer .footer_list_right dl dd{ float:left; width:110px; height:110px; margin-right:20px; }
    .footer .footer_list_right dl dd img{ width:100%; height:100%;}
    .footer .footer_list_right dl dd p{ line-height:30px; text-align:center; color:#f5f5f5;}
    
	/*右侧客服*/
    .footer_zxkf{position:fixed;width:50px;height:253px;right:0;top:50%;z-index:100;}
    .footer_zxkf ul li{width:50px;height:50px;float:left;position:relative;border-bottom:1px solid #fff;}
    .footer_zxkf ul li .sidebox{position:absolute;width:50px;height:50px; line-height:50px; top:0;right:0; transition:all 0.3s;background:#5c5c5c;color:#fff;font-size:14px; font-family:"微软雅黑"; overflow:hidden; filter: alpha(opacity=80);-moz-opacity: 0.98;-khtml-opacity: 0.8;opacity: 0.8;}
    .footer_zxkf ul li .sidebox:hover{cursor:pointer;}
    .footer_zxkf ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#5c5c5c; transition:all 0.3s;filter: alpha(opacity=80);-moz-opacity: 0.98;-khtml-opacity: 0.8;opacity: 0.8;}
    .footer_zxkf ul li .sidetop:hover{background:#e30010; cursor:pointer;}
    .footer_zxkf ul li img{float:left; background:none}
    .footer_zxkf uk li a{ blur:expression(this.onFocus=this.blur()); outline-style:none;}
    #moquu_wxin {width:50px;height:50px;filter: alpha(opacity=80);-moz-opacity: 0.98;-khtml-opacity: 0.8;opacity: 0.8;}
    #moquu_wxin a {background:#5c5c5c;right:0;float:left;width:50px;height:50px;text-indent:-9999px}
    #moquu_wxin a:hover {background:#e30010;}
    .moquu_wxin a:hover .moquu_wxinh,.moquu_wshare .moquu_wxinh:hover .moquu_wshareh {display:block}
    .moquu_wxin .moquu_wxinh {position:absolute;display:none;left:-200px;top:-88px;width:204px;height:284px;}
    
/*网站版权*/
.copyright{ background:#2d2c2c;color:#fff; height:48px; text-align:center; line-height:48px; width:100%; min-width:1200px;}
    .copyright a{ color:#fff}

/*图片焦点缩放样式*/
.img_hover_zoom{ display:block; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear;}
    .img_hover_zoom:hover{-webkit-transform:  scale(1.2) ; -moz-transform: scale(1.2) ; -ms-transform: scale(1.2);     -o-transform:  scale(1.2) ; transform:  scale(1.2);}

/*通用标题样式*/    
.index_title{ background:url(../images/ico_case_01.png) no-repeat center top;text-align:center;}
.index_title h3{ font-size:30px; color:#c5c5c5; text-transform:uppercase}
.index_title h4{ font-size:28px; color:#333;}
.index_title h4 b{ color:#23a050}
.index_title span{ background:url(../images/ico_case_02.png) no-repeat; width:23px; height:12px;display:block; margin:0 auto;}


/*首页样式----------------------------------------------------------------------------*/ 
.index{ width:100%;}
.index_box{ margin:0 auto; width:1200px;}
.index_box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*首页标签搜索*/
.index_search{ height:33px; background:#fff;}
    /*搜索*/
    .index_search_box { float:right; position:relative;}
    .index_search_box .txt{ padding:0 25px 0 5px; width:160px; height:33px; border:1px solid #999; background:#bebebe}
    .index_search_box .btn{ position:absolute; top:4px; right:6px; width:16px; height:16px; background:url(../images/ico/search.png) no-repeat 0px 2px;}
   
/*首页焦点广告*/
.index_banner{ width:100%;  height:500px; background:#eee; min-width:1200px;}
    .index_banner .swiper-container{width: 100%; height:100%; min-width:1200px;}
    .index_banner .swiper-slide{ background-position:center; background-size:cover;}

/*首页关于我们*/
.index_about{ width:100%;}
.index_about h3{ font-size:30px; line-height:70px}
.index_about h4{ font-size:16px; line-height:30px; font-weight: normal; text-indent:2em}
.index_list h5{ font-size:16px; line-height:40px}
.index_list{ float:left; width:600px;}
.index_list_left{ width:500px; margin-left:150px;}
.index_list_left li{ line-height:30px; font-size:16px}
.index_list_right{ float:right; margin-top:50px; width:477px; height:477px; }






/*首页主营业务*/
.index_business{ width:1200px; margin:0 auto;}
.index_business h2{ line-height:50px}
.index_business_written p{ padding-left:60px; line-height:30px; font-size:16px}
    .business_show{ position:relative; background:url(../images/business_back.png) no-repeat;height:476px; width:703px; margin:50px auto}
    .business_show .show{ position:absolute;}
    .show .show_a{ width:174px; height:174px; display:block;}
    #show-box p a{ display:block}
    #show-box p a:hover{ color:#f00;}
    
    .show1{ top:159px; left:53px}
    .show1-box{display: block; position: absolute; top:26px; left:-239px; z-index: 100; background:url(../images/business_ico1.png) no-repeat top; width:226px;}
    .show1-box p{ font-size:18px; line-height:30px; padding:15px 0 0 30px}
    
    .show2{ top:247px; left:300px}
    .show2-box{display: block; position: absolute; top:72px; left:204px; z-index: 100; background:url(../images/business_ico2.png) no-repeat top; width:307px;}
    .show2-box p{ font-size:18px; line-height:30px; padding:15px 0 0 50px}
    
    .show3{ top:54px; left:475px}
    .show3-box{display: block; position: absolute; top:-80px; left:145px; z-index: 100; background:url(../images/business_ico3.png) no-repeat top; width:340px;}
    .show3-box p{ font-size:18px; line-height:30px; padding:15px 0 0 100px}

.index_business ul{ float:left; margin-left:50px;}
.index_business .bt{ height:40px; margin-bottom:20px;}
.index_business .nr{ padding-top:60px; width:350px;}
.index_business .nr a{ font-size:16px; padding-top:40px; line-height:30px;}

.index_business .left{ float:left; width:555px;}
.index_business .left span{ display:block; padding-left:40px; font-size:16px; text-indent:2em; line-height:30px;}
.index_business .right{ float:right;}
.index_business .right img{ width:535px; height:471px;}

.index_business .bottom{}
.index_business .bottom span{ display:block; padding-left:95px; line-height:30px; font-size:16px;}


/*首页新闻资讯*/ 
.index_news{width:100%; margin:50px 0;}
.index_news_title h3{ text-align:center; font-size:30px; margin-bottom:25px; text-transform: uppercase;}
.index_news_list .hd{ width:240px; margin:0 auto;background:#bbbbbb; margin-bottom:20px;}
.index_news_list .hd li{ display:inline-block; width:118px; text-align:center; height:45px; line-height:45px;}
.index_news_list .hd li a{ font-size:16px; color:#fff; display:block}
.index_news_list .hd li a:hover{ background:#545454;}
.on{ background:#545454;}
.index_news_list .bd li:nth-child(3n+3){ margin:0px}
.index_news_list .bd li{ float:left; width:345px; height:345px; background:#fff;box-shadow: 3px 5px 5px #999999; margin-right:75px; margin-bottom:10px}
.index_news_list .bd li div{ width:345px; height:208px; overflow:hidden; display:block}
.index_news_list .bd li div img{ width:100%; height:100%}
.index_news_list .bd li h4{ font-size:16px; line-height:40px;margin:0 25px}
.index_news_list .bd li p{ display:block; background:url(../images/ico_news.jpg) no-repeat; text-align:left; margin:0 25px; margin-bottom:10px;}
.index_news_list .bd li a{ background:#5c5c5c; color:#fff; padding:5px 10px; margin-left:25px;border:1px solid #5c5c5c;}
.index_news_list .bd li a:hover{ background:#fff; border:1px solid #5c5c5c; color:#5c5c5c}


/*内页样式----------------------------------------------------------------------------*/ 
.content{}
.content_box{ margin:10px auto; width:1200px;}
.content_box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    /*内页左侧通用*/
    .content_left{ float:left; width:260px;}
    .content_left_category{}
    .content_left_category .title{ padding:25px 0px 25px 65px; text-align:left; height:25px; line-height:25px; background:#f3f3f3 url(../images/ico/icon_9ge_green.png) no-repeat 30px center;}
    .content_left_category .title h1{ height:16px; line-height:16px; color:#5c5c5c; font-size:16px; font-weight:bold;}
    .content_left_category .title h2{ height:12px; line-height:12px; color:#666666; font-size:12px; font-weight:normal; text-transform:uppercase;}
    .content_left_category .list{ margin-top:5px; padding:15px 15px 15px 15px; background:#f3f3f3;}
    .content_left_category .list ul{}
    .content_left_category .list ul li{ margin-bottom:5px; width:220px; text-align:left; height:35px; line-height:35px; background:#5c5c5c url(../images/ico/icon_fk_white.png) no-repeat 15px center; overflow:hidden;}
    .content_left_category .list ul li a{ display:inline-block; padding-left:40px; color:#fff; font-size:14px;}
    .content_left_category .list ul li:hover{ background:#e30010 url(../images/icon_fk_white.png) no-repeat 15px center; color:#fff}
    .content_left_category .list ul li.sub{ margin-bottom:5px; width:220px; text-align:left; height:35px; line-height:35px; background:#fff url(../images/ico/icon_fk_white.png) no-repeat 15px center; overflow:hidden;}
    .content_left_category .list ul li.sub a{ display:block; padding-left:40px; color:#333; font-size:14px;}
    .content_left_category .list ul li.sub:hover{ background:#5c5c5c url(../images/ico/icon_fk_white.png) no-repeat 15px center; color:#fff}
    
    .content_left_category2{}
    .content_left_category2 .title{ padding:25px 0px 25px 65px; text-align:left; height:25px; line-height:25px; background:#f3f3f3 url(../images/ico/icon_9ge_green.png) no-repeat 30px center;}
    .content_left_category2 .title h1{ height:16px; line-height:16px; color:#5c5c5c; font-size:16px; font-weight:bold;}
    .content_left_category2 .title h2{ height:12px; line-height:12px; color:#666666; font-size:12px; font-weight:normal;}
    .content_left_category2 .list{ margin-top:5px; padding:15px 15px 15px 15px; background:#f3f3f3;}
    .content_left_category2 .list ul{}
    .content_left_category2 .list ul li{ margin-bottom:5px; width:220px; text-align:left; height:35px; line-height:35px; background:#013954 url(../images/ico/icon_fk_white.png) no-repeat 15px center; overflow:hidden;}
    .content_left_category2 .list ul li a{ display:inline-block; padding-left:40px; color:#fff; font-size:14px;}
    .content_left_category2 .list ul li a:hover{ color:#fff;}
    .content_left_category2 .list ul li:hover{ background:#5c5c5c url(../images/ico/icon_fk_white.png) no-repeat 15px center; color:#fff;}
    .content_left_category2 .list ul li.sub{ margin-bottom:5px; width:220px; text-align:left; height:35px; line-height:35px; background:#fff url(../images/ico/icon_fk_white.png) no-repeat 15px center; overflow:hidden;}
    .content_left_category2 .list ul li.sub a{ display:block; padding-left:40px; color:#333; font-size:14px;}
    .content_left_category2 .list ul li.sub a:hover{ color:#fff;}
    .content_left_category2 .list ul li.sub:hover{ background:#5c5c5c url(../images/ico/icon_fk_white.png) no-repeat 15px center; color:#fff;}
    
    /*内页右侧通用*/
    .content_right{ float:right; width:900px;}
    .content_right .title{ padding-left:15px; text-align:left; height:40px; line-height:40px; border-bottom:1px solid #f3f3f3; background:url(../images/ico/icon_1ge_green.png) no-repeat 0px center;}
    .content_right .title h1{ display:inline-block; float:left; color:#5c5c5c; font-size:14px; font-weight:bold;}
    .content_right .title h2{ display:inline-block; float:right; color:#666; font-size:14px; font-weight:normal;}
    .content_right .title a{}
    
    .content_right .list{ padding:20px 0px; text-align:left;}
    .content_right .list ul{}
    .content_right .list ul li{ float:left;}
    .content_right .list ul li a{ display:inline-block; margin:5px; padding:5px; background:#f3f3f3;}
    .content_right .list ul li a:hover{ background:#5c5c5c;}
    .content_right .list ul li img{ display:block; width:280px; height:210px; }
    .content_right .list ul li p{ line-height:30px; color:#333; text-align:center;}
    
    
    .content_right .show{ padding:20px 0px; text-align:left;}
  
    
/*内页Banner导航*/
.content_banner{ height:320px;}
    .swiper-container{ width: 100%; height: 100%;min-width:1200px; }
    .swiper-slide{ background-position: center; background-size: cover;}

/*内页左侧联系我们*/
.content_left_contact{ margin-top:0px; width:260px;}
    .content_left_contact .title{ width:260px; height:80px; background:url(../images/ico/content_left_contact.png) no-repeat 0 0;}
    .content_left_contact .list{ margin-top:5px; padding:15px 15px 15px 15px; background:#f3f3f3;}
    .content_left_contact .list ul{}
    .content_left_contact .list ul li{ padding-left:10px; text-align:left; line-height:30px; overflow:hidden;}
    
    
/*内页关于我们列表*/
.about_list{ padding:20px 0px; text-align:left;}
    .about_list ul{}
    .about_list ul li{ float:left;}
    .about_list ul li a{ display:inline-block; margin:5px; padding:5px; background:#f3f3f3;}
    .about_list ul li a:hover{ background:#5c5c5c;}
    .about_list ul li img{ display:block; width:280px; height:210px; }
    .about_list ul li p{ line-height:30px; color:#333; text-align:center;}
    
    
/*内页产品中心列表*/
.product_list{ padding:20px 0px; text-align:left;}
    .product_list_box{ float:left; margin:5px; width:268px; height:460px; background:#eee; border:10px solid #eee; overflow:hidden; }
    .product_list_box_img{ position:relative; z-index:1; overflow:hidden;}
    .product_list_box_img_main{ display:block;}
    .product_list_box_img_main img{ display:block; margin:auto; width:268px; height:268px; transition:0.5s;}
    .product_list_box_img_view{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#5c5c5c; background:rgba(8,179,190,0.2); z-index:2}
    .product_list_box_img_view img{ width:37px; height:37px; position:absolute; left:50%; margin-left:-18px; top:50%; margin-top:-18px;}

    .product_list_box_txt{ padding:20px;}
    .product_list_box_txt a{}
    .product_list_box_txt p{ height:24px; line-height:24px; text-align:center;}

    .product_list_box_btn{ margin:0px 0px 20px 0px;}
    .product_list_box_btn a{ display:block; width:104px; height:26px; border-radius:13px; margin:auto; color:#fff; background:#5c5c5c; text-align:center; line-height:26px; margin-top:6px;}

    .product_list_box:hover{ background:#5c5c5c;}
    .product_list_box:hover .product_list_box_img_main img{ transform:scale(1.1,1.1)} 
    .product_list_box:hover .product_list_box_img_view{ top:0px;}
    .product_list_box:hover .product_list_box_txt a{ color:#fff;}
    .product_list_box:hover .product_list_box_btn a{ background:#fff; color:#2e3191;}
    

 /*内页产品展示*/ 
.product_box{ float:left; margin:5px; width:270px; background:#eee; border:10px solid #eee; }


/*内页产品详情*/
.product_show{ padding-top:20px;}
    /*产品图片*/
    .product_show_img{ float:left; width:500px; overflow:hidden; text-align:center}
    .product_show_img a{}
    .product_show_img img{ max-width:500px; max-height:500px;}
    
    /*产品标题*/
    .product_show_tit{ float: right;width:360px; text-align:left;}
    .product_show_tit_bt{ font-weight:bold;}
    .product_show_tit_gg{ margin:20px 0px;max-height: 400px; overflow: hidden;}
    .product_show_tit_zx{}
    .product_show_tit_zx a{ display:inline-block; width:120px; text-align:center; height:40px; line-height:40px; color:#fff; background:#5c5c5c;}
    .product_show_tit_zx a:hover{ background:#07d9e6;}
    .product_show_tit_fx{ margin-top:30px;}
    /*产品详情*/
    .product_show_txt{ margin:50px 0px;}
    .product_show_txt_bt{ height:40px; border-bottom:1px solid #5c5c5c;}
    .product_show_txt_bt ul{}
    .product_show_txt_bt ul li a{ display:inline-block; float:left; width:140px; text-align:center; height:40px; line-height:40px; color:#fff; font-size:18px; background:#5c5c5c;}
    
    .product_show_txt_nr{}

 
/*内页新闻中心列表*/  
.news_list{ padding:20px 0px;}
    .news_list ul{}
    .news_list ul li{ margin:20px 0px; height:200px; border-bottom:1px dotted #aaa;}
    .news_list ul li .img{ float:left; width:190px; height:190px; overflow:hidden;}
    .news_list ul li .img img{ width:190px; height:190px;}
    .news_list ul li .txt{ float:right; width:670px; text-align:left;}
    .news_list ul li .txt h2{ font-size:20px;}
    .news_list ul li .txt i{ line-height:40px; color:#aaa; font-size:14px;}
    .news_list ul li .txt p{}
    .news_list ul li .txt a{ display:inline-block; margin-top:15px; width:120px; text-align:center; height:35px; line-height:35px; color:#fff; font-size:14px; background:#5c5c5c; border-radius:5px;}
    .news_list ul li .txt a:hover{ background:#047721;}
    
/*内页荣誉证书列表*/  
.about_certificate_list{ padding:20px 0px; text-align:left;}
    .about_certificate_list ul{}
    .about_certificate_list ul li{ float:left;}
    .about_certificate_list ul li a{ display:inline-block; margin:5px; padding:5px; background:#f3f3f3;}
    .about_certificate_list ul li a:hover{ background:#5c5c5c;}
    .about_certificate_list ul li img{ display:block; width:205px; height:265px; }
    .about_certificate_list ul li p{ line-height:30px; color:#333; text-align:center;}
    
/*首页文化历程*/  
.company{width: 100%;background:url(../images/bgbox.png)no-repeat center top;}
.company_box{width: 1200px;height:550px;margin: 0 auto;display: flex;flex-direction:row;}
.company_content{ padding:30px 0;}
.company_content .hd li{ float:left; margin-right:200px}
.company_content .hd li span{ color:#e30010; font-size:20px;border-bottom:1px solid #fff; font-weight:bold; line-height:40px}
.company_content .hd li p{ font-size:12px; text-transform:uppercase; color:#ababab; }
.company_content .hd .on i{ float:right; margin:20px 40px 0 0  ;background:url(../images/ico_xiala.png) no-repeat; width:12px; height:6px}
.company_content .hd .on span{ border-bottom:1px solid #5c5c5c; line-height:40px}
.company_content .bd{ width:1200px;}
.company_content .bd .bd_list{ background:url(../images/line.png)no-repeat;height:150px; position:relative; margin:150px 0 0 100px}
.company_content .bd .bd_list div{ position:absolute; font-size:12px}
.company_content .bd .bd_list div span{ font-size:30px; font-weight: bold}
.company_content .bd .bd_list .bdl1{left: -20px;top:80px;width:120px;}
.company_content .bd .bd_list .bdl2{left: 100px;top: -20px;width:120px;}
.company_content .bd .bd_list .bdl3{left: 280px;top:-80px;width:120px;}
.company_content .bd .bd_list .bdl4{left: 350px;top:90px;width:190px;}
.company_content .bd .bd_list .bdl5{left: 550px;top:-80px;width:190px;}
.company_content .bd .bd_list .bdl6{left: 700px;top:80px;width:350px;}
.company_content .bd .bd_list .bdl7{left: 900px;top:-100px;width:160px;}
.company_content .bd .bd_list1{ height:300px;}
.company_content .bd .bd_list1 h3{ color:#5c5c5c; font-size:24px}
.company_content .bd .bd_list1 p{ font-size:14px; line-height:25px; display:block}
.company_content .bd .bd_list1 dl{ padding-top:50px}
.company_content .bd .bd_list1 dt{ float:left; width:170px; margin:0 50px}
.company_content .bd .bd_list1 dt span{ width:100px;height:100px;background-color:#5c5c5c;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; margin:0 auto; display:block; text-align:center; line-height:100px; color:#fff; font-size:40px; font-weight: bold}
.company_content .bd .bd_list1 dt p{ text-align:center; line-height:30px; font-size:16px}


.progress{display: block;}

.culture{display: none;}