/*外部公共样式*/
@import url("animate.css");
@import url("iconfont.css");
@import url("bootstrap.min.css");
@import url("../swiper/css/swiper.min.css");
/*END-外部公共样式*/

/*头部+导航+大图*/
.header{width:100%; padding:28px 0;}
.logo{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;width: 55%;}
.logo a{width: 20%;display: block;}
.logo img{width:100%; max-width:200px; max-height:80px;}
.logo .logo_p{width: 40%;font-size: 40px;line-height: 80px;border-right: 1px solid #706F6D;}
.logo .logo_pp{width: 30%;padding: 20px 0;font-size: 20px;font-weight: bold;color: #389E2E;}
.logo .logo_pp span{font-weight: normal;color: #000000;font-size: 14px;}

.header_dianhua{height:80px;padding: 20px 0;color:#000; font-size:14px; background:url(../img/images/head_03.png) no-repeat left center; padding-left:60px; margin-left:35px;}
.header_dianhua span{font-weight: bold;font-size: 22px;}
.header_form{width:250px; float:left; border:1px solid #8f8f8f; margin-top:20px;}
.header_inp1{width:calc(100% - 50px); float:left; height:40px; line-height:40px; padding:0px 10px; font-size:14px; color:#000;}
.header_btn{width:50px; float:left; height:40px; background:url(../img/images/head_06.png) no-repeat left center;background-size: 100% 100%;}

nav{background:#099952; position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:16%; position:relative;}
.nav>li>a{width:100%; height:52px; line-height:52px; font-size:16px; color:#fff; text-align:center;}
.nav>li>a:hover{background:#ff9900; color:#fff;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:rgba(25, 40, 71, 0.8);}
.nav_sub>dd{display:block; overflow:hidden;}
.nav_sub>dd>a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.nav_sub>dd>a:hover{background:#389e2e; color:#fff;}

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;height: 100%;}
/*圆点*/
.banner .swiper-pagination {opacity:0; position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px;  background:#706f6d; opacity:0.5; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#706f6d;}
.banner:hover .swiper-pagination{opacity:1;} 
/*箭头*/
.banner .next{right:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END-头部+导航+大图*/

/*首页内容*/
.product{display: block;overflow: hidden;width: 100%;padding: 30px;}
.titer{text-align: center;font-size: 30px;padding: 15px 0;font-weight: bold;color: #099952;position: relative;}
.titer::after{width: 80px;height: 2px;display: block;content: "";position: absolute;left: 47%;bottom: 0;background-color: #8F8F8F;}
.pro_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 0;}
.pro_l{width: 20%;}
.pro_lp{width: 100%;height: 60px;background-color: rgb(9, 153, 82);color: #FFFFFF;font-size: 28px;text-align: center;line-height: 60px;}
.pr_dl{width: 100%;}
.pr_dl dt{height: 40px;background-color: #ccc;font-size: 20px;text-align: center;background-image: url(../img/sanjiao.png);background-position: right center; background-size: 16% 80%;background-repeat: no-repeat;line-height: 40px;}
.pr_dl dt a{display: block;color: #000000;}
.pr_dl dt a:hover{color: #099952;}
.pr_dl dd{height: 40px;line-height: 40px;text-align: center;border: 1px solid #ccc;}
.pr_dl dd a:hover{color: #099952;}
.pr_dl dd a{display: block;color: #000000;}
.pro_r{width: 75%;}
.pro_ul{display: flex;display: -ms-flexbox;display: -webkit-flex; flex-wrap: wrap; padding-top:20px;}
.pro_ul li{width: 31.333%;height: 300px; margin:1%;}
.pro_ul li a{display: block;}
.pr_img{width: 100%;overflow: hidden;height: 260px;}
.pr_img img{width: 100%;transition: all 2s;height: 100%;}
.pr_img img:hover{transform: scale(1.2);}
.pr_p{text-align: center;color: #000; line-height:36px;}


.footer{display: block;overflow: hidden;width: 100%;padding: 30px 0;background-color: #8F8F8F;}
.f_p{text-align: center;color: #ddd;}
.f_p a{ color:#ddd}

/* 关于我们 */
.about{display: block;overflow: hidden;width: 100%;padding: 30px;}
.about_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0;}
.a_l{width: 48%;}
.a_l img{width: 100%;}
.a_r{width: 48%;font-size: 20px;color: #8F8F8F; line-height:40px;}


/* 案例分析 */
.anli{display: block;width: 100%;padding: 30px;overflow: hidden;}

/* 资质展示 */
.zzhi{display: block;width: 100%;padding: 30px;overflow: hidden;}
/* 联系我们 */

.con{display: block;overflow: hidden;width: 100%;padding: 30px ;}
.c_titer{text-align: center;font-size: 30px;padding: 10px 0;font-weight: bold;color: #099952;}
.c_p{position: relative;text-align: center;color: #000;font-size: 20px;}
.c_p::after{width: 80px;height: 1px;display: block;content: "";position: absolute;top: 50%;left: 38%;background-color: #706F6D;}
.c_p::before{width: 80px;height: 1px;display: block;content: "";position: absolute;top: 50%;right: 38%;background-color: #706F6D;}
.con_m{padding: 30px 0;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.con_l{width: 48%;}
.con_l .col_lp{padding: 30px 0;color: #000;font-size: 26px;}
.con_l .col_lpp{font-size: 18px;line-height: 30px;color: #8F8F8F;}
.con_r{width: 48%;}
.con_r iframe{width: 100%;height: 400px;}
/* 产品介绍 */
.jsao{display: block;overflow: hidden;width: 100%;padding: 30px;}
.jsao_m{font-size: 30px;color: #099952;padding: 10px 0;border-bottom: 1px solid #706F6D;}
.ja_o{display: flex;display: -ms-flexbox;display: -webkit-flex; font-size: 20px;padding: 15px 0 15px 0;}
.ja_l{width: 10%;line-height: 40px;}
.ja_r{width: 85%;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;}
.ja_r li{width: 10%;}
.ja_r li a{display: block;color: #000000;width: 80px;height: 40px;line-height: 40px;text-align: center;}
.ja_r li a:hover{background-color: #3facf2;color: #FFFFFF;border-radius: 6px;}
.ja_r li a.on{background-color: #3FACF2;color: #FFFFFF;border-radius: 6px;}
.ja_rt{width: 85%;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;}
.ja_rt li{width: 10%;}
.ja_rt li a{display: block;color: #000000;width: 140px;height: 40px;line-height: 40px;text-align: center;}
.ja_rt li:nth-child(1) a{background-color: #3FACF2;color: #FFFFFF;border-radius: 6px;width: 80px;}
.ja_rt li a:hover{background-color: #3facf2;color: #FFFFFF;border-radius: 6px;}

/* 产品详情 */
.cpxq{width: 100%;padding: 20px;display: block;overflow: hidden;}
.cpxq_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;}
.cpxq .cp_l{width: 80%;}
.cp_cer{width:100%;display: flex;flex-wrap: wrap;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;border-bottom: 1px dashed #CCCCCC;padding: 20px 0;}
.cp_cer .swiper-container{width: 40%;transition: all 2s;margin: 0;}
.cp_cer .swiper-wrapper{position: relative;width: 100%;height: 100%;}
.cp_cer .swiper-slide{width: 100%;height: 100%;}
.cp_cer .swiper-slide img{width: 100%;height: 100%;}
.cp_cer .swiper-container:hover .swiper-button-next{opacity: 1;}
.cp_cer .swiper-container:hover .swiper-button-prev{opacity: 1;}
.cp_cer .cp_ll{width: 50%;}
.cp_ll  .cp_mo{color: #000;font-size: 28px;font-weight: bold;padding: 0 0 20px 0;}
.cp_ll .cp_lp{height: 30px;width: 100%;background-color: #fbfbfb;margin: 20px 0;}
.cp_ll .cp_lpp{height: 40px;width: 100%;background-color: #fbfbfb;line-height: 40px;}
.cp_show{ margin-top:20px; line-height:30px;}
.cp_show img{ max-width:100% !important; height:auto !important}
.cp_show table{ width:100% !important; height:auto !important}
.cp_show table td{ width:auto !important; height:auto !important}

.cpxq .cp_r{width: 20%;}
.cp_r .cp_rimg{text-align: center;}
.cp_r .cp_rimg img{maxwidth: 100%;height: 100%;}
.cp_r .cp_rp{text-align: center;}
.cp_r .cp_look{position: relative;padding-left: 90px;color: #C8C7C4;}
.cp_r .cp_look::after{width: 30px;height: 3px;display: block;background-color: #C8C7C4;content: "";position: absolute;top: 50%;left: 20%;}
.cp_r .cp_look::before{width: 30px;height: 3px;display: block;background-color: #C8C7C4;content: "";position: absolute;top: 50%;right: 20%;}
.cp_r .cp_ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.cp_r .cp_ul li{width: 160px;border: 1px solid #CCCCCC;margin: 10px 0;}
.cp_ul li a{display: block;padding: 10px 0;}
.cp_ul .cp_mg  img{width: 100%;height: 120px;}
.cp_ul .cp_txt{width: 100%;text-align: center;color: #000000;}
.cp_ul .cp_txt:hover{color: #00aaff;}









@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:25px 1%;}
.logo{width: 500px;}
.logo a{width: 80px;}
.logo img{width:100%; max-width:200px; max-height:80px;}
.logo .logo_p{width: 200px;font-size: 30px;line-height: 80px;border-right: 1px solid #706F6D;}
.logo .logo_pp{width: 200px;padding: 20px 0;font-size: 20px;font-weight: bold;color: #389E2E;}
.logo .logo_pp span{font-weight: normal;color: #000000;font-size: 14px;}
/*END-头部+导航*/


/*首页内容*/
.search{padding:14px 1%;}


/* 新闻详情 */
.xwxq{width: 100%;padding: 40px 20px;display: block;overflow: hidden;}
.xwxq .xwxp_mai{width: 100%;display: flex;}
.xwxq .xw_l{width: 70%;}
.xwxq .xw_l .xw_tit{text-align: center;font-size: 20px;font-weight: bold;}
.xwxq .xw_l .xw_p{text-align: center;color: #c8c7c4;line-height: 40px;}
.xw_l ul li{font-size: 16px;}
.xw_l .xw_bb{background-color: #C8C7C4;}
.xw_l .xw_img img{width: 100%;}
.xw_l .xw_pp{text-indent: 2em;}
.xwxq .xw_r{width: 30%;}

/* 关于我们 */
.a_l{width: 48%;}
.a_r{padding: 0;}
/* 联系我们 */
.c_p::after{left: 34%;}
.c_p::before{right: 34%;}
/* 产品介绍 */

.ja_l{width: 20%;}

}

@media (max-width:991px){
/*头部+导航*/
.icon-menu{float:right; cursor:pointer; width:40px; height:30px; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.icon-menu span{width:100%; height:6px; float:left;  background:#007AFF;}

.topbox{padding:0 10px;}
.header{padding:0; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.3); position:relative; left:0; top:0; z-index:999999;}
.logo {width:400px; padding:20px 10px;}
.logo .logo_p{border-right: none;font-size: 40px;width: 300px;}
.nav {display:none; width:100%; padding:2px; position:absolute; right:10px; top:0; }
.nav>li{width:100%;  margin:0; background:none;}

.nav>li>a{width:100%; text-align:left; height:50px; line-height:50px; color:#007AFF;background:#FFFFFF;padding-left: 20px;}
.nav>li>a:hover{background-color: #007AFF;}
.bf{width: 100%;display: block;overflow: hidden;padding: 0px 30px;margin:  0 auto;}
.banner_form{ height: 42px; border:1px solid #8f8f8f; margin-top:20px;}
.banner_inp1{width:calc(100% - 50px); float:left; height:40px; line-height:40px; padding:0px 10px; font-size:14px; color:#000;}
.banner_btn{width:50px; float:left; height:40px; background:url(../img/images/head_06.png) no-repeat left center;background-size: 100% 100%;}
/*END-头部+导航*/

/*首页内容*/
/* 关于我们 */
.a_l{width: 48%;}
.a_r{padding: 0;}
/* 联系我们 */
.c_p::after{left: 30%;}
.c_p::before{right: 30%;}
/* 产品介绍 */
.ja_o{font-size: 14px;}
.ja_l{width: 25%;}
.ja_r{width: 75%;}
.ja_r li{width: 23%;}

/* 产品详情 */
.cpxq .cp_l{width: 100%;}
.cp_cer .swiper-container{width: 100%;}
.cp_cer .swiper-slide{width: 100%;height: 100%;}
.cp_cer .swiper-slide img{width: 100%;height: 100%;}
.cpxq .cp_ll{text-align: center;}
}

@media (max-width:767px){
/*头部+导航*/
.logo {padding:10px;}
.logo a{width: 80px;height: 80px;}
.logo img{width:100%;height: 100%;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
.logo .logo_p{font-size: 30px;}
/*END-头部+导航*/

.titer::after{width: 80px;height: 2px;display: block;content: "";position: absolute;left: 38%;bottom: 0;background-color: #8F8F8F;}

/*首页内容*/
.pro_top{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;width: 100%;}
.ph_l{width: 45%;}
.ph_r{width: 45%;}
.pro_top .dt{background-color: #099952;height: 60px;text-align: center;line-height: 60px;color: #FFFFFF;font-size: 20px;display: block;}
.pro_top .dd a{background-color: #CCCCCC;height: 50px;text-align: center;width: 80%;margin: 10px auto;line-height: 50px;display: block;color: #000;}
.pro_r{width: 100%;}
.pro_ul li{width: 45%;height: 220px;}
.pro_ul li a{display: block;}
.pr_img{width: 100%;overflow: hidden;height: 160px;}


.footer{margin-bottom: 60px;}
.lianp{width: 100%;height: 60px;line-height: 60px;background-color: #099952;color: #FFFFFF;font-size: 24px;padding: 0px 20px;position: fixed;left: 0;bottom: 0;}
.lian_l{background-image: url(../img/images/f_p_03.png);background-repeat: no-repeat;background-position: left center;padding-left: 60px;}
/* 关于我们 */
.a_l{width: 100%;}
.a_r{padding: 0;width: 100%;}
/* 联系我们 */
.c_p::after{left: 10%;}
.c_p::before{right: 10%;}
.con_l{width: 100%;}
.con_r{width: 100%;}
/* 产品介绍 */
.ja_o{font-size: 14px;}
.ja_l{width: 25%;}
.ja_r{width: 75%;}
.ja_r li{width: 30%;}
.ja_r li a{display: block;width: 80px;height: 40px;line-height: 40px;text-align: center;color: #FFFFFF;border-radius: 6px;margin: 5px;color: #000000;}
.ja_r li a:hover{background-color: #3facf2;color: #FFFFFF;border-radius: 6px;}
.ja_rt{width: 75%;}
.ja_rt li{width: 45%;}
.ja_rt li a{display: block;width: 105px;height: 40px;line-height: 40px;text-align: center;color: #000;border-radius: 6px;margin: 5px;}
.ja_rt li:nth-child(1) a{border-radius: 6px;width: 80px;background-color: #3FACF2;color: #FFFFFF;}
.ja_rt li a:hover{background-color: #3facf2;color: #FFFFFF;border-radius: 6px;}
/* 产品详情 */
.cpxq{padding: 10px;}
.cp_ll .cp_mo{width: 100%;}
.cpxq .cp_l{width: 100%;}
.cp_cer .swiper-container{width: 100%;}
.cp_cer .swiper-slide{width: 100%;height: 100%;}
.cp_cer .swiper-slide img{width: 100%;height: 100%;}
.cpxq .cp_ll{text-align: center;width: 100%;padding: 20px 0;}
.cl_img li{width: 100%;}
}

.product-show{padding:20px 0 ;}
.product-show .t1{font-size:24px;color:#333;text-align: center;line-height:30px;}
.product-show .t3{ width:100%; text-align:center}
.product-show .t3 img{display:block;max-width:100%;margin:15px auto;}
.product-show .t2{font-size:14px;color:#666;}
.product-show .t2 img{max-width:100%  !important; height:auto !important}