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

header{ width:94%; padding:0 3%; height:95px; line-height:55px; display:block; overflow:hidden;font-size:38px;}
.slogan{float:left;margin-top:30px;margin-left:90px;}
.subMenu{margin-top:30px;}


.logo{float:left;}
.subMenu{ color:#f00;float:right}
.subMenu a{ display:inline-block; padding:0 5px;color:#f00;}
.navBox{ width:100%; font-size:35px; background:rgb(3,37,100);padding:30px 0; overflow:hidden;}
.nav-title{ text-align:center; padding:30px 0; overflow:hidden;}
.nav{ width:100%; overflow:hidden;}
.nav-list{ width:101%; overflow:hidden;}
.nav-list li{ width:25%; height:45px;margin-top:10px; line-height:45px; text-align:center; float:left; background:url(../images/bd.png) no-repeat right center}
.nav-list li a{ padding:10px 15px 0; color:#FFF; text-shadow:2px 2px 1px #227fba;}
.nav-list li.bd{ width:4px; height:45px; background:url(../images/bd.png) no-repeat center;}

@media screen and (max-width: 479px) {
.nav-list li{ width:33.33%;}	
}

.searchBox{ position:relative; background:#f2f2f2;height:60px; padding:20px 4.5%; overflow:hidden;}
.search{ width:85%; height:60px; line-height:60px; border:0; position:absolute; top:20px; left:7%;}
.search_ipt{ width:100%;height:60px; line-height:60px; float:left; border:0; text-align:center; box-shadow:inset 0px 2px 3px #8c8c8c;font-size:30px;}
.search_btn{ width:52px; height:52px; background:url(../images/search_btn.gif) no-repeat; border:0;  position:absolute; top:4px; right:10px;}


.banner{ width:100%; height:auto;}
.banner img{ width:100%;}
.gg01{ padding:10px 0 6px 0;}
.gg01 img{ width:100%;}

.pro-list{ padding-bottom:6px; overflow:hidden;}
.pro-list li{ width:31.3%; float:left; margin:4px 1%;}
.pro-list li img{ width:100%;}
.proBox{height:2380px;overflow:hidden;}
.proMenu{ margin:0 10px; overflow:hidden;height:55px;}
#main0{height:320px;margin:0 auto;}
.proMenu li{ width:50%; height:60px; line-height:60px; text-align:center; color:#FFF; background:#2ca4f0; float:left; cursor:pointer;font-size:30px;}
.proMenu li:hover,.proMenu li.hover{ background:#297fb8 url(../images/menuOn.jpg) no-repeat bottom center;}
@media screen and (max-width: 479px) {
.proMenu li{height:40px; line-height:40px;}	
}
#tabBox_one_1{height:2380px;}
.tabBox{ padding:10px; overflow:hidden; background:#FFF; display:none;}
.proList{ padding:10px;overflow:hidden;}
.proList li {
    display: inline;
    float: left;
    margin: 3.5% 2% 0;
    overflow: hidden;
    text-align: center;
    width: 46%;
	height:550px;
}

.proList li img{
    border: 1px solid #ddd;
    margin-bottom: 4px;
	height:482px;
}
.proImg img{ width:99%;}
.proText{ width:65%; float:right;}
.proText h4{ font-weight:normal; line-height:30px; padding-bottom:20px; border-bottom:#CCC dashed 1px; overflow:hidden;}
.proText h5{ height:30px; line-height:30px; padding-top:10px; font-weight:normal;}
.proText h5 em{ text-decoration: line-through;}
.proText h5 span{ float:right; display:inline-block; background:#ed3410; color:#FFF; padding:0 10px;}


@media screen and (max-width: 479px) {
.proImg{ width:100%; float:none;}
.proText{ width:100%; float:none;}
}

.more{ height:54px; line-height:54px; background:#2ca4f0; text-align:center;}
.more a{ color:#FFF;}
.more img{ vertical-align:middle;}

.title01{ height:40px; line-height:40px; border:#CCC solid 1px; padding-left:15px;background:#FFF;font-size:30px;}
.honor{ padding:10px; overflow:hidden;}
.honorMaq{ border:#CCC solid 1px; border-top:0; padding-bottom:20px; position:relative; overflow:hidden; background:#FFF;}
.honor-list{ overflow:hidden;}
#honor{ width:80%; margin:0 10%; float:left;}
#honor li{ width:100%; float:left; display:none;}
#honor li.first{ display:block;}
#honor li img{ width:100%;}
#honor li p{ line-height:30px; font-size:0.9em; text-align:center;}
.prev{ max-width:40px; position:absolute; left:5%; margin-top:20%;}
.next{ max-width:40px; position:absolute; right:5%;margin-top:20%;}
.next img, .prev img{ width:100%;}

.aboutus{ padding:10px;overflow:hidden;}
.about{ padding:10px; border:#CCC solid 1px; border-top:0; font-size:0.9em; line-height:20px; background:#FFF;  color:#666; overflow:hidden;}
.about img{ width:18%; margin:0 5%;}

.more2{ float:right; font-size:0.9em; padding-right:10px;}
.jz-box{ clear:both; padding:10px; height:auto; overflow:hidden;}
.jz{ border:#CCC solid 1px;}
.jz-list{ border:#CCC solid 1px; border-top:0; background:#FFF; overflow:hidden;}
.jz-list li{ width:25%; float:left; margin:0;}
.jz-list li img{ width:99%; border:#E5E5E5 solid 1px; border-right:0; border-bottom:0;}

.sub_nav{ height:56px; line-height:56px; border:#CCC solid 1px; background:rgb(3, 37, 100); text-align:center; box-shadow:0px 1px 4px #aaaaaa;}
.sub_nav a{ display:block; width:33%; float:left; color:white; font-size:2em;}

.copy{ text-align:center; line-height:30px; padding:5px; font-size:1.4em;}