﻿*{margin: 0 ;padding: 0;list-style: none;}
body{ padding: 0; margin-top:0; color:white; background-color:#ffffff;}

.zhengwen {	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; LINE-HEIGHT: 22px; FONT-STYLE: normal; FONT-FAMILY: "Arial"} 

img{max-width: 100%;}
/*
img{
	display: block;
	margin: 0 auto;
	margin-top: 100px;
	}*/
#container{ float:left; clear:both; width:100%;padding: 0; border: none; margin:0 auto;overflow:hidden;z-index:-1;}

#wrapper{float: left;width: 100%;min-height: 500px;background:#fff;border:none;}

#head_banner{float: left;width: 54%;height: 140px;border: 1px solid white;}
#head_right{float: left; width: 24%S;height: 140px;border: 1px solid white;}
#navbar{float: left;width: 100%;height: 36px;border: 1px solid white;clear: both;background: white;}
#main{float: left;width: 100%;min-height: 10px;border: none;background: white;padding:60px 0 3px 0;}
#sidebar{float: left;width: 28%;min-height: 100px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content{float: left;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_picture{float: left;width: 100%;height:auto;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;padding:3px 0 3px 0;}
#content_intro{float: left;font-family: 微软雅黑, 宋体;clear:both;width: 100%;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_h2{float: left;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_product1{float: left;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_product2{float: left;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_product3{float: left;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_honor{float: left;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_apply{float: left;font-family: 微软雅黑, 宋体;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_news{float: left;font-family: 微软雅黑, 宋体;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_contact{float: left;width: 100%;min-height: 50px;border: none;display: inline-block;box-sizing:border-box;}
#content_customer{float: left;font-family: 微软雅黑, 宋体;width: 100%;min-height: 50px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_faq{float: left;font-family: 微软雅黑, 宋体;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#content_job{float: left;font-family: 微软雅黑, 宋体;width: 100%;min-height: 200px;border: 1px solid #DDD;display: inline-block;box-sizing:border-box;}
#footer{float: left;width: 100%;height: 100px;border: 1px solid white;clear: both;background: #006666;}

#headline{float: left;padding:2px 0 2px 5px; font-family:SimHei;}

@media only screen and (min-width: 100px) and (max-width: 640px) {
                #container{width: 100%;background: white;}
                #head_banner{display: none;}
                #head_right{display: none;}
                #sidebar{width: 100%;}
                #content{width: 100%;}
            }

h1{font-size:14px;color:#585858;text-align:center;}

#center{MARGIN-RIGHT:auto; MARGIN-LEFT:auto;}

A.al:link {	FONT-SIZE: 13px; COLOR: #35558a; FONT-FAMILY: "??"; TEXT-DECORATION: none}
A.al:visited {	FONT-SIZE: 13px; COLOR: #35558a; FONT-FAMILY: "??"; TEXT-DECORATION: none}
A.al:hover {	FONT-SIZE: 13px; COLOR: #35558a; FONT-FAMILY: "??"; TEXT-DECORATION: none}
A.al:active {	FONT-SIZE: 13px; COLOR: #35558a; FONT-FAMILY: "??"; TEXT-DECORATION: none}

A {	FONT-SIZE: 12px; COLOR: black; TEXT-DECORATION: none}
A:hover {	FONT-SIZE: 12px; COLOR: red; TEXT-DECORATION: none}
A.a2:link {	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "??"; TEXT-DECORATION: none}
A.a2:unknown {	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "??"; TEXT-DECORATION: none}
A.a2:hover {	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "??"; TEXT-DECORATION: none}
A.a2:active {	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "??"; TEXT-DECORATION: none}

.border {	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid}

A.E {	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif}
.title01 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: "??"; TEXT-DECORATION: none}
.title03 {	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: "??"}

.b-gray {  BORDER-BOTTOM: #AAAFB2 1px dotted}

.image_unit_all{margin:0 auto 0 auto; width:calc(100%-3px);clear:both;}
.image_unit_single{float:left;display: inline-block;text-align:center;border:solid 1px #eeeeee;border-radius:6px;box-shadow: 0px 2px 26px 0px rgb(0 0 0 / 6%);}
.image_unit_single_content{width:100%;height:85%;align:center;text-align:center;clear:both;padding:5px 0 5px 0;}
.image_unit_single_title{width:100%;height:15%;text-align:center;clear:both;}

.image_unit_single_image{max-width: 90%; max-height: 100%;}

@media screen and (min-width: 1201px) {.image_unit_single {width:calc(33.3% - 3px);height:16vw;} } /*浏览器宽度不小于1201px时*/ 
@media screen and (max-width: 1200px) {.image_unit_single {width:calc(33.3% - 3px);height:16vw;} } /*浏览器宽度不大于1200px时*/ 
@media screen and (max-width: 901px) {.image_unit_single {width:calc(50% - 3px);height:25vw;}} /*浏览器宽度不大于901px时*/ 
@media screen and (max-width: 650px) {.image_unit_single {width:calc(100% - 3px);height:50vw;} } /*浏览器宽度不大于500px时*/

.top li input[type='text']{border-bottom: 1px solid #000;border-left: none;border-top: none;border-right: none;outline: none;}
p{clear: both;}

.home { margin:0 auto 0 auto; width:100%; background:#FFFFFF; color:#000000; }
.homeheader {width:100%; height:50px;text-align:center; padding-top:25px;border:solid 1px #DDD;}
.homemain {width:100%; height:480px;text-align:center;}
.homemainleft{float:left; line-height: 28px;  font-size:13px; border-right:solid 1px #DDD;list-style-type: none; background:#FFFFFF; width:25%; text-align:center; FONT-FAMILY: "Arial"; box-sizing:border-box;}

.homemainright {float:left; width:75%; text-align:center;display: inline-block; box-sizing:border-box;background:#FFFFFF; }

.menuLevel1{clear:both; margin:0 auto 0 auto; width:100%; height:36px; line-height: 36px; list-style-type: none; background:#0879c9;box-sizing:border-box;position:fixed; top:57px; width:100%;}/*font-size无用，由A里决定着呢*/
.menuLevel1 ul li{height:36px; background:#0879c9;float:left; display:inline-block; box-sizing:border-box;}
.menuLevel1 ul li a{display: block; width: 100%; overflow:hidden;text-align:center; background:#0879c9;} 
.menuLevel1 ul li a:link {color:#FFF; text-decoration:none;} 
.menuLevel1 ul li a:visited {color:#FFF;text-decoration:none;} 
.menuLevel1 ul li a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;width:100%;} 

#header{float:left;width:100%;border: 1px solid white;height: 60px;padding:2px 5px 0 5px;background: white;box-sizing:border-box;position:fixed;top:0;}

.title_{display:block;text-align:center;color:#000;font-size:20px;float:left}

.text-center{text-align:center}

.pagesfoot{clear:both;float:top; width:100%; line-height:30px; border:0; text-align:center; margin:0 auto 0 auto;color:#ffffff; background-color:#0879c9;}
.pagesfoot ul li{text-align:center;}









