@charset "utf-8";
/* CSS Document */

/* 公用样式 */
*{margin:0;padding: 0;}
body{font-size: 14px; color: #333; font-family:'Arial', 'Microsoft YaHei' ,'微软雅黑'}
ol,ul,li,a{list-style: none;text-decoration: none;}
.index_title{width: 100%; height: 125px; text-align: center}
.index_title p{font-size:30px; height:52px }
.index_title font{color:#858585; font-size: 18px;}
.container{width: 1200px; margin: 0 auto;}
.clear{clear: both}

/* Swiper公用样式 */
.swiper-slide {display: -webkit-box;display:-webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}

/* 头部 */
.header{width: 1200px; height: 100px;margin: 0 auto;}
.logo{width: 300px; height: 100px; float: left;}
.logo img{height: 100%;}
.search{width: 270px; height: 38px;border: 2px solid #0162af; border-radius: 20px;  margin-top: 29px; float: right; }
.search input{ width: 238px; height: 38px; padding: 0px 28px 0px 20px;outline: none; border:none;  background: none}
.search_btn{background: url("../images/search.png") no-repeat right; height: 38px; width: 32px; float: right; border:none;outline: none;}
.search_btn:hover{background: url("../images/search_h.png") no-repeat right;}


/* 导航 */
.nav{width: 100%; height: 60px; background: #0063af;}
.nav ul{width: 1200px; margin: 0 auto;}
.nav ul li{width: 150px; float: left; line-height: 60px; text-align: center}
.nav ul li a{color: #fff; display: block; width: 100%; height: 100%;}
.nav .current{background: #00923f!important}
.nav ul li:hover{background: #00923f}

/* Banner */
.banner-container {width: 100%;height: 580px; overflow: hidden;position: relative;}
.banner-container .swiper-pagination {bottom:50px!important;}
.banner-container .swiper-pagination-bullet{width: 10px!important; height: 10px!important; margin:0 10px!important;}
.banner-container .swiper-pagination-bullet-active{ background: #fff!important;}

/* 首页新闻 */
.index_news{width:1306px; height: 580px; padding: 50px 0px; margin: 0 auto; position: relative}
.news-container {width: 1206px;height:440px; overflow: hidden; margin: 0 auto; position: relative}
.index_news_box{ border-radius: 2px;border:1px solid #ddd; width: 100%;}
.index_news_img{height: 238px; width: 98%; margin: 0 auto;text-align: center}
.index_news_img img{width: auto; height:100%;}
.index_news_content{padding:25px; height:130px; }
.index_news_content p{height: 45px}
.index_news_content p a{font-size: 18px; color: #000}
.index_news_content p a:hover {color:#0162af}
.index_news_content font{ color:#999; display: block; height: 60px;}
.index_news_content span{ color:#999; display: block;text-align: right;}
.index_news .swiper-button-next{top:60%!important; color: #ddd!important; outline: none}
.index_news .swiper-button-prev{top:60%!important; color: #ddd!important; outline: none}
.index_news .swiper-button-next:hover,.swiper-button-prev:hover{color:#0063af!important;}

/* 首页关于 */
.index_about{width: 100%; height: 865px;}
.about_count{width: 100%; height: 100px; background: url("../images/about_count.jpg") repeat; padding: 70px 0px;}
.count_box{width: 299px; float: left; text-align: center; border-right: 1px solid rgba(255,255,255,0.2);position: relative}
.count_box:last-child{border-right: none}
.count{color: #fff; font-size: 60px; font-weight: bold; display: inline}
.count_box span{color: #fff; font-size: 24px;}
.count_box font{display: block; color: rgba(255,255,255,0.5); font-size: 18px;}
.about_count sub{color: #fff; font-size: 24px; position: absolute}
.index_about_container{width: 1200px; height: auto; padding:50px 0px;margin: 0 auto; background: url("../images/about.jpg") no-repeat center top;}
.line{width: 65px; height: 3px; background: #00923f; margin: 25px auto}
.index_about_container p{text-align: center; line-height: 32px; color: #454545;}
.about_other{width: 100%; height: 250px;}
.about_other li{width: 33.33%; float: left; margin-top: 55px}
.about_other li p{font-size:28px; color: #00923f}
.about_other li font{color:#454545; display: block; width: 70%; margin: 0 auto; text-align: center; margin-top: 20px; line-height: 28px}
.about_other1{width: 100px; height: 100px; background: url("../images/other1.png") no-repeat center; margin: 0 auto}
.about_other2{width: 100px; height: 100px; background: url("../images/other2.png") no-repeat center; margin: 0 auto}
.about_other3{width: 100px; height: 100px; background: url("../images/other3.png") no-repeat center; margin: 0 auto}

/* 业务产品 */
.index_business{width: 100%; height: 710px; position: relative;}
.business-container {width: 100%;height: 600px; overflow: hidden;}
.business-container .index_title{position: relative; z-index: 2;height: auto !important;}
.business-container .index_title p{color: #fff!important;}
.business-container .index_title font{color: #fff!important; display: block; height: 60px}
.index_business_mask{background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;}
.business1{background:url("../img/gt.jpg") no-repeat center;}
.business2{background:url("../img/kfyy.jpg") no-repeat center;}
.business3{background:url("../img/njdt.jpg") no-repeat center;}
.business4{background:url("../img/gjfd.jpg") no-repeat center;}
.index_business_more{ font-size: 18px; line-height: 50px; display: block; margin: 0 auto; width: 150px; height: 50px; border-radius: 2px; border: 1px solid rgba(255,255,255,0.5); color: rgba(255,255,255,0.5);}
.index_business_more:hover{border: 1px solid rgba(255,255,255,1); color: rgba(255,255,255,1);}
.index_business .swiper-button-next{top:40%!important; color: #ddd!important; outline: none}
.index_business .swiper-button-prev{top:40%!important; color: #ddd!important; outline: none}
.index_business .swiper-button-next:hover,.swiper-button-prev:hover{color:#0063af!important;}
.business_bottom{width: 1200px; margin: 0 auto; height: 200px; box-shadow: 0px 0px 10px rgba(0,0,0,.15); background: #fff; position: absolute; bottom: 10px; z-index: 15; left: 50%; margin-left: -600px;}
.business_bottom li{width: 100px; float: left; height: 140px; padding: 30px 150px;}
.business_icon{width: 100px; height: 40px; padding-top: 100px; line-height: 40px; display: block;color:#333; font-size:18px; text-align: center}
.business_icon:hover{color:#00923f}
.bussiness1{background: url("../images/bussiness1.png")center top no-repeat;}
.bussiness1:hover{background: url("../images/bussiness1_h.png")center top no-repeat;}
.bussiness2{background: url("../images/bussiness2.png")center top no-repeat;}
.bussiness2:hover{background: url("../images/bussiness2_h.png")center top no-repeat;}
.bussiness3{background: url("../images/bussiness3.png")center top no-repeat;}
.bussiness3:hover{background: url("../images/bussiness3_h.png")center top no-repeat;}

/* 生产工艺 */
.index_production{width: 100%; height: 605px;  padding-top: 50px; }
.index_production_left{width: 50%; height: 480px; float: left; position: relative; background: url(../img/production.jpg) center top no-repeat;}
.index_production_left img{ height: 100%; margin: 0 auto; }
.index_production_mask{position: absolute; background: rgba(0,0,0,0.4); width: 100%; height: 100%;}
.index_production_mask a{display: block; width: 100%; height: 100%; background: url(../images/play_m.png) center no-repeat;}
.index_production_mask a:hover {background: url(../images/play_on.png) center no-repeat;}
.index_production_right{width: 50%; height: 480px; float: right; background: #333;}
.index_production_word{margin:100px 0px 0px 65px;}
.index_production_word h1{font-size: 24px; font-weight: bold; color: #d1a55b; margin-bottom: 30px;}
.index_production_word p{color: #fff; height: 36px; line-height: 36px;}
.index_production_word p font{ display: block; float: left ; font-family: '微软雅黑'; font-weight: bold; font-size: 24px; line-height: 36px;}
.index_pro_adv{width: auto; height: 100px; margin:30px 0px 0px 65px;}
.index_adv{width: 100px; padding-top: 65px; height: 35px; margin-right: 32px; float: left; color: rgba(255,255,255,0.7); text-align: center;}
.adv1{background: url(../images/pro_adv1.png) no-repeat top;}
.adv2{background: url(../images/pro_adv2.png) no-repeat top;}
.adv3{background: url(../images/pro_adv3.png) no-repeat top;}

/* Footer */
.footer{width: 100%; height: 335px; border-top:5px solid #00923f; background: #1b1b1b}
.footer_nav{height: 100px; border-bottom: 1px solid #333}
.footer_nav li{width: 100px; text-align: left; line-height: 100px; float: left}
.footer_nav li a{color: #8f8f8f;}
.footer_nav li a:hover{color: #00923f;}
.footer_icon{float:right;}
.func_qq{width: 40px; height: 40px; background: url("../images/qq.png") no-repeat center; float: left; margin: 30px 0px; margin-left: 10px; cursor:pointer;}
.func_wechat{width: 40px; height: 40px; background: url("../images/wechat.png") no-repeat center; float: left; margin: 30px 0px; margin-left: 10px;cursor:pointer; position: relative;}
.func_tel{width: 40px; height: 40px; background: url("../images/tel.png") no-repeat center; float: left; margin: 30px 0px; margin-left: 10px;cursor:pointer;position: relative;}
.func_qq:hover{background: url("../images/qq_h.png") no-repeat center;}
.func_wechat:hover{background: url("../images/wechat_h.png") no-repeat center;}
.func_tel:hover{background: url("../images/tel_h.png") no-repeat center;}
.qrcode{width: 120px; height: 120px; background: #fff; position: absolute; top: 50px; margin-left: -40px; border-radius: 2px;}
.footer_tel{width: 220px; height: 40px; background: #00923f; position: absolute; top: 50px; margin-left: -180px; border-radius: 20px; color: #fff; font-size: 24px; font-weight: bold; text-align:center; line-height: 40px;}
.qrcode img{width: 100%; height: 100%;}
.func_wechat:hover .qrcode{display: block;}
.func_tel:hover .footer_tel{display: block;}
.qrcode{display: none}
.footer_tel{display: none}
.footer_contact{width: 100%; padding-top: 35px;}
.footer_contact p{ height: 32px; line-height: 32px; color: #8f8f8f;}
.footer_contact p a{color: #8f8f8f;}


/* Child通用 */
.child_box{width: 1200px; height: auto; margin: 0 auto; padding-top: 50px;}
.banner-child {width: 100%;height: 400px; overflow: hidden}
.nav-child-box{ width: 1200px; height: 83px; margin: 0 auto; border-bottom: 1px solid #eaeaea; padding-top: 45px}
.nav-child{display: table;text-align: center;  height: 83px; margin: 0 auto; }
.nav-child li{text-align: center; width: 100px; float: left; height: 86px; margin: auto  10px;}
.nav-child li a{color:#666; display: block; width: 100%; height: 36px; line-height: 36px;border-radius: 2px}
.nav-child li:hover{background: url("../images/child_nav.jpg") no-repeat center bottom;}
.nav-child li:hover a{background: #0162af; color: #fff;}
.nav-child .current{background: url("../images/child_nav.jpg") no-repeat center bottom;}
.nav-child .current a{background: #0162af; color: #fff;}
.child_content{padding-bottom: 50px; width: 100%; height: auto;}
.child_content p{ line-height: 32px; margin-bottom: 12px; text-indent: 28px; font-size: 14px;}
.piclist{width: 100%; height: auto;}
.piclist li{width: 370px; height:312px; border: 1px solid #eaeaea; margin-left: 14px; margin-right: 14px; text-align: center; float: left; margin-bottom: 20px;}
.piclist li img{height: 280px; width: auto;}
.piclist li p{height:32px; width: 100%; line-height: 32px; text-align: center;text-indent:0!important;}
/* News */
.news_box{width: 1200px; height: auto; margin: 0 auto; padding-top: 24px;}
.news_title{width: 100%; height: 100px; text-align: center; border-bottom: 1px solid #eaeaea}
.news_title p{font-size:30px; height:52px }
.news_title font{color:#858585; font-size: 14px;}
.news_title font span{padding:0px 20px;}
.news_content{padding-top: 24px; padding-bottom: 50px; width: 100%; height: auto;}
.news_content p{ line-height: 32px; margin-bottom: 12px; text-indent: 28px; font-size: 14px;}
.news_content img{max-width: 100%; height: auto;}
.bread{ height: 45px; background: #0162af; margin-bottom: 24px; color: #fff; line-height: 45px; padding: 0px 12px; border-radius: 2px;}
.bread font{padding-right: 18px; padding-left: 18px;}
.bread a{color:#fff;}
.bread a:hover{font-weight:bold}
.newslist_content{padding-bottom: 12px; width: 100%; height: auto;}
.newslist_content ul{width: 100%; height: auto;}
.newslist_content ul li{padding: 20px; width: 100%; display:flex; height: 190px; margin-top:20px; border-bottom: 1px solid #eaeaea;}
.newslist_pic{width: 290px; height: 190px; float: left;margin-right: 20px}
.newslist_pic img{width: 100%; height: 100%;}
.newslist_con{flex:1; height: 190px; overflow: hidden;position: relative}
.newslist_con p{font-size: 22px; font-weight: bold;  height: 45px; line-height: 45px;}
.newslist_con p a{color: #333}
.newslist_con font{color:#999; display: block; line-height: 24px; height:100px; }
.newslist_con span{position: absolute; left: 0; bottom: 0; color:#999;}
.newslist_content ul li:hover{background: #eeeeee}
.newslist_content ul li:hover a{color:#0161ad}
.page{width: 100%; height: 47px; line-height: 47px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-top: 5px; margin-bottom: 16px;}
.page p{ float: left;}
.page ul{ float:right;}
.page ul li{ float: left; width: auto; height: 36px; line-height: 36px; margin-top: 5px; border: 1px solid #eaeaea; padding-left: 12px; padding-right: 12px; margin-left: 4px;}
.page ul li a{color:#333;display: block}
.page ul li:hover{background: #0162af}
.page ul li:hover a{ color:#fff}
.page ul .current{background: #0162af;color:#fff}

@media screen and (max-width: 1000px) {
.nav ul{width: 100%; margin: 0 auto;}
.nav ul li{width: 14%; float: left; line-height: 60px; text-align: center}
.business_bottom{width: 100%; margin: 0 auto; height: 200px; box-shadow: 0px 0px 10px rgba(0,0,0,.15); background: #fff; position: absolute; bottom: 10px; z-index: 15; left: 50%; margin-left: -600px;}
.count_box{width: 24.5%; float: left; text-align: center; border-right: 1px solid rgba(255,255,255,0.2);position: relative}
.index_about_container{width: 100%; height: auto; padding:50px 0px;margin: 0 auto; background: url("../images/about.jpg") no-repeat center top;}
.index_news{width:100%; height: 580px; padding: 50px 0px; margin: 0 auto; position: relative}
.news-container {width: 100%;height:440px; overflow: hidden; margin: 0 auto; position: relative}
.header{width: 100%; height: 100px;margin: 0 auto;}
.container{width: 100%; margin: 0 auto;}
.child_box{width: 100%; height: auto; margin: 0 auto; padding-top: 50px;}
.business_bottom li{width: 33%; float: left; height: 140px;}
.nav-child-box{ width: 100%; height: 83px; margin: 0 auto; border-bottom: 1px solid #eaeaea; padding-top: 45px}
.news_box{width: 100%; height: auto; margin: 0 auto; padding-top: 24px;}
}


/* 下载样式 */
.download{border-left:5px solid #ddd; display: inline-block; margin-left: 20px; width:auto;height: 48px; line-height:  48px;border-right: 4px; margin-bottom: 32px;box-shadow: 0px 0px 5px rgba(0,0,0,.05)}
.download a{color:#666;  display: inline-block;  padding-right: 30px;  padding-left: 55px; background: url("../images/download.png") no-repeat left; }
.download:hover{box-shadow: 0px 0px 5px rgba(0,0,0,.15);border-left:5px solid #0162af;}
.download:hover a{color:#0162af; background: url("../images/download_h.png") no-repeat left; }