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

html{font-size:625%} 
body{font-size:.22rem;}

/*Top*/
.Top{width:100%; height:.3rem; padding:.1rem 0; background-color:#0279ff; color:#fff;}
.Top p{text-align:center; line-height:.3rem; font-size:.24rem;}

/*header*/
header{width:100%; height:.52rem; padding:0.2rem 0; border-bottom:1px solid #0279ff; background:#fff;
	position:relative;}
header .logo{display:block; margin-left:.2rem;}
header .logo img{float:left; display:block; height:.52rem; width:auto;}
header .logo span{float:left; display:block;  color:#0279ff; font-size:.38rem; font-weight:bold;}
header .Menu .btn{display:block; float:right;  width:.6rem; height:.52rem; background:#0279FF;
	border-radius:5px; margin-right:.2rem;}
header .Menu .btn img{display:block; width:60%; height:auto; margin:.07rem auto;}
header .Menu .side_nav{display:none; width:100%; height:auto; position:absolute; top:0; left:0; }
header .Menu .side_nav i.close{position:absolute; top:-.42rem; right:.05rem; display:block; width:.36rem; height:.36rem; text-align:center; font-size:.26rem; font-style:normal; background:#7F7F7F; color:#fff; border-radius:2px; z-index:20; cursor: pointer;}
header .Menu .side_nav ul{position:relative; z-index:19; background:#0279ff;}
header .Menu .side_nav li{width:100%; height:.36rem; padding:.1rem 0; border-bottom:1px solid #fff;}
header .Menu .side_nav li:last-child{border-bottom:none;}
header .Menu .side_nav li a{display:block; width:100%; height:.36rem; line-height:.36rem; font-size:.24rem; color:#eee; text-align:center; margin:auto;}
header .Menu .side_nav .bg09{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); z-index:18;}
.fixednav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}

/*Banner*/
.Banner{width:100%;}
.Banner .swiper-pagination{text-align:right;}
.Banner .swiper-pagination-bullet {width: 8px; height: 8px; display: inline-block; 
	border-radius: 100%; background:#414243; border:2px solid transparent;}
.Banner .swiper-pagination-bullet-active {background:#fff; border-color:#414243;}
.Banner .words{position:absolute; top:26%; left:50%; z-index:3;color:#0279ff; width:50%;}
.Banner .words strong{display:block; font-size:.36rem; }
.Banner .words span{display:block; font-size:.24rem; font-weight:400; margin-top:.2rem;}

/*Name01*/
.Name01{width:20%; border:1px solid #0279ff; color:#0279ff; height:auto; padding:.3rem 0;}
.Name01 h3{display:block; width:.28rem; text-align: center; font-size:.32rem; 
	writing-mode :tb-rl; margin-left:20px;}
.Name01 span{display:block;  text-align: center; writing-mode:tb-rl;}

/*Name02*/
.Name02{width:60%; margin:auto; color:#0279ff; text-align:center; position:relative; 
	border-left:1px solid #0279ff; border-right:1px solid #0279ff;}
.Name02 h3{font-size:.32rem; line-height:.46rem;}
.Name02 span{display:block; line-height:.46rem;}

/*公司简介*/
.pro_main{width:76%; overflow:hidden;}
.Jianjie{width:100%;}
.Jianjie p{text-align:justify; font-size:.24rem; line-height:.38rem; color:#7b7b7b; text-indent:2em;}
.Z-02{color:#0279ff; margin-top:.3rem;}
.QG{font-size:.36rem; margin-bottom:.1rem; border-top:1px solid #0279ff; text-align:center; padding-top:.1rem;}
.D_1 p{width:60%; text-transform:uppercase; margin-left:2%;}
.D_1 span{display:block; width:35%; height:13px; background:#0279ff; margin:2px 0 0 0;}
.D_2{margin-top:.3rem; border-top:1px solid #0279ff; padding-top:.2rem;}
.D_2 .pic{width:46%; height:1.85rem; border:5px solid #F0EFEF; overflow: hidden;}
.D_2 .pic img{display:block; width:100%; height:auto;}
.D_2 .time{width:48%; text-align:center; height: 1rem; padding: .4rem 0; border-right:1px solid #0279ff; padding:;}
.D_2 .time strong{display:block; font-size:.48rem;}
.D_2 .time span{display:block; color:#5a5a5a; line-height:.32rem;}
.ser_hm .More{display:block; width:98%; margin:.2rem auto 0; height:.4rem; background:#0279ff; color:#fff; text-align:center; line-height:.4rem; font-size:.25rem; padding:.06rem 0; border-radius:6px;}

/*产品展示*/
.L_biaoti .tabs{width:58%; margin:.2rem auto; height:; border:4px solid #E9E5E5;}
.L_biaoti .tabs02{width:92%;}
.L_biaoti .tabs li{width:100%; height:.56rem; padding:.1rem auto; border-bottom:1px solid #0279ff; position:relative;}
.L_biaoti .tabs li:last-child{border-bottom:none;}
.L_biaoti .tabs li a{display:block; width:100%; height:100%; line-height:.56rem; color:#0279ff; font-size:16px;text-align:center;}
.R_list{width:100%;}
.R_list li{float:left; width:50%; height:; overflow:hidden; margin-bottom:.26rem;}
.R_list li a{display:block; width:92%; height:100%; margin:auto;}
.R_list li .mg{width:100%; height:2.6rem; overflow:hidden;}
.R_list li .mg img{display:block; width:100%; height:auto;}
.R_list li .tag{width:100%; font-size:.26rem; color:#0279ff; line-height:.32rem; margin-top:.12rem; text-align:center;}

/*新闻资讯*/
.News a{color:#0279ff;}
.News a:hover{color:#085ebf;}
.News .Name01{padding:.5rem 0;}
.News .corp{width:75%;}
.News .corp .gs,.tmt .na02{position:relative; margin-bottom:.1rem;} 
.News .corp .gs span,.tmt .na02 span{display:inline; padding:0 .2rem; line-height:.36rem; height:.36rem; font-size:.25rem; color:#0279ff; background:#fff; position:relative; z-index:3;}
.News .corp .gs i,.tmt .na02 i{display:block; position:absolute; top:.17rem; left:0; width:100%; height:1px; background-color:#0279ff; z-index:2;}
.News .corp .big{width:100%; overflow:hidden;}
.corp .big .pic{width:100%; height:2.5rem; overflow: hidden;}
.corp .big .pic img{display:block; height:auto; width:100%;}
.corp .big .tit{font-size:.26rem; line-height:.36rem; margin-top:.05rem}
.News .tmt{width:100%; color:#7b7b7b;}
.News .tmt .na02 span{padding-left:0;}
.tmt .item li{margin:.1rem 0; border-bottom:1px solid #7b7b7b;}
.tmt .item li .tit{display:block; width:100%; font-size:.26rem; line-height:.36rem;}
.tmt .item li .time{margin:.1rem 0;}
.tmt .item li .xinwen{line-height:.24rem; height:.48rem; overflow:hidden; margin-bottom:.16rem;}

/*在线留言*/
.on-Line .p1{color:#7B7B7B; text-align:center; margin-top:.2rem;}
.mesform ul{width:100%;}
.mesform ul li{width:80%; margin:0 auto .1rem;}
.mesform li .T01{display:block; font-size:.24rem; color: #0279ff; padding:.1rem 0; 
	line-height:.32rem; height:.32rem;}
.mesform li .T01 i{display:inline-block; color:#f00; font-style:normal; vertical-align:-2px;
	 padding-left:.08rem;}
.mesform li .inpbox{width:100%; height:.6rem;}
.mesform li .inpbox .inptext,.mesform li .inpbox .txtarea{border: 1px solid #0279ff; 
	text-indent: 5px; height:.6rem; line-height:.6rem; width: 100%;}
.mesform .DiBu{width:100%;}
.mesform .DiBu .btnsubmit{display: block; width:80%; font-size:.25rem; background-color:#0279ff;
	color:#fff; height:.4rem; line-height:.4rem; padding:.06rem 0; text-align:center; 
	margin:.2rem auto; border-radius:6px;}

/*footer*/
footer{width:96%; padding:.3rem 2%; background-color:#F5F5F6; color:#0279ff;}
.F_logo{text-align:center; border-bottom:1px solid #0279ff; padding:.1rem 0 .4rem; height:.52rem;}
.F_logo img{display:inline-block; height:.52rem; width:auto;}
.F_logo span{display:inline-block; font-size:.38rem; font-weight:bold; 
	line-height:.52rem; vertical-align: .12rem;}
.F_lx{ width:80%; margin:.26rem auto; }
.F_lx b{display:block; line-height:.38rem; font-size:.32rem; 
	text-align:left; padding:.06rem 0;}
.SS{width:100%; position:relative; margin-bottom:.15rem;}
.SS .searchbox_txt{float:left; display:block; width:70%; height:.42rem; line-height:.42rem; 
	padding:0 .08rem; background:none; border:2px solid #0279ff; color:#666;}
.SS button{display:block; width:20%; height:100%;position:absolute; right:6%; top:0; background:#0279ff; border:2px solid #0279ff; color:#fff; font-size:.24rem; cursor:pointer;}
.SS button:hover{background:#0b5bb6; border-color:#0b5bb6;}
.F_lx .fuwu{display:block; padding:.2rem 0;}
.F_lx .fuwu span{font-size:.26rem; display:block; line-height:.32rem;}
.F_lx .fuwu strong{display:block; font-size:.48rem; line-height:.6rem;}
.BQ{border-top:1px solid #0279ff; text-align:center; padding-top:.2rem;}

/*分页*/
.wp-pager_link{text-align:center; position:relative; bottom:auto; width:100%; margin:.2rem auto;}
.wp-pager_link .ltarea,.wp-pager_link .gtarea{height:.42rem; line-height:.42rem; overflow: hidden; display: inline-block;}
.wp-pager_link .gtarea{margin-left:.1rem;}
.wp-pager_link .ltarea span.cpb{color: #000; display: inline-block; padding: 0 .1rem; 
	font-weight: bold;}
.wp-pager_link .ltarea a{border: 1px solid #CCC; font-weight: bold; color: #4261DE; 
	display: inline-block; padding: 0 .1rem; margin-right:.05rem; height:.32rem; 
	line-height:.32rem;}
.wp-pager_link .ltarea  a:hover{background-color: #4261DF; color: #FFF;}
.wp-pager_link .gtarea input[type="text"]{border: 1px solid #CCC; height:.32rem; width:.4rem;}
.wp-pager_link .gtarea input[type="button"]{background-color: #FFF; border: 1px solid #CCC;
    margin-left:.05rem; height:.32rem; width:.5rem;}

/*翻页*/
.prdview{margin-top:.2rem; width:100%;}
.prdview p{display:block; height:.4rem; color: #7b7b7b;}
.prdview p span{float:left; display:block; width:18%;line-height:.4rem;}
.prdview p a{float:left; display:block; width:70%; color: #7b7b7b; line-height:.4rem;}
.prdview p a:hover{text-decoration: underline;}

/*公司简介*/
.sil_btn{width:100%; margin:.3rem auto .1rem;}
.sil_btn a{float:left; display:block; width:44%; height:.52rem; line-height:.52rem; margin:0 3%;
	background:#0279ff; color:#fff; text-align:center; font-size:.25rem; border-radius:5px;}

/*产品详情*/
.Post{width:100%; margin:.3rem auto;}
.Post .Photo{width:75%; margin:auto;}
.Photo .pro_img{width:55%; height:2.4rem; overflow: hidden; margin-bottom:;}
.Photo .pro_img img{width:100%; height:auto; margin:auto;}
.Photo .twjianju{width:40%; margin-left:2%;}
.Photo .twjianju h2{font-size:.26rem; border-bottom: 1px solid #e2e2e2; line-height:.52rem; 
	margin-bottom:.1rem; color: #0279ff;}
.Photo .twjianju div{margin-bottom:.1rem;}
.Photo .twjianju .market span{color: #898989; text-decoration: line-through; padding:0 .1rem;}
.Photo .twjianju .sale span{font-size:.26rem; font-weight:bold; color: #0279ff;}
.Post .oshow{display:block; margin-top:.2rem; color: #7b7b7b;}
.oshow .desc{background-color: #F5F5F5; border: 1px solid #E5E5E5; color: #868686;
	margin-bottom: .1rem; padding: .1rem; line-height:.35rem;}
.oshow .detail span{font-size:; display:block; line-height:.35rem;}

/*新闻资讯*/
.mtree{width:100%; margin:.2rem auto;}
.mtree li{width:90%; margin:auto; height: .52rem; background: #0279ff; color: #fff;  
	border-bottom:1px solid #fff;}
.mtree li a{display:block; width:100%; height: .52rem; line-height: .52rem; background: #0279ff; color: #fff; text-align: center; font-size: .25rem;}
.article_list{width:98%; margin:.2rem auto;}
.article_list li{width:100%; border-bottom:1px solid #eee; padding-bottom:.2rem;
	margin-bottom:.3rem;}
.article_list li .title{display:block; font-size:.26rem; font-weight:bold; line-height:.42rem;
	color:#0279ff;}
.article_list li .neir{width:100%; margin-top:.1rem;}
.article_list .neir .pic{display:block; width:40%; height:1.5rem; overflow:hidden;}
.article_list .neir .pic img{display:block; width:100%; height:auto; margin:auto;}
.article_list .neir .wen{width:58%; margin-left:2%; margin-top:-.05rem; color:#7b7b7b;}
.article_list .neir .wen .p1{width:100%; height:1.2rem; overflow:hidden;}
.article_list .neir .wen .p1 a{color:#0279ff;}
.article_list .neir .wen .time{display:block; text-align:right; margin-top:.08rem;}

/*新闻详情*/
.article{width:100%; overflow: hidden; margin:.2rem auto 0;}
.article h2.Tit{text-align:center; font-size:.26rem; color: #0279ff; line-height:.42rem;
	padding: 0;}
.sourcedata{width:100%; padding:.1rem 0; line-height:.36rem; overflow: hidden; margin:auto; 
	color: #5A5A5A; text-align:center;}
.sourcedata span.s_detail{padding:0 .08rem;}
.article .oshow .desc{text-indent:2em;}
.article .oshow .detail{display: block;  color: #7b7b7b;}
.article .oshow .detail span{text-indent: 2em;}


/*联系我们*/
.Contact_us .call,.BMap_mask{padding:0 .2rem; }
.Contact_us .call dt{font-size: .36rem; margin:.2rem auto; color:#0279ff; font-weight:bold;}
.Contact_us .call dd{color:#7b7b7b; line-height:.46rem;}
.Contact_us .call dd span.mr{margin-right:.3rem;}
.BMap_mask iframe{width:100%; margin:.3rem 0;}










@media (max-width:560px){ html{font-size:500%} }

@media (max-width:460px){ html{font-size:400%} }


@media (max-width:360px){ html{font-size:350%} }

@media (max-width:307px){ 
		
 }