﻿@import url("common.css");
@media only screen and (min-width: 992px) {
	body {background:url(../images/bg_body1.jpg) top repeat-x #fff;}
	.container {background:url(../images/bg_html.jpg) bottom repeat-x;}
	.procont {background:url(../images/bg_body1.jpg) top repeat-x #f9f9f9;}
	.pagehead {height:493px;}
	.fullSlide {min-width: 1200px; width:100%; left:0; position:absolute; top:173px; height: 320px;overflow: hidden; background: #ececec;}
	.fullSlide .bd {position: relative;z-index: 0;}
	.fullSlide .bd ul {width: 100%;}
	.fullSlide .bd li {width: 100%;height: 320px;overflow: hidden;text-align: center;}
	.fullSlide .bd li a {display: block;height: 320px;line-height: 320px;overflow: hidden;text-indent: 999em;}
	.fullSlide .hd {width: 1200px;left: 50%;margin-left: -600px;bottom: 30px;position: absolute;z-index: 1;overflow: hidden;}
	.fullSlide .hd ul {width: 88px;height: 10px;margin: 0 auto;}
	.fullSlide .hd ul li {float: left;height: 10px;width: 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: 1px #fff solid;margin: 0 5px;display: inline;cursor: pointer;filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}
	.fullSlide .hd .on {background: #fff;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
	.fullSlide .prev, .fullSlide .next {position: absolute;left: 3%;top: 50%;margin-top: -45px;display: block;width: 50px;height: 90px;background: url(../images/bg_3.png) 0 0 no-repeat; z-index:1001;}
	.fullSlide .next {left: auto;right: 3%;background-position: 0 -90px;}
	.fullSlide .prev:hover, .fullSlide .next:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
	.fullSlide .swiper-words {position:absolute; width:100%; text-align:center; top:60px; z-index:888;}
	.fullSlide .swiper-words span {font-size:36px; font-weight:bold; color:#fff; text-align:center; display:block; width:100%;}
	.fullSlide .swiper-words font {font-size:16px; color:#fff; text-align:center; margin:0 auto; margin-top:30px; width:580px; display:block; line-height:250%;}
	.fullSlide .swiper-words .banurl {display:none;}
	
	.pleft {width:245px; float:left; padding:12px 0;}
	.pmain {width:920px; float:right; padding:12px 0;}
	
	.pleft dl dt {height:42px; line-height:42px; font-size:18px; color:#fff; background-color:#0082d0; padding-left:15px;}
	.pleft dl dd {font-size:12px; color:#000; border-bottom:1px solid #CCC; line-height:42px; }
	.pleft dl dd a {padding-left: 25px; background: url(../images/i10.gif) no-repeat 0 18px; display:block;}
	.pleft dl dd a:hover {color:#fff; background: url(../images/i13.gif) no-repeat 0 18px #3883ff;}
	.pleft dl dd:last-child {border:none;}
	.pleft dl:last-child dd {border:none; line-height:28px;}
	.pleft dl:last-child dt {margin-bottom:5px;}
	
	.pbar {height:42px; line-height:42px; font-size:18px; color:#666; border-bottom:1px solid #dbd4cd; }
	.pbar span {font-size:14px; float:right; color:#000; }
	.mbar {display:none;}
	
	.cbody {margin:15px 0 6px 0;}
	.cbody p {float:none; margin:6px 0; }
	.cbody p img {max-width:985px; width: expression(this.width > 985 && this.width > this.height ? 985px : 'auto'; ); }
	.cbody .smlpic {float:left; margin-right:30px; }
	.cbody ul.tinfo {float:left; width:566px;}
	.cbody ul.tinfo li {padding-bottom:22px; ; }
	.cbody ul.tinfo li.title {font-size:24px; padding-bottom:28px; }
	
	
	.cbody .itit2 {position:relative; text-align:left; width:100%; height:58px;}
	.cbody .itit2 span {display:block; width:100%; margin-top:20px; border-top:1px solid #d9d9d9; position:absolute; top:10px; z-index:10;}
	.cbody .itit2 font {position:absolute; top:18px; font-size:18px; font-weight:bold; background-color:#fff; padding-right:10px; float:left; z-index:11;}
	
	.marqueeleft{width:920px;overflow:hidden;margin:0 auto;}
	.marqueeleft ul{float:left;}
	.marqueeleft li {float:left; margin:0 7px; overflow:hidden; text-align:center; background-color:#fff}
	.marqueeleft li img {width:240px; height:150px;}
	
	.newslist li{ overflow:hidden; width:100%; padding:20px 0; border-bottom:1px dotted #dbd4cd;}
	.newslist li p {line-height:28px;}
	.newslist .time{ float:left; width:60px;}
	.newslist .conts{ float:right; width:845px;}
	.newslist .day,.newslist .date{ background-color:#eae6e2;display:block; text-align:center; font-family:Arial; }
	.newslist .day{ height:42px; line-height:42px; border-bottom:1px solid #fff; color:#000; font-size:30px;}
	.newslist .date{ height:18px; line-height:18px; font-size:10px;}
	.newslist  h3{padding-bottom:5px; font-size:14px; color:#757575;}
	.newslist .more{ margin-left:8px;}
	
	ul.prolist { margin:0 auto;}
	ul.prolist li {float:left; width:280px; text-align:center; margin-right:40px; position:relative; height:250px;}
	ul.prolist li:nth-child(3n) {margin-right:0;}
	ul.prolist li img.smlpic {width:280px; height:200px; -webkit-transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; transition:all .2s;  position:absolute; left:0; top:0;}
	ul.prolist li a {color:#666666;}
	ul.prolist li font.sbg {position:absolute; filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; width:280px; height:200px; background:url(../images/bg_caseblack.png); top:0; left:0; font-size: 16px; line-height: 30px; color:#fff;transition: all 0.6s ease 0s;}
	ul.prolist li font.stit {position:absolute; filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; width:280px; height:63px; line-height:61px; top:60px; left:0; font-size: 16px; color:#fff;transition: all 0.6s ease 0s;}
	ul.prolist li font.stit i {display: inline-block;width: 100px; height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;transition: all 0.6s ease 0s;}
	ul.prolist li font.stit i.lineb {bottom: 0;}
	ul.prolist li a:hover font.sbg,ul.prolist li a:hover font.stit  {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
	ul.prolist li a:hover font.stit i { width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60);}
	ul.prolist li a:hover img.smlpic {width:308px; height:220px; position:absolute; left:-14px; top:-10px;}
	ul.prolist li a.pica {display:block; height:200px; width:280px; overflow:hidden; position:absolute;}
	ul.prolist li a.tit {display:block; width:280px; overflow:hidden;height: 22px; overflow: hidden; position:absolute; top:212px; font-size:16px; text-align:center; color:#000;}
	ul.prolist li a.tit img {float:right; margin-top:7px; display:none;}
	
	.cbody #pics {padding:0 20px; }
	.cbody #pics img {margin:5px; }
	.cbody {padding-bottom:30px;}
	.cbody h2.title {line-height:26px; padding:10px 0; text-align:center; font-size:24px}
	.cbody #smallpic {padding:10px; text-align:center; }
	.cbody .infos {height:30px; line-height:30px; color:#666; text-align:center}
	.cbody #content,.cbody .content {text-align:left;color:#333; line-height:200%; padding:12px 0; height:auto; overflow:hidden;}
	.cbody #content img {max-width:925px; width: expression(this.width > 925 && this.width > this.height ? 925px : 'auto';);}
	.cbody #content h4 {padding:5px 0; margin:0; }
	.cbody #content ul {border:1px solid #D9D9D9; margin:0; padding:0; }
	.cbody #content ul li {width:172px; float:left; }
	.cbody #content hr {border:0; border-bottom:1px #CCCCCC dashed; margin:12px 0 20px 0; width:100%; clear:both; }
	.cbody .close_div {float:left; text-align:center; height:30px; line-height:22px; margin:40px 0 0 320px}
	
	.tbody table {border-top:1px solid #999; border-left:1px solid #999; }
	.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px; }
	.lbody table tr td {padding:3px 5px; }
	.lbody table tr td input[type="text"],.lbody table tr td textarea,.lbody table tr td select {padding:6px 4px; width:320px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.lbody table tr td select {width:330px;}
	.lbody table tr td input[type="submit"] {width:330px; border:none; background-color:#9d9d9d; color:#fff; font-size:14px; padding:6px 0;}
	.lbody table tr td input[type="submit"]:hover {filter:alpha(Opacity=80); -moz-opacity:0.8;opacity: 0.8; cursor:pointer; }
	
	.dede_pages {height:52px; line-height:52px; padding:10px 0; width:100%; text-align:center; margin:0; }
	.dede_pages a {padding:4px 10px; text-align:center; background-color:#efefef; color:#949494; margin-left:5px; }
	.dede_pages a.current,.dede_pages a:hover {background-color:#0097dc; color:#fff; padding:4px 10px; text-align:center; margin-left:5px; }
	.dede_pages span.disabled {background-color:none; margin-left:5px; color:#949494; }
	
	.pnstr {line-height:200%; padding:20px 0 35px 0; text-align:left; }
	
	
	
	.joblist li {height:70px; width:100%; padding:15px 0; border-bottom:1px solid #dbd4cd; position:relative; }
	.joblist li p {line-height:28px; }
	.joblist .btn {float:right; width:112px; text-align:right; }
	.joblist .btn input {background-color:#fff; border:1px solid #ccc; padding:8px 15px; margin-top:15px; }
	.joblist .conts {float:left; width:calc(100% - 112px); color:#666; }
	.joblist .conts .time {text-align:right; }
	.joblist  h4 {padding:6px 10px 10px 0; font-size:16px; font-weight:normal; color:#222; }
	.joblist  h4 span {font-size:13px; color:#888; margin-left:10px; }
	.joblist .more {margin-left:8px; }
	.joblist li .show {position:absolute; width:460px; padding:20px; margin-left:150px; z-index:1111; background-color:#ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; display:none; bottom:-150px; }
	.joblist li .show dt {padding-bottom:15px; }
	.joblist li .show dt img {cursor:pointer;}
	.joblist li .show dd {line-height:200%; color:#666; padding:8px 0; overflow:hidden; font-size:12px; border-top:1px dotted #CCCCCC; }
	.joblist li .show dd.content_2 {display:block; margin-bottom:6px; height:200px; }
	.joblist li .show dt img {position:absolute; right:18px;}
}


@media only screen and (max-width: 991px) {
	body {background:url(../images/bg_body1.jpg) top repeat-x #fff;}
	.procont {background:url(../images/bg_body1.jpg) top repeat-x #f9f9f9;}
	.fullSlide {width:100%; left:0; position:absolute; top:121px; height: 320px;overflow: hidden; background: #ececec;}
	.fullSlide .bd {position: relative;z-index: 0;}
	.fullSlide .bd ul {width: 100%;}
	.fullSlide .bd li {width: 100%;height: 320px;overflow: hidden;text-align: center;}
	.fullSlide .bd li a {display: block;height: 320px;line-height: 320px;overflow: hidden;text-indent: 999em;}
	.fullSlide .hd {width: 100%;bottom: 30px;position: absolute;z-index: 1;overflow: hidden;}
	.fullSlide .hd ul {width: 88px;height: 10px;margin: 0 auto;}
	.fullSlide .hd ul li {float: left;height: 10px;width: 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: 1px #fff solid;margin: 0 5px;display: inline;cursor: pointer;filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}
	.fullSlide .hd .on {background: #fff;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
	.fullSlide .prev, .fullSlide .next {position: absolute;left: 3%;top: 50%;margin-top: -22px;display: block;width: 25px;height: 45px;background: url(../images/bg_3.png) 0 0 no-repeat; background-size:25px 90px; z-index:1001;}
	.fullSlide .next {left: auto;right: 3%;background-position: 0 -45px;}
	.fullSlide .prev:hover, .fullSlide .next:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
	.fullSlide .swiper-words {position:absolute; width:100%; text-align:center; top:60px; z-index:888;}
	.fullSlide .swiper-words span {font-size:18px; font-weight:bold; color:#fff; text-align:center;}
	.fullSlide .swiper-words font {font-size:14px; color:#fff; text-align:center; margin:0 50px; margin-top:30px; display:block; line-height:250%;}
	.fullSlide .swiper-words .banurl {display:none;}
	
	.pleft {width:180px; left:-100px; position:absolute; display:none;}
	.pmain {width:100%;}
	
	.pbar {height:48px; display:none; line-height:48px; font-size:22px; color:#666; border-bottom:1px solid #dbd4cd; }
	.pbar span {font-size:16px; float:right; color:#000; }
	.mbar {color: #3d85c6; font-size:24px; text-align:center; padding:30px 0 30px 0; background:url(../images/1_l0ls.png) bottom no-repeat;}
	
	.cbody {margin:0; }
	.cbody p {float:none; margin:6px 0; }
	.cbody p img {max-width:985px; width: expression(this.width > 985 && this.width > this.height ? 985px : 'auto'; ); }
	.cbody .smlpic {width:100%; text-align:center;}
	.cbody ul.tinfo {width:calc(100% - 10px); margin:20px 10px 0 10px; text-align:left;}
	.cbody ul.tinfo li {padding-bottom:22px;}
	.cbody ul.tinfo li.title {font-size:24px; padding-bottom:28px; text-align:center;}
	.cbody .itit2,.marqueeleft{display:none;}
	
	.newslist li{ overflow:hidden; margin:0; padding:20px 10px; border-bottom:1px dotted #dbd4cd; text-align:left;}
	.newslist li p {line-height:20px; color:#999;}
	.newslist .time{ float:left; width:60px;}
	.newslist .conts{ float:right; width:calc(100% - 80px); height:90px; overflow:hidden;}
	.newslist .day,.newslist .date{ background-color:#eae6e2;display:block; text-align:center; font-family:Arial; }
	.newslist .day{ height:42px; line-height:42px; border-bottom:1px solid #fff; color:#000; font-size:30px;}
	.newslist .date{ height:18px; line-height:18px; font-size:10px;}
	.newslist  h3{padding-bottom:5px; font-size:14px; color:#757575; line-height:20px}
	.newslist .more{ margin-left:8px;}
	
	ul.prolist {margin:0 0 0 10px;}
	ul.prolist li {float:left; margin:0 10px 0 0; line-height:48px; width:calc(50% - 10px); text-align:center;}
	ul.prolist li a {display:block; width:100%; height:100%; color:#333;}
	ul.prolist li a.tit {line-height:24px; padding:12px 0;}
	ul.prolist li a img.piccourese {float:right; width:50%;}
	ul.prolist li a span {font-size:14px; margin:15px 0 15px 10px; text-align:left; display:block; float:left; width:calc(50% - 10px);}
	ul.prolist li a font {display:none;}
	ul.prolist li a i.picmore {display:none;}
	
	ul.piclist {margin:0;}
	ul.piclist li {float:left; margin:0 10px 10px 0; width:calc(50% - 10px); text-align:center; line-height:32px;}
	ul.piclist li img {width:160px; height:116px; display:block; margin:0 auto;}
	
	.cbody h2.title {line-height:26px; padding:10px 0; text-align:center; font-size:16px}
	.cbody #smallpic {padding:10px; text-align:center; }
	.cbody #infos {height:30px; line-height:30px; color:#666; text-align:center}
	.cbody #content,.cbody .content {text-align:left;color:#333; line-height:200%; padding:12px 0; }
	.cbody #content h4 {padding:5px 0; margin:0; }
	.cbody #content img {max-width:calc(100% - 20px);}
	.cbody .content img {max-width:calc(100% - 20px);}
	.cbody #content ul {border:1px solid #D9D9D9; margin:0; padding:0;}
	.cbody #content ul li {width:172px; float:left; }
	.cbody #content hr {border:0; border-bottom:1px #CCCCCC dashed; margin:12px 0 20px 0; width:100%; clear:both; }
	.cbody .close_div {float:left; text-align:center; height:30px; line-height:22px; margin:40px 0 0 320px}
	
	.tbody table {border-top:1px solid #999; border-left:1px solid #999; }
	.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px; }
	.lbody table tr td {padding:3px 5px; }
	.lbody table tr td input[type="text"],.lbody table tr td textarea,.lbody table tr td select {padding:6px 4px; width:220px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.lbody table tr td select {width:230px;}
	.lbody table tr td input[type="submit"] {width:230px; border:none; background-color:#9d9d9d; color:#fff; font-size:14px; padding:6px 0;}
	.lbody table tr td input[type="submit"]:hover {filter:alpha(Opacity=80); -moz-opacity:0.8;opacity: 0.8; cursor:pointer; }
	
	.cbody .logolist {margin:0; }
	.cbody .logolist img {height:100px; float:left; margin:4px; border:1px solid #EBEBEB; padding:2px; }
	
	.cbody #small {width:250px; float:left; margin-top:15px; height:210px; overflow:hidden; }
	.cbody #small img {margin-bottom:8px; }
	.cbody #intro {width:360px; float:left; margin-left:20px; margin-top:15px; height:210px; overflow:hidden; }
	.cbody #intro ul {margin-top:10px; }
	.cbody #intro ul li {line-height:32px; }
	.cbody #intro ul li a.order {display:block; height:36px; width:120px; text-align:center; background-color:#e23839; font-size:16px; color:#fff; margin-top:6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-decoration:none; }
	.cbody #intro ul li a.order:hover {background-color:#cd2526; }
	.cbody #procontact {width:220px; border:1px solid #E4E4E4; padding:15px; height:170px; overflow:hidden; line-height:200%; background-color:#F6F6F6; float:right; }
	.cbody #cbar {margin:0; height:40px; padding:0; color:#000; background-color:#eaeaea; border:1px solid #eaeaea; margin-top:10px; line-height:40px; }
	.cbody .content {line-height:200%; padding:20px 10px; }
	.cbody .imcont {padding-bottom:10px;}
	.cbody #imap {width:100%; margin:0; height:220px;}
	.cbody #content {line-height:200%; padding:0; }
	
	.cbody #cbar span {display:block; cursor:pointer; line-height:40px; border-left:1px solid #fff; float:left; padding:0 20px; }
	.cbody #cbar span:nth-child(1) {border:none; }
	.cbody #cbar span.on {background-color:#fff; }
	.cbody h1.title {font-size:24px; font-family:'微软雅黑'; font-weight:normal; text-align:center; padding:20px 0 10px 0; }
	.cbody .infos {font-size:13px; color:#666; border-bottom:1px dotted #CCC; text-align:center; line-height:42px; padding-bottom:10px; }
	.cbody .infos a {color:#0080C0; margin-right:10px; }
	.cbody .infos font {margin-left:10px; font-size:13px; }
	
	.dede_pages {line-height:52px; padding:10px 0 30px 0; width:100%; text-align:center; margin:0; }
	.dede_pages a {padding:8px 25px; text-align:center; background-color:#3d85c6; color:#fff; margin:0 5px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
	.dede_pages a:not(.mpage) {display:none;}
	.dede_pages span.disabled {background-color:none; margin-left:5px; color:#949494; display:none;}
	
	.pnstr {line-height:200%; padding:20px 0 35px 0; text-align:center; }
	.pnstr a font {display:none;}
	.pnstr a {padding:8px 25px; text-align:center; background-color:#3d85c6; color:#fff; margin:0 5px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
	.pnstr a strong {font-weight:normal;}
	
	.joblist li {height:70px; margin:0; padding:15px 10px; border-bottom:1px solid #dbd4cd; position:relative; }
	.joblist li p {line-height:28px; }
	.joblist .btn {float:right; width:112px; text-align:right; }
	.joblist .btn input {background-color:#fff; border:1px solid #ccc; padding:8px 15px; margin-top:15px; }
	.joblist .conts {float:left; color:#666; }
	.joblist .conts .time {text-align:right; }
	.joblist  h4 {padding:6px 10px 10px 0; font-size:16px; font-weight:normal; color:#222; }
	.joblist  h4 span {font-size:13px; color:#888; margin-left:10px; }
	.joblist .more {margin-left:8px; }
	.joblist li .show {position:absolute; width:calc(100% - 60px); padding:20px; z-index:122; background-color:#ffffff; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; display:none; bottom:-150px; }
	.joblist li .show dt {padding-bottom:15px; }
	.joblist li .show dd {line-height:200%; color:#666; padding:8px 0; overflow:hidden; font-size:12px; border-top:1px dotted #CCCCCC; }
	.joblist li .show dd.content_2 {display:block; margin-bottom:6px; height:200px; }
	.joblist li .show dt img {position:absolute; right:18px;}
}