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

*{margin:0; padding:0; box-sizing:border-box;}
*:focus{outline:none;}
ul li{list-style:none;}
body{color:#666; width:100%; min-width:320px; margin:0 auto; overflow-x:hidden; font-size:12px;  padding-bottom:50px; font-family:"微软雅黑"}
a{text-decoration:none;}
.container{ padding: 0 10px;}
.clr{clear:both;}
.header{width:100%;clear:both;height:70px;padding: 15px;position: fixed;top: 0px;left: 0px;z-index: 999;background: #fff;}
.logo{float:left;width:80%;/* height:57px; */}
.logo img{display:block; float:left; margin-right:10px; width: 100%;}
.logo_img{width: 140px;/* height:50px; */}
.menu{float:right;height: 36px;width:46px;margin-top: 2px;}
.menu img{height:100%;}
.app{float:right; padding-right:15px; margin-top:7px;}
.app img{height:22px;}



.copy{width:100%;text-align:center;line-height:24px;padding:15px 0px;clear:both;color:#333333;background: #f1eff0;font-size: 16px;margin: 15px 0 0;}
.copy a{color:#333333}
.footer{width:100%; background:#004897; position:fixed; bottom:0px; left:0px; clear:both;z-index:888;height:50px}
.footer li{width:25%; text-align:center; padding:5px 0px; float:left; position:relative}
.footer li img{height:20px;}
.footer li p{color:#fff; line-height:18px; font-size:0.8em;}
.footer li ul{width:100%; height:auto; position:absolute;  left:0px; display:none}
.footer li ul li{width:100%;height:38px; line-height:38px; background:#e9e6e5; border-bottom:1px solid #fff}
.footer li ul li a{ color:#6c5a53; font-size:14px;}
.muying{top:-114px;}
.lianxi{top:-190px;}
.openmenu{overflow-y:scroll; position:fixed;}
#pgcontainer{margin:0px; padding:45px 0px;}
.overlay{left:0px; right:0px; bottom:0px; position: fixed; z-index:99; background-color:rgba(0, 0, 0, 0.5);}
.openmenu .overlay{top:0px;}
#hamburgermenu{background:#004897; left:0px; top:0px; width:0px; height:100%; overflow-y:scroll; position:fixed; z-index:999; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
.nav_logo{width:100%;padding-top: 40px;text-align:center;clear:both;}
.nav_logo img{height:35px; margin:5px 0px;}
.menu_head{width:100%; min-width:150px; border-bottom:rgba(255, 255, 255, 0.32) 1px solid; line-height:25px; text-indent:1em; color:#fff; padding:8px 0px; font-size:1em; position:relative; margin:0px;}
.menu_head img{vertical-align:middle; height:25px; padding-right:5px;}
.menu_head a{color:#fff;}
.menu_body{width:100%; min-width:150px; overflow:hidden; line-height:38px; display:none;}
.menu_body a{width:100%; display:block; height:28px; line-height:28px; color:#fff; text-indent:2em; border-bottom:rgba(255, 255, 255, 0.32) 1px solid;}




/*首页*/
.title{width:100%; height:70px; text-align:center; color:#fff; font-size:1.2em; clear:both; margin:0px 0 10px; }
.title h3{ text-align:center; font-size: 1.5rem; color:#494949; font-weight: bold}
.title p{  font-size: 1.5rem; color:#999999; font-weight: bold;}
.title span{ width:50px;height:2px; border-bottom:2px solid #ffa200; margin:10px auto; display:block; overflow:hidden}
.ny{width:100%; padding:20px 10px; line-height:24px; clear:both; color:#fff}
.ny img{width:100%; display:block;}
.honor,.index_case{width:100%;padding:20px 10px;clear:both;line-height: 30px;}
.honor li,.index_case li{width:49%;float:left; margin-right: 2%; margin-bottom: 10px;}
.honor li img{width:100%; display:block;    height: auto; border: 1px solid #dddddd;}
.honor li:nth-child(2n),.index_case li:nth-child(2n){ margin-right: 0px;}
.honor li p,.index_case li p{width:100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 17px; color:#666666; text-align: center}
.index_huanjing{width:100%; height: 100%; background: #f4f4f4; padding: 20px 0}
.index_case li img{width:100%;display:block;height: auto;/* max-height:97px; */border: 1px solid #dddddd;}





/*首页公司简介*/
.index_about{width:100%; padding: 10px; margin:10px 0}
.index_aboutinfo{width:100%; height: auto; display: block; overflow: hidden;}
.index_aboutinfo p{ font-size: 16px; color:#666666; line-height: 25px; margin: 20px 0}
.index_aboutinfo img{ width:100%; height: auto;}
.index_aboutinfo .img_last{ margin-right: 0px;}










/*首页新闻*/
.news_xs,.news_x{width:100%;  margin-bottom:10px; clear:both;padding:0px 10px;}
.news_xs li{width:100%; padding:10px 0px; border-bottom:#bebebe 1px solid; float:left;}
.news_xs li time{ width:25%; float: left;}
.news_xs li time b{ font-size: 28px; color:#666}
.news_xs li time p{font-size: 12px; color: #333}
.news_xs li h3{height:25px; color:#333; ont-weight:normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news_xs li h4{font-weight:normal; color:#999; height:40px; line-height:20px; overflow:hidden;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.news_xs .news_x_title{ width:95%; height: auto; display: block; overflow: hidden; margin: 20px auto}
.news_xs .news_x_title a{ border: 1px solid #004897; color:#004897; border-radius: 10px; text-align: center; float: left; line-height: 35px; width: 49%; margin-right: 2%;}
.news_xs .news_x_title a:nth-child(2){ margin-right: 0px;}




/*内页banner*/
.pic{width:100%; clear:both; display: block; overflow: hidden;  position: relative;}
.pic img{width:100%; display:block;}
.about_banner{ background:url(../bgimg/aboutbjs.jpg) no-repeat center}
.contact_banner{ background: url(../bgimg/conbj.jpg) no-repeat center}
.news_banner{ background: url(../bgimg/newsbj.jpg) no-repeat center}
.product_banner{ background: url(../bgimg/probj.jpg) no-repeat center}
.case_banner{ background: url(../bgimg/casebj.jpg) no-repeat center}
.ser_banner{ background: url(../bgimg/serbjs.jpg) no-repeat center}
.join_banner{ background: url(../bgimg/joinbj.jpg) no-repeat center}
.sbzl_banner{ background: url(../bgimg/sbbjs.jpg) no-repeat center}
.ny_btitle{width:100%; height:auto; position: absolute; bottom: 10px;  left:10px; color:#fff}
.ny_btitle a{ color:#fff}


/*内页二级导航*/
.ny_nav{width:100%; height: 60px; line-height: 40px; padding: 10px; background: #f1eff0; position: relative}
.ny_nav h3{ font-size:20px; color:#666; float: left}
.ny_nav .ny_nav_img{ width:39px; height: 32px;  float: right}
.ny_nav_img i{ font-size: 30px;}
.ny_nav_title{width:100%;height: auto;position: absolute;top: 61px;left:0px;background:#f1eff0;display: none;z-index: 99;}
.ny_nav_title ul{width:100%; height: auto; display: block;overflow: hidden;}
.ny_nav_title ul li{width:100%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; }
.ny_nav_title ul li a{color:#666}
.ny_nav_title ul li:hover a{ color:#004897;}
.ny_nav_title ul li:hover{ background: #fff}


/*内页内容*/
.ny_info{ width:100%; height: auto; padding: 10px;}
.ny_info p{ color:#666; font-size: 12px; line-height: 22px;}
.ny_info img{ width:100%; }
.fanhui{background:#13964C; color:#fff; text-align:center; line-height:30px; border-radius:5px;  width:90px; height:30px;}



/*products*/

.honor_list{width:100%; padding:20px 5%; clear:both;}
.honor_list li{width:46%; margin:5px 2%; float:left}
.honor_list li img{width:100%; border:#ddd 1px solid; display:block;}
.honor_list li p{line-height:40px; height:40px; overflow:hidden; color:#333; font-size:0.9rem; text-align:center; clear:both}
.cor{color:#333;}
.cor h3{font-weight:normal; line-height:40px; clear:both}
.case_list{width:100%; padding:10px 0px; clear:both;}
.case_list li{width:100%; padding:10px 3%; border-bottom:#bebebe 1px solid; float:left}
.case_list li a{height:30px; line-height:30px; color:#333; font-size:1.1rem; overflow:hidden;}
.case_list li p{height:60px; line-height:20px; overflow:hidden; clear:both}




/*内页产品*/
.product_list{width:100%;height: auto; display: block; overflow: hidden; margin-top: 30px;}
.product_list li{width:50%; height:330px; float: left;padding:0px 8px; margin-bottom: 25px}
.product_list li .product_pro{ border: 1px solid #c1b9b4;padding: 10px}
.product_list li h4{width:100%; font-size: 21px; color: #333; height: 40px; line-height: 40px; text-align: center;}
.product_list .product_img{ width:100%; height:159px; position: relative; }
.product_list .product_img .cp{width:100%; height: 100%;}
.product_list .product_img .rm{position: absolute; top: 10px; right: 0px; z-index: 999}
.product_pro p{ color: #666; font-size: 12px; line-height:22px; margin: 10px 0; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.product_qian{ width:100%;height: 50px; margin-top:10px; text-align:center;}
.product_qian h3{ font-size: 20px; color: #333333; font-family: Arial; float: left; text-align:center; width:100%; height:25px;}
.product_qian a{ border: 1px solid #c4bdba; font-size: 12px; text-align: center;width:100px;height:25px;color:#333; display:block; margin:0px auto; overflow:hidden; line-height:25px;}
.product_qian a:hover{ color:#fff; background: #6d5b53}
.footer li.active{ background:#00428a;}
.pro_info img{width:100%;}
.pro_info{padding:0px 10px; font-size:14px; line-height:26px;}
.bannerPane{width:100%; height:auto;}
.bannerPane img{width:100%; height:auto}

/*首页*/
.banner{width:100%;height:auto;}
.banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination-bullet-active{background: #d21a15}
.index_news{width:100%;height:auto; display:block; overflow:hidden; margin-top:20px;}

.news_list li span{float:right}




/* 首页关于我们 */
.sj_about_main{ overflow: hidden; padding-top: 30px;}
.sj_about_main img{ width: 100%; }
.index_t_1{ text-align: center; display: block; padding-bottom: 20px;}
.index_t_1 p{  font-size: 1.4rem; font-weight: bold;color: #333; line-height: 1.8;}
.index_t_1 p span{ font-weight: normal; color: #004897;}
.index_t_1 em{ display: block; text-align: center; font-style: normal; font-size: 0.8rem;}

.index_t_2{ text-align: center; display: block; padding-bottom: 20px;}
.index_t_2 p{  font-size: 1.4rem; font-weight: bold;color: #fff; line-height: 1.8;}
.index_t_2 em{ display: block; text-align: center; font-style: normal; font-size: 0.8rem; color: #fff;}



.sj_about_main .sj_about_text{ text-align: justify; display: block; margin-bottom: 20px;}
.sj_about_main .sj_about_text a{ font-size: 0.8rem; line-height: 1.8; color: #666;}



/* 首页产品展示 */
.sj_pro_main{ padding-top: 30px; background: #f5f5f5; padding-bottom: 30px;}
.sj_pro_main .sj_pro_hot{ overflow: hidden; margin-bottom: 10px;}
.sj_pro_main .sj_pro_hot li{ width: 48.5%; float: left; overflow: hidden; position: relative; margin-bottom: 5px;}
.sj_pro_main .sj_pro_hot li img{ width: 100%;}
.sj_pro_main .sj_pro_hot li:nth-child(2n){ float: right;}
.sj_pro_main .sj_pro_hot li p{ position: absolute; width: 80%; padding: 20px 10px; top: 10%; left: 10%; background: rgba(0,0,0,0.4); text-align: center; font-size: 1rem; color: #fff;}


.index_pro_list .swiper-wrapper{border: 1px solid #eee;}
.index_pro_list .swiper-container{ padding-bottom: 30px;}
.index_pro_list .swiper-wrapper p{ line-height: 3; text-align: left; padding-left: 10px; font-size: 0.9rem; color: #666;}
.index_pro_list .swiper-wrapper p span{ float: right; display: block; height: 2rem; line-height: 2rem; padding: 0 10px; border-radius: 1rem; background: #eee; color: #666; text-align: center;}
.index_pro_list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}


/* 首页品牌优势 */
.sj_ys_main{ overflow: hidden; padding-top: 30px;}
.sj_ys_main ul{overflow: hidden;}
.sj_ys_main ul li{ background: url(../bgimg/caixin_sj_6.jpg) no-repeat center; background-size: 100%; height: 6rem; margin-bottom: 10px; padding-left: 26%; padding-right:6%;}
.sj_ys_main ul li p{ font-size: 1rem; color: #333; line-height: 1.8; padding-top: 10px;}
.sj_ys_main ul li span{ line-height: 1.6;}
.sj_ggw_main img{ width: 100%;}


/* 首页行业应用 */
.sj_hangye_main{overflow: hidden; padding-top: 30px; padding-bottom: 20px;}
.sj_hangye_main .tabs{overflow: hidden; margin: 0 auto;}
.sj_hangye_main .tabs a{ display: block; width: 31%; margin: 0 1%; float: left; height: 2.4rem; border: 1px solid #dedede; line-height: 2.4rem; font-size: 0.9rem; text-align: center; margin-bottom: 10px;}
.sj_hangye_main .tabs a.active{border: 1px solid #004897; background: #004897; color: #fff;}
#tabs-container{ margin-top: 10px;}
#tabs-container .sj_hangye_list{ border: 1px solid #eee;}
#tabs-container .sj_hangye_list .pic{ width: 100%; position: relative; height: auto;}
#tabs-container .sj_hangye_list .pic p{ position: absolute; height: 2.4rem; bottom: 0px; width: 100%; background: rgba(0,0,0,0.6); text-align: center; line-height: 2.4rem; color: #fff; font-size: 1rem;}
#tabs-container .sj_hangye_list img{ width: 100%;}
#tabs-container .sj_hangye_list em{  padding: 10px; font-style: normal; font-size: 0.9rem; display: block; line-height: 1.8;}


.sj_hangye_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 50px;}
.sj_hangye_main .swiper-pagination-bullet{background: #fff; opacity: .3;}
.sj_hangye_main .swiper-pagination-bullet-active{ background: #fff;opacity: 1;}

/* 首页表单 */
.sj_form_main{overflow: hidden; padding-top:30px; background: url(../bgimg/caixin_sj_12.jpg)no-repeat; background-size: auto 100%; padding-bottom: 30px;}
.sj_form_main form{ background: #009944; padding: 10px;}
.sj_form_main form p{ text-align: center; font-size: 1.2rem; font-weight: bold; color: #fff;line-height: 2;}
.sj_form_main form input[type="text"]{ width: 48.5%; float: left; background: #fff; text-indent: 10px; margin-bottom: 8px; height: 2.4rem; border: none;}
.sj_form_main form input[type="text"]:nth-child(2n){ float: right;}
.sj_form_main form textarea{ width: 100%; border: none; height: 80px; line-height: 1.8; text-indent: 10px;}
.sj_form_main form input[type="submit"]{width: 100%; height: 2.4rem;border-radius: 1.2rem;  border: none; margin: 10px auto; background: #fff;}

/*首页新闻*/
.index_news{width:100%; height:auto; margin-top:20px; background: #fff; padding:0 10px }
.index_news_nav{width:auto; height: auto; overflow: hidden; display: table; margin: 20px auto;}
.index_news_nav a{width:100px; height: 42px; text-align: center;  line-height: 42px; text-align: center; background: #004897; color: #fff; margin: 0px 4px; float: left; font-size: 0.9rem;}
.mnews_list{ width: 100%;}
.mnews_list ul{width:100%; height: auto; margin-top: 20px;}
.mnews_list ul li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #eeeeee; padding:8px 0;}
.in_news_info{width:auto; }
.in_news_info h3{width:100%; height: 36px; line-height: 36px; font-size: 0.9rem; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_info p{font-size: 0.9rem;  overflow: hidden; color: #999999; line-height: 1.61;}
.in_news_info span{ display: block; font-size: 0.8rem; color: #999;}
.news_more{width:100%; height:40px; background: #e4e4e4; color: #333333; text-align: center; line-height:40px; display: block; margin: 10px auto; font-size: 1rem;}

.index_ft{width:100%; height: auto; overflow: hidden;  text-align: center}
.index_ft h3{font-size:1.6rem; color: #333333;font-weight: bold;}
.index_ft p{font-size: 0.9rem; color: #666;margin-top: 10px;}


@media screen and (min-width:360px){body{font-size:14px}}
@media screen and (min-width:480px){body{font-size:16px}}
@media screen and (min-width:520px){body{font-size:18px}}
@media screen and (min-width:640px){body{font-size:20px}}


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

  .pic{/*height: 181px;*/}
  
}

@media screen and (max-width:375px){
	
	.banne{height:180px;}
	.menu{/* width: 47px; */height: 36px;margin-top: 2px;}
	.honor li img{height:auto;}
	.pic{height: 181px;}
	
}
	
	
	
	@media screen and (max-width:360px){
		.index_kongjian .kongjian a{ font-size:14px;width:48%}
		.honor li img{height:118px;}
		.pic{height: 174px;}
		.news_x li time b{font-size: 24px;}
		.index_aboutinfo p{ font-size: 14px;}

}
@media screen and (max-width:320px){
	
	.logo_img{width: 140px;/* height:45px; */}
	.honor li img{height:110px;}
	.pic{height:155px;}
	.index_gg_right{width:90%;}
	.index_gg_right a{width:46%;}

	}