body {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
dl {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
dt {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
dd {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
ul {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
ol {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
li {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
h1 {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
h2 {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
h3 {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
h4 {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
h5 {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
h6 {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
pre {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
form {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
fieldset {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
input {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
textarea {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
p {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
th {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
td {
	margin: 0px; padding: 0px; font-family: "Microsoft Yahei";
}
table {
	border-collapse: collapse; border-spacing: 0;
}
img {
	border: 0px currentColor; border-image: none;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
body {
	font-family: "Microsoft Yahei";
}
.wrap {
	padding-top: 80px; min-width: 1000px;
}
.span10 {
	max-width: 1200px;
}
.top {
	background: rgb(255, 255, 255); top: 0px; width: 100%; height: 80px; line-height: 80px; overflow: hidden; position: fixed; z-index: 50; min-width: 1000px; box-shadow: 0px 0px 5px #000;
}
.top .logo {
	width: 18%; line-height: 0; float: left;
}
.top .logo a {
	width: 100%; height: 80px; vertical-align: middle; display: table-cell;
}
.top .logo img {
	width: 260px; max-width: 549px;
}
.top nav {
	padding: 0px 0px 0px 5%; width: 60%; font-size: 14px; float: left;
}
.top nav li {
	margin-right: 0.2%; float: left;
}

/*bootstrap自带*/
/* .top nav li a {
	padding: 0px 15px; 
	transition:0.4s; 
	height: 30px; 
	color: rgb(45, 45, 45); 
	line-height: 30px;
	display: inline-block; 
	white-space: nowrap; 
	-moz-transition: 0.4s; 
	-webkit-transition: 0.4s; 
	-o-transition: 0.4s;
} */
/*兼容 重新定义*/
.top nav li a 
{
	padding: 0px 10px; 
	transition:0.4s; 
	height: 30px; 
	font-size:14px;
	color: rgb(45, 45, 45); 
	line-height: 30px;
	display: inline-block; 
	white-space: nowrap; 
	-moz-transition: 0.4s; 
	-webkit-transition: 0.4s; 
	-o-transition: 0.4s;
	
}

.top nav li a:hover {
	background: rgb(39, 41, 43); border-radius: 15px; color: rgb(255, 255, 255);
}
.top nav li .active {
	background: rgb(39, 41, 43); border-radius: 15px; color: rgb(255, 255, 255);
}
.top .phone {
	background: url("../images/phones.png") no-repeat right / 100%; width: 16%; height: 100%; float: right; margin-top:5px;
}
.top .phone img { width:100%; }
@media all and (max-width:1630px)
{
.top nav li a {
	padding: 0px 10px; font-size:14px;
}
}
@media all and (max-width:1450px)
{
.top nav li {
	margin-right: 0.2%;
}
.top nav li a {
	padding: 0px 10px; font-size:14px;
}
}
@media all and (max-width:1380px)
{
.wrap {
	padding-top: 122px;
}
.top {
	background-position: right -10%; height: auto; line-height: 60px;
}
.top .logo a {
	height: 60px;
}
.top .logo {
	width: 100%;
}
.top nav {
	background: rgb(221, 221, 221); padding: 0px; width: 100%; text-align: center; clear: both; float: none;
}
.top nav ul {
	margin: 0px auto; width: 100%; text-align: center;
}
.top nav li {
	margin-right: 10px; float: none; display: inline-block;
}
.top nav li a {
	padding: 0px 15px;
}
.top .phone {
	top: 0px; width: 20%; height: 80px; right: 0px; position: absolute;
}
}
@media all and (max-width:1000px)
{
.top {
	background-position: right -10%; background-size: 35%;
}
.top .logo {
	width: 40%;
}
.top nav li {
	margin-right: 0px; float: none; display: inline-block;
}
.top .phone {
	width: 25%; height: 60px;
}
}
footer .foot_top {
	background: rgb(51, 52, 56); width: 100%; min-height: 275px;
}
.foot_top .content {
	padding: 50px 0px; color: rgb(191, 191, 191);
}
.foot_top .mes {
	line-height: 40px; margin-top: -8px; float: left;
}
.foot_top .erwm {
	padding: 0px 0px 0px 6%; float: left;
}
.foot_top .erwm p {
	padding-bottom: 18px;
        font-size: 14px;
}
.foot_top .erwm img {padding-left: 15px;float: left;}
.foot_nav {
	width: 50%; float: right;
}
.foot_nav dl {
	padding-right: 15%; float: left;
}
.foot_nav dl:last-of-type {
	padding-right: 0px;
}
.foot_nav dt {
	padding-bottom: 30px;
}
.foot_nav dd {
	line-height: 30px; font-size: 14px;
}
.foot_nav dd a {
	color: rgb(126, 126, 126); display: block;
}
.foot_nav dd a:hover {
	color: rgb(255, 255, 255);
}
footer .content {
	margin: 0px auto !important; float: none !important;
}
.foot_bot {
	background: rgb(33, 33, 36); padding: 15px 0px 5px; color: rgb(125, 125, 125); font-size: 12px;
}
.foot_bot a {
	color: rgb(125, 125, 125);
}
.foot_bot a:hover {
	color: rgb(255, 255, 255);
}
@media all and (max-width:1000px)
{
.foot_top .content {
	padding: 30px 10px;
}
.foot_top .erwm {
	float: right;
}
.foot_nav {
	width: 100%; padding-top: 20px; clear: both;
}
.foot_bot p {
	float: none !important;
}
}
#gotoTop {
	background: url("../images/top1.png"); width: 50px; height: 50px; right: 30px; bottom: 50px; margin-top: -50px; margin-left: 520px; display: none; position: fixed; cursor: pointer;
}
#gotoTop {
	_position: absolute;
}
.hover#gotoTop {
	background: url("../images/top2.png");
}
.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}
.rslides {
	margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border: 0px currentColor; border-image: none; width: 100%; height: auto; float: left; display: block;
}
.slide_container {
	width: 100%; float: left; position: relative;
}
.slide {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.slide li {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.slide img {
	border: 0px currentColor; border-image: none; width: 100%; height: auto; display: block; position: relative; z-index: 1;
}
.slide .caption {
	background: rgba(0, 0, 0, 0.8); margin: 0px; padding: 10px 20px; left: 0px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 20px; display: block; position: absolute; z-index: 2; max-width: none; text-shadow: none;
}
.slide_nav {
	background: url("../images/bannerbtn.png") no-repeat left top; left: 0px; top: 38%; width: 50px; height: 124px; text-indent: -9999px; overflow: hidden; text-decoration: none; position: absolute; z-index: 3; opacity: 0.7; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slide_nav:active {
	opacity: 1;
}
.next.slide_nav {
	background-position: right top; left: auto; right: 0px;
}
.slide_tabs {
	left: 48.2%; bottom: 25px; position: absolute; z-index: 4;
}
.slide_tabs li {
	margin-right: 10px; float: left;
}
.slide_tabs li a {
	background: rgb(218, 222, 233); border-radius: 50%; width: 8px; height: 8px; color: rgb(218, 222, 233); overflow: hidden; display: inline-block;
}
.slide_tabs .slide_here a {
	background: rgb(75, 75, 75); color: rgb(75, 75, 75);
}
.main .title {
	text-align: center;
}
.main .title #content {
	padding-bottom: 0px;
}
.main .title .cn_name {
	color: rgb(34, 34, 34); text-transform: uppercase; padding-bottom: 5px; font-family: "Microsoft Yahei",Arial; font-size: 45px;
}
.main .title .en_name {
	color: rgb(34, 34, 34); text-transform: uppercase; padding-bottom: 5px; font-family: "Impact",Arial; font-size: 45px;
}
.main .title .zl_name {
	color: rgb(34, 34, 34); text-transform: uppercase; padding-bottom: 5px; font-family: "Microsoft Yahei",Arial; font-size: 45px;
}
.main .title .en_name span {
	color: rgb(17, 114, 194);
}
.main .title .ziti { font-family:"Microsoft Yahei" }
.main .title .cn_name span {
	color: rgb(17, 114, 194);
}
.main .title .name {
	color: rgb(34, 34, 34); font-size: 24px; font-weight: bold;
}
.main .title .line {
	background: rgb(204, 204, 204); width: 45px; height: 4px; margin-top: 15px; display: inline-block;
}
.about-td td {
	padding-right: 10px;
}
#content {
	margin: 0px auto; padding: 40px 0px; float: none; max-width: 1200px;
}
#content .two_nav {
	text-align: center; line-height: 52px; margin-bottom: 25px; border-bottom-color: rgb(250, 250, 252); border-bottom-width: 4px; border-bottom-style: solid;
}
#content .two_nav li {
	font-weight: bold; margin-right: 35px; display: inline-block;
}
#content .two_nav li:last-of-type {
	margin-right: 0px;
}
#content .two_nav a {
	height: 100%; color: rgb(79, 79, 79); display: inline-block;
}
#content .two_nav a:hover {
	margin-bottom: -4px; border-bottom-color: rgb(33, 119, 196); border-bottom-width: 4px; border-bottom-style: solid;
}
#content .two_nav .active {
	margin-bottom: -4px; border-bottom-color: rgb(33, 119, 196); border-bottom-width: 4px; border-bottom-style: solid;
}
#content article {
	color: rgb(79, 79, 79); line-height: 32px; font-family: "Microsoft Yahei"; font-size: 14px;
}
.contact table {
	margin: 0px auto; width: 980px;
}
.contact td {
	padding-right: 65px;
}
.contact td span {
	width: 283px; height: 340px; text-align: center; display: inline-block;
}
.contact td .ti {
	padding: 135px 0px 20px; color: #00479d; font-size: 20px;
}
.contact td .qq {
	line-height: 40px;
}
.contact td .qq img {
	margin-top: 6px; margin-left: 6px; position: absolute;
}
.feedback {
	padding: 40px 0px 0px;
}
.feedback td {
	padding-bottom: 25px;
}
.feedback .text {
	padding: 0px 5px; border: 1px solid rgb(217, 217, 217); border-image: none; width: 280px; height: 40px; color: rgb(165, 165, 165); line-height: 40px; font-size: 14px; outline-color: #00479d;
}
.feedback textarea.text {
	width: 98.5%; height: 125px; outline-color: #00479d; resize: none;
}
.feedback .sub {
	background: rgb(145, 145, 145); border: currentColor; transition:0.5s ease-in-out; border-image: none; width: 105px; height: 35px; color: rgb(255, 255, 255); font-size: 16px; cursor: pointer; -moz-transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;
}
.feedback .sub:hover {
	background: rgb(102, 102, 102);
}
#app {
	padding-top: 5px;
}
.main .tit {
	color: #00479d; line-height: 55px; font-size: 40px; font-weight:100;
}
#app .boxl {
	float: left;
}
#app .boxr {
	float: left;
}
#app #box1 {
	transition:0.8s; margin-left: -45%; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#app #box1 .boxl {
	width: 47%;
}
#app #box1 img {
	width: 100%; max-width: 544px;
}
#app #box1 .boxr {
	padding: 32px 0px 0px; width: 43%;
}
#app #box1 .boxr ul {
	padding: 30px 0px 0px;
}
#app #box1 .boxr li {
	background: url("../images/pic.png") no-repeat -96px -10px; padding: 0px 0px 0px 12px; color: rgb(99, 99, 99); line-height: 30px; float: left;
}
#app #box1 .boxr li:nth-of-type(2n+1) {
	width: 120px;
}
#app #box1 .boxr li:nth-of-type(2n+1) {
	clear: both;
}
#app #box2 {
	background: rgb(241, 241, 241); overflow: hidden;
}
#app #box2 #content {
	transition:0.8s; right: -50%; padding-top: 0px; position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#app #box2 .boxl {
	width: 55%; text-align: right;
}
#app #box2 .boxl dl {
	padding: 25px 0px 0px; line-height: 22px;
}
#app #box2 .boxl dt {
	color: rgb(43, 43, 43); font-size: 18px;
}
#app #box2 .boxl dd {
	color: rgb(123, 123, 123); font-size: 15px;
}
#app #box2 .boxr {
	width: 45%;
}
#app #box2 img {
	width: 100%; max-height: 448px; max-width: 433px;
}
#app #box3 ul {
	padding: 50px 0px 0px;
}


#app #box8 {
	background: rgb(241, 241, 241); overflow: hidden;
}
#app #box8 #content {
	transition:0.8s; right: -50%; padding-top: 0px; position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#app #box8 .boxl {
	width: 55%; text-align: right;
}
#app #box8 .boxl dl {
	padding: 25px 0px 0px; line-height: 22px;
}
#app #box8 .boxl dt {
	color: rgb(43, 43, 43); font-size: 18px;
}
#app #box8 .boxl dd {
	color: rgb(123, 123, 123); font-size: 15px;
}
#app #box8 .boxr {
	width: 45%;
}
#app #box8 img {
	width: 100%; max-height: 448px; max-width: 433px;
}



#app #box3 ul {
	padding: 50px 0px 0px;
}

#app #box3 li {
	transition:0.4s; width: 45%; height: 165px; margin-bottom: 60px; float: left; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transform: scale(0); -o-transform: scale(0);
}
#app #box3 li:nth-of-type(2n) {
	float: right;
}
#app #box3 li .pic {
	width: 36%; float: left;
}
#app #box3 li .pic img {
	width: 100%;
}
#app #box3 li .font {
	width: 60%; float: right;
}
#app #box3 li .font dt {
	color: #00479d; line-height: 40px; padding-bottom: 5px; font-size: 20px; font-weight: bold;
}
#app #box3 li .font dd {
	color: rgb(110, 110, 110); line-height: 18px; font-size: 13px;
}
#app #box4 {
	background: rgb(236, 236, 236); height: 360px;
}
#app #box4 nav {
	text-align: right; color: rgb(66, 66, 66); padding-bottom: 25px; font-size: 15px;
}
#app #box4 nav a {
	color: rgb(66, 66, 66);
}
#app #box4 nav a:hover {
	color: rgb(102, 102, 102);
}
#app #box4 .prev {
	background: url("../images/pic.png") no-repeat; margin: 5% 0px 0px; width: 25px; height: 42px; float: left;
}
#app #box4 .next {
	background: url("../images/pic.png") no-repeat; margin: 5% 0px 0px; width: 25px; height: 42px; float: left;
}
#app #box4 .prev {
	background-position: 0px -40px;
}
#app #box4 .next {
	background-position: -38px -40px; float: right;
}
#app #box4 .bd {
	margin: 0px 1%; width: 93%; height: 168px; overflow: hidden; float: left;
}
#app #box4 .bd li {
	padding: 2px; border: 1px solid rgb(216, 216, 216); border-image: none; width: 210px; height: 160px; margin-right: 10px; float: left;
}
#app #box4 .bd li a {
	width: 100%; height: 100%; display: inline-block;
}
#app #box4 .bd li img {
	width: 100%; height: 100%;
}
#case {
	margin: 0px auto 25px; width: 100%; overflow: hidden; padding-bottom: 10px; position: relative;
}
#case .grid {
	  width: 30%;  float:left; font-size: 12px; margin:1.5%; 
}
#case .grid a {
	width: 100%; height: 100%; display: inline-block;
}
#case .grid img {
	width: 100%; border:1px solid #ccc;height:246px;
}

#case .grid  p {
	 color: #333; line-height: 26px; text-align:center;font-size: 16px; 
}

/**/
#case_phone {
	margin: 0px auto 25px; width: 100%; overflow: hidden; padding-bottom: 10px; position: relative;
}
#case_phone .grid {
	  width: 27%;  float:left; font-size: 12px; margin:3%; 
}
#case_phone .grid a {
	width: 100%; height: 100%; display: inline-block;
}
#case_phone .grid img {
	width:283px; height:402px; border:1px solid #ccc;
}

#case_phone .grid  p {
	 color: #333; line-height: 26px; text-align:center;font-size: 16px; 
}


.case_aside {
	top: 30%; width: 225px; right: 2%; position: fixed; z-index: 100;
}
.case_aside li {
	background: url("../images/casetit.png") no-repeat; height: 57px; text-align: right; line-height: 57px; font-size: 12px; margin-bottom: 3px;
}
.case_aside a {
	width: 100%; height: 100%; color: rgb(255, 255, 255); display: inline-block;
}
.case_aside li:hover {
	background: url("../images/casetit_act.png") no-repeat;
}
.case_aside .active {
	background: url("../images/casetit_act.png") no-repeat;
}
.case_aside li label {
	float: right; display: inline-block; cursor: pointer;
}
.case_aside li span {
	width: 65px; height: 57px; text-align: center; font-family: Arial; font-size: 20px; margin-left: 5px; float: right; display: inline-block;
}
.case-t {
	overflow: hidden; margin-top: 30px;
}
.case-left {
	background: rgb(219, 219, 219); padding: 30px 0px 20px; text-align: center;
}
.case-left img {
	border: 2px solid rgb(255, 255, 255); border-image: none; width: 80%;
}
.case-right {
	background: rgb(245, 245, 245); color: rgb(136, 136, 136); line-height: 24px; font-size: 13px; min-height: 300px;
}
.case-right .intro {
	margin: 0px auto 15px; padding: 20px 0px; width: 80%; text-align: left;
}
.case-right .intro a {
	color: rgb(42, 125, 198);
}
.case-right .intro a:hover {
	text-decoration: underline;
}
.case-right .case-fwen {
	background: rgb(0, 107, 239); border-radius: 8px; width: 105px; height: 31px; text-align: center; line-height: 30px; margin-top: 50px;
}
.case-right .case-fwen a {
	color: rgb(255, 255, 255);
}
.case-right .case-fwen a:hover {
	color: rgb(222, 222, 222); text-decoration: none;
}
#mark {
	padding: 50px 0px 0px;
}
#mark .boxl {
	float: left;
}
#mark .boxr {
	float: left;
}
#mark #box1 {
	transition:0.8s; color: rgb(57, 57, 57); line-height: 39px; font-size: 20px; margin-left: -45%; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#mark #box1 .boxl {
	width: 48%;
}
#mark #box1 .boxl img {
	width: 100%; max-width: 570px;
}
#mark #box1 .boxr {
	padding: 30px 0px 0px; width: 52%; float: right;
}
#mark #box2 dl {
	background: rgb(247, 247, 247); padding: 2% 2.5% 3% 2%; border: 1px solid rgb(221, 221, 221); transition:0.6s; border-image: none; width: 44%; height: 230px; margin-bottom: 30px; float: left; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transform: scale(0); -o-transform: scale(0);
}
#mark #box2 dl:nth-of-type(2n) {
	float: right;
}
#mark #box2 dt {
	color: #00479d;
}
#mark #box2 span {
	font-size: 60px; display: block;
}
#mark #box2 dd {
	padding: 10px 0px 0px; line-height: 24px; font-size: 14px;
}




#mark #box8 dl {
	background: rgb(247, 247, 247); padding: 2% 2.5% 3% 2%; border: 1px solid rgb(221, 221, 221); transition:0.6s; border-image: none; width: 44%; height: 230px; margin-bottom: 30px; float: left; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transform: scale(0); -o-transform: scale(0);
}
#mark #box8 dl:nth-of-type(2n) {
	float: right;
}
#mark #box8 dt {
	color: #00479d;
}
#mark #box8 span {
	font-size: 60px; display: block;
}
#mark #box8 dd {
	padding: 10px 0px 0px; line-height: 24px; font-size: 14px;
}

#mark .tit2 {
	text-align: center; color: #00479d; font-size: 45px; font-weight: bold;
}
#mark #box3 .tit2 {
	color: rgb(255, 255, 255);
}
#mark #box3 {
	background: #00479d; overflow: hidden;
}
#mark #box3 #content {
	transition:0.8s; right: -50%; position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#mark #box3 .boxl {
	padding: 5% 0px 0px 5%; width: 50%; color: rgb(255, 255, 255); line-height: 34px; font-weight: bold;
}
#mark #box3 .boxr {
	padding: 0px 5% 0px 0px; width: 33.5%; float: right;
}
#mark #box3 .boxr img {
	width: 100%; max-width: 406px;
}
#mark #box4 {
	transition:0.8s; margin-left: -45%; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#mark #box4 .tit2 {
	padding-bottom: 3%;
}
#mark #box4 .boxl {
	width: 40%; float: none;
}
#mark #box4 .boxl img {
	width: 100%; max-width: 501px;
}
#mark #box4 .boxr {
	width: 50%; color: rgb(98, 98, 98); line-height: 34px; font-weight: bold; float: none;
}
#mark #box5 img {
	width: 100%; max-width: 1200px;
}
@media all and (max-width:1000px)
{
#mark #box1 {
	text-align: center;
}
#mark #box1 .boxl {
	width: 100%; float: none;
}
#mark #box1 .boxr {
	padding: 5% 3%; width: 100%; float: none;
}
#mark #box2 dl {
	width: 94%; height: auto; float: none !important;
}
#mark #box3 .boxl {
	padding: 5% 0px; width: 100%; float: none;
}
#mark #box3 .boxr {
	padding: 0px; width: 100%; text-align: center; float: none;
}
}
#seo #content {
	padding: 0px;
}
.seo-left {
	float: left;
}
.seo-right {
	color: rgb(62, 62, 62); line-height: 30px; font-family: "Microsoft Yahei"; font-size: 15px; float: right;
}
#seo #box1 {
	overflow: hidden;
}
#seo #box1 #content {
	transition:0.8s; left: -45%; position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#seo #box1 .seo-left {
	width: 35%;
}
#seo #box1 .seo-right {
	width: 60%;
}
#seo #box1 img {
	width: 100%; max-width: 548px;
}
#seo #box2 {
	overflow: hidden;
}
#seo #box2 #content {
	transition:0.8s; right: -45%; position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#seo #box2 .seo-left1 {
	width: 30%;
}
#seo #box2 .seo-right1 {
	width: 68%;
}
#seo #box2 .seo-right img {
	width: 100%; max-width: 326px;
}
#seo #box3 {
	transition:0.5s; text-align: center; overflow: hidden; transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#seo #box4 {
	transition:0.5s; text-align: center; overflow: hidden; transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#seo #box5 {
	transition:0.5s; text-align: center; overflow: hidden; transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#seo #box6 {
	transition:0.5s; text-align: center; overflow: hidden; transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#seo #box3 img {
	width: 100%; max-width: 1000px;
}
#seo #box4 img {
	width: 100%; max-width: 1000px;
}
#seo #box5 img {
	width: 100%; max-width: 1000px;
}
#seo #box6 img {
	width: 100%; max-width: 1000px;
}
#seo #box3 {
	background: url("../images/seobg.jpg");
}
#seo #box4 #content {
	background: url("../images/seo_03.jpg") no-repeat center 40px; padding: 40px 0px; width: 1000px; color: rgb(54, 54, 54); font-size: 92%; min-height: 483px;
}
#seo #box4 p {
	text-align: left; float: right;
}
#seo #box4 .p1 {
	width: 68%; margin-top: 0.5%;
}
#seo #box4 .p2 {
	width: 61%; margin-top: 3.5%;
}
#seo #box4 .p3 {
	width: 54%; margin-top: 2.5%;
}
#seo #box4 .p4 {
	width: 61%; margin-top: 5%;
}
#seo #box4 .p5 {
	width: 68%; margin-top: 3%;
}
#seo #box4 span {
	padding: 3% 0px 1%; color: #00479d; display: inline-block;
}
#seo #box5 {
	background: rgb(247, 247, 247);
}
.seo-right h4 {
	color: #00479d; line-height: 40px; letter-spacing: 2px; font-family: "Microsoft Yahei"; font-size: 40px; margin-bottom: 18px;
}
.seo-right p {
	color: rgb(80, 80, 80); line-height: 30px; font-family: "Microsoft Yahei"; font-size: 20px; font-weight: bold;
}
.seo-xm {
	margin: 18px 0px; color: #00479d; line-height: 60px; letter-spacing: 2px; font-family: "Microsoft Yahei"; font-size: 38px; font-weight: bold;
}
.seo-left1 {
	width: 326px; margin-top: 15px; float: right;
}
.seo-right1 {
	width: 650px; color: rgb(62, 62, 62); line-height: 32px; font-family: "Microsoft Yahei"; font-size: 15px; margin-top: 35px; float: left;
}
.seo-right1 h4 {
	color: #00479d; line-height: 50px; letter-spacing: 2px; font-family: "Microsoft Yahei"; font-size: 36px;
}
#seo #box6 #content {
	background: url("../images/seo_07.jpg") no-repeat top; width: 1000px; text-align: left; padding-top: 130px; min-height: 500px;
}
#seo #box6 dl {
	padding: 0px 0px 0px 90px; width: 390px; height: 100px; overflow: hidden; float: left;
}
#seo #box6 .d2 {
	padding-left: 115px;
}
#seo #box6 .d4 {
	padding-left: 115px;
}
#seo #box6 .d6 {
	padding-left: 115px;
}
#seo #box6 dt {
	color: #00479d; line-height: 22px; font-size: 14px; font-weight: bold;
}
#seo #box6 dd {
	color: rgb(137, 137, 137); line-height: 18px; font-size: 12px;
}
#seo #box6 .d2 {
	padding-top: 15px;
}
#seo #box6 .d3 {
	padding-top: 20px;
}
#seo #box6 .d4 {
	padding-top: 35px;
}
#seo #box6 .d6 {
	padding-top: 35px;
}
@media all and (max-width:1000px)
{
#seo #box1 {
	text-align: center;
}
#seo #box2 {
	text-align: center;
}
#seo #box1 .seo-left {
	width: 100%; float: none;
}
#seo #box2 .seo-left1 {
	width: 100%; float: none;
}
#seo #box1 .seo-right {
	padding: 0px 4%; width: 92%; float: none;
}
#seo #box2 .seo-right1 {
	padding: 0px 4%; width: 92%; float: none;
}
}
#zhyx #box1 {
	transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#zhyx #box2 #content {
	transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#zhyx #box3 {
	transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#zhyx #box4 #content {
	transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#zhyx #box1 #content {
	padding: 0px;
}
#zhyx #box1 img {
	width: 100%; max-width: 1200px;
}
#zhyx #box1 .boxl {
	width: 45%; padding-left: 5%; float: left;
}
#zhyx #box1 .boxl img {
	max-width: 582px;
}
#zhyx #box1 .boxr {
	width: 50%; color: rgb(54, 54, 54); line-height: 30px; font-size: 20px; float: left;
}
#zhyx #box2 {
	background: rgb(239, 239, 239); text-align: center;
}
#zhyx #box2 img {
	width: 100%; max-width: 1200px;
}
#zhyx #box3 {
	color: rgb(35, 24, 21); line-height: 24px; font-size: 15px;
}
#zhyx #box3 span {
	color: rgb(214, 72, 22);
}
#zhyx #box4 {
	background: rgb(240, 240, 240);
}
#zhyx #box4 img {
	width: 100%; max-width: 1200px;
}
#wzjs11 #jsbox1 #content {
	padding: 0px;
}
#wzjs #jsbox2 #content {
	
}
#wzjs #jsbox3 #content {
	padding: 0px;
}
#wzjs #jsbox4 #content {
	padding: 0px;
}
#wzjs #jsbox1 {
	overflow: hidden;
}
#wzjs #jsbox2 {
	overflow: hidden;
}
#wzjs #jsbox1 #content {
	transition:0.8s; left: -45%;  position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#wzjs #jsbox1 .wzjs-left {
	margin: 0px 0px 0px 5%; width: 38%; float: left;
}
#wzjs #jsbox1 .wzjs-left img {
	width: 100%; max-width: 575px;
}
#wzjs #jsbox1 .wzjs-right {
	width: 55%; color: rgb(126, 126, 126); line-height: 28px; font-family: "Microsoft Yahei"; font-size: 14px; float: right;text-align:justify;
}
#wzjs .wzjs-right p {
	color: rgb(80, 80, 80); font-family: "Microsoft Yahei"; font-size: 16px; font-weight: bold;
}
#wzjs #jsbox2 {
	background: rgb(233, 233, 233); text-align: left;
}
#wzjs #jsbox2 #content {
	transition:0.8s; right: -45%;  position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}

#wzjs #jsbox2 .wzjs-right {
	margin: 0px 0px 0px 0; width: 50%; float: right;
}
#wzjs #jsbox2 .zjzl-right {
	margin: 0px 0px 0px 0; width: 55%; float: right;
}
#wzjs #jsbox2 .wzjs-right img {
	width: 100%; 
}
#wzjs #jsbox2 .wzjs-left {
	width: 50%; color: rgb(126, 126, 126); line-height: 28px; font-family: "Microsoft Yahei"; font-size: 14px; margin-top: 2%; float: left;
}
#wzjs #jsbox2 .zjzl-left {
	width: 40%;padding-left:2.5%; padding-right:2.5%; color: rgb(126, 126, 126); line-height: 28px; font-family: "Microsoft Yahei"; font-size: 14px;  float: left;
}
#wzjs .wzjs-left  p {
	color: rgb(80, 80, 80); font-family: "Microsoft Yahei"; font-size: 16px; font-weight: bold; 
}

#wzjs #jsbox3 {
	padding: 40px 0px; text-align: center;
}
#wzjs #jsbox3 #content {
	transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#wzjs #jsbox3 ul {
	padding-top: 40px;
}
#wzjs #jsbox3 li {
	width: 20%; margin-right: 6%; float: left;
}
#wzjs #jsbox3 li:last-of-type {
	margin-right: 0px;
}
#wzjs #jsbox3 li img {
	width: auto;
}
#wzjs #jsbox4 #content {
	background: rgb(233, 233, 233); transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#wzjs #jsbox4 .wzjs-bgcl {
	width: 40%; float: left;
}
#wzjs #jsbox4 .wzjs-bgcl img {
	width: 100%; max-width: 463px;
}
#wzjs #jsbox4 .wzjs-bgcr {
	padding: 40px 0px 0px; width: 58%; color: rgb(95, 95, 95); line-height: 26px; font-family: "Microsoft Yahei"; float: right;
}
#wzjs #jsbox5 #content {
	transition:0.5s; padding-top: 0px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#wzjs #jsbox5 img {
	width: 100%;
}
#wzjs #jsbox5 .wzjs-bgcr p {
	color: rgb(51, 51, 51); padding-top: 30px; font-family: "Microsoft Yahei"; font-size: 20px; font-weight: bold;
}
#wzjs #jsbox5 .wzjs-bottom {
	margin: 50px; text-align: center; color: #00479d; line-height: 70px; letter-spacing: 2px; font-family: "Microsoft Yahei"; font-size: 40px; font-weight: bold;
}
#wzjs #jsbox5 .wzjs-bott {
	margin: 0px 10% 0px 0px; width: 17%; color: rgb(126, 126, 126); line-height: 22px; font-family: "Microsoft Yahei"; font-size: 14px; float: left;
}
#wzjs #jsbox5 .wzjs-bott p {
	text-align: center; color: #00479d; line-height: 34px; font-size: 18px; font-weight: bold; margin-top: 30px;
}
#wzjs #jsbox5 .wzjs-botr {
	width: 18%; color: rgb(126, 126, 126); line-height: 22px; font-family: "Microsoft Yahei"; font-size: 14px; margin-bottom: 20px; float: right;
}
#wzjs #jsbox5 .wzjs-botr p {
	text-align: center; color: #00479d; line-height: 34px; font-size: 18px; font-weight: bold; margin-top: 30px;
}
@media all and (max-width:1000px)
{
#wzjs #jsbox1 .wzjs-left {
	width: 100%; text-align: center; float: none;
}
#wzjs #jsbox1 .wzjs-right {
	padding: 0px 4% 2%; width: 92%; float: none;
}
#wzjs #jsbox4 .wzjs-bgcr {
	padding-bottom: 2%;
}
}
#wxyx #box1 {
	overflow: hidden;
}
#wxyx #box1 #content {
	transition:0.8s; left: -45%; padding-bottom: 0px; position: relative; max-width: 1000px; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#wxyx #box1 .wxyx-left {
	width: 42%; margin-top: 50px; margin-bottom: 10px; float: left;
}
#wxyx #box1 .wxyx-left img {
	width: 100%; max-width: 421px;
}
#wxyx #box1 .wxyx-right {
	width: 55%; color: rgb(125, 125, 125); line-height: 30px; font-family: "Microsoft Yahei"; margin-top: 50px; float: left;
}
#wxyx #box1 .wxyx-right p {
	color: rgb(46, 46, 46); line-height: 38px; font-family: "Microsoft Yahei"; font-size: 26px; font-weight: bold;
}
#wxyx #box2 {
	background: rgb(236, 236, 236); overflow: hidden;
}
#wxyx #box2 #content {
	padding: 60px 0px; transition:0.8s; right: -45%; position: relative; max-width: 1000px; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#wxyx #box2 .wxyx-bgcl {
	width: 45%; float: right;
}
#wxyx #box2 .wxyx-bgcl img {
	width: 100%; max-width: 467px;
}
#wxyx #box2 .wxyx-bgcr {
	width: 55%; text-align: right; color: rgb(125, 125, 125); line-height: 30px; font-family: "Microsoft Yahei"; float: right;
}
#wxyx #box3 #content {
	transition:0.5s; color: rgb(50, 51, 51); position: relative; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#wxyx #box3 .boxl {
	width: 42%; padding-top: 20px; float: left;
}
#wxyx #box3 .boxl img {
	width: 100%; max-width: 514px;
}
#wxyx #box3 .boxr {
	padding: 9% 0px 0px 4%; width: 50%; line-height: 34px; float: left;
}
#wxyx #box3 .img {
	top: 60px; width: 25%; right: 0px; position: absolute; max-width: 295px;
}
#wxyx #box4 {
	background: rgb(236, 236, 236);
}
#wxyx #box4 #content {
	padding-bottom: 0px;
}
#wxyx #box4 .wxyx-bot1 {
	color: rgb(66, 66, 66); font-family: "Microsoft Yahei"; font-size: 15px; float: right;
}
#wxyx #box4 .wxyx-bot1 span {
	cursor: pointer;
}
#wxyx #box4 .wxyx-bot1 span:hover {
	color: rgb(102, 102, 102);
}
#wxyx #box4 .wxyx-bot1 .act {
	color: rgb(102, 102, 102);
}
#wxyx #box4 .wxyx-case {
	padding-top: 20px;
}
#wxyx #box4 .wxyx-case li {
	transition:0.5s; width: 47%; margin-bottom: 3%; float: left; box-shadow: 0px 0px 3px #999; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#wxyx #box4 .wxyx-case li:nth-of-type(2n) {
	float: right;
}
#wxyx #box4 .wxyx-case li img {
	width: 100%; height: 100%; float: left;
}
@media all and (max-width:1000px)
{
#wxyx #box1 {
	padding-bottom: 20px;
}
#wxyx #box3 {
	text-align: center;
}
#wxyx #box3 .img {
	width: 100%; position: static;
}
#wxyx #box3 .boxl {
	padding-left: 5%; float: none; display: inline-block;
}
#wxyx #box3 .boxr {
	padding: 2% 4%; width: 92%; clear: both; float: none;
}
}
#news li {
	padding: 1.5% 0px; transition:1s; border-bottom-color: rgb(218, 218, 218); border-bottom-width: 1px; border-bottom-style: dashed; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5);
}
#news li .date {
	border-radius: 10px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 8%; text-align: center; overflow: hidden; font-family: Arial; float: left; box-shadow: 0px 0px 2px #eee; background-size: 100%;
}
#news li .date .d {
	padding: 5% 0px; color: rgb(3, 128, 203); font-size: 300%; font-weight: bold;
}
#news li .date .y {
	padding: 5% 0px; color: rgb(153, 153, 153); font-size: 100%; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
#news li .pic {
	border: 1px solid rgb(204, 204, 204); border-image: none; /*width: 23%;*/ margin-left: 2%; float: left;
}
#news li .pic img {
	width: 100%; height: 100%; float: left;
}
#news li .font {
	width: 64%; margin-left: 1%; float: left;
}
#news li .name {
	padding-bottom: 1%; font-size: 120%; font-weight: bold;
}
#news li .name a {
	color: rgb(116, 116, 116);
}
#news li .intro {
	height: 10%; line-height: 24px; overflow: hidden; font-size: 95%;
}
#news li .intro a {
	color: rgb(116, 116, 116);
}
#news li .num {
	color: rgb(3, 128, 203); font-size: 13px; float: left; padding-left:10px;
}
#news li .num span {
	color: rgb(116, 116, 116);
}
#news li .view {
	color: rgb(3, 128, 203); font-size: 13px; float: right;
}
#news li .view a {
	color: rgb(3, 128, 203);
}
#news li .font a:hover {
	color: rgb(3, 128, 203);
}
@media all and (max-width:1000px)
{
#news li .date .d {
	font-size: 250%;
}
#news li .date .y {
	font-size: 90%;
}
#news li .date {
	width: 10%;
}
#news li .pic {
	float: right;
}
#news li .font {
	width: 99%; clear: both; float: none;
}
}
#newsv h1 {
	text-align: center; color: rgb(95, 95, 95); padding-top: 1%; font-size: 24px;
}
#newsv h2 {
	padding: 1% 0px; text-align: center; color: rgb(163, 163, 163); font-size: 13px; font-weight: normal;
}
#newsv article {
	color: rgb(92, 92, 92); font-size: 14px;
}
#newsv .Newsxx {
	margin: 3% 0px; padding: 1.5% 0px; color: rgb(92, 92, 92); line-height: 24px; font-size: 14px; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(222, 222, 222); border-top-width: 1px; border-bottom-width: 1px; border-top-style: dashed; border-bottom-style: solid;
}
#newsv .Newsxx a {
	color: rgb(92, 92, 92);
}
#newsv .Newsxx a:hover {
	color: rgb(153, 153, 153);
}
.more_news label {
	color: rgb(68, 68, 68); font-size: 24px; font-weight: bold; display: inline-block;
}
.more_news li {
	padding: 1.5% 0px; width: 48%; border-bottom-color: rgb(188, 188, 188); border-bottom-width: 1px; border-bottom-style: dashed; float: left;
}
.more_news li:nth-of-type(2n) {
	float: right;
}
.more_news .name {
	color: rgb(109, 109, 109); line-height: 30px; font-size: 14px; font-weight: bold;
}
.more_news .font {
	padding: 0px 0px 10px; height: 70px;
}
.more_news .intro {
	color: rgb(109, 109, 109); line-height: 24px; font-size: 13px;
}
.more_news a:hover {
	color: #00479d;
}
@media all and (max-width:1000px)
{
#newsv article img {
	width: 100%;
}
.more_news li {
	width: 95%; float: none;
}
}
div.ye {
	height: 32px; text-align: right; line-height: 30px; padding-top: 30px; clear: both;
}
div.ye a {
	padding: 7px 10px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(51, 51, 51); text-decoration: none; margin-right: 2px;
}
div.ye a:hover {
	border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(255, 255, 255); background-color: rgb(98, 98, 98);
}
div.ye a:active {
	border: 1px solid rgb(171, 132, 18); border-image: none; color: rgb(255, 255, 255); background-color: rgb(98, 98, 98);
}
div.ye span.current {
	padding: 7px 10px; color: rgb(255, 255, 255); font-weight: bold; margin-right: 2px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(98, 98, 98);
}
div.ye span.disabled {
	padding: 7px 10px; border: 1px solid rgb(243, 243, 243); border-image: none; color: rgb(204, 204, 204); margin-right: 2px;
}
#wzjs #jsbox4 {
	background: rgb(232, 232, 232);
}
@media unknown
{
.top {
	background: url("../images/shadow.png") repeat-x 0px 76px rgb(255, 255, 255);
}
#app #box1 {
	margin-left: 0px;
}
#app #box2 #content {
	right: 0px;
}
#mark #box1 {
	margin-left: 0px;
}
#mark #box3 #content {
	right: 0px;
}
#mark #box4 {
	margin-left: 0px;
}
#seo #box1 #content {
	left: 0px;
}
#seo #box2 #content {
	right: 0px;
}
#seo #box6 #content {
	min-height: 350px;
}
#wzjs11 #jsbox1 #content {
	left: 0px;
}
#wzjs #jsbox2 #content {
	
}
#wxyx #box1 #content {
	left: 0px;
}
#wxyx #box2 #content {
	right: 0px;
}
#wxyx #box4 .wxyx-case li {
	border: 1px solid rgb(153, 153, 153); border-image: none;
}
}
@media 
{
.top {
	background: url("../images/shadow.png") repeat-x 0px 76px rgb(255, 255, 255);
}
#app #box1 {
	margin-left: 0px;
}
#app #box2 #content {
	right: 0px;
}
#mark #box1 {
	margin-left: 0px;
}
#mark #box3 #content {
	right: 0px;
}
#mark #box4 {
	margin-left: 0px;
}
#seo #box1 #content {
	left: 0px;
}
#seo #box2 #content {
	right: 0px;
}
#seo #box6 #content {
	min-height: 350px;
}
#wzjs11 #jsbox1 #content {
	left: 0px;
}
#wzjs #jsbox2 #content {
	
}
#wxyx #box1 #content {
	left: 0px;
}
#wxyx #box2 #content {
	right: 0px;
}
#wxyx #box4 .wxyx-case li {
	border: 1px solid rgb(153, 153, 153); border-image: none;
}
}
.fengongsi {
	
}
.fengongsi .p1 {
	font-size: 18px; margin-bottom: 5px;
}
.fengongsi .p1 a {
	color: rgb(51, 51, 51);
}
.fengongsi .p2 {
	width: 78px; line-height: 22px;
}


/*手机*/

#sjwz #jsbox2 #content {
	
}
.shouji01 { font-size:26px; padding:3px 0;}
.shouji02  { font-size:25px; color:#960000; padding:8px 0;}
#sjwz #jsbox3 #content {
	padding: 0px;
}
#sjwz #jsbox4 #content {
	padding: 0px;
}
#sjwz #jsbox1 {
	overflow: hidden;
}
#sjwz #jsbox2 {
	overflow: hidden;
}
#sjwz #jsbox1 #content {
	transition:0.8s; left: -45%;  position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}
#sjwz #jsbox1 .wzjs-left {
	margin: 0px 0px 0px 5%; width: 50%; float: left;
}
#sjwz #jsbox1 .wzjs-left img {
	width: 100%; max-width: 575px;
}
#sjwz #jsbox1 .wzjs-right {
	width: 42%; color: rgb(126, 126, 126); line-height: 28px; font-family: "Microsoft Yahei"; font-size: 14px; margin-top: 2%; float: right;
}
#sjwz .wzjs-right p {
	color: rgb(80, 80, 80); font-family: "Microsoft Yahei"; font-size: 16px; font-weight: bold;
}
#sjwz #jsbox2 {
	background: rgb(233, 233, 233); text-align: left;
}
#sjwz #jsbox2 #content {
	transition:0.8s; right: -45%;  position: relative; opacity: 0; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s;
}

#sjwz #jsbox2 .wzjs-right {
	margin: 0px 0px 0px 0; width: 46%; float: right;
}
#sjwz #jsbox2 .wzjs-right img {
	width: 100%; 
}
#sjwz #jsbox2 .wzjs-left {
	width: 46%; margin-left:4%; color: rgb(126, 126, 126); line-height: 28px; font-family: "Microsoft Yahei"; font-size: 14px; margin-top: 2%; float: left;
}
#sjwz .wzjs-left  p {
	color: rgb(80, 80, 80); font-family: "Microsoft Yahei"; font-size: 16px; font-weight: bold; 
}

#sjwz #jsbox3 {
	padding: 40px 0px; text-align: center;
}
#sjwz #jsbox3 #content {
	transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#sjwz #jsbox3 ul {
	padding-top: 40px;
}
#sjwz #jsbox3 li {
	width: 20%; margin-right: 6%; float: left;
}
#sjwz #jsbox3 li:last-of-type {
	margin-right: 0px;
}
#sjwz #jsbox3 li img {
	width: auto;
}
#sjwz #jsbox4 #content {
	background: rgb(233, 233, 233); transition:0.5s; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#sjwz #jsbox4 .wzjs-bgcl {
	width: 40%; float: left;
}
#sjwz #jsbox4 .wzjs-bgcl img {
	width: 100%; max-width: 463px;
}
#sjwz #jsbox4 .wzjs-bgcr {
	padding: 40px 0px 0px; width: 58%; color: rgb(95, 95, 95); line-height: 26px; font-family: "Microsoft Yahei"; float: right;
}
#sjwz #jsbox5 #content {
	transition:0.5s; padding-top: 0px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transform: scale(0); -o-transform: scale(0);
}
#sjwz #jsbox5 img {
	
}
#sjwz #jsbox5 .wzjs-bgcr p {
	color: rgb(51, 51, 51); padding-top: 30px; font-family: "Microsoft Yahei"; font-size: 20px; font-weight: bold;
}
#sjwz #jsbox5 .wzjs-bottom {
	margin: 50px; text-align: center; color: #00479d; line-height: 70px; letter-spacing: 2px; font-family: "Microsoft Yahei"; font-size: 40px; font-weight: bold;
}
#sjwz #jsbox5 .wzjs-bott {
	margin: 0px 10% 0px 0px; width: 17%; color: rgb(126, 126, 126); line-height: 22px; font-family: "Microsoft Yahei"; font-size: 14px; float: left;
}
#sjwz #jsbox5 .wzjs-bott p {
	text-align: center; color: #00479d; line-height: 34px; font-size: 18px; font-weight: bold; margin-top: 30px;
}
#sjwz #jsbox5 .wzjs-botr {
	width: 18%; color: rgb(126, 126, 126); line-height: 22px; font-family: "Microsoft Yahei"; font-size: 14px; margin-bottom: 20px; float: right;
}
#sjwz #jsbox5 .wzjs-botr p {
	text-align: center; color: #00479d; line-height: 34px; font-size: 18px; font-weight: bold; margin-top: 30px;
}
@media all and (max-width:1000px)
{
#sjwz #jsbox1 .wzjs-left {
	width: 100%; text-align: center; float: none;
}
#sjwz #jsbox1 .wzjs-right {
	padding: 0px 4% 2%; width: 92%; float: none;
}
#sjwz #jsbox4 .wzjs-bgcr {
	padding-bottom: 2%;
}
}

/*成功案例*/
.casetit { width:100%; height:100px; line-height:140px; font-size:34px; text-align:center; }
.casenav { width:50%;   text-align:center; margin:0 auto; padding:40px 0; }
.casenav ul li { width:30%; float:left; background:#f2f2f2; margin:0 1.5%; height:36px; line-height:36px; border-radius:5px;}
.casenav ul li a {   background:#f2f2f2;  }
.casepage { width:100%; margin:0 auto; }
.casepage a { width:30%; height:200px; background:#f2f2f2; float:left; margin:1.5%; }
.casepage a li img { width:100%;}
.casepage p {  }

/*走进众联*/
.zjzl01 { font-size:18px; line-height:30px; padding:3px 0;}
.zjzl02 { margin-top:20px; font-size:18px; color:#06C; }
.zjzl03 { color:#333; }

.page { width:100%; text-align:center; height:50px; line-height:50px;  font-size:16px; border-top:1px dashed #ccc; background:#f2f2f2;  color:#333;}
.page a {  color:#333; padding:0 5px; }
.pass_login { width:700px; margin:30px auto; height:200px; border:1px solid #ccc; padding:20px; border-radius:5px; -moz-border-raius:5px; background:#f2f2f2; }
.pass_login h1 { width:100%; text-align:center; font-size:20px;  }
.gf_dl { width:100px; height:30px; line-height:30px; text-align:center; background:#F90; color:#fff; border:0; border-radius:5px; -moz-border-radius:5px; }