@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;}

.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:197px;/* height:57px; */}
.logo img{display:block; float:left; margin-right:10px}
.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:#2763AC; 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:#2763AC; 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 #2763AC; color:#2763AC; 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; height: 200px;display: block; overflow: hidden;  position: relative;}
.pic img{width:100%; display:block;}
.about_banner{ background:url(/templates/moblie/images/aboutbjs.jpg) no-repeat center}
.contact_banner{ background: url(/templates/moblie/images/conbj.jpg) no-repeat center}
.news_banner{ background: url(/templates/moblie/images/newsbj.jpg) no-repeat center}
.product_banner{ background: url(/templates/moblie/images/probj.jpg) no-repeat center}
.case_banner{ background: url(/templates/moblie/images/casebj.jpg) no-repeat center}
.ser_banner{ background: url(/templates/moblie/images/serbjs.jpg) no-repeat center}
.job_banner{ background: url(/templates/moblie/images/rcbj.jpg) no-repeat center}
.sbzl_banner{ background: url(/templates/moblie/images/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:#2763AC;}
.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:#2763AC; 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:#20508A;}
.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:207px;}
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
 }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      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;
    }

.index_news{width:100%;height:auto; display:block; overflow:hidden; margin-top:20px;}

.news_list li span{float:right}


@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: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%;}

	}<!--0.00017905235290527-->