* {
	margin: 0;
	padding: 0;
	/*font-size: 12px;*/
	outline: none;
	text-decoration: none;
}

:focus {
	outline: 0!important;
}
::-webkit-scrollbar {
	width: 10px;
	height: 16px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
	color: red;
}
@keyframes movebg {
    0% {
        background-position: left center;
    }

    50% {
        background-position: right center;
    }

    100% {
        background-position: left center;
    }
}

a, a:visited {
	text-decoration: none;
	transition: all .3s;
	/*color: #666;*/
}
a:hover {
	color: #22acd6!important;
	text-decoration: none;
}
.layout {
	width: 1200px;
	margin: auto;
	text-align: left;
	overflow:hidden
}
.header {
	height: 40px;
	background-color: #2c2c2c;
	line-height: 40px;
	box-sizing: border-box;
	text-align: left;
	/*padding-left: 60px;*/
	color: #ccc;
}
.header > i {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: baseline;
}
.header > span {
	float: right;
	padding-right: 60px;
}
.header > span > a {
	padding-left: 10px;
	padding-right: 10px;
	color: #ccc;
	border-left: 1px #999 solid;
}
.header > span > a:first-child {
	border-left: 0;
}
.homeads {
	text-align: center;
	background-color:#fff
}
.homeads > img {
	max-width: 100%;
	margin: auto;
}
.remenzhuanye {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f9fafc;
}
.remenzhuanyebox {
	position: relative;
	height: 535px;
	width: 100%;
	margin-top: 60px;
	background-color: #f9fafc;
}
.remenzhuanyeright {
	width: 850px;
	height: 535px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #fff;
	border: 1px #d4d4d4 solid;
}
.remenzhuanyeright > div.slick {
	position: absolute;
	left: 0;
	top: -90px;
	width: 100%;
	z-index: 2;
	overflow: hidden;
}
.remenzhuanyeright > div.slick  img
{
	
}
.slick-slide {
	
}
.homeads .slick-list {
	margin-top: -90px;
}
.homeads .slick-slide {
	height: 970px;
}
.remenzhuanyeright > ul {
	position: absolute;
	right: 0;
	bottom: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 215px;
}
.remenzhuanyeright > ul > li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 215px;
	border-left: 1px #eee solid;
}
.remenzhuanyeright > ul > li:first-child {
	border-left: 0;
}
.remenzhuanyeright > ul > li > a {
	display: block;
	height: 215px;
	width: 100%;
	cursor: pointer;
	color: #666;
	padding-top: 50px;
	box-sizing: border-box;
	transition: all .3s;
}
.remenzhuanyeright > ul > li > a:hover {
	background-color: #eee;
}
.remenzhuanyeright > ul > li > a > i {
	display: block;
	color: #fe8831;
	font-size: 72px;
}
.remenzhuanyeright > ul > li > a > label {
	font-size: 20px;
	display: block;
	padding-top: 10px;
}
.remenzhuanyeleft {
	width: 335px;
	height: 535px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	border: 1px #d4d4d4 solid;
}
h1 {
	font-weight: bolder;
	font-size: 48px;
	color: #000;
	padding: 10px;
	text-align: center;
}
h1 > label {
	color: red;
	font-size: 48px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	color: #999;
	padding: 10px;
	text-align: center;
}
.java h1, .java h1 > label {
	font-size: 32px;
}
.java h2 {
	font-family: 微软雅黑;
}
.remenzhuanyetitle {
	text-align: center;
	height: 65px;
	line-height: 65px;
	color: #fff;
	background-color: #c42889;
	font-size: 24px;
}
.remenzhuanyeleft > p {
	padding: 20px;
	font-size: 18px;
	padding-bottom: 10px;
	color: #666;
}
.remenzhuanyeleft > strong {
	display: block;
	text-align: center;
	color: #fd6e08;
	font-weight: bold;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 44px;
}
.remenzhuanyeleft > dl {
	text-align: center;
}
.remenzhuanyeleft > dl > dd {
	height: 50px;
	line-height: 50px;
	text-align: left;
	font-size: 20px;
	padding-left: 50px;
	color: #666;
}
.remenzhuanyeleft > dl > dd i {
	margin-right: 30px;
	font-size: 20px;
	color: #c42889;
}
#ui1 div.remenzhuanyetitle {
	background-color: #00918a;
}
#ui div.remenzhuanyetitle {
	background-color: #00918a;
}

#ui .remenzhuanyeleft > dl > dd i {
	color: #00918a;
}
#web1 div.remenzhuanyetitle {
	background-color: #fe7a0e;
}

#web div.remenzhuanyetitle {
	background-color: #fe7a0e;
}

#web .remenzhuanyeleft > dl > dd i {
	color: #fe7a0e;
}
#tab {
	margin-top: 30px;
}
div.shizi {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff;
}
ul.szlist {
	display: table;
}
ul.szlist > li {
	display: table-cell;
	padding: 3px;
	padding-bottom: 0;
}
ul.szlist > li:first-child {
	padding-left: 0;
}
ul.szlist > li:last-child {
	padding-right: 0;
}
.java {
	background-color: #f9fafb;
}
.chat {
	position: fixed;
	right: 0;
	top: 620px;
	z-index: 3;
	background-color: #fc6c00;
	display: table;
	color: #fff;
}
.chat > p, .chat > span {
	display: table-cell;
	height: 30px;
	line-height: 30px;
}
.chat > span {
	width: 30px;
	background-color: rgba(0,0,0,.2);
}
.chat > p {
	padding-left: 10px;
	padding-right: 10px;
}
#javaa {
	padding-top: 30px;
}
#javaa ul {
	padding-bottom: 50px;
	padding-top: 30px;
}
#javaa ul li {
	width: 33%;
	list-style: none;
	display: inline-block;
	text-align: center;
}
#javaa ul li a {
	display: block;
}
#javaa ul li a span {
	display: block;
	padding-bottom: 20px;
	font-size: 16px;
	padding-top: 10px;
	font-weight: bold;
	color: #666;
}
#javab {
	padding-top: 30px;
	background-color: #fff;
	padding-bottom: 50px;
}
#javab h1 label {
	color: #0074c0;
}
#javab ul {
	display: table;
	width: 100%;
	margin-top: 40px;
}
#javab ul li {
	display: table-cell; ;
	text-align: center;
}
#javab ul li:last-child {
	border-left: 1px #eee solid;
}
#javab ul li p {
	font-size: 20px;
	color: #999;
	margin-bottom: 20px;
}
#javab ul li span {
	display: inline-block;
	margin: auto;
	font-size: 24px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	background-color: #ff6001;
}
#javac {
	background-image: url('../images/javabg.jpg');
	background-position: center center;
	box-sizing: border-box;
	height: 820px;
	padding-top: 70px;
}
#javac h1 {
	color: #fff;
	font-size: 50px;
}
#javac h2 {
	color: #fff;
}
#javac h1 label {
	font-size: 50px;
}
#javac h1 span {
	display: inline-block;
	font-size: 50px;
	color: #000;
	background-color: #ffff00;
}
#javac > div {
	width: 1196px;
	height: 389px;
	margin: auto;
	margin-top: 70px;
	background-image: url('../images/javabg.png');
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	box-sizing: border-box;
	padding-top: 30px;
}
#javac > div > ul {
	display: table;
	margin: auto;
}
#javac > div > ul > li {
	display: table-cell;
	padding: 40px;
}
#javac > div > ul > li span {
	display: inline-block;
	background-image: url('../images/java.png');
	width: 196px;
	height: 189px;
	line-height: 190px;
	color: red;
	font-size: 48px;
	font-weight: bold;
}
#javac > div > ul > li p {
	padding-top: 10px;
	font-size: 20px;
}
#javac > a {
	margin-top: -40px;
	display: block;
}
#javad {
	background-color: #ffffff;
	padding-bottom: 50px;
	padding-top: 50px;
}
#javad > a {
	margin: auto;
	padding: 10px;
	background-color: #abcd04;
	color: #fff;
	width: 120px;
	font-size: 16px;
	display: inline-block;
	border-radius: 5px;
}
#javad ul {
	display: table;
	width: 1200px;
	margin: auto;
	margin-top: 20px;
	table-layout: fixed;
}
#javad ul li {
	display: table-cell;
	padding: 5px;
}
#javad ul li > div {
	display: block;
	width: 100%;
	height: 150px; ;
	border: 1px #bd4091 solid;
	cursor: pointer;
	transition: all .3s;
}
#javad ul li > div > label {
	font-size: 18px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	display: block;
	transition: all .3s;
	background-color: #bd4091;
}
#javad ul li > div > p {
	font-weight: bold;
	font-size: 36px;
	color: #b93b82;
	padding-bottom: 10px;
	padding-top: 10px;
	transition: all .3s;
}
#javad ul li > div > span {
	display: block;
	font-size: 16px;
	color: #666;
}
#javad ul li > div:hover {
	border: 1px #ff1134 solid;
}
#javad ul li > div:hover label {
	background-color: #ff1134;
}
#javad ul li > div:hover p {
	color: #ff1134;
}
#javad dl {
	display: table;
	margin: auto;
	width: 1200px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#javad dl dd, #javad dl dt {
	display: table-cell; ;
	vertical-align: middle;
}
#javad dl dd strong {
	color: #ff7c4b;
	font-size: 80px;
}
#javad dl dd p {
	padding-bottom: 30px;
	font-size: 20px;
	color: #ff1134;
}
#javad dl dd div {
	text-align: left;
	font-size: 16px;
	padding: 10px;
	color: #666;
}
#javad dl dd div label {
	color: #000;
	font-weight: bold;
	font-size: 16px;
}
#javad dl dt {
	width: 880px;
}
.web {
	background-color: #fff;
}
.web h1, .web h1 label {
	font-size: 36px;
}
.web h1 label {
	color: #ff6001;
}
.web h2 {
	font-size: 20px;
}
#weba {
	padding-top: 30px;
	padding-bottom: 50px;
}
#weba ul {
	display: table;
	margin-top: 50px;
}
#weba ul li {
	width: 25%;
	list-style: none;
	display: table-cell;
	padding: 5px;
	text-align: center;
}
#weba ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
}
#webb {
	padding-top: 30px;
	padding-bottom: 50px;
	background-image: url('../images/webbg.jpg');
	height: 900px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #02174c;
}
#webb h1 {
	color: #fff;
}
#webb h1 label {
	color: red;
}
#webb h2 {
	color: #5e72a7;
}
#webb > div > ul {
	display: table;
	margin: auto;
	table-layout: fixed;
	width: 1000px;
}
#webb > div > ul > li {
	display: table-cell;
	padding: 20px;
}
#webb > div > ul > li div {
	height: 120px;
	width: 100%;
	background-color: #e72a86;
	color: #fff;
	position: relative;
}
#webb > div > ul > li:first-child div {
	background-color: #b77409;
}
#webb > div > ul > li:last-child div {
	background-color: #db3c1e;
}
#webb > div > ul > li div i {
	font-size: 72px;
	position: absolute;
	left: 10px;
	top: 0px;
	height: 120px;
	text-align: center;
	width: 90px;
	line-height: 120px;
}
#webb > div > ul > li div strong, #webb > div > ul > li div p {
	display: block;
	padding-left: 120px;
}
#webb > div > ul > li div p {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 16px;
}
#webb > div > ul > li div strong {
	font-size: 36px;
}
#webc {
	padding-bottom: 50px;
	padding-top: 30px;
}
#webc > div > ul {
	display: table;
	margin: auto;
	width: 1200px;
	table-layout: fixed;
}
#webc > div > ul > li {
	display: table-cell;
	vertical-align: top;
	padding: 20px;
}
#webc > div > ul > li p {
	background-color: #0751a6;
	color: #fff;
	padding: 40px;
	padding-top: 80px;
	padding-bottom: 60px;
	font-size: 20px;
	margin-top: -70px;
	text-align: justify;
}
#webc > div > ul > li:last-child p {
	background-color: #583da4;
}
#webd {
	background-color: #f9fafc;
	padding-bottom: 80px;
	padding-top: 50px;
}
#webd ul {
	width: 1200px;
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
	font-size: 0;
}
#webd ul li {
	width: 400px;
	list-style: none;
	padding-bottom: 20px;
	padding-top: 10px;
	display: inline-block;
	vertical-align: top;
}
#webd ul li div {
	background-color: #fff;
	width: 375px;
	height: 360px;
	text-align: left;
	box-shadow: 0px 3px 10px rgba(0,0,0,.3);
}
#webd ul li div strong {
	display: block;
	font-size: 20px;
	padding: 20px;
	padding-bottom: 0;
}
#webd ul li div p {
	font-size: 16px;
	text-align: justify;
	padding: 20px;
}
#webd ul li strong {
	display: block;
}
.tablebox {
	height: 500px;
	overflow: hidden;
	position: relative;
	width: 1200px;
	background-color: #fff;
}
.tbl-header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.tbl-body {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 500px;
}
.tablebox table {
	width: 100%;
	border-collapse: collapse;
}
.tablebox table th, .tablebox table td {
	font-size: 16px;
	color: #000;
	line-height: 45px;
	text-align: center;
}
tr td:nth-child(5)
{
	color:red
}
.tablebox table tr th {
	background-color: #4053bd;
	cursor: pointer;
	color: #fff;
}
.tablebox table tr td {
	background-color: transparent;
}
.tbl-body tr:nth-child(even) td,.tbl-body1 tr:nth-child(even) td {
    background-color: #f1f1f1;
}
.tablebox table tr td span, .tablebox table tr td span {
	font-size: 24px;
}
#javae {
	background-color: #040139;
	padding-top: 30px;
	padding-bottom: 60px;
}
#javae h1 {
	color: #fff;
}
#javae h2 {
	color: #cdcdff;
}
#javae ul {
	display: table;
	table-layout: fixed;
	width: 1200px;
	margin: auto;
	margin-top: 30px;
}
#javae ul > li {
	display: table-cell;
	padding: 12px;
}
#javae ul > li div {
	background-color: #fff;
	height: 450px;
}
#javae ul > li div span {
	display: block;
	width: 100%;
	height: 310px;
	font-size: 32px;
	color: #fff;
	padding-top: 240px;
	background-image: url('../images/a.jpg');
	box-sizing: border-box;
	background-position: center top;
	background-repeat: no-repeat;
}
#javae ul li:nth-child(2) div span
{
	background-image:url('../images/b.jpg');	
}
#javae ul li:nth-child(3) div span
{
	background-image:url('../images/c.jpg');	
}
#javae ul li:nth-child(4) div span
{
	background-image:url('../images/d.jpg');	
}
#javae ul > li div p {
	font-size: 18px;
	padding: 20px;
	text-align: justify;
}
ul.szlist > li > a {
	display: block;
	position: relative;
	height: 427px;
	overflow: hidden;
}
#javaf {
	background-color: #f9fafb;
	padding-bottom: 80px;
	padding-top: 50px;
}
#javaf > ul {
	display: table;
	margin: auto;
	margin-top: 30px;
	width: 1200px;
}
#javaf > ul > li {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#javaf>ul>li:nth-child(2)
{
	background-image:url('../images/java2.png');
	background-position:center center;
	width:640px;
	height:530px;
	background-repeat:no-repeat
}
#javaf > ul > li strong {
	color: red;
	display: block;
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 10px;
}
#javaf > ul > li p {
	color: #666;
	font-size: 18px;
	text-align: justify;
	padding-bottom: 10px;
}
#javag {
	background-image: url('../images/javabg2.jpg');
	height: 450px;
	padding-top: 40px;
	box-sizing: border-box;
}
.foot {
	display: table;
	width: 1200px;
	margin: auto;
}
.foot > div {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
.footright h1, .footright h2 {
	color: #fff;
	white-space: nowrap;
}
.footright h2 {
	color: #999;
}
.footright h1 label {
	color: #de2986;
}
.footleft {
	color: #999;
}
.footleft ul {
	display: table;
	margin-bottom: 100px;
}
.footleft ul li {
	display: table-cell;
}
.footleft ul li a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 100px;
	margin: 2px;
	font-size: 16px;
}
.footleft ul li strong {
	font-size: 16px;
	color: #fff;
	display: block;
	padding-bottom: 20px;
}
.footleft ul li p {
	padding-bottom: 5px;
	font-size: 16px;
	white-space: nowrap;
}
.footleft ul li:first-child {
	width: 240px;
	padding-left: 20px;
	border-left: 5px #4475ba solid;
}
.footleft ul li:last-child {
	text-align: left;
	padding-right: 60px;
	padding-left: 60px;
}
.footleft dl {
	display: table;
	margin-top: 10px;
	margin-bottom: 50px;
}
.footleft dl:nth-child(2),.footleft dl:nth-child(3)
{
	margin-bottom:0
}
.footleft dl dd, .footleft dl dt {
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	text-align: left;
}
.footleft dl dd {
	width: 80px;
	white-space: nowrap;
}
.footleft dl dt {
	padding-right: 120px;
}
.footleft dl dt a {
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}
.footright {
	text-align: right;
	width: 350px;
}
.footright > div {
	width: 320px;
	padding-top: 30px;
	margin: auto;
}
.footright > div > p {
	margin-bottom: 20px;
	position: relative;
	height: 40px;
}
.footright > div > p > i {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	color: #ccc;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.footright > div > p > input {
	width: 100%;
	border: 1px #ddd solid;
	height: 40px;
	background-color: transparent;
	line-height: 40px;
	border-radius: 5px;
	box-sizing: border-box;
	padding-left: 50px;
	color: #fff;
	transition: all .3s;
}
.footright > div > p > input:focus {
	border: 1px #de2986 solid;
}
.footright > div > div {
	text-align: center;
	padding-top: 20px;
}
.footright > div > div > button {
	display: inline-block;
	width: 150px;
	height: 40px;
	border-radius: 5px;
	background-color: #4475ba;
	border: 0;
	font-size: 14px;
	transition: all .3s;
	color: #fff;
}
ul.szlist > li > a > span {
	display: block;
	width: 100%;
	box-sizing: border-box;
	left: 0;
	bottom: 0px;
	position: absolute;
	padding: 10px;
	overflow: hidden;
	height: 110px;
	font-size: 14px;
	color: #fff;
	text-align: justify;
	padding-bottom: 10px;
	background-color: rgba(0,0,0,.5);
	transition: all .3s;
}
ul.szlist > li > a:hover > span {
	bottom: 0;
	height: auto;
	overflow: auto;
	max-height: 300px;
}
ul.szlist > li > a > span > label {
	display: block;
	border-bottom: 1px #eee solid;
	margin-bottom: 10px;
	height: 30px;
	padding-left: 5px;
	box-sizing: border-box;
	line-height: 30px;
	white-space: nowrap;
}
ul.szlist > li > a > span > strong {
	font-size: 16px;
	display: block;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	padding-left: 5px;
}
ul.szlist > li > a img {
	width: 100%;
	height: 527px;
}
.feature {
	padding-top: 30px;
	padding-bottom: 60px;
	height: 680px;
	background-color: #f9fafc;
}
.feature > div.layout {
	background-image: url('../images/boxbg.jpg');
	background-position: right center;
	background-repeat: no-repeat;
	height: 650px;
}
.feature > div > ul {
	text-align: left;
}
.feature > div > ul > li {
	position: relative;
	list-style: none;
	margin-bottom: 30px;
	margin-top: 20px;
}
.feature > div > ul > li > i {
	display: inline-block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 28px;
	border: 1px #f0a122 solid;
	color: #f0a122;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 5px;
}
.feature > div > ul > li > p {
	padding-left: 100px;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.feature > div > ul > li > span {
	display: block;
	padding-left: 100px;
	font-size: 16px;
	color: #999;
}
.feature > div > ul > li > span > strong {
	color: red;
	font-size: 18px;
	font-weight: normal;
}
.youshi {
	padding-bottom: 70px;
	padding-top: 30px;
}
.youshi > div > ul {
	display: table;
	width: 100%;
	margin-top: 30px;
	table-layout: fixed;
}
.youshi > div > ul > li {
	display: table-cell;
	text-align: center;
	padding: 5px;
}
.youshi > div > ul > li > div {
	height: 320px;
	box-sizing: border-box;
	padding-top: 30px;
	cursor: pointer;
	color: #666;
	background-color: #f0eeef;
	transition: all .3s;
}
.youshi > div > ul > li > div > i {
	font-size: 64px;
	color: #666;
	display: inline-block;
	line-height: 64px;
	height: 64px;
	transition: all .3s;
}
.youshi > div > ul > li > div > strong {
	display: block;
	padding: 10px;
	font-size: 24px;
	padding-bottom: 20px;
}
.youshi > div > ul > li > div > p {
	text-align: justify;
	padding: 20px;
	font-size: 18px;
}
.youshi > div > ul > li > div:hover {
	background-color: #f0a122;
	transform: scale(1.3);
	z-index: 2;
	color: #fff;
	position: relative;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}
.youshi > div > ul > li > div:hover > i {
	color: #fff;
}
.rumen {
	background-image: url('../images/bg.jpg');
	height: 700px;
	box-sizing: border-box;
	padding-top: 70px;
	background-position: center center;
	background-repeat: no-repeat;
}
.rumen > h1, .rumen > h2 {
	color: #fff;
}
.rumen ul {
	display: table;
	width: 100%;
	margin-top: 30px;
	table-layout: fixed;
}
.rumen ul > li {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}
.rumen ul > li div {
	text-align: center;
	background-color: #fff;
	height: 400px;
}
.rumen ul > li div strong {
	display: block;
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 24px;
	background-color: #e72a86;
}
.rumen ul > li:first-child div strong {
	background-color: #314491;
}
.rumen ul > li:last-child div strong {
	background-color: #f0a122;
}
.rumen ul>li:nth-child(3) strong
{
	background-color:#4a97cf	
}
.rumen ul > li div p {
	padding-top: 20px;
}
.rumen ul > li div p a {
	display: block;
	font-size: 14px;
	padding: 7px;
	white-space: nowrap;
	padding-left: 20px!important;
	text-align: left;
}
.renke {
	padding-bottom: 90px;
	padding-top: 80px;
}
.renke > div.layout {
	padding-top: 30px;
}
.baoming {
	padding-bottom: 30px;
	padding-top: 30px;
	background-color: #efefef;
}
.baoming ul {
	font-size: 0;
}
.baoming ul li {
	display: inline-block;
	width: 300px;
	height: 270px;
	box-sizing: border-box;
	text-align: center;
	padding: 10px;
	vertical-align: top;
	margin-bottom: 20px;
}
.baoming ul li:first-child,.baoming ul li:nth-child(5)
{
	padding-left:0
}
.baoming ul li a {
	display: block;
	width: 100%;
	height: 270px;
	box-sizing: border-box;
	padding-top: 30px;
	background-color: #fff;
	border: 1px #ddd solid;
	transition: all .3s;
}
.baoming ul li a i {
	font-size: 70px;
	color: #1ebddb;
	display: inline-block;
	border-radius: 100%;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	background-color: #fff;
}
.baoming ul li a label {
	display: block;
	padding-top: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #666;
	transition: all .3s;
}
.baoming ul li a:hover {
	background-color: #45a6f7;
}
.baoming ul li a:hover label {
	color: #fff;
}
.hotfeature {
	text-align: center;
	z-index: 2;
	position: relative;
}
.hotfeature ul {
	width: 1400px;
	margin: auto;
	height: 180px;
	background-color: #fff;
	margin-top: -90px;
	font-size: 0;
	margin-bottom: 30px;
}
.hotfeature ul li {
	display: inline-block;
	list-style: none;
	width: 280px;
	height: 180px;
	box-sizing: border-box;
	padding-top: 30px;
	position: relative;
	cursor: pointer;
	transition: all .3s;
	color: #666;
}
.hotfeature ul li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 60px;
	background-color: #ddd;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -30px;
}
.hotfeature ul li:last-child:after {
	display: none;
}
.hotfeature ul li i {
	font-size: 80px;
	color: #fc6c00;
	transform: all .3s;
}
.hotfeature ul li p {
	font-size: 16px;
	padding-top: 20px;
}
.hotfeature ul li:hover {
	transform: scale(1.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	background-color: #fc6c00;
	color: #fff;
	z-index: 2;
	position: relative;
}
.hotfeature ul li:hover i {
	color: #fff;
}
.hotfeature ul li:hover:after {
	display: none;
}
.ui {
	background-color: #fff;
	padding-bottom: 50px;
	padding-top: 30px;
}
.ui h1, .ui h1 label {
	font-size: 32px;
}
#uia ul {
	margin-top: 30px;
}
#uib {
	background-color: #f9fafc;
}
#uib ul {
	display: table;
	table-layout: fixed;
	width: 1200px;
	margin: auto;
	height: 440px;
}
#uib ul > li {
	padding: 10px;
	display: table-cell;
	vertical-align: top;
}
#uib ul > li > div {
	background-color: #fff;
	border-radius: 10px;
	height: 440px;
	text-align: center;
}
#uib ul > li > div img {
	border-bottom: 1px #ddd solid;
}
#uib ul > li > div > strong {
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	color: #fff;
	background-image: linear-gradient(to right, #6f7df8, #925cf0);
	border-radius: 10px 10px 0 0;
}
#uib ul > li > div > strong label {
	font-size: 32px;
	padding-left: 10px;
}
#uib ul > li:first-child > div > strong {
	background-image: linear-gradient(to right, #b351dc , #ed5494);
	    font-size: 10px;
}

#uib ul > li > div > strong {font-size: 10px;}

#uib ul > li:last-child > div > strong {
	background-image: linear-gradient(to right, #63adf4, #5662f4);
}
#uib ul > li > div p {
	box-sizing: border-box;
	padding: 20px;
	font-size: 16px;
	color: #666;
	text-align: justify;
}
#uic {
	background-color: #f3f3f3;
}
#uic > div > img {
	margin-top: 30px;
}
#uic > div > ul {
	display: table;
	table-layout: fixed;
	width: 1200px;
	margin: auto;
}
#uic > div > ul > li {
	display: table-cell;
	background-image: url('../images/li.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px;
}
#uic > div > ul > li:first-child {
	background-image: none;
}
#uic > div > ul > li > i {
	font-size: 36px;
	color: #df6037;
}
#uic > div > ul > li > strong {
	display: block;
	font-size: 18px;
	padding: 10px;
	color: #666;
	padding-bottom: 0;
}
#uic > div > ul > li > p {
	font-size: 16px;
	color: #666;
	padding: 10px;
}
#uid img {
	margin-top: 30px;
}
#uie {
	height: 750px;
	background-image: url('../images/uibg.jpg');
	background-position: center center;
	box-sizing: border-box;
	padding-top: 30px;
}
#uie h2 {
	color: #656364;
	width: 600px;
	margin: auto;
	padding-left: 35px;
	font-size: 22px;
}
#uie img {
	margin-top: 40px;
}
.footer {
	background-color: #4056c3;
	padding-bottom: 30px;
	padding-top: 30px;
	color: #fff;
}
.footer > ul {
	display: table;
	width: 1200px;
	margin: auto;
	table-layout: fixed;
}
.footer > ul > li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	border-right: 1px #5167d4 solid;
	border-left: 1px #374dba solid;
}
.footer > ul > li:first-child {
	border-left: 0;
}
.footer > ul > li:last-child {
	border-right: 0;
}
.footer > ul > li > strong {
	display: block;
	padding: 10px;
	font-size: 16px;
}
.footer > ul > li > a {
	display: block;
	text-align: center;
	padding: 10px;
	font-size: 16px;
	color: #fff;
}
.footer > ul > li > a:hover {
	color: #00ffff;
}
.copyright {
	height: 60px;
	line-height: 60px;
	background-color: #2f2f2f;
	color: #666;
	font-size: 14px;
}
.copyright img {
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 30px;
	margin-right: 3px;
}
div.contect {
	text-align: left;
	position: relative;
}
div.contect > i {
	font-size: 48px;
	position: absolute;
	left: 50px;
	top: 5px;
}
div.contect > span, div.contect > p {
	display: block;
	padding-top: 5px;
	padding-left: 110px;
}
div.contect > p {
	font-size: 22px;
	padding-top: 0;
}
div.contect > ul {
	padding-top: 30px;
	padding-left: 50px;
}
div.contect > ul > li {
	display: inline-block;
	list-style: none;
	width: 100px;
	text-align: center;
}
div.contect > ul > li > p {
	padding-top: 5px;
	font-size: 14px;
	color: rgba(255,255,255,.5);
}
div.contect > ul > li img {
	border: 5px rgba(255,255,255,.2) solid;
	border-radius: 3px;
}
.links {
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #f4f4f4;
}
.links a img {
	display: inline-block;
	margin: 3px;
	width: 160px;
	height: 90px;
	border-radius: 5px;
	border: 1px #ddd solid;
	transition: all .3s;
}
.links a:hover img {
	border: 1px #1ebddb solid;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
.links > div > strong {
	display: block;
	font-size: 20px;
	padding-left: 5px;
	color: #666;
	padding-bottom: 40px;
	padding-top: 10px;
}
#javaads .slick-dots {
	bottom: 120px;
}
#javaads .slick-dots li, #javaads .slick-dots li button {
	width: 100px;
}
#javaads .slick-dots li button:before {
	width: 100px;
	border-radius: 2px;
}
#javaads .slick-dots li.slick-active button:before {
	background-color: #00ffd5;
}
.headnav {
	background-color: #fff;
	text-align: center;
}
.headnav > p {
	width: 1200px;
	margin: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: left;
}
.headnav > p img:last-child {
	float: right;
	margin-top: 10px;
	vertical-align: middle;
}
div.nav {
	text-align: center;
	background-color: #5669b3;
}
div.nav > ul {
	margin: auto;
	width: 1200px;
	display: table;
}
div.nav > ul li {
	display: table-cell;
	text-align: center;
	position: relative;
}
div.nav > ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	transition: all .3s;
}
div.nav > ul li a:hover {
	background-color: #2a2f4d;
}
div.nav > ul li.active a {
	background-color: #2a2f4d;
}
div.subnav {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50px;
	background-color: rgba(0,0,0,.9);
	z-index: 5;
	display: none;
}
div.subnav > a {
	display: block;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	transition: all .3s;
}
div.subnav > a:hover {
	background-color: #2a2f4d;
}
div.nav > ul li:hover div.subnav {
	display: block;
}

#shizia {
	background-color: #a8badc;
}
#shizia h1, #shizia h2 {
	color: #294662;
}
#shizia ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 50px;
}
#shizia ul li {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}
#shizia ul li:first-child {
	padding-left: 0;
}
#shizia ul li:last-child {
	padding-right: 0;
}
#shizia ul li div {
	background-color: #fff;
	text-align: center;
	height: 320px;
	cursor: pointer;
	transition: all .3s;
}
#shizia ul li div:hover {
	box-shadow: 0px 0px 20px rgba(0,25,50,.5);
}
#shizia ul li div img {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	border: 5px #fff solid;
	margin-top: -40px;
	box-shadow: 0px 2px 20px rgba(0,0,0,.2);
}
#shizia ul li div strong {
	display: block;
	font-size: 18px;
	padding-top: 10px;
}
#shizia ul li div span {
	display: block;
	padding-top: 5px;
	color: #666;
	padding-bottom: 15px;
}
#shizia ul li div label {
	color: #fff;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #9ebe00;
	font-size: 12px;
}
#shizia ul li div p {
	padding: 20px;
	font-size: 16px;
	text-align: justify;
}
#shizib {
	background-color: #fff;
}
#qiyea {
	background-color: #fff;
}
#qiyea > div {
	background-color: #fff;
}
#qiyea dl {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#qiyea h1 {
	padding-top: 50px;
}
#qiyea h2 {
	padding-bottom: 50px;
}
#qiyea dl dd, #qiyea dl dt {
	display: table-cell;
	background-color: #f7f7f7;
	vertical-align: middle;
}
#qiyea dl dt {
	font-size: 18px;
	padding-left: 50px;
	line-height: 30px;
	padding-right: 50px;
}
.qiyetxt {
	margin: auto;
	background-image: url('../images/qiye.jpg');
	width: 1144px;
	height: 618px;
	margin-top: 30px;
	position: relative;
}
.qiyetxt > div {
	position: absolute;
	width: 300px;
	height: 220px;
	box-sizing: border-box;
	text-align: left;
	font-size: 20px;
}
.qiyetxt > div > strong {
	font-size: 24px;
	font-weight: normal;
	display: block;
	padding-left: 100px;
}
.qiyetxt > div > p {
	font-size: 20px;
	color: #666;
	text-align: justify;
	padding-top: 20px;
}
div.qiyetxta {
	left: 0;
	top: 15px;
}
div.qiyetxtb {
	left: 0;
	bottom: 25px;
}
div.qiyetxtc {
	right: 0;
	top: 15px;
}
div.qiyetxtd {
	right: 0;
	bottom: 25px;
}
#qiyeb {
	background-color: #fff;
	padding-bottom: 50px;
	padding-top: 30px;
}
#ht {
	margin-top: 20px;
}
#ht .slick-slide {
	height: auto;
	text-align: center;
}
#ht .slick-slide img {
	margin: auto;
}
#ht .slick-slide a {
	display: inline-block;
	color: #ff7b71;
	height: 50px;
	line-height: 50px;
	border: 1px #ff7b71 solid;
	border-radius: 5px;
	width: 120px;
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
	transition: all .5s;
}
#ht .slick-slide a:hover {
	background-color: #78a8f9;
	color: #fff!important;
	border: 1px #78a8f9 solid;
}
#qiyec {
	background-image: url('../images/qiyebg.jpg');
	background-position: center center;
	background-size: cover;
}
#qiyec div {
	text-align: center;
}
#qiyec a {
	display: inline-block;
	margin-top: 30px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	width: 120px;
	color: #fff;
	background-color: #78a8f9;
	border-radius: 5px;
}
#xueyuana {
	background-color: #191c26;
	padding-bottom: 30px;
	padding-top: 40px;
}
#xueyuana h1 {
	color: #fff;
}
#xueyuana h2 {
	color: #ccc;
	padding-bottom: 30px;
}
#xueyuanb {
	background-color: #dfdddd;
	padding-bottom: 50px;
	padding-top: 30px;
}
#xueyuanb h2 {
	color: #000;
}
#xueyuanb div {
	text-align: center;
}
#xueyuanb div a {
	display: inline-block;
	margin-top: 20px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	background-color: #e72a86;
	color: #fff;
	border-radius: 5px;
	font-size: 20px;
}
#xueyuanb ul {
	text-align: center;
	margin-top: 30px;
}
#xueyuanb ul li {
	display: inline-block;
	box-sizing: border-box;
	width: 33%;
	padding: 5px;
	padding-bottom: 10px;
}
#xueyuanb ul li div {
	background-color: #fff;
}
#xueyuanb ul li img {
	width: 100%;
	height: 200px;
}
#xueyuanb ul li strong {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 18px;
}
#xueyuanb ul li p {
	padding-bottom: 20px;
}
#xueyuanc {
	background-image: url('../images/xybg.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 50px;
	background-size: cover;
}
#xueyuanc h1 {
	color: #fff;
	font-size: 32px;
}
#xueyuanc h2 {
	color: #5a9fb5;
}
#xueyuanc dl {
	display: table;
	margin-bottom: 30px;
	table-layout: fixed;
}
#xueyuanc dl dd, #xueyuanc dl dt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#xueyuanc dl dd {
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
}
#xueyuanc dl dd strong {
	display: inline-block;
	width: 520px;
	font-size: 36px;
	padding-bottom: 10px;
}
#xueyuanc dl dd p {
	font-size: 20px;
	color: #5a9fb5;
	padding-bottom: 10px;
}
#xueyuanc dl dd a {
	display: inline-block;
	margin-top: 20px;
	width: 160px;
	height: 50px;
	line-height: 50px;
	background-color: #e72a86;
	color: #fff;
	border-radius: 5px;
	font-size: 20px;
}
.location {
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 16px;
	color: #999;
}
.location > a {
	padding-right: 10px;
	font-size: 16px;
	color: #5669b3;
}
.location > a:last-child {
	color: #666;
}
.location > span {
	padding-left: 10px;
	font-size: 16px;
	color: #666;
}
.payhead {
	background-color: #fff;
	height: 100px;
	position: relative;
}
.payhead > strong {
	font-size: 18px;
	color: #0077ff;
	padding-left: 30px;
	line-height: 100px;
}
.payhead > ul {
	display: table;
	position: absolute;
	right: 0;
	top: 0;
}
.payhead > ul > li {
	display: table-cell;
	text-align: center;
	width: 120px;
	height: 100px;
	position: relative;
}
.payhead > ul > li > label {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	background-color: #b0b0b0;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	top: 23px;
	z-index: 2;
	border-radius: 50%;
}
.payhead > ul > li > span {
	display: block;
	height: 60px;
	line-height: 60px;
	width: 100%;
	font-size: 16px;
	position: absolute;
	color: #999;
	border-top: 4px #b0b0b0 solid;
	left: 0;
	bottom: 0;
}
.payhead > ul > li.active span {
	border-top-color: red;
	color: red;
}
.payhead > ul > li.active label {
	background-color: red;
}
.paymain {
	display: table;
	width: 100%;
	background-color: #ecebeb;
	border: 1px #ccc solid;
}
.paymain > div {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 50px;
}
.payright {
	width: 40%;
	border-left: 1px #ccc solid;
}
.payright img {
	width: 200px;
}
.payright > span {
	display: block;
	font-size: 16px;
	color: #666;
	padding-top: 10px;
	padding-bottom: 50px;
}
.payright > p {
	font-size: 16px;
	color: #666;
	padding: 15px;
}
.payright > p i {
	display: inline-block;
	background-color: #5fb41b;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	color: #fff;
	margin-right: 10px;
	border-radius: 50%;
	vertical-align: middle;
}
.payright > p i.icon-qq2 {
	background-color: #ff7700!important;
}
.payleft {
}
.radioboxcon {
	position: relative;
}
.radioboxcon > div.radiobox {
	left: 200px;
}
.payleft > p > em {
	color: red;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 5px;
}
.payleft div {
	padding-bottom: 20px;
	font-size: 16px;
	color: #666;
}
.payleft div button {
	display: inline-block;
	width: 280px;
	height: 50px;
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	background-color: #ef2d36;
	margin-top: 30px;
	margin-left: 70px;
}
.payleft div em {
	font-size: 16px;
	vertical-align: baseline;
	color: red;
	font-style: normal;
}
.payleft p {
	margin-top: 30px;
	display: inline-block;
	width: 420px;
	text-align: left;
}
.payleft p label {
	display: inline-block;
	width: 90px;
	font-size: 16px;
	color: #666;
	vertical-align: top;
}
.payleft p input[type=text] {
	background-color: #fff;
	border: 1px #ccc solid;
	height: 40px;
	width: 300px;
	box-sizing: border-box;
	padding-left: 5px;
	vertical-align: top;
	margin-top: -8px;
	font-size: 16px;
}
.payleft p textarea {
	background-color: #fff;
	border: 1px #ccc solid;
	width: 300px;
	overflow: auto;
	height: 100px;
	box-sizing: border-box;
	padding: 5px;
	font-size: 16px;
	font-family: 微软雅黑;
}
.payinfo {
	background-color: #fff;
	margin-bottom: 50px;
	margin-top: 20px;
	padding-bottom: 30px;
}
.payinfo > strong {
	display: block;
	padding: 20px;
	font-size: 20px;
	color: #0077ff;
	font-weight: normal;
	border-bottom: 1px #eee solid;
}
.payinfo > ul {
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
}
.payinfo > ul > li {
	display: inline-block;
	width: 500px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 60px;
	font-size: 16px;
}
.payinfo > div {
	width: 92%;
	margin: auto;
	box-sizing: border-box;
	padding: 30px;
	background-color: #fffbe6;
	border: 1px #ccc solid;
}
.payinfo > div > span {
	display: block;
	padding-bottom: 10px;
	color: #f98300;
	font-size: 16px;
}
.payinfo > div > span i {
	margin-right: 5px;
}
.payinfo > div > p {
	padding-bottom: 10px;
	font-size: 16px;
	color: #666;
}
.minipayinfo {
	background-color: #fff;
	border: 1px #ddd solid;
	width: 90%;
	margin: auto;
	box-sizing: border-box;
	padding-left: 60px;
	padding-top: 30px;
	text-align: left;
}
.minipayinfo p {
	padding: 0;
	margin: 0;
	font-size: 16px;
	padding-top: 20px;
}
.minipayinfo strong {
	color: #ff0000;
	font-size: 16px;
}
.minipayinfo > strong {
	display: block;
}
.payleft ul {
	margin-left: 40px;
	text-align: left;
	padding-top: 30px;
}
.payleft ul li {
	width: 330px;
	text-align: left;
	height: 70px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}
.payleft ul li p {
	margin-top: 0;
	padding: 0;
	padding-left: 55px;
	color: #666;
	font-size: 14px;
}
.payleft ul li strong {
	display: block;
	padding-left: 55px;
	font-size: 14px;
	padding-top: 5px;
}
.payleft ul li i {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 28px;
	border-radius: 50%;
	background-color: #57aae5;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.payleft ul li:first-child i {
	background-color: #23cf21;
}
.payleft ul li:last-child i {
	background-color: #f6a641;
}
div.radiobox {
	position: relative;
	line-height: 30px;
}
div.radiobox input[type=radio], div.radiobox input[type=checkbox] {
	width: 20px;
	height: 20px;
	opacity: 0;
}
div.radiobox label {
	position: absolute;
	left: 5px;
	top: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #999;
}
div.radiobox input:checked + label {
	background-color: #20b15b;
	border: 1px solid #20b15b;
}
div.radiobox input:checked + label::after {
	position: absolute;
	content: '';
	width: 5px;
	height: 10px;
	top: 3px;
	left: 6px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg);
}
.payleft ul li div.radiobox {
	position: absolute;
	right: 25px;
	top: 10px;
	z-index: 999;
}
.radioboxcon {
	position: relative;
	height: 20px;
	margin-top: 20px;
	line-height: 20px;
	text-align: left;
	padding-left: 280px;
}
.radioboxcon div.radiobox {
	position: absolute;
	left: 245px;
	top: -4px;
	z-index: 999;
}
.jobtitle {
	display: table;
	width: 100%;
}
.jobtitle > div {
	display: table-cell;
}
div.jobtitleleft {
	background-color: #fff;
	text-align: center;
	width: 240px;
	vertical-align: top;
	border: 1px #eee solid;
	position: relative;
}
div.jobtitleleft > strong {
	display: block;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
	background-color: #f5f5f5;
}
div.jobtitleleft > p {
	display: table;
	table-layout: fixed;
	width: 100%;
	position: absolute;
	left: -1px;
	bottom: -1px;
	border-collapse: collapse;
}
div.jobtitleleft > p > span {
	display: table-cell;
	height: 30px;
	line-height: 30px;
	background-color: #f9fafc;
	border: 1px #eee solid;
	color: #666;
}
div.jobtitleright {
	background-color: #f5f5f5;
	padding: 20px;
}
div.jobtitleright > p {
	font-size: 18px;
	padding-left: 10px;
}
div.jobtitleright > p > span {
	float: right;
	font-size: 16px;
	color: #666;
}
div.jobtitleright > p > strong {
	padding-left: 20px;
	color: #3c93fc;
	font-size: 18px;
}
div.jobtitleright > div {
	padding-top: 20px;
}
div.jobtitleright > div > label {
	display: inline-block;
	font-size: 16px;
	color: #666;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 18px;
	background-color: #fff;
	margin-right: 15px;
	border: 1px #ddd solid;
}
div.jobtitleright > div > button, .btnbox button {
	height: 50px;
	line-height: 50px;
	margin-top: 10px;
	background-color: #fff;
	color: #3c93fc;
	border-radius: 5px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	border: 1px #3c93fc solid;
	margin-right: 10px;
	margin-left: 10px;
}
div.jobtitleright > div > button:first-child, .btnbox button {
	background-color: #3c93fc;
	color: #fff;
	margin-left: 120px;
}
.btnbox {
	text-align: center;
	padding: 20px;
}
.btnbox button {
	margin-left: 0;
	margin-right: 0;
}
.jobinfo {
	padding-bottom: 30px;
	padding-top: 20px;
}
.jobinfo > strong {
	display: block;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.jobinfo p {
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 16px;
	color: #666;
}
.jobmore {
	margin-bottom: 20px;
}
.jobmore > strong {
	display: block;
	padding: 20px;
	font-size: 16px;
	background-color: #f7f7f7;
}
.jobmore > ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.jobmore > ul > li {
	display: table-cell;
	padding: 10px;
}
.jobmore > ul > li > div {
	border: 1px #ddd solid;
	height: 150px;
	width: 100%;
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
}
.jobmore > ul > li > div > div {
	border-top: 1px #ddd solid;
	padding: 5px;
	font-size: 16px;
}
.jobmore > ul > li > div > div > img {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	border: 1px #ddd solid;
	vertical-align: middle;
	margin-right: 15px;
}
.jobmore > ul > li > div > p {
	font-size: 18px;
	padding-bottom: 20px;
}
.jobmore > ul > li > div > p strong {
	float: right;
	font-size: 18px;
	color: #3c93fc;
}
.jobmore > ul > li > div > span {
	font-size: 16px;
	display: block;
	padding-bottom: 20px;
}
.buyhistory {
	padding-bottom: 50px;
}
.buyhistory > div {
	padding-bottom: 10px;
	color: #0077ff;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
}
.buyhistory > div button {
	float: right;
	height: 40px;
	background-color: #ff6600;
	color: #fff;
	border-radius: 5px;
	border: 0;
	line-height: 40px;
	width: 120px;
	margin-left: 10px;
	font-size: 16px;
	text-align: center;
}
.buyhistory > div button i {
	margin-right: 5px;
}
.gridview {
	width: 100%;
	border-collapse: collapse;
	border: 1px #abb3d3 solid;
	margin-bottom: 30px;
}
.gridview th {
	text-align: center;
	padding: 10px;
	background-color: #4053bc;
	color: #fff;
	font-size: 16px;
	border-right: 1px #d1e6f1 solid;
	border-bottom: 1px #eee solid;
}
.gridview td {
	text-align: center;
	padding: 10px;
	color: #666;
	font-size: 16px;
	border-right: 1px #d1e6f1 solid;
	border-top: 1px #eee solid;
}
.gridview tr:nth-child(odd)
{
	background-color:#e8ebe9
}
.gridview tr th:last-child {
	border-right: 0;
}
.gridview tr td:last-child {
	border-right: 0;
}
.renkeimgbox > div {
	height: 580px!important;
}
#shengming {
	display: none;
}
#shengming img {
	width: 100%;
}
.layui-layer-molv .layui-layer-title {
	background-color: #5669b3;
}
.pagectrl {
	padding: 10px;
	text-align: center;
}
.pagectrl a {
	display: inline-block;
	margin: 5px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #fff;
	border: 1px #999 solid;
	text-align: center;
}
.pagectrl a.page-num-current {
	background-color: #666;
	color: #fff;
}
.newsbox {
	background-color: #fff;
	display: table;
	width: 100%;
	margin-bottom: 60px;
}
.newsbox > div {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}
.newstitle {
	color: #1977d7;
	border-bottom: 1px #1977d7 solid;
	padding: 10px;
	font-size: 16px;
}
.newstitle a {
	float: right;
	font-size: 14px;
}
ul.newslist {
	padding: 10px;
	padding-bottom: 30px;
}
ul.newslist li {
	list-style: none;
	padding: 5px;
}
.jiuye {
	padding-bottom: 30px;
	padding-top: 30px;
}
#jiuyea {
	background-color: #efefef;
}
#jiuyea ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#jiuyea ul > li {
	display: table-cell;
	padding: 10px;
}
#jiuyea ul > li > div {
	background-color: #fff;
	border: 1px #ddd solid;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	padding-bottom: 50px;
	cursor: pointer;
	height: 580px;
	box-sizing: border-box;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	transition: all .3s;
}
#jiuyea ul > li > div:hover {
	transform: scale(1.1);
	box-shadow: 0px 0px 40px rgba(0,0,0,.2);
}
#jiuyea ul > li div img {
	width: 100%;
	height: 285px;
}
#jiuyea ul > li > div strong {
	display: block;
	padding: 20px;
	font-size: 20px;
	text-align: center;
}
#jiuyea ul > li > div p {
	font-size: 16px;
	padding: 5px;
	color: #666;
	padding-left: 60px;
}
#jiuyea ul > li > div > div {
	text-align: center;
	padding-top: 20px;
}
#jiuyea ul > li > div > div > a {
	display: inline-block;
	margin: auto;
	height: 50px;
	width: 150px;
	line-height: 50px;
	border: 1px #ff0000 solid;
	color: #ff0000;
	border-radius: 5px;
	font-size: 18px;
}
.about {
	padding-bottom: 50px;
	padding-top: 30px;
}
.aboutbox {
	width: 1200px;
	margin: auto;
}
#abouta {
	background-color: #fff;
}
#abouta ul {
	display: table;
	width: 100%;
	margin-top: 20px;
}
#abouta ul li {
	display: table-cell;
	vertical-align: middle;
}
#abouta ul li:first-child {
	width: 537px;
}
#abouta ul li img {
	width: 100%;
}
#abouta ul li p {
	padding: 30px;
	font-size: 18px;
	text-align: justify;
	line-height: 25px;
}
#aboutc {
	background-color: #c1d8ef;
}
#aboutc ul, #aboutd ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 20px;
}
#aboutc ul li, #aboutd ul li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
#aboutc ul li p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.slideform {
	position: fixed;
	width: 100%;
	height: 160px;
	left: 0;
	bottom: 0px;
	z-index: 10;
	background-color: rgba(0,0,0,.6);
}
.slideform > div.layout {
	text-align: right;
}
div.slideformbox {
	text-align: center;
	box-sizing: border-box;
	padding-top: 20px;
}
div.slideformbox p {
	font-size: 28px;
	padding: 5px;
	padding-bottom: 20px;
	color: #fff;
}
div.slideformbox p strong {
	color: #efc503;
	font-size: 30px;
	vertical-align: baseline;
	margin-top: -5px;
	margin-left: 5px;
}
div.slideformbox button {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background-color: #efc503;
	border-radius: 25px;
	width: 200px;
	font-size: 20px;
	border: 0;
	color: #6d1c03;
	margin: auto;
}
div.slideformbox > div {
	position: relative;
	height: 60px;
	display: inline-block;
	margin-left: 0px;
	margin-right: 20px;
	font-size: large;
	color: #fff;
}
div.slideformbox > div input {
	display: inline-block;
	width: 300px;
	height: 50px;
	line-height: 50px;
	border: 0;
	text-align: center;
	background-color: #f5f5f5;
	border-radius: 30px;
	box-sizing: border-box;
	font-size: 20px;
	box-shadow: 0px 2px 5px rgba(0,0,0,.15) inset;
}
div.slideformbox > div i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	display: inline-block;
	width: 60px;
	text-align: center;
	height: 50px;
	color: #ccc;
	line-height: 50px;
}
body.xjcx {
	background-image: url('../images/loginbg.jpg');
	background-position: right center;
	background-size: cover;
	height: 100%;
	overflow: hidden;
}
body.xjcx > div {
	position: relative;
	height: 100%;
}
.xjcxform {
	background-color: #fff;
	border-radius: 10px;
	width: 400px;
	height: 460px;
	position: absolute;
	right: 0;
	top: 50%;
	text-align: center;
	margin-top: -230px;
	box-shadow: 0px 0px 30px rgba(0,0,0,.4);
}
.xjcxform > strong {
	display: block;
	background-image: url('../images/logintitle.jpg');
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	border-radius: 9px 9px 0 0;
	color: #fff;
	margin-bottom: 30px;
}
.xjcxform > p {
	padding: 20px;
	font-size: 18px;
	text-align: center;
}
.xjcxform > p input {
	height: 36px;
	border: 1px #ddd solid;
	width: 280px;
	color: #666;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 5px;
	font-size: 16px;
}
.xjcxform > p label {
	color: red;
	padding-right: 5px;
}
.xjcxform > a {
	display: block;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 16px;
	color: #3c93fb;
}
.xjcxform > button {
	width: 120px;
	height: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 40px;
	color: #fff;
	border: 0;
	background-color: #3c93fb;
	border-radius: 5px;
	font-size: 16px;
}
.xjcxform > div {
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	font-size: 14px;
	color: #666;
}
#findmima {
	display: none;
}
#findmima p {
	text-align: center;
	font-size: 16px;
	color: #666;
	padding-top: 80px;
}
#findmima p i {
	color: #fff;
	font-size: 16px;
	background-color: #3c93fb;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
	margin-right: 15px;
}
.view {
	background-color: #fff;
	padding: 40px;
	padding-bottom: 0;
}
.viewtitle {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 10px;
}
.imgbox {
	text-align: center;
}
.view img {
	max-width: 100%;
}
.viewtxt {
	padding-bottom: 30px;
	padding-top: 20px;
}
.viewtxt p {
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: justify;
	font-size: 18px;
	color: #666;
}
.viewinfo {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.viewinfo > div {
	display: table-cell;
	padding-bottom: 20px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #666;
}
.viewinfo > div > span {
	font-size: 16px;
	padding-right: 25px;
	cursor: pointer;
}
.viewinfo > div > span i {
	margin-right: 5px;
}
.viewinfo > div:first-child {
	text-align: left;
}
.viewinfo > div:last-child {
	text-align: right;
}
.viewfoot {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.viewfoot > div {
	display: table-cell;
	border-top: 1px #eee solid;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
	color: #666;
	font-size: 18px;
}
.viewfoot > div a {
	color: blue;
	font-size: 18px;
	padding-left: 5px;
	padding-right: 5px;
}
.viewfoot > div a i {
	font-size: 32px;
	color: #666;
}
.viewfoot>div:nth-child(2)
{
	width:60px;
	border-left:1px #eee solid;
	border-right:1px #eee solid
}
.viewmore {
	margin-bottom: 30px;
	margin-top: 20px;
	background-color: #fff;
}
.viewmore {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.viewmore > div {
	display: table-cell;
	vertical-align: top;
	padding: 20px;
	padding-bottom: 40px;
	padding-top: 40px;
}
.viewmore > div:first-child {
	border-right: 1px #eee solid;
}
.viewmore > div strong {
	display: block;
	font-size: 18px;
	padding-left: 10px;
	color: #000;
	padding-bottom: 10px;
}
.viewmore > div dl dt, .viewmore > div ul li {
	padding: 10px;
}
.viewmore > div ul li {
	list-style: square;
	list-style-position: inside;
}
.viewmore > div a {
	font-size: 18px;
}
.viewmore > div dl label {
	display: inline-block;
	width: 18px;
	height: 18px;
	text-align: center;
	background-color: #91c2f9;
	color: #fff;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
}
.viewmore > div dl dt:first-child label {
	background-color: #4899f5;
}
.viewmore>div dl dt:nth-child(2) label
{
	background-color:#6dadf7
}
.newslistbox {
	background-color: #fff;
	padding-bottom: 30px;
}
.newslistbox ul {
	text-align: center;
	padding: 5px;
}
.newslistbox ul li {
	display: inline-block;
	width: 33%;
	box-sizing: border-box;
	vertical-align: top;
	padding: 5px;
}
.newslistbox ul li a {
	width: 100%;
	height: 400px;
	overflow: hidden;
	display: block;
}
.newslistbox ul li a label {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.newslistbox ul li a strong {
	display: block;
	padding-top: 10px;
	color: #0000ff;
	font-size: 16px;
}
.newslistbox ul li a span {
	display: block;
	color: #666;
	font-size: 16px;
	overflow: hidden;
	max-height: 60px;
	line-height: 20px;
}
.newslistbox ul li a img {
	width: 100%;
	height: 225px;
}
.mhead {
	position: relative;
	background-image: url('../images/newbg.jpg');
	background-size: 100% auto;
	background-position: center top;
	height: 1000px;
}
.mhead img {
	width: 100%;
}
div.mheadform {
	width: 100%;
	height: 170px;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	bottom: 0;
}
div.mheadform > p {
	font-size: xx-large;
	padding-bottom: 15px;
	padding-top: 35px;
	color: #fff;
}
div.mheadform > p > strong {
	color: #ffd200;
	font-size: xx-large;
}
div.mheadform > div {
	color: #fff;
	font-size: x-large;
	padding-top: 10px;
}
div.mheadform > div input {
	height: 40px;
	width: 300px;
	border: 0;
	border-radius: 30px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: x-large;
	text-align: center;
	transition: all .3s;
}
div.mheadform > div input:focus {
	background-color: #caefff;
}
div.mheadform > div button {
	height: 40px;
	width: 200px;
	border: 0;
	border-radius: 30px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: x-large;
	background-color: #ffc527;
	transition: al .3s;
}
.mhead > div > div button:active {
	box-shadow: 0px 0px 30px rgba(0,0,0,.2);
	background-color: #e1ac1a;
}
.mform {
	width: 1200px;
	margin: auto;
	text-align: right;
	position:fixed;
	top: 100px;
	right:50%;
	margin-right:-600px;
	z-index: 999;
}
.mform > div {
	box-sizing: border-box;
	width: 340px;
	border-radius: 20px;
	padding-bottom: 30px;
	z-index: 6;
	display: inline-block;
	text-align: center;
	padding-top: 20px;
	background-color: #fff;
	box-shadow: 0px 0px 30px rgba(0,0,0,.15);
}
.mform > div > div {
	text-align: center;
	margin:auto;
	margin-top: 10px;
	position:relative;
	width:70%;
}
.mform > div > div i
{
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:#999
}
.mform > div p {
	font-size: 20px;
	padding-bottom: 10px;
}
.mform > div p strong {
	font-size: 26px;
	color: #f84c13;
	vertical-align: baseline;
	margin-right: 5px;
	margin-top: -5px;
}
.mform > div > div input {
	width: 100%;
	font-size: 16px;
	height: 50px;
	border: 0;
	border-radius: 10px;
	line-height: 50px;
	box-sizing: border-box;
	padding-left: 50px;
	background-color: #f5f5f5;
	border: 1px #eee solid;
	transition: all .3s;
}
.mform > div > div input:focus {
	border: 1px #eb532c solid;
	background-color: #fff1ed;
	box-shadow: 0px 0px 30px rgba(255,200,200,.8);
}
.mform > div > div button {
	width: 60%;
	font-size: 16px;
	height: 50px;
	border: 0;
	border-radius: 50px;
	line-height: 50px;
	box-sizing: border-box;
	background-color: #ffc527;
	color: #fff;
	margin-top: 20px;
	transition: all .3s;
}
.mform > div > div button:active {
	box-shadow: 0px 0px 40px rgba(0,0,0,.3) inset;
}
.homeadimg
{
	background-color:#fff
}
.homeadimg img
{
	width:100%
}
.danyou
{
	padding-bottom:30px;
	padding-top:30px;
}
.danyou div.layout
{
	text-align:center
}
.danyou img
{
	margin:auto
}

.mfooter
{
	background-color:#333;
	padding-bottom:10px;
	padding-top:10px;
}
.mfooter>div.layout
{
	text-align:right;
	box-sizing:border-box;
	padding:10px;
	position:relative
}
.mfooter>div.layout img
{
	margin-right:10px;
	vertical-align:middle
}
.mfooter>div.layout>p
{
	position:absolute;
	left:0;
	top:10px;
}
.mfooter>div.layout>p span
{
	font-size:medium;
	color:#999;
	display:block;
	text-align:left
}

.zizhi
{
	background-image:url('../images/mfootbg.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.zizhiimgbox
{
	padding:30px;
	padding-bottom:50px;
	padding-top:50px;
}
.zizhiimgbox div
{
	text-align:center
}
.zizhiimgbox div img
{
	border:10px #fff solid;
	width:80%
}
.zizhiimgbox .slick-slide
{
	height:auto
}

@media screen and (max-width: 320px){
.slideform
{
	border-bottom:10px rgba(0,0,0,0) solid
}

}





#about1c {    background-color: #c1d8ef; }
#about1c ul li { float: left;
    list-style: none;
    width: 280px;
    height: 200px;
    margin-right: 20px;
    margin-bottom: 36px;}
#about1c ul li img { width:100%}


@media screen and (max-width: 960px) {
    
    
    #javaa ul li {    text-align: center;
    float: left;}
    
    
    .headnav {
		display:none;
    }
	.header { display: block;
    position: fixed !important;
    top: 0;
    z-index: 9999;
        height: auto !important;
    width: 100%;}
	.swiper-container img { width:100%}
	.swiper-container { height:auto; margin-top:35px;}
	.swiper-wrapper { height:auto}
	.swiper-button-next, .swiper-button-prev { top:0}
	.layout { width:100%;}
	.remenzhuanyebox { height:auto;}
	.remenzhuanyeleft {    width: 100%;
    height: auto;
    position: initial;
    left: 0;
    top: 0;
    z-index: 9999;}
	.remenzhuanyetitle { height:auto;}
	.remenzhuanyeright { position: inherit; width:100%; height:auto}
	.remenzhuanyeright > ul {position: inherit;}
	
	
	
	#java { display: block;}
	#java1 { display: none;}
	
	#ui { display: block;}
	#ui1 { display: none;}
	
	#web { display: block;}
	#web1 { display: none;}
	
	.feature > div.layout { background-image:none;}
	.youshi > div > ul > li {display: block;
    text-align: center;
    padding: 5px;
    width: 47%;
    float: left;}
	.youshi > div > ul > li > div { height:450px;}
	.rumen {    background-image: url(../images/bg.jpg);
     height: auto; 
    box-sizing: border-box;
    padding-top: 6px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
	
	.rumen ul > li {display: block;
    /* vertical-align: top; */
       padding: 10px 8px;
    width: 45%;
    float: left;}
	
	.rumen ul > li div {    text-align: center;
    background-color: #fff;
    height: 508px;
    width: 100%;}
	.rumen ul > li div p a {    display: block;
    font-size: 14px;
    padding: 7px;
    white-space: inherit;
    padding-left: 20px!important;
    text-align: left;}
	
	.renke > div.layout { display:none;}
	
	.baoming ul li {    width: 23.5%;
    height: 139px;
    margin-left: 1.1%;
    padding: 0 0 0 0;}
	
	.baoming ul li a {display: block;
    width: 100%;
    height: 152px;
    box-sizing: border-box;
    padding-top: 30px;
    background-color: #fff;
    border: 1px #ddd solid;
    transition: all .3s;}
	
	.baoming ul li a i {font-size: 60px;
    color: #1ebddb;
    display: inline-block;
    border-radius: 100%;
    width: 90px;
    height: 67px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;}
	
	.baoming ul li a label {    display: block;
    padding-top: 0;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    transition: all .3s;}
	.links a img {    
	    
	   /* width: 21.4%;*/
    /*height: auto;*/
    width: 21.4%;
    height: auto;
    margin: 0;
    margin-left: 1.5%;
	    
	    
	    
	    
	}
	.java h1, .java h1 > label {font-size: 20px;}
	#javag {background-image: url(../images/javabg2.jpg);
    height: auto;
    padding-top: 40px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;}
	
	.foot {    display: table;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;}
	
	.foot > div {    display: block;
    vertical-align: top;
    text-align: left;}
	.footleft ul li:first-child {    width: 100%;}
	
	.footleft ul li:last-child {    text-align: left;
    padding-right: 0;
    padding-left: 0;}
	.footleft ul li a { width:23%}
	.footleft dl {    display: table;
    margin-top: 10px;
     margin-bottom: 0px;
     float:none; 
 }
 
 .footright { width:100%;}
 
 .footright > div {    width: 91%;
    padding-top: 30px;
    margin: auto;}
	.footleft ul li { display:block}
	.footleft ul { margin-bottom:15px;}
	.slideform {position: fixed;
    width: 100%;
    height: auto;
    left: 0;
    bottom: 0px;
    z-index: 10;
    background-color: rgba(0,0,0,.6);}
	div.slideformbox p {    font-size: 16px;
    padding: 5px;
    padding-bottom: 8px;
    color: #fff;}
	
	div.slideformbox p strong {color: #efc503;
    font-size: 15px;
    vertical-align: baseline;
    margin-top: -5px;
    margin-left: 5px;}
	
	div.slideformbox > div { width: 100%;
    margin: 0 auto;
	    position: relative;
    height: 49px;
    display: inline-block;
      margin-left: 4px;
    margin-right: 1px;
    font-size: large;
    color: #fff;
    float: left;}
	
	div.slideformbox > div input {display: inline-block;
      width: 247px;
    height: 41px;
    line-height: 50px;
    border: 0;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 30px;
    box-sizing: border-box;
    font-size: 20px;
    box-shadow: 0px 2px 5px rgba(0,0,0,.15) inset;
}

div.slideformbox button {    display: inline-block;
    height: 40px;
    line-height: 45px;
    background-color: #efc503;
    border-radius: 25px;
    width: 156px;
    font-size: 20px;
    border: 0;
    color: #6d1c03;
    margin: auto;     margin-left: 52px;}
	
	.copyright { width:100%; height:auto; margin:0 auto;}
.copyright p {width: 100%;
    text-align: center;
    font-size: 16px;}
	
	.footright > div > div {    text-align: center;
    padding-top: -3px;
    padding-bottom: 37px;}
	
	.footleft dl dt {padding-right:0px;}
	
	.youshi {    padding-bottom: 10px;}
	
	.renke {padding-bottom:0;     padding-top: 8px;}
	.gundong {     display: block;}
	.remenzhuanye {    padding-top: 6px;     padding-bottom: 9px;}
	.links > div > strong {padding-bottom: 8px;}
     #aboutc ul li, #aboutd ul li img { width:90%}
	 
	 #jiuyea ul > li > div > div > a {width: 105px;}
	 .youshi > div > ul > li > div > strong {    font-size: 20px;}
	 .hotfeature ul { width:100%; margin:0 auto; height:auto; overflow:hidden}
	 .hotfeature ul li {width: 20%;
    float: left; display:block}
	
	.hotfeature ul li i { font-size:50px;}
	.hotfeature ul li p { font-size:12px;}
	#abouta ul li:first-child { width:100%}
	#abouta ul li { display:block}
	#abouta ul li p { padding:16px;}
	#abh { display:none !important;}
	.slick-slide img { width:100%}
	.homeads .slick-slide { height:auto}
	#javaads .slick-dots {    bottom: 23px;}
	#xueyuanb ul li img { height:80px;}
	#qiyec img{ width:100%}
	#xueyuanc dl img { width:100%}
	#xueyuanc dl dd, #xueyuanc dl dt { display:block;}
	#xueyuanc dl { display:block}
	#xueyuanc dl dd strong { width:100%}
	#qiyec h1 {   font-size: 20px;}
	#qiyea h1 {padding-top:0;    font-size: 20px;}
	#qiyeb h1 {   font-size: 20px;}
	.qiyetxt { background-image:none; width:90%; }
	.qiyetxt > div { width:100%;}
	div.qiyetxtc { top:172px !important;}
	.qiyetxt > div > strong { padding-left:0px; text-align:center}
	div.qiyetxtb { bottom:-144px;}
	.qiyetxt > div { height:278px;}
	#ht .slick-slide a {display: inline-block;
    color: #ff7b71;
    height: 36px;
    line-height: 40px;
    border: 1px #ff7b71 solid;
    border-radius: 5px;
    width: 82px;
    font-size: 16px;
    margin-top: 5px;
    text-align: center;
    transition: all .5s;}
	.slick-prev, .slick-next { top:29%}
	.homeads { margin-top:35px;}
	#javaa ul li img { width:100%}
	#javaa ul li a span { font-size:12px;     font-weight: normal;}
	#javab ul li { display:block}
	#javab ul li img { width:100%;}
	
	#javac > div {    width: 100%;
    height: 242px;
    margin: auto;
    margin-top: 70px;
    background-image: url(../images/javabg.png);
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    box-sizing: border-box;
    padding-top: 30px;}
	#javac > div > ul > li { padding:0}
	#javac > div > ul > li span {    display: inline-block;
    background-image: url(../images/java.png);
    width: 99px;
    height: 106px;
    line-height: 108px;
    color: red;
    font-size: 23px;
    font-weight: bold;
    background-size: 100% 100%;}
	#javac > div > ul > li p { font-size:12px;}
	#javad ul { width:100%;}
	#javad ul li > div { width:100%}
	#javad ul li > div > label {    font-size: 11px;
    color: #fff;
    height: 50px;
    line-height: 20px;
    display: block;
    transition: all .3s;}
	#javad ul li > div > p {    font-weight: bold;
    font-size: 17px;
    color: #b93b82;
    padding-bottom: 10px;
    padding-top: 10px;
    transition: all .3s;}
	
	#javae ul { width: 100%;}
	#javae ul > li div { height:236px;}
	#javae ul > li div span {    display: block;
    width: 100%;
    height: 90px;
    font-size: 13px;
    color: #fff;
    padding-top: 68px;
    background-image: url(../images/a.jpg);
    box-sizing: border-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;}
	#javae ul > li div p {    font-size: 10px;
    padding: 10px;
    text-align: justify;}
	#javaf > ul > li {    display: block;
    vertical-align: middle;
    text-align: left;
    width: 86%;
    margin: 0 auto;
    list-style: none;} 
	#javaf>ul>li:nth-child(2) { display:none;}
	#javaf > ul { width:100%;}
	#javac h1 { font-size:38px;}
	
	#jiuyea ul { width:100%;}
	
	#jiuyea ul > li > div {    background-color: #fff;
    border: 1px #ddd solid;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 50px;
    cursor: pointer;
    height: 390px;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
    transition: all .3s;}
	#jiuyea ul > li div img { height:auto;}
	
	#jiuyea ul > li > div strong {    display: block;
    padding: 20px;
    font-size: 20px;
    text-align: center;}
	#jiuyea ul > li > div p {padding-left:0}
	#jiuyea ul > li > div > div { margin-top:0}
	.newsbox > div { display:block}
	.location { margin-top:70px;}
	.view {    padding: 6px;}
	.viewmore > div a { font-size:13px;}
	#shizia ul li div { height:463px;}
	#shizia ul li div img {    width: 65%;
    height: auto;}
	#shizia ul li div strong { font-size:14px;}
	#shizia ul li div p { padding:8px; font-size:12px;}
	#uia ul li img { width:100%}
	#uib ul { width:100%;    height: 335px;}
	#uib ul > li > div img { width:100%}
	#uib ul > li > div { height:380px;}
	#uic > div > img { width:100%;}
	#uic > div > ul { width:100%;}
	#uid img { width:100%}
	#uie img { width:100%}
	#uie h2 { width:100%; padding:0}
	#uie { height:auto}
	#uic > div > ul > li { padding:0}
	#weba ul li img { width:100%}
	#webb > div > ul { width:100%}
	#webb > div > ul > li {    display: table-cell;
    padding: 20px;
    text-align: center;}
	#webb > div > ul > li div {    height: 120px;
    width: 100%;
    background-color: #e72a86;
    color: #fff;
    position: relative;}
	#webb > div > ul > li div i {font-size: 29px;
    position: inherit;
    left: 0px;
    top: 0px;
    height:auto; 
    text-align: center;
    width: 100%;
    line-height: 42px;}
	#webb > div > ul > li div p {    padding-top: 3px;
    padding-bottom: 10px;
    font-size: 16px;}
	#webb > div > ul > li div strong, #webb > div > ul > li div p { padding-left:0}
	#webb > div > ul > li div strong {    font-size: 22px;}
	#webb {background-image:none; height:auto}
	#webc > div > ul { width:100%}
	#webc > div > ul > li p {    background-color: #0751a6;
    color: #fff;
    padding: 23px;
    padding-top: 64px;
    padding-bottom: 16px;
    font-size: 12px;
    margin-top: -70px;
    text-align: justify;     height: 160px;}
	#webcImg { width:100%}
	#webd ul { width:100%}
	#webd ul li img { width:100%}
	#webd ul li {    width: 32%;
    list-style: none;
    padding-bottom: 20px;
    padding-top: 10px;
    display: block;
    vertical-align: top;
    float: left;
    overflow: hidden;
    padding: 2px;
    margin-bottom: 10px;}
	#webd ul li div {    background-color: #fff;
    width: 100%;
    height: 252px;
    text-align: left;
    float: left;
    box-shadow: 0px 3px 10px rgba(0,0,0,.3);}
	#webd ul li div strong {display: block;
    font-size: 14px;
    padding: 0px;
    padding-bottom: 0;
    text-align: center;}
	#webd ul li div p {    font-size: 16px;
    text-align: justify;
    padding: 7px;}
	#webd {padding-bottom:0}
	.jobtitle > div { display:block;}
	/*.jobtitleleft img {width:50%;}*/
	div.jobtitleleft { width:100%;   position: initial;   margin-top: 32px;}
	div.jobtitleleft > p {        top: 125px; position: initial; line-height: 70px;}
	
	
	.jobtitleleft img { }
	
	   
	
	div.jobtitleright > div > button:first-child, .btnbox button {margin-left: 0px;}
	.jobinfo p { padding:15px;}
	.jobmore > ul > li > div { height:auto}
	div.jobtitleright > div > label {    display: block;
    font-size: 16px;
    color: #666;
    height: 37px;
    line-height: 36px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 18px;
    background-color: #fff;
    margin-right: 0;
    border: 1px #ddd solid;
    width: 32.4%;
    float: left;
    margin-bottom: 11px;
    text-align: center;}
	.tablebox table tr th { width:16% !important}
	.tablebox table th, .tablebox table td { font-size:12px;}
	.tbl-body tr:nth-child(even) td, .tbl-body1 tr:nth-child(even) td { width:16% !important}
	.tablebox table th, .tablebox table td { line-height:27px;}
	#shizia { display:none}
	#uib ul > li > div p {font-size: 13px;      padding: 10px;    text-align: left;}
	#uic > div > ul > li > i {font-size: 26px;}
	#uic > div > ul > li > strong {    font-size: 12px;}
	#uic > div > ul > li > p {    font-size: 12px;}
	#uic h1 {font-size: 20px;}
	.web h1, .web h1 label {font-size: 34px;}
	.newslistbox ul li {width: 49%; display:block; float:left;}
	.newslistbox ul { 
     overflow: hidden;}
.newslistbox ul li a img { height:130px;}
	.newslistbox ul li a strong {    font-size: 12px;}
	.newslistbox ul li a label {font-size: 12px;}
	.newslistbox ul li a {    height: 295px;}
	
	.feature > div.layout {    height:auto;}
	.feature {    height:auto;}
	
}
	
	


@media screen and (min-width: 960px) {
	.header {display: none;}
	
	#java1 { display: block;}
	#java { display:none;}
	#ui1 { display: block;}
	#ui { display:none;}
	
	#web1 { display: block;}
	#web { display:none;}
	
	.gundong {display: none;}
	
}	

.newslistbox1 {
	background-color: #fff;
	padding-bottom: 30px;
}
.newslistbox1 ul {
	text-align: center;
	padding: 5px;
}
.newslistbox1 ul li {
	display: inline-block;
	width: 33%;
	box-sizing: border-box;
	vertical-align: top;
	padding: 5px;
}
.newslistbox1 ul li a {
	width: 100%;
	height: 400px;
	overflow: hidden;
	display: block;
}
.newslistbox1 ul li a label {
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.newslistbox1 ul li a strong {
	display: block;
	padding-top: 10px;
	color: #0000ff;
	font-size: 16px;
}
.newslistbox1 ul li a span {
	display: block;
	color: #666;
	font-size: 16px;
	overflow: hidden;
	max-height: 60px;
	line-height: 20px;
}
.newslistbox1 ul li a img {
	width: 100%;
	height: 225px;
}