@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; list-style:none; font-family:"Microsoft yahei"}

body{ position:relative; max-width:768px; margin:auto; background:#EDEDED}

a{ text-decoration:none}

.toper{ padding:0.2rem 0.5rem; position:relative}

.toper img.logo{ width:auto; max-width:86%;}

.toper .ico{

  width: 10%;height:4px;

  border-top: 4px solid #505050;

  border-bottom: 4px solid #505050;

  padding: 6px 0;

  background-color:#505050;

  background-clip: content-box; position:absolute; right:0.2rem; top:0.2rem; z-index:9; margin-top:0.6rem;

}

/*.toper .ico.white{ border-top: 4px solid #f5f5f5;

  border-bottom: 4px solid #f5f5f5; background-color:#f5f5f5;color:#E1E1E1}*/



.menu{ width:100%; position:fixed; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; display:none; z-index:11}

.menu .show-menu img{ width:auto; max-width:100%}

.menu .closed{ width:30px; height:25px; border-radius:50%; padding-top:5px; position:absolute; right:0.2rem; top:5px; z-index:11; color:#E1E1E1}

.menu .show-menu{ width:50%; height:100%; position:fixed; z-index:9; background:#EDEDED; left:0; top:0; text-align:center}

.menu .show-menu h1{line-height:4rem; text-align:center; color:#000; font-weight:normal}

.menu .show-menu a{ color:#000}

.menu .show-menu li{ line-height:2em; font-size:100%; letter-spacing:1px; text-align:center}



/* banner */

.banner{

	width: 100%;

	position: relative;

}

.swiper-slide img{ width:auto; max-width:100%}

.swiper-pagination{ padding:0; margin:0;

	width: 100%!important;

	text-align: center!important;

	bottom: -0.05rem!important;

}

.swiper-pagination-bullet{

	width: 16.8%!important;

	height: 0.035rem!important;

	 background-color: #1292fe;

	opacity: 1!important; border-radius:0!important; 

}

.swiper-pagination-bullet-active{ background: #ff9d1e !important; 

}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{

	margin:0 0!important;

}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:nth-child(2){

	margin:0 0.01rem!important;

}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:nth-child(3){

	margin:0 0.01rem 0 0!important;

}

.nav{ height:auto; overflow:hidden; background:#202D4F}

.nav li{ width:33.33%; float:left; line-height:2rem; text-align:center; background:url(../images/nav_line.jpg) right repeat-y; border-bottom:1px solid #fff; color:#fff;}

.nav li a{ font-size:16px; color:#fff}

.nav li:nth-child(3n){ background:none}



.index_product{ padding:0.5rem 0; height:auto; overflow:hidden}

.index_product ul li{ width:47%; float:left; margin-left:2%; margin-bottom:1rem}

.index_product ul li .pic{ height:180px; background:#fff; display:flex;justify-content:center;align-items:center; overflow:hidden}

.index_product ul li .pic img{ width:auto; max-width:100%; height:auto}

.index_product ul li .txt{ width:100%; text-align:center; line-height:1.5rem; color:#fff; font-size:12px; background:#202D4F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.index_product ul li .txt a{ color:#fff; font-size:12px;}

.zixun_more{ clear:both; padding-bottom:1.5rem; height:auto; overflow:hidden}

.zixun_more .more{ width:36%; float:left; height:1.8rem; line-height:1.8rem; text-align:center; background:#202D4F; color:#fff; margin-left:2%}

.zixun_more .more a{ color:#fff; font-size:14px;}

.zixun_more .tel{ width:58%; line-height:1.8rem; height:1.8rem; text-align:center; color:#fff; background:#D50006; float:left; margin-left:2%;font-size:14px;}

.wap_index_title{ padding:1.5rem 0; clear:both;}

.wap_index_title .title{ width:58%; margin:auto; position:relative; line-height:2rem; text-align:center; color:#D30006; font-size:20px; letter-spacing:1px; font-weight:bold}

.wap_index_title .title:before{ width:28%; height:1px; line-height:1px; position:absolute; left:0; top:50%; content:""; z-index:2; background:#8A8A8A;}

.wap_index_title .title:after{ width:28%; height:1px; line-height:1px; position:absolute; right:0; top:50%; content:""; z-index:2; background:#8A8A8A;}

.wap_index_title .ftitle{ line-height:1rem; text-align:center; color:#202E51; font-size:14px;}



.about{ height:auto; overflow:hidden; background:#fff}

.about .txt{ }

.about .txt img{ width:auto; max-width:100%; margin-bottom:1rem;}

.about .txt p{ line-height:2rem; font-size:16px; padding:0 2%;}

.newbox{ height:auto; overflow:hidden; background:#F5F5F5;}

.newbox .first{}

.newbox .first img{ width:auto; max-width:100%; height:auto}

.newbox .first p{ line-height:2rem; background:#202D4F; color:#fff; padding:0 2%;font-size:14px;}

.newbox .first p a{ font-size:14px; color:#fff}

.newbox .first p span{ float:right;}

.list_news{ padding:0 2%;}

.list_news li{ border-bottom:1px solid #EDEDED; clear:both; height:auto; overflow:hidden; }.list_news li a{color:#000; font-size:100%;}

.list_news .date{ width:4rem; height:4rem; background:#D5D5D5; float:left; text-align:center; color:#fff; margin-right:1%}

.list_news .date .day{ padding-top:0.5rem; line-height:1.5rem; font-size:180%}

.list_news .date .year{line-height:1.5rem; font-size:14px}



.list_news li .txt{line-height:1.6rem; color:#000; font-size:14px; padding-top:0.3rem}

.list_news li a .date{ color:#fff}

/**footer**/

.footer{ padding:2rem; height:auto; overflow:hidden; background:#fff; text-align:center; line-height:2rem; padding-bottom:4rem}

.show-erweima{ width:70%; background:rgba(255,255,255,0.9); margin:auto; padding:2rem; text-align:center; border-radius:0.6rem; padding-bottom:1rem; position:fixed; bottom:20%; display:none; left:7%; z-index:9}

.show-erweima img.ewm{ width:auto; max-width:100%; height:auto}

.show-erweima .txt{ line-height:2rem; color:#0D0D0D; font-size:100%}

.show-erweima .txt span{ padding:5px 10px; background:#202D4F; color:#fff}

.show-erweima .txt span a{ color:#fff}

.show-erweima .txt .wx{ width:8%; margin-right:5px; display:inline-block }

.show-erweima .closed{ position:absolute; right:5px; top:5px; z-index:10; width:30px; height:25px; padding-top:5px; text-align:center; color:#fff; border-radius:50%; background:#373737;}

.footer img{ width:auto; max-width:50%;}

.footer_float {height:auto; overflow:hidden; background:#22252A; color:#fff; width:100%; position:fixed; z-index:9; left:0; bottom:0}

.footer_float a{ color:#fff} 

.footer_float ul li{ float:left; padding:0.2rem 0;  width:25%; line-height:2rem; text-align:center; font-size:100%; background:url(../images/nav_line.jpg) right repeat-y;}

.footer_float ul li:last-child{ background:none}

/**内页**/

.main{ padding:0; height:auto; overflow:hidden; clear:both; padding-bottom:2rem;}

.pages {

	padding: 10px;

	clear: both;

	display: block;

	clear: both;

	font-size: 12px; text-align:left;

}



.pages a,#pages span {

	display: inline-block;

	margin: 0 3px;

	font-size: 12px;

	color: #666;

	padding: 3px 8px;

	border: 1px solid #7c7c7c; margin-bottom:0.25rem;

}



.pages span {

	background: #172d83;

	color: #fff

}



.list_page{}

.list_page h3{ line-height:2rem; text-align:center; font-size:24px; font-weight:normal}

.list_page h4{ padding-bottom:0.1rem; text-align:center; font-weight:normal; font-size:13px; color:#666}

.list_page .content{ padding:2%; line-height:2.2rem; font-size:100%;}

.list_page .content img{ width:auto; max-width:100%; height:auto}

.fenye{ font-size:12px; color:#666; line-height:1.6rem;}

.fenye a{font-size:12px; color:#666; }

.proliuls { padding:0.5rem; height:auto; overflow:hidden}

.proliuls a{ display:block; width:48%; height:2rem; line-height:2rem; background:#f5f5f5; color:#000; margin-left:2%; margin-bottom:0.8rem; float:left; text-align:center}

.proliuls a.on{ background:#353990; color:#fff; border-radius:10px;}

.proliula { padding:0.5rem; height:auto; overflow:hidden;color:#000; font-size:14px;}

.proliula a{ color:#000; font-size:14px;}