html, body{margin: 0;padding: 0;font-size: 14px;height: 100%;background-color: #fff;width: 100%;color:#222222;}
body.hidden {overflow: hidden;}
*{	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;margin:0; padding:0; list-style:none;font-family: "Microsoft YaHei", Arial, Verdana;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp{font-size:100%;}
img{ border:0;  }
a{text-decoration:none;}


.qq{width:120px; height:190px; background:url(../images/lxwm.png) no-repeat left center; position: fixed; right:100px; top:100px;z-index:100}
.kf1{background:url(../images/kf1.png) no-repeat left center; width:70px; height:30px; position:absolute; top:25px;  left:19px;}
.kf2{ background:url(../images/kf2.png) no-repeat left center; width:70px; height:30px; position:absolute; top:60px;  left:19px;}




.navf{width:120px; height:46px; background:url(../images/navbg.jpg) no-repeat 0px -47px;line-height:46px; text-align:center;transition: background-position 0.2s ease-in 0s;display:block }
.logo{width:160px; height:147px; background:url(../images/logo.png) no-repeat 0 -148px;transition: background-position 0.3s ease-in 0s; }
.logo img{width:160px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{height:46px; line-height:46px;position:fixed; z-index:100;width: 895px;margin-left: -448px; ;left:50%;}
.nav a{color:#999;  }
.nav a:hover{ color:#fff;}
.nav li{ float:left;  position:relative; display:inline; margin:0 1px;	}
.nav .nLi{width: 120px;height: 46px;  }
.nav .nLi h3 a{ font-size:14px;   }
.nav .sub{ display:none; width:120px; left:0; top:47px;  position:absolute; background:#003849;  line-height:20px; padding:5px 0;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; width:120px; text-align:center; padding:3px 0; font-size:14px; letter-spacing:1px;}
h3.navf:hover{background:url(../images/navbg.jpg) no-repeat 0px -2px;}
h3.logo:hover{background:url(../images/logo.png) no-repeat 0px 0px; cursor:pointer}	
.act{color:#fff;}







/*contact*/
#contact{width:800px; height:auto; margin:0 auto; overflow:hidden; }
#contact .conl{width:400px; height:100%; float:left;}
#contact .conr{width:400px; height:100%; float:right;}

input[type=text]{width:188px; height:40px; border:1px solid #666;  margin:10px auto; font-size:16px; text-align:center;}
input[type=submit]{width:380px; height:40px; border:none;font-size:16px; cursor:pointer;margin-bottom:20px; background:#6cc3b2;color:#FFF}
textarea{min-width:380px;max-width:400px; height:135px; border:1px solid #666;  margin:10px auto;font-size:16px; text-indent:5px;color:#00394B}

.c_contain{width:1200px; height:auto; margin:250px 0 0 -600px; position:absolute; left:50%;}

.c_box{width:250px;margin:0 23px; float:left;transition:all ease-in-out 0.5s;}
.c_box:hover{transform: scale(1.5,1.5);
			-ms-transform: scale(1.5,1.5);	/* IE 9 */
			-webkit-transform: scale(1.5,1.5);	/* Safari 和 Chrome */
			-o-transform: scale(1.5,1.5);	/* Opera */
			-moz-transform: scale(1.5,1.5);	/* Firefox */
}
.c_box .c_intro{opacity:0;transition:all ease-in-out 0.5s;}
.c_box .c_btit{ width:100%;font-size:14px; color:#104054; text-align:center}
.c_box .c_bcon{width:100%;font-size:10px; text-align:center; line-height:15px; margin-top:10px; }


.c_box img{width:250px; }



/*contact*/


/*内容页*/
#content{width:1200px; min-height:400px; margin:180px auto 0;}
#content .con-tit{width:100%; text-align:center; font-size:22px; margin:50px 0 10px;}
#content .con-date{width:100%; text-align:center; font-size:14px; margin:0px 0 30px; color:#666}
#content .con-con{width:100%; height:auto; line-height:30px}




/*内容页*/


@media screen and (max-width: 1600px) {

/*bottom*/
#foot{width:100%; height:260px; background:#013b4f; margin-top:10px; overflow:hidden}
#foot .footer{width:1200px; height:100%; margin:50px auto 0;}
#foot .footer .fo-box{width:100px; height:auto; margin-right:30px; float:left}
#foot .footer .fo-box .fo-boxx{ margin-top:25px; line-height:20px;}
#foot .footer .fo-box a{color:#FFF; font-size:0.8rem}
/*bottom*/
}

@media screen and (min-width: 1600px) {

/*bottom*/
#foot{width:100%; height:260px; background:#013b4f; margin-top:10px; overflow:hidden}
#foot .footer{width:1450px; height:100%; margin:50px auto 0;}
#foot .footer .fo-box{width:100px; height:auto; margin-right:80px; float:left}
#foot .footer .fo-box a{ font-weight:bold}
#foot .footer .fo-box .fo-boxx{ margin-top:25px; line-height:30px;}
#foot .footer .fo-box .fo-boxx a{font-weight:bold; font-size:14px; letter-spacing:1px}
#foot .footer .fo-box a{color:#FFF;}
/*bottom*/


}


