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

html{font-size:625%} 
body{font-size:.22rem;}
a{color:#333;}


/*首页*/
.Title{text-align:center; position:relative; padding-top:.2rem;}
.Title h3{font-size:.32rem; color:#222; position:relative; z-index:2;}
.Title i{display:block; width:.8rem; height:2px; background:#237FD2; margin:.2rem auto;}
.Title strong{font-size: .5rem; color:#f2f2f2; position:absolute; top:0; left:0; width:100%; text-align:center; z-index:0; text-transform:uppercase;}

.product{width:100%;}
.product li{float:left; width:50%; margin-bottom:.1rem;}
.product li a{display:block; width:98%; margin:auto;}
.product li a img{display:block; max-width:100%; height:auto; margin:auto;}

.about_main .words{width:100%; font-size:.24rem; color:#5a5a5a; line-height:.48rem;}
.about_main .words p{text-indent:2em; line-height:.4rem;}
.about_main .words p img{display:block; max-width:100%; height:auto; margin:.1rem auto; }

.news{ width:100%; margin:0 auto; overflow:hidden;}
.news li{height:.4rem; line-height:.4rem; padding:.1rem 0; border-bottom:1px #cccccc dashed; background:url(../images/j.gif) no-repeat left center; padding-left:20px;}
.news li .item{float:left; display:block; width:60%; height:.4rem; line-height:.4rem;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news li .hui{float:right; width:30%; text-align:left;}

.wenhua a{display:block; width:100%; text-align:center;}
.wenhua a img{display:block; max-width:100%; margin:auto;}

/*内页*/
.fla{ width:100%;height:185px;background:url(../images/01.jpg) no-repeat center top;}
.flb{ width:100%;height:185px;background:url(../images/02.jpg) no-repeat center top;}
.flc{ width:100%;height:185px;background:url(../images/03.jpg) no-repeat center top;}
.fld{ width:100%;height:185px;background:url(../images/04.jpg) no-repeat center top;}
.fle{ width:100%;height:185px;background:url(../images/05.jpg) no-repeat center top;}
.flf{ width:100%;height:185px;background:url(../images/06.jpg) no-repeat center top;}
.flg{ width:100%;height:185px;background:url(../images/07.jpg) no-repeat center top;}

.L-tit{margin-bottom:.2rem;}
.L-tit h4{width:70%; height:.6rem; background:#237FD2; font-size: .32rem; color: #fff; margin:auto;
	line-height: .6rem; text-align: center; border-radius:10px;}

.nn_box .news li{background:url(../images/0.gif) no-repeat left center;}
.wh_box .news li{background:url(../images/js.gif) no-repeat left center;}
.ndj .news li{background:url(../images/03.gif) no-repeat left center;}

.C_tit{display:block; font-size:.28rem; line-height:.43rem; text-align:center;}

.nqc ul li{float:left; width:50%; text-align:center; margin-bottom:.1rem;}
.nqc ul li a{display:block; width:100%; }
.nqc ul li img{padding:2px;border:1px #CCCCCC solid; height:120px; width:auto;} 
.nqc ul li span{display:block;}

.npro{width:100%; margin:0 auto;}
.npro ul li{ float:left; width:50%; margin-bottom:.1rem;}
.npro ul li a{display:block; width:100%;}
.npro ul li a .pic{display:block; width:95%; padding:2px; border:1px #0066cc solid; margin:auto;}
.npro ul li img{display:block; max-width:100%; height:135px; margin:auto; border:none;}
.npro ul li .tit{width:100%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.pro_box{width:100%;}
.pro_box .pic{width:100%; margin:.2rem auto;}
.pro_box .pic img{display:block; max-width:100%; height:auto; margin:auto;}
.pro_box .desc{display:block; width:100%;}
.pro_box .desc p{line-height:.48rem;}

/*在线留言*/
.red{color:#cc0000; font-style:normal;}
.od_list{width:100%; margin:auto;}
.od_list li{width:100%;  margin-bottom:3px; background-color:#F3F3F3; padding:.1rem 0;}
.od_list li .L_name{float:left; border-right:3px solid #fff; text-align:center; width:26%;}
.od_list li .opt{float:left; width:70%;}

/*联系我们*/
.contact{width:100%;}
.contact .pic img{display:block; max-width:100%; height:auto; margin:.1rem auto;}
.contact .conts{width:100%; font-size:.24rem; color:#5a5a5a; line-height:.48rem;}
.contact .conts p{ line-height:.45rem;}







@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){ 
		
 }