.banner {
	width: 100%; float: left;
}
.content {
	margin: 30px 0px; width: 100%; float: left;
}
.about {
	color: rgb(51, 51, 51); line-height: 30px; margin-bottom: 30px;
}
.about img {
	margin-top: 20px;
}
.contact1 {
	background: url("../img/page_09.png") no-repeat right; width: 100%; color: rgb(51, 51, 51); line-height: 36px; font-size: 18px; margin-top: 15px; margin-bottom: 30px; float: left;
}
.c2 {
	line-height: 36px; font-size: 18px;
}
.product {
	width: 100%; float: left;
}
.product ul li {
	margin: 10px; width: 270px; height: auto; text-align: center; overflow: hidden; float: left;
}
.product ul li img {
	width: auto; height: 256px; text-align: center; overflow: hidden; display: inline; max-width: 270px;
}
.product p {
	background: rgb(234, 80, 40); width: 100%; text-align: left; color: rgb(255, 255, 255); line-height: 45px; text-indent: 15px; font-size: 14px; float: left;
}
.product a:hover {
	font-weight: bold;
}
.l-top {
	background: url("../img/page_05.png") no-repeat left; color: rgb(255, 255, 255); line-height: 66px; text-indent: 30px; font-size: 24px; font-weight: bold;
}
@media all and (max-width:1000px)
{
.l-top {
	background: rgb(2, 98, 208);
}
}
.l-img {
	width: 100%; float: left;
}
.l-img img {
	width: 100%; margin-top: 10px;
}
.list1 {
	width: 100%; float: left;
}
.list {
	margin: 0px; padding: 0px;
}
.list li {
	width: 100%; line-height: 45px; text-indent: 30px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid;
}
.list > li.active-li > a {
	background: url("../img/page_09.png") no-repeat right 15px center rgb(2, 104, 229); color: rgb(255, 255, 255); display: block;
}
.list > li.active-li > ul > li.active-li > a {
	background: url("../img/page_09.png") no-repeat right 15px center rgb(57, 127, 232); color: rgb(255, 255, 255); display: block;
}
.list li a {
	background: url("../img/page_09.png") no-repeat right 15px center; color: rgb(51, 51, 51); font-size: 16px; border-bottom-color: rgb(234, 234, 234); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.list li a:hover {
	background: url("../img/page_09.png") no-repeat right 15px center rgb(0, 140, 255); color: rgb(255, 255, 255);
}
.list li ul {
	margin-left: 0px;
}
.list li ul li {
	background: none; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.list li ul li a {
	text-align: center; color: rgb(51, 51, 51); font-weight: normal;
}
.list li ul li a:hover {
	color: rgb(51, 51, 51);
}
.active-li a {
	background: url("../img/page_09.png") no-repeat right 15px center rgb(2, 104, 229); color: rgb(51, 51, 51); display: block;
}
.active-li li a {
	background: url("../img/page_09.png") no-repeat right 15px center rgb(238, 238, 238);
}
.active-li li a:hover {
	font-weight: bold;
}
.l-search {
	background: rgb(237, 237, 237); padding: 10px 20px 0px; width: 100%; margin-top: 30px; float: left;
}
.l-search h2 {
	text-align: left; color: rgb(102, 102, 102); font-size: 28px; font-weight: bold; padding-bottom:10px;
}
.l-input {
	border: 1px solid rgb(217, 217, 217); border-image: none; width: 100%; height: 38px !important; color: rgb(153, 153, 153); line-height: 38px; text-indent: 10px; margin-top: 20px;
}
.l-btn {
	background: rgb(0, 109, 224); border: currentColor; border-image: none; width: 100%; height: 38px !important; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 18px; margin-top: 20px;
}
.right {
	float: right;
}
.right-c img {
	margin: 0px auto; height: auto !important; display: block; max-width: 100%;
}
.r-up {
	width: 100%; color: rgb(51, 51, 51); line-height: 45px; text-indent: 20px; font-size: 18px; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 2px; border-bottom-style: solid; float: left; font-weight:bold;
}
.r-up span {
	color: rgb(102, 102, 102); font-size: 14px; float: right;
}
.r-up span a {
	color: rgb(102, 102, 102); line-height: 35px; font-size: 14px; font-weight: normal;
}
.r-up span a:hover {
	font-weight: bold;
}
.r-down {
	margin: 15px 0px; width: 100%; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; float: left;
}
.news {
	margin: 0px; padding: 0px;
}
.news li {
	width: 100%; line-height: 50px; text-indent: 10px; border-bottom-color: rgb(203, 204, 203); border-bottom-width: 1px; border-bottom-style: dotted; float: left;
}
.news li a {
	color: rgb(51, 51, 51); padding-left: 10px; display: block;
}
.news li a:hover {
	color: rgb(3, 128, 206);
}
.news span {
	color: rgb(153, 153, 153); padding-right: 10px; float: right;
}
.newsimg {
	padding: 10px 0px; width: 20%; height: auto; float: left;
}
.newsimg img {
	width: auto; height: auto; max-width: 100%;
}
.news-r {
	width: 78%; padding-left: 15px; float: right;
}
.newstitle {
	font-size: 16px;
}
.newstitle span {
	color: rgb(51, 51, 51); font-size: 24px;
}
.newstitle a {
	color: rgb(51, 51, 51); font-size: 16px; font-weight: bold;
}
.newstitle a:hover {
	color: rgb(0, 109, 224);
}
.newsdetail {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 14px;
}
.title {
	width: 100%; text-align: center; line-height: 30px; font-size: 16px; font-weight: bold; margin-bottom: 10px; border-bottom-color: rgb(203, 204, 203); border-bottom-width: 1px; border-bottom-style: dotted; float: left;
}
.news-show img {
	margin: 0px auto; max-width: 100% !important;
}
.honor {
	margin: 0px; padding: 0px; width: 100%;
}
.honor li {
	margin: 10px 0px; text-align: center; overflow: hidden;
}
.honor li img {
	margin: 0px auto; width: 250px; height: 200px; text-align: center; margin-top:10px; display: block; max-width: 100%; border: 1px solid rgb(199, 199, 199);
}
.honor li p {
	color: rgb(76, 76, 76); line-height: 30px; margin-top: 10px;
}
.honor li span {
	background: rgb(255, 255, 255); border: 1px solid rgb(3, 128, 206); border-image: none; color: rgb(3, 128, 206); line-height: 30px; margin-top: 10px; display: block;
}
.p-tittle {
	background: rgb(238, 238, 238); padding: 5px 15px; width: 100%; color: rgb(0, 109, 224); font-size: 18px; font-weight: bold; margin-top: 15px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.p-tittle span {
	float: right;
}
.p-tittle span a {
	font-size: 12px; font-weight: normal; display: block;
}
.p-tittle span a:hover {
	color: rgb(0, 109, 224);
}
.p-img {
	
}
.honor > li > img {
	transition:transform 0.1s; transform: translateZ(0px);
}
.s-link > li > img {
	transition:transform 0.1s; transform: translateZ(0px);
}
.honor li:hover {
	z-index: 1;
}
.s-link li:hover {
	z-index: 1;
}
.honor li a:hover > img {
	transition:transform 0.4s; transform: scale(1.1);
}
.s-link li a:hover > img {
	transition:transform 0.4s; transform: scale(1.1);
}
.cf::before {
	line-height: 0; display: table; content: "";
}
.cf::after {
	line-height: 0; display: table; content: "";
}
.cf::after {
	clear: both;
}
.p_intro {
	width: 100%; height: auto; float: left;
}
s .p_intro img {
	margin: 0px auto; width: 600px; height: auto !important; display: block; max-width: 100%;
}
.p_intro table td {
	border: 1px solid rgb(204, 204, 204); border-image: none;
}
.p_intro h2 {
	text-align: center; line-height: 24px; font-size: 16px; font-weight: bold; margin-top: 10px;
}
.p_t1 {
	background: url("../img/page_13.png") no-repeat left rgb(222, 222, 222); width: 100%; text-align: left; color: rgb(255, 255, 255); line-height: 35px; text-indent: 35px; font-size: 18px; margin-bottom: 15px; float: left;
}
.p_t2 {
	background: url("../img/page_17.png") no-repeat center; width: 100%; text-align: center; color: rgb(4, 83, 179); line-height: 35px; font-size: 18px; margin-top: 15px; margin-bottom: 15px; float: left;
}
.input-text {
	padding: 6px 12px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; height: 34px; color: rgb(85, 85, 85); line-height: 1.4285; font-size: 14px; display: block; background-image: none; background-color: rgb(255, 255, 255);
}
@media all and (min-width:767px)
{
.input-text {
	width: 70%;
}
}
.brief > h2 {
	padding-bottom: 15px; font-size: 24px; font-weight:bold; font-family: "微软雅黑", Helvetica, Arial, sans-serif; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.brief > p {
	margin-top: 20px; font-size:16px; line-height:35px;
}
.pdf {
	padding-top:10px; padding-bottom:10px; color: rgb(0, 109, 224); font-size: 20px; font-weight:bold;
}
.pdf i {
	padding-right: 5px;
}
.pdf a {
	color: rgb(0, 109, 224);
}
.pdf a:hover {
	color: rgb(0, 109, 224);
}
.zixun {
	width: 100%; margin-top: 20px; float: left;
}
.zixun ul li {
	text-align: center; line-height: 50px; font-size: 20px; float: left;
}
.zixun li a {
	padding: 0px 10px; display: block;
}
.zixun .fa {
	padding-right: 10px;
}
.z-l a {
	background: rgb(0, 109, 224); color: rgb(255, 255, 255);
}
.z-l a:hover {
	background: rgb(255, 255, 255); border: 1px solid rgb(0, 109, 224); border-image: none; color: rgb(0, 109, 224);
}
.z-r a {
	border: 1px solid rgb(0, 109, 224); border-image: none; color: rgb(0, 109, 224);
}
.z-r a:hover {
	background: rgb(0, 109, 224); color: rgb(255, 255, 255);
}
.z-tel {
	width: 100%; font-size: 16px; margin-top: 20px; float: left;
}
.z-tel i {
	padding-right: 5px;
}
.z-tel span {
	color: rgb(255, 0, 0); line-height: 40px; font-size: 30px;
}
.lighted {
	top: 0px; width: 44%; position: fixed; z-index: 9999999;
}
@media all and (max-width:767px)
{
.lighted {
	width: 100%;
}
}
.p-brief {
	width: 100%; float: left;
}
.p-link li {
	background: rgb(238, 238, 238); padding: 0px; text-align: center; line-height: 40px; float: left;
}
.p-link li a {
	font-size: 16px; border-top-color: rgb(238, 238, 238); border-top-width: 2px; border-top-style: solid; display: block;
}
.p-link li a:hover {
	background: rgb(255, 255, 255); color: rgb(0, 109, 224); border-top-color: rgb(0, 109, 224); border-top-width: 2px; border-top-style: solid; display: block;
}
#b1 {
	line-height: 30px;
}
#b1 {
	width: 100%; float: left;
}
#b2 {
	width: 100%; float: left;
}
#b3 {
	width: 100%; float: left;
}
#b1 > h2 {
	width: 100%; text-indent: 15px; padding-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
#b2 > h2 {
	width: 100%; text-indent: 15px; padding-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
#b3 > h2 {
	width: 100%; text-indent: 15px; padding-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.p-order > h2 {
	width: 100%; text-indent: 15px; padding-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.p-case {
	width: 100%; margin-top: 20px; float: left;
}
.p-case li {
	background: none !important; padding-top: 10px;
}
.p-case li p {
	width: 100%; text-align: center; color: rgb(0, 109, 224); line-height: 30px; font-size: 16px; float: left;
}
.p-case li img {
	margin: 0px auto; height: 180px; display: block; max-width: 100%; border: 1px solid rgb(199, 199, 199);
}
.p-order {
	width: 100%; float: left;
}
.p-order p {
	color: red; text-indent: 20px; padding-bottom: 10px; font-size: 14px;
}
.text-c {
	width: 100%; text-align: center; float: left; height:50px; font-size:16px; line-height:50px; margin-top:30px;
}
.control-label1 {
	background: url("../img/page_10_13.png") no-repeat 15px;
}
.bor {
	width: 100%; float: left;
}
.home_news_title li {
	float: left;
}
.normaltab {
	background: rgb(238, 238, 238); text-align: center; color: rgb(51, 51, 51); line-height: 50px; font-size: 16px;
}
.hovertab {
	background: rgb(255, 255, 255); text-align: center; color: rgb(0, 109, 224); line-height: 50px; font-size: 16px; border-top-color: rgb(0, 109, 224); border-top-width: 2px; border-top-style: solid;
}
.dis {
	padding: 15px; width: 100%; float: left; display: block;
}
.undis {
	display: none;
}
.yuangong {
	width: 100%; float: left;
}
.yuangong1 {
	margin-bottom: 25px; float: left; position: relative;
}
.yuangong2 {
	margin: 0px auto 15px; width: 100%; display: block;
}
.yuangl {
	margin: 0px auto; width: 100%; height: 140px; overflow: hidden; position: relative;
}
.nzuo1 {
	background: url("../img/index19.png") no-repeat center 48%; left: 0px; top: 7px; width: 28px; height: 100px; display: block; position: absolute;
}
.nyou2 {
	background: url("../img/index20.png") no-repeat center 48%; top: 7px; width: 28px; height: 100px; right: 0px; display: block; position: absolute;
}
.yuangl a.nzuo1:hover {
	background: url("../img/index21.png") no-repeat center 48%;
}
.yuangl a.nyou2:hover {
	background: url("../img/index22.png") no-repeat center 48%;
}
.yuangl1 {
	margin: 0px auto; width: 83%; height: 104px; overflow: hidden; position: relative;
}
.yuangl1 ul {
	width: 9999px; overflow: hidden; position: absolute; _zoom: 1;
}
.yuangl1 ul li {
	width: 175px; height: 104px; margin-right: 6px; float: left; display: block;
}
.yuangl1 ul li a {
	width: 173px; display: block;
}
.yuangl1 ul li a:hover {
	border: 2px solid rgb(230, 0, 18); border-image: none;
}
.yuangl1 ul li a.cur {
	border: 2px solid rgb(230, 0, 18); border-image: none;
}
.yuangl1 ul li a img {
	margin: 0px auto; width: auto; height: 100px !important; display: block; max-width: 100%;
}
@media all and (max-width:1200px)
{
.yuangl {
	height: 100px;
}
.yuangl1 ul li {
	width: auto; height: 98px;
}
.yuangl1 ul li a {
	width: auto;
}
.yuangl1 ul li a img {
	width: auto; height: 90px !important;
}
}
@media all and (max-width:768px)
{
.nzuo1 {
	height: 50px;
}
.nyou2 {
	height: 50px;
}
.yuangl {
	height: 50px;
}
.yuangl1 ul li {
	width: auto; height: 50px;
}
.yuangl1 ul li a {
	width: auto;
}
.yuangl1 ul li a img {
	width: auto; height: 46px !important;
}
}
.h-title {
	background: rgb(238, 238, 238); margin: 0px auto; width: 100%; text-align: center; color: rgb(0, 109, 224); line-height: 45px; font-size: 20px; font-weight: bold;
}
.dev_list {
	width: 100%; float: left;
}
.dev_list p {
	background: rgb(238, 238, 238); width: 100%; text-align: center; font-size: 16px; font-weight: bold; margin-top: 10px; float: left;
}
.dev_list ._list {
	width: 100%; float: left;
}
.dev_list ._list1 {
	width: 100%; float: left;
}
._list li {
	background: url("../img/line1.gif") repeat-y 16%; padding: 35px 0px 25px; width: 100%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; float: left;
}
._list1 li {
	background: url("../img/line1.gif") repeat-y 30%; padding: 35px 0px 25px; width: 100%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; float: left;
}
.dev_list li .info {
	width: 77%; float: right;
}
.dev_list li .info1 {
	width: 66%; line-height: 35px; font-size: 16px; float: right;
}
.dev_list li .info .txt {
	line-height: 35px;
}
.dev_list li .info .img {
	width: 50%; height: auto;
}
.dev_list li .info .img img {
	width: 100%; height: auto;
}
.dev_list li .date {
	width: 12%; text-align: right; color: rgb(0, 109, 224); font-size: 20px; font-weight: bold; margin-right: 15px; float: left;
}
.dev_list li .date1 {
	width: 26%; text-align: right; color: rgb(0, 109, 224); font-size: 18px; font-weight: bold; margin-right: 15px; float: left;
}
.date:hover {
	
}
.dev_list li .foot {
	background: rgb(255, 255, 255); border-radius: 50%; border: 2px solid rgb(30, 150, 216); border-image: none; left: 17%; width: 16px; height: 16px; margin-top: 8px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.dev_list li .foot1 {
	background: rgb(255, 255, 255); border-radius: 50%; border: 2px solid rgb(30, 150, 216); border-image: none; left: 30%; width: 16px; height: 16px; margin-top: 8px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
}
.dev_list li.li02 .info {
	width: 48%; text-align: right; float: left;
}
.dev_list li.li02 .info .img {
	width: 50%; height: auto; float: right;
}
.dev_list li.li02 .date {
	width: 43%; text-align: left; font-size: 20px; font-weight: bold; margin-right: 0px; float: right;
}
.dev_list li.li02 .foot {
	background: url("../img/foot1.gif") no-repeat; left: 50%;
}
@media all and (max-width:767px)
{
.dev_list li .foot {
	background: none;
}
.dev_list li {
	background: url("../img/line1.gif") repeat-y 15%;
}
._list1 li {
	background: url("../img/line1.gif") repeat-y 30%; padding: 35px 0px 25px; width: 100%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted; float: left;
}
.info1 img {
	width: 100% !important; height: auto !important;
}
}
.history_box {
	width: 100%;
}
.time_box {
	margin: 0px auto; width: 92% !important;
}
.s-brief {
	margin: 20px 0px; width: 100%; text-align: center; float: left;
}
.s-brief h2 {
	color: rgb(2, 92, 194); font-size: 24px; font-weight: bold;
}
.s-brief p {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 18px;
}
.s-link {
	width: 100%; float: left;
}
.s-link li {
	text-align: center; overflow: hidden;
}
.s-link li img {
	margin: 0px auto; width: 100%;
}
.s-link p {
	margin: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); line-height: 55px; padding-right: 15px; font-size: 24px; font-weight: bold; float: left; position: absolute; z-index: 99999;
}
.grow {
	width: 100%; margin-top: 20px; float: left;
}
.grow li {
	background: rgb(243, 243, 243); float: left;
}
.g-img {
	padding: 0px;
}
.grow li .g-img {
	float: left;
}
.grow li .g-con {
	float: right;
}
.grow .li02 .g-img {
	float: right;
}
.grow .li02 .g-con {
	float: left;
}
.g-con h2 {
	color: rgb(1, 162, 234); font-size: 30px;
}
.hr {
	width: 100%; margin-top: 20px;
}
.hr li {
	padding: 10px 15px; float: left;
}
.hr li img {
	width: 100%;
}
.hr-title {
	text-align: center; color: rgb(51, 51, 51);
}
.hr-title span {
	font-size: 24px; font-weight: bold;
}
.hr-title p {
	line-height: 30px; padding-top: 10px;
}
.h-detail {
	background: rgb(238, 238, 238); padding: 20px;
}
.h-detail h2 {
	color: rgb(1, 105, 160); line-height: 30px; padding-bottom: 15px; font-size: 24px; font-weight: bold; margin-top: 0px; border-bottom-color: rgb(1, 105, 160); border-bottom-width: 1px; border-bottom-style: solid;
}
.h-detail p {
	color: rgb(51, 51, 51); font-size: 14px;
}
.job {
	margin: 0px; padding: 20px; width: 100%; float: left;
}
.job_t {
	font-size: 16px; font-weight: bold; border-bottom-color: rgb(211, 211, 211) !important; border-bottom-width: 4px !important; border-bottom-style: solid !important;
}
.job li {
	width: 100%; text-align: center; line-height: 42px; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.job li:hover {
	background: rgb(238, 238, 238);
}
.job li a:hover {
	font-weight: bold;
}
.zhiwei {
	color: rgb(1, 105, 160);
}
.zhiwei :hover {
	font-weight: bold;
}
.jobshow {
	padding: 0px 20px;
}
.jobshow p {
	padding-bottom: 15px; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid;
}
.jobshow h2 {
	font-size: 20px;
}
.jqzoom {
	max-width: 100% !important;
}
#BigImage {
	border: 1px solid rgb(238, 238, 238); border-image: none; width: 70%; height: auto; margin-left: 90px;
}
.zoomDiv {
	background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; left: 0px; top: 0px; width: 450px; height: 450px; text-align: center; overflow: hidden; display: none; position: absolute; z-index: 999;
}
.zoomMask {
	background: url("/images/mask.png") 0px 0px; position: absolute; z-index: 1; cursor: move;
}