@charset "utf-8";
body,div,span,p,a,input,dl,dt,dd,ul,ol,li,h4,h3{margin:0;padding:0;}
body {
	font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#646464;
	/*background:#eee;*/
}
a{text-decoration:none;cursor: pointer;color:#333;outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/}
a:hover{color:#1570a5;}
img{border:0;}
li{list-style:none;}
.l{float:left;}
.r{float:right;}
p{margin:15px 0}
.undis{display:none;} 
.clearfix{width:100%;height:1px;margin-top:-1px;font-size:0px;line-height:0px;clear:both;}
.font16{font-size:16px;}

/* header */
#header{width:auto;height:auto;overflow:hidden; margin-bottom:20px;}
.head{width:100%;max-width:1140px; margin:0 auto; padding:10px 0; overflow:hidden;}
.logo{float:left; margin-right:20px;}
.tel{float:right;font-size:16px; color:#8d8c8c; margin-top:10px;}
.tel .tel_number{font-size:24px; color:#f36a02;}

.navOut{width:100%;min-height:60px;overflow:hidden; background-color:#1570a5;}
.nav{width:100%;max-width:1140px; line-height:60px; margin:0 auto;}
.nav li{width:14%;text-align:center;color:#FFF;float:left;font-size:16px;}
.nav li a{color:#FFF;} 
.nav li a:hover, .nav .on a{color:#fff000;}

@media screen and (min-width: 560px) and (max-width:700px){
.nav li{width:25%; line-height:36px;}
}
@media screen and (max-width: 560px){
.logo{width:100%; text-align:center;float:none;}
.tel{width:100%; text-align:center;float:none;}
.nav li{width:50%; line-height:36px;}
}

/* banner */
#banner{width:100%;max-width:1140px;height:auto; margin:0 auto;overflow:hidden; margin-bottom:20px;}
.banner_it{width:50%; max-width:570px; height:auto; float:left; margin-right:1%;}
.banner_right{width:49%;max-width:560px;float:right; overflow:hidden}
.banner_web{width:100%;}
.banner_eam{width:49.5%; max-width:275px; margin-right:1%; float:left;}
.banner_shop{width:49.5%; max-width:275px;float:right;}
@media screen and (max-width: 560px){ 
.banner_it{width:100%;margin:0;}
.banner_right{width:100%;}
}


.box{width:100%; height:auto; background-color:#e9f2f7; overflow:hidden}
.main{width:100%; max-width:1140px; height:auto; margin:0 auto; overflow:hidden;}
/* 新闻中心 */
.news{width:47%; float:left;}
.news .news_tit{width:100%; height:30px; line-height:30px;}
.news .news_tit h2{font-size:24; color:#000;float:left; font-weight:normal}
.more{float:right; width:80px; height:30px; background-color:#0e5f97; text-align:center; color:#FFF; margin-top:20px;}
.more a{color:#FFF;}
.news .news_list{width:100%; height:auto; overflow:hidden; padding-top:5px;}
.news .news_list dl{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.news .news_list dl dt{width:25%;max-width:126px; min-height:126px; float:left;margin-right:2%;}
.news .news_list dl dd{float:left;width:73%; line-height:24px;margin-bottom:5px;}

/* 关于我们 */
.about{width:47%; float:right;}
.about .about_tit{width:100%; height:30px; line-height:30px;}
.about .about_tit h2{font-size:24; color:#000;float:left; font-weight:normal}
.about .about_con{width:100%; height:auto; overflow:hidden; line-height:24px;}
.about .about_con img{width:100%;}


@media screen and (max-width: 800px){
.news{width:96%; padding:0 2%;}
.about{width:96%; padding:0 2%;}
#header{margin-bottom:5px;}
#banner{margin-bottom:5px;}
}

/*     FOOT    */ 
#footer{width:auto;height:auto;margin:0 auto;margin-top:10px;background:#41525b;overflow:hidden; padding:30px 0;}
.foot{width:100%;max-width:1140px;margin:0 auto; color:#abbec9}
.foot .foot_weixin{float:left; overflow:hidden}
.foot .foot_weixin dt{float:left; margin-right:10px;}
.foot .foot_weixin dd{line-height:30px;float:left; margin-top:20px;}

.foot .foot_text{float:right;line-height:24px; padding-top:5px; text-align:right; overflow:hidden}

@media screen and (max-width: 900px){ 
.foot .foot_weixin{width:96%; padding:0 2%;}
.foot .foot_text{width:96%; text-align:left;padding:0 2%;}
}



/* 2015.05.22 */
.left{width:20%; height:auto; float:left; overflow:hidden; padding-bottom:10px;}
.left_nav{width:99.2%; height:auto; border:1px #dcdcdc solid; overflow:hidden; margin-bottom:10px;}
.left_nav .tit{width:100%; height:37px; line-height:37px; background:url(images/left_tit.jpg) repeat-x;}
.left_nav .tit h4{font-size:16px; margin-left:10px; color:#1570a5; font-weight:normal}
.left_nav .con{width:100%; height:auto; overflow:hidden; padding:10px 0;}
.left_nav .con li{width:94%; line-height:30px; border-bottom:1px #f0f0f0 solid; padding:0 3%; background:url(images/left_li.png) no-repeat 8px center; padding-left:20px;}
.left_nav .con li a{color:#333;}
.left_nav .con li a:hover, .left_nav .con .on a{color:#1570a5;}

.contact{width:94%; height:auto; padding:10px 3%; line-height:24px; overflow:hidden;}

.right{width:78%; height:auto;float:right; overflow:hidden;}
.about_banner{width:100%; max-width:890px; height:auto; overflow:hidden; margin-bottom:20px;}
.web_about{width:100%; height:auto; overflow:hidden; line-height:24px;}
.web_about h4{font-size:18px; color:#1570a5;}