/*娓告垙榄旀澘*/
#banner,
#warp {
	position: relative;
	width: 100%;
	min-width: 1204px;
}

#banner img {
	width: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;


}

#warp .main_content {
	width: 1200px;
	margin: 0 auto;
}

.banner2 {
	font-size: 0;
	margin-top: 20px;
}

.banner2 span.space {
	width: 1.333%;
	display: inline-block;
}

.banner2 img {
	width: 24%;
}

.main_top {
	margin-top: 20px;
	border: 1px solid #cccccc;
	box-shadow: 0 0 5px #f3f3f3;
}

.main_top .t1 {
	width: 100%;
	border-bottom: 2px solid #f3f3f3;
}

#warp .t1_l {
	width: 131px;
	background: #c1c1c1;
}

#warp .t1_l p {
	font-size: 16px;
	padding: 26px 0px 21px 20px;
	color: #fff;
}

#warp .t1_l p img {
	margin-right: 4px;
	position: relative;
	top: 2px;
}

#warp .t1_r {
	width: 1066px;
}

#warp .t2_l p {
	padding: 26px 0px 75px 20px;
}

#warp .t1_r a {
	display: inline-block;
	font-size: 14px;
	color: #777777;
}

#warp .t1_r a.a1 {
	margin-left: 14px;
}

#warp .t1_r {
	overflow: hidden;
}

#warp .t1_r span {
	display: inline-block;
	background: #fa6721;
	color: #fff;
	width: 64px;
	height: 29px;
	line-height: 29px;
	border-radius: 19px;
	text-align: center;
	float: left;
	margin-top: 14px;
	margin-left: 14px;
}

#warp .t2_r a {
	margin-top: 25px;
}

#warp .t1_r div {
	width: 902px;
	float: left;
	margin-left: 10px;
}

#warp .t1_r div a {
	display: inline-block;
	width: 60px;
	height: 29px;
	line-height: 29px;
	border-radius: 19px;
	text-align: center;
	margin-top: 14px;
	margin-right: 10px;
	border-radius: 19px;
}

#warp .t1_r div a.active {
	background: #fa6721;
	color: #fff;
}

.content {
	margin-top: 10px;
}

.content ul li {
	width: 224px;
	display: inline-block;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-bottom: 2px solid #8b8b8b;
	margin-right: 12px;
	cursor: pointer;
	position: relative;
	perspective: 1600px;
	background: #f3f3f3;
	margin-top: 30px;
	padding-bottom: 20px;
}

.content ul li>img {
	width: 100%;
	height: 318px;
}

.content ul li:last-child {
	margin-right: 0;
}

.content ul li h4 {
	font-size: 16px;
	color: #333;
	margin-top: 17px;
}

.content ul li p {
	font-size: 14px;
	color: #666;
	margin-top: 11px;
}

.content ul li>a {
	/* display: inline-block; */
	width: 100px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	background: #19aeff;
	line-height: 30px;
	border-radius: 4px;
	margin-top: 16px;
	margin-bottom: 10px;
}

.content ul li .gai {
	width: 100%;
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	transform: rotateX(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	-o-transtion: rotateY(90deg);
}

.content ul li:hover .gai {
	transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform-origin: left;
}

.content ul li .gai img {
	display: block;
	width: 129px;
	height: 129px;
	margin: 90px auto 15px;
}

.content ul li .gai a {
	color: #fff;
	font-size: 14px;
}

.content ul.List {
	margin-top: 28px;
}

.move {
	text-align: center;
	margin-top: 41px;
}

.move a {
	display: inline-block;
	width: 198px;
	height: 48px;
	color: #fa6721;
	font-size: 20px;
	line-height: 48px;
	border-radius: 24px;
	border: 1px solid #fa6721;
	transition: 1s;
}

.move a:hover {
	background: #fa6721;
	color: #fff;
}

/*娓告垙榄旀澘缁撴潫*/
/*娓告垙璇︽儏*/
#game {
	width: 1200px;
	margin: 0 auto;
}

.dump {
	margin-top: 33px;
}

.dump a,
.dump {
	color: #333;
}

#game .college {
	margin-top: 44px;
}

#game .seach {
	width: 810px;
}

#game .se_title h2 {
	font-size: 20px;
	color: #000000;
	text-align: center;
}

#game .se_title p {
	font-size: 14px;
	color: #666666;
	margin-top: 14px;
	padding-bottom: 18px;
	text-align: center;
}

#game .se_title {
	border-bottom: 1px solid #dedede;
}

#game .game_r {
	margin-top: 17px;
}

#game .game_r li {
	float: left;
	margin-left: 28px;
}

#game .expine {
	margin-left: 28px;
	margin-top: 35px;
}

#game .expine p {
	margin-bottom: 32px;
	color: #666666;
	line-height: 24px;
}

#game .expine p a {
	color: #666;
	font-size: 16px;
	display: inline-block;
	/*margin-right: 40px;*/
}

#game .expine p a.active {
	color: #f00;
}

#game .slide {
	width: 328px;
}

#game .slide>div {
	width: 100%;
	border: 1px solid #dedede;
	margin-bottom: 28px;
}

#game .slide_title {
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}

#game .slide_title h2,
#game .slide_title a {
	margin: 15px 0;
}

#game .slide_title h2 {
	padding-left: 13px;
	font-size: 16px;
}

#game .slide_title a {
	margin-right: 28px;
	color: #fa6721;
}

#game .shop {
	width: 298px;
	margin: 24px auto 0;
	padding-bottom: 17px;
	border-bottom: 1px dashed #999999;
}

#game .shop>div {
	width: 157px;
}

#game .shop>div p {
	font-size: 16px;
	line-height: 36px;
	color: #333333;
}

#game .shop>div span {
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 24px;
	color: #999999;
}

#game .shop:last-child {
	border-bottom: none;
}

/*娓告垙璇︽儏缁撴潫*/
/*娓告垙瀹氬埗*/
#custom {
	width: 1200px;
	margin: 0 auto;
}

#custom>h2 {
	margin: 30px 0 40px;
	font-size: 40px;
	color: #333333;
	text-align: center;
}

#custom>p {
	font-size: 24px;
	color: #333333;
	text-align: center;
}

.flow {
	width: 1200px;
	height: 273px;
	margin: 67px auto;
	background: url(../images/dingz_03.png) no-repeat center;
}

.flow p {
	display: block;
	text-align: center;
	height: 280px;
	width: 118px;
	float: left;
	cursor: pointer;
}

.flow p span {
	display: block;
	width: 117px;
	height: 117px;
}

.flow p a {
	font-size: 16px;
	display: inline-block;
	color: #333;
}

.flow p em {
	font-size: 18px;
}

.flow p:hover em,
.flow p:hover a {
	color: #97d9f6;
}

.flow p:nth-child(1) {
	margin-left: 70px;
}

.flow p {
	margin-left: 40px;
}

.flow p:nth-child(1) span {
	background: url(../images/liuc_07.png)no-repeat;
}

.flow p:nth-child(2) span {
	background: url(../images/liuc_22.png)no-repeat;
}

.flow p:nth-child(3) span {
	background: url(../images/liuc_15.png)no-repeat;
}

.flow p:nth-child(4) span {
	background: url(../images/liuc_12.png)no-repeat;
}

.flow p:nth-child(5) span {
	background: url(../images/liuc_25.png)no-repeat;
}

.flow p:nth-child(6) span {
	background: url(../images/liuc_28.png)no-repeat;
}

.flow p:nth-child(7) span {
	background: url(../images/liuc_10.png)no-repeat;
}

.flow p:nth-child(1) a,
.flow p:nth-child(3) a,
.flow p:nth-child(5) a,
.flow p:nth-child(7) a {
	margin-top: 49px;
	margin-bottom: 10px;
}

.flow p:nth-child(2) em,
.flow p:nth-child(4) em,
.flow p:nth-child(6) em {
	display: inline-block;
	margin-top: 65px;
}

.flow p:nth-child(2) span,
.flow p:nth-child(4) span,
.flow p:nth-child(6) span {
	margin-top: 54px;
}

#custom .show_time {
	margin-top: 52px;
}

#custom .show_time li {
	position: relative;
	float: left;

	margin-bottom: 40px;
	width: 255px;
	height: auto;
	margin-right: 60px;
	transition-duration: 300ms;
}

#custom .show_time li:hover {

	margin-top: -10px;
	margin-bottom: 50px;
	transition-duration: 300ms;
}

#custom .show_time li>img {
	width: 100%;
	height: 100%;
}

#custom .show_time li:nth-of-type(4n) {
	margin-right: 0;
}

#custom .show_time li:nth-of-type(5) {
	margin-left: 0px !important
}

#custom .show_time li .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	display: none;
	/* transform: rotateX(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	-o-transtion: all .6s;
	transform-origin: left; */
}

#custom .show_time li .bg img {
	display: block;
	margin: 0 auto;
	margin-top: 130px;
	margin-bottom: 13px;
}


#custom .show_time li .bg a {
	font-size: 14px;
	color: #fff;
}

#custom .show_time li:hover .bg {
	display: block;
	/* transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg); */
}

.wdimg {
	width: 100%;
	height: auto;
	/* transition: transform 3s ease; 平滑过渡效果   */
	/* 初始状态下，图片向下移动超出容器高度的部分，确保只有容器高度内的部分可见 */
	transform: translateY(0);
}

.zhezhao {
	position: absolute;
	width: 100%;
	height: 300px;
	top: 0;
	background-color: #00000070;
	display: none;
}

/* #custom .show_time li:hover .wdimg {
	transform: translateY(-100px);  
} */


#custom .anniu {
	text-align: center;
}

#custom .anniu span {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 60px;
	border: 1px solid #ffb59b;
	border-radius: 50%;
	cursor: pointer;
}

#custom .anniu span:last-child {
	margin-right: 0;
}

#custom form {
	margin-top: 58px;
}

#custom form p {
	margin-bottom: 29px;
}

#custom form label {
	margin-left: 40px;
}

#custom form label span {
	display: inline-block;
	width: 200px;
}

#custom form label span.sp {
	width: 162px;
}

#custom form label input {
	height: 36px;
	border: 1px solid #d5d5d5;
	width: 355px;
	line-height: 36px;
	text-indent: 10px;
}

#custom form label textarea {
	width: 916px;
	height: 259px;
	border: 1px solid #d5d5d5;
	resize: none;
	padding-top: 18px;
	text-indent: 12px;
	color: #999999;
}

#custom form label span.shop1 {
	position: relative;
	top: -248px;
}

#custom form .a1 {
	display: inline-block;
}

#custom form label [type='submit'],
#custom form button,
#custom form .a1 {
	width: 202px;
	height: 37px;
	color: #fff;
	background: #289bdc;
	line-height: 37px;
	text-align: center;
	border-radius: 6px;
	cursor: pointer;
}

#custom form button,
#custom form .a1 {
	margin-left: 158px;
}

/*灏忕▼搴�*/
.mini {
	width: 1200px;
	margin: 0 auto;
}

.mini>h2,
.s_expline>h2 {
	height: 160px;
	position: relative;
	text-align: center;
	line-height: 160px;
	font-size: 40px;
}

.mini h2.weixing {
	text-align: inherit;
	text-indent: 70px;
}

.mini>h2 img,
.s_expline h2>img {
	position: absolute;
	bottom: 0;
	left: 50px;
}

.mini .search {
	width: 886px;
}

.mini .slide {
	width: 307px;
}

.mini>div {
	margin-top: 65px;
}

.mini .search>div {
	height: 329px;
	width: 100%;
	position: relative;
}

.mini .search ul li {
	float: left;
	width: 220px;
	height: 130px;
	text-align: center;
}

.mini .search ul li p {
	margin-top: 39px;
	font-size: 24px;
	text-decoration: underline;
}

.mini .search ul li span {
	font-size: 18px;
}

.mini .search ul li span i {
	font-size: 12px;
}

.mini .search ul li:nth-child(odd) {
	background: #c0c0c0;
}

.mini .search ul li:nth-child(even) {
	background: #fff;
}

.mini .search ul.oul1 li:nth-child(odd) {
	background: #fff;
}

.mini .search ul.oul1 li:nth-child(even) {
	background: #c0c0c0;
}

.mini .expine {
	position: absolute;
	width: 221px;
	height: 100px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.mini .expine h3 {
	font-size: 60px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.mini .expine h3 span {
	font-size: 16px;
	display: inline-block;
	width: 19px;
	font-weight: 400;
	border: 1px solid #fff;
	text-align: center;
}

.mini .expine p {
	font-size: 36px;
	text-align: center;
	color: #fff;
}

.mini .expine p em {
	font-weight: bold;
}

.mini .slide>div {
	height: 235px;
	cursor: pointer;
	position: relative;
	margin-bottom: 10px;
}

.mini .slide>div .expine {
	width: 180px;
	position: absolute;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	-o-transtion: all .6s;
}

.mini .slide>div .expine h3 {
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

.mini .slide>div .expine h3 span {
	font-size: 14px;
	display: inline-block;
	width: 18px;
	border: 1px solid #fff;
	text-align: center;
}

.mini .slide>div .expine p {
	font-size: 24px;
}

.mini .slide>div .expine:hover p {
	color: #fa6721;
}

.mini .slide>div .expine:hover h3 {
	color: #fa6721;
	border-color: #fa6721;
}

.mini .slide>div .expine:hover span {
	border-color: #fa6721;
}

.x_warp {
	width: 100%;
	background: url(../images/xcx_07.png) no-repeat;
}

.x_warp .s_expline {
	width: 1200px;
	margin: 0 auto;
	height: 984px;
	position: relative;
}

.x_warp .contents {
	margin-top: 70px;
}

.x_warp .contents .fl span {
	width: 170px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #F0831E;
	border-radius: 24px;
	font-size: 19px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(240, 131, 30, 1);
	padding-left: 55px;
	display: block;
	margin-bottom: 25px;
	box-sizing: border-box;
	cursor: pointer;
}

.x_warp .contents .fl span:nth-of-type(1) {
	background: url(../images/n76.png) no-repeat left 22px center;
}

.x_warp .contents .fl span:nth-of-type(2) {
	background: url(../images/n70.png) no-repeat left 22px center;
}

.x_warp .contents .fl span:nth-of-type(3) {
	background: url(../images/n71.png) no-repeat left 22px center;
}

.x_warp .contents .fl span:nth-of-type(4) {
	background: url(../images/n72.png) no-repeat left 22px center;
}

.x_warp .contents .fl span:nth-of-type(1).active {
	background: url(../images/n69.png) no-repeat left 22px center;
	background-color: #F0831E;
	color: #fff;
}

.x_warp .contents .fl span:nth-of-type(2).active {
	background: url(../images/n75.png) no-repeat left 22px center;
	background-color: #F0831E;
	color: #fff;
}

.x_warp .contents .fl span:nth-of-type(3).active {
	background: url(../images/n74.png) no-repeat left 22px center;
	background-color: #F0831E;
	color: #fff;
}

.x_warp .contents .fl span:nth-of-type(4).active {
	background: url(../images/n73.png) no-repeat left 22px center;
	background-color: #F0831E;
	color: #fff;
}

.x_warp .contents .fr .tab ul {
	display: none;
}

.x_warp .contents .fr .tab ul:first-of-type {
	display: block;
}

.x_warp .contents .fl span:nth-of-type(2).active {
	background: url(../images/n73.png) no-repeat left 22px center;
	background-color: #F0831E;
	color: #fff;
}

.x_warp .contents .fr {
	width: 80%;
}

.x_warp .contents .fr li {
	width: 23%;
	margin: 0 2% 30px 0;
	border: 1px solid #D3D3D3;
	border-radius: 5px;
	float: left;
	padding: 15px;
	box-sizing: border-box;
}

.x_warp .contents .fr li .photo {
	border: 1px solid #eee;
	padding: 5px;
	position: relative;
}

.x_warp .contents .fr li .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	transform: rotateX(90deg);
	-moz-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	-o-transtion: all .6s;
	transform-origin: left;
}

.x_warp .contents .fr li:hover .bg {
	transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
}

.x_warp .contents .fr li:nth-of-type(3n) {
	/* margin-right: 0; */
}

.x_warp .contents .fr li .bg img {
	display: block;
	margin: 0 auto;
	margin-top: 185px;
	margin-bottom: 13px;
	width: 120px;
	height: auto;
}

.x_warp .contents .fr li .bg a,
.x_warp .contents .fr li .bg span {
	font-size: 14px;
	color: #fff;
}

.x_warp .contents .fr li img {
	width: 100%;
	height: 446px
}

.x_warp .contents .fr li span {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #428BCA;
	display: block;
	text-align: center;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}

.x_warp .contents .fr li .txt {
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.x_warp .contents .fr li p {
	font-size: 13px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 19px;
}

.x_warp .left {
	margin-top: 70px;
	text-align: right;
	width: 412px;
}

.x_warp .right {
	width: 592px;
	margin-top: 70px;
	margin-left: 90px;
}

.x_warp .right h2 {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
}

.x_warp .right p {
	margin-top: 31px;
	font-size: 18px;
	color: #fa6721;
	font-weight: bold;
	border-bottom: 1px solid #aaaaaa;
}

.x_warp .right p span {
	display: inline-block;
	width: 60px;
	height: 30px;
	background: #fa6721;
	color: #fff;
	border-radius: 16px;
	line-height: 30px;
	text-align: center;
	font-weight: 500;
	margin-right: 8px;
	margin-bottom: 20px;
}

.x_warp .right ul {
	margin-top: 18px;
}

.x_warp .right ul li {
	font-size: 16px;
	color: #474747;
	line-height: 24px;
	margin-bottom: 30px;
}

.x_warp .right h4 a {
	display: inline-block;
	width: 190px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	font-size: 14px;
	border-radius: 20px;
	color: #000000;
	border: 1px solid #b2b3b4;
}

.x_warp .right h4 a.active {
	color: #fff;
	background: #fa6721;
	border-color: #fa6721;
}

.x_warp .right h3 a {
	width: 290px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	display: inline-block;
	border: 1px solid #b2b3b4;
	margin-top: 9px;
	font-size: 14px;
	border-radius: 20px;
	color: #000000;
}

.mini .liu_x {
	width: 920px;
	margin: 0 auto;
}

.mini .liu_x>div {
	width: 160px;
	height: 210px;
	float: left;
	text-align: center;
	margin-top: 60px;
	margin-left: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mini .liu_x>div.odiv {
	background: url(../images/need-1_17.png) no-repeat center center;
}

.mini .liu_x>div p {
	font-size: 20px;
	margin-top: 24px;
	margin-bottom: 15px;
}

.mini .liu_x>div span {
	font-size: 14px;
}

.mini .liu_x>div img {
	cursor: pointer;
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 鍜� Chrome */
	-o-transition: all 1s;
}

.mini .liu_x>div img:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

.x_w {
	width: 100%;
	min-width: 1204px;
	background: url(../images/xcxbg_02.png) no-repeat;
	height: 580px;
	margin-top: 78px;
}

.device {
	position: relative;
}

.sweper {
	width: 860px !important;
	margin: 0 auto;
}

.a_left,
.a_right {
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	;
}

.a_left {
	left: 50px;
	background: url(../images/ssz_03.png) no-repeat;
	background-size: 100% 100%;
}

.a_right {
	right: 50px;
	background: url(../images/ssz_05.png) no-repeat;
	background-size: 100% 100%;
}

/*灏忕▼搴忕粨鏉�*/
/*寰畾鍒�*/
.system {
	width: 1200px;
	padding-top: 24px;
}

.system .sys_con {
	width: 578px;
	overflow: hidden;
	margin-left: 44px;
	border-bottom: 1px solid #aaaaaa;
	margin-top: 34px;
}

.system .women {
	width: 237px;
}

.system .women img {
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 鍜� Chrome */
	-o-transition: all 1s
}

.system .women:hover img {
	transform: scale(0.9);
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
}

.system .state {
	width: 287px;
	margin-left: 28px;
}

.system .state h2 {
	font-size: 18px;
	color: #333;
	margin-top: 20px;
}

.system .state p {
	height: 67px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
	color: #747474;
	margin-top: 6px;
}

.system .state>div img {
	display: block;
	margin: 34px auto 18px auto;
}

.system .state>div {
	text-align: center;
}

.system .state>div span {
	font-size: 12px;
	color: #747474;
}

.system .state>a {
	display: block;
	width: 152px;
	height: 35px;
	background: #fa6721;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 48px auto 21px;
	border-radius: 20px;
}

/*寰畾鍒剁粨鏉�*/
/*娴佺▼*/
.bg_t {
	position: absolute;
	top: 50%;
	left: 259px;
	margin-top: -94px;
	padding: 11px;
	border: 1px solid #fff;
}

.bg_t div {
	width: 366px;
	height: 167px;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
}

.bg_t div h2 {
	font-size: 46px;
	color: #666666;
	padding-top: 47px;
}

.bg_t div p {
	font-size: 30px;
	color: #666666;
}

.main_sys {
	width: 100%;
}

.ma_h2 {
	margin-top: 32px;
	font-size: 40px;
	text-align: center;
}

.ma_p {
	font-size: 30px;
	margin-top: 30px;
	text-align: center;
}

.home {
	width: 1035px;
	text-align: center;
	margin: 30px auto 0;
}

.home p {
	font-size: 16px;
}

.l_list {
	width: 1160px;
	margin: 60px auto 0;
}

.l_list li {
	width: 260px;
	text-align: center;
	float: left;
	margin-left: 40px;
}

.l_list li:first-child {
	margin-left: 0;
}

.l_list li p {
	margin-top: 30px;
	font-size: 24px;
	margin-bottom: 20px;
}

.l_list li span {
	font-size: 16px;
	color: #666666;
}

.l_list li img {
	cursor: pointer;
	transition: all 1s;
	-moz-transition: all 1s;
	/* Firefox 4 */
	-webkit-transition: all 1s;
	/* Safari 鍜� Chrome */
	-o-transition: all 1s;
}

.l_list li img:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

#list_banner {
	width: 100%;
	height: 700px;
	min-width: 1204px;
	margin-top: 70px;
	background: url(../images/liu_bg_02.png);
}

#list_banner .banner_list {
	width: 1200px;
	margin: 0 auto;
}

.banner_list .h2,
.banner_list .p {
	color: #fff;
}

.banner_list .p {
	margin-top: 16px;
}

.banner_list ul {
	margin-top: 55px;
}

.banner_list ul li {
	color: #fff;
	float: left;
	width: 284px;
	text-align: center;
	margin-left: 15px;
	border: 1px solid #fff;
	cursor: pointer;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}

.banner_list ul li:first-child {
	margin-left: 0;
}

.banner_list ul li p {
	font-size: 24px;
	margin-top: 42px;
}

.banner_list ul li i {
	display: inline-block;
	width: 60px;
	height: 2px;
	background: #fff;
	margin-top: 15px;
}

.banner_list ul li span {
	display: inline-block;
	width: 240px;
	height: 162px;
	margin-top: 27px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 24px;
}

.banner_list ul li a {
	display: block;
	width: 118px;
	border: 1px solid #fff;
	margin: 0 auto;
	color: #fff;
	border-radius: 14px;
	height: 28px;
	line-height: 28px;
	margin-bottom: 43px;
	margin-top: 49px;
}

.banner_list ul li:hover {
	background: #fa6721;
	border-color: #fa6721;
}

/*娴佺▼缁撴潫*/
/*鍚堜綔涓庤瘎浠�*/
.appraise {
	width: 1200px;
	margin: 0 auto;
}

.app_list {
	margin-top: 60px;
}

.app_list li {
	width: 247px;
	float: left;
	margin-left: 70px;
	text-align: center;
}

.app_list li p {
	font-size: 18px;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 20px;
}

.app_list li span {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.app_list li:first-child {
	margin-left: 0;
}

.app_list li img {
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}

.app_list li:hover img {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

.app_men li {
	width: 273px;
	float: left;
	margin-left: 23px;
	border: 1px solid #aaaaaa;
}

.app_men li:first-child {
	margin-left: 0;
}

.app_men {
	margin-top: 75px;
}

.app_men li p {
	width: 243px;
	margin: 25px auto 8px;
	line-height: 27px;
	font-size: 16px;
	color: #333;
	padding-bottom: 8px;
	border-bottom: 1px dashed #666666;
}

.app_men li div {
	width: 243px;
	margin: 12px auto;
	line-height: 26px;
	font-size: 12px;
	color: #666666;
	padding-bottom: 20px;
}

.btn_btm {
	text-align: center;
	margin: 44px 0 65px 0;
}

.btn_btm span {
	display: inline-block;
	width: 5px;
	height: 5px;
	border: 1px solid #ffbba3;
	border-radius: 50%;
	margin-left: 50px;
}

.app_end {
	border-top: 1px solid #c8c8c8;
}

.appfoot {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0 30px 0;
}

.appfoot li {
	width: 228px;
	float: left;
	margin-left: 95px;
}

.appfoot li:first-child {
	margin-left: 0;
}

.appfoot li div p {
	color: #333;
	font-size: 20px;
}

.appfoot li div span {
	font-size: 14px;
	color: #666;
}

/*鍚堜綔涓庤瘎浠风粨鏉�*/
/*鍏充簬濞佽檸*/
.about_wh {
	width: 480px;
	height: 110px;
	color: #fff;
	top: 50%;
	position: absolute;
	margin-top: -55px;
	right: 210px;
	text-align: center;
}

.about_wh h2 {
	font-size: 48px;
}

.about_wh p {
	font-size: 30px;
	margin-top: 24px;
}

.introduce {
	width: 1200px;
	margin: 0 auto;
}

.introduce h2 {
	text-align: center;
	font-size: 24px;
	margin-top: 24px;
	color: #000;
}

.introduce h3 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 17px;
}

.introduce h3 i {
	color: #fa6721;
}

.introduce p,
.introduce h4 {
	font-size: 15px;
	color: #666666;
	margin-top: 28px;
	width: 1100px;
	margin: 28px auto 0;
}

.introduce p {
	text-indent: 2rem;
	line-height: 30px;
}

.introduce img {
	margin-top: 60px;
	margin-bottom: 108px;
}

.introduce h4.address {
	font-size: 16px;
	line-height: 35px;
}

/*鍏充簬濞佽檸 缁撴潫*/
/*鎼滅储*/
#search {
	width: 1200px;
	margin: 12px auto 0;
}

#search .sea_left {
	width: 875px;
	overflow: hidden;
}

#search .s_l_box {
	margin-top: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #F3F3F3;
}

#search .right {
	width: 605px;
}

#search .right p {
	color: #333333;
	font-size: 18px;
	margin-top: 10px;
}

#search .right p em {
	display: inline-block;
	width: 70px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #fa6721;
	border-radius: 10px;
	margin-right: 15px;
}

#search .right>div {
	font-size: 14px;
	color: #888888;
	margin-top: 26px;
	line-height: 22px;
}

#search .right span {
	display: inline-block;
	color: #19aeff;
	margin-top: 22px;
}

#search .right:hover p {
	color: #024eb0;
}

#search .right:hover div {
	color: #1d71b7;
	text-decoration: underline;
}

.page {
	/*width: 310px;*/
	/*margin:0 auto;*/
	padding: 74px 0 66px 0;
}

.page ul li {
	float: left;
}

.page ul li a {
	display: block;
	padding: 6px 12px;
	background: #e3e3e3;
	color: #777777;
	border-radius: 4px;
	margin-right: 8px;
	font-family: "瀹嬩綋";
	font-size: 12px;
}

.page ul li a.active,
.page ul li a.a1 {
	background: #19aeff;
	color: #fff;
}

#search .sea_r_btm {
	width: 284px;
	margin-bottom: 30px;
	border: 1px solid #d3d3d3;
}

.sea_r_btm h2 {
	margin-top: 18px;
	margin-bottom: 8px;
}

.sea_r_btm h2 p {
	font-size: 16px;
	color: #fff;
	height: 41px;
	width: 110px;
	line-height: 41px;
	text-align: center;
	border-top-right-radius: 20px;
	background: #fa6721;
	border-bottom-right-radius: 20px;
}

.sea_r_btm h2 a {
	font-size: 14px;
	line-height: 41px;
	color: #fa6721;
}

.sea_b_b {
	width: 272px;
	margin: 13px auto 0;
	padding-bottom: 13px;
	border-bottom: 1px dashed #bebebe;
}

.sea_b_b div {
	width: 168px;
	margin-left: 9px;
}

.sea_b_b a div p {
	font-size: 16px;
	color: #333;
	margin-top: 8px;
}

.sea_b_b div span {
	line-height: 24px;
	font-size: 14px;
	color: #666666;
}

.sea_r_btm ul li {
	overflow: hidden;
	padding-left: 10px;
	margin-bottom: 9px;
}

.sea_r_btm ul li a {
	font-size: 14px;
	color: #2e2e2e;
	line-height: 20px;
}

.sea_r_btm ul {
	background: #fff;
}

.sea_r_btm ul li a img {
	vertical-align: top;
	margin-right: 11px;
}

.sea_r_btm ul li a i {
	float: left;
}

.sea_r_btm ul li a span {
	float: right;
	width: 235px;
}

.sea_r_btm h2.h2 {
	padding-top: 19px;
	background: #fbfbfb;
	margin: 0;
}

.sea_r_btm h2.h2 img {
	margin-left: 80px;
}

/*鎼滅储缁撴潫*/
/*鏂伴椈寮€濮�*/
.news {
	width: 1200px;
	margin: 0 auto;
}

.news_title {
	text-align: center;
	padding-bottom: 26px;
	border-bottom: 1px dashed #dedede;
}

.news_title h2 {
	font-size: 20px;
	margin-top: 33px;
	color: #000000;
}

.news_title p {
	color: #666;
	margin-top: 29px;
}

.news_warp {
	padding-bottom: 104px;
	border-bottom: 1px solid #cbcbcb;
}

.news_warp h3 {
	margin-top: 36px;
	font-size: 14px;
	color: #000;
}

.news_warp p,
.news_warp h4 {
	font-size: 12px;
	line-height: 24px;
	color: #666;
}

.news_warp h4 {
	margin-top: 34px;
}

.new_dump {
	margin-top: 19px;
	padding-bottom: 115px;
}

.new_dump a {
	color: #666666;
	font-size: 12px;
}


.dznews {
	padding-top: 100px;
}

.dznews h2 {
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 40px;
}

.dznews h3 {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	text-align: center;
}

.dznews ul {
	margin-top: 90px;
}

.dznews li {
	width: 48%;
	margin: 0 4% 40px 0;

	float: left;
}

.dznews li:nth-of-type(2n) {
	margin-right: 0;
}

.dznews li .time {
	background: url(../images/day.png) no-repeat center center;
	width: 79px;
	height: 82px;
	margin-right: 20px;
}

.dznews li .time .font1 {
	font-size: 27px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #999999;
	display: block;
	text-align: center;
	padding: 10px 0;
}

.dznews li .time .font2 {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	display: block;
	text-align: center;
}

.dznews li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dznews li a .txt {
	width: 84%;
}

.dznews li a .txt .font1 {
	font-size: 19px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
}

.dznews li a .txt .font2 {
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	line-height: 22px;
}

.content_news {
	width: 1200px;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 100px;
	margin: 0 auto;
}

.content_news_div {
	border: 1px solid #cccccc;
	height: 100px;
	width: 38%;
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 5%;
	font-size: 15px;
	position: relative;
}

.content_news_tittle {
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.content_news_text {
	color: #8c7777;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.content_news_time {
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: #f07304;
	left: -20px;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content_news_time div:first-child {
	font-size: 27px;
	font-weight: bolder;
}

.content_news_time div:last-child {
	font-size: 10px;
}

a {
	text-decoration: none;
	/* 去掉下划线 */
	color: inherit;
	/* 继承父元素颜色，状态不变 */
}

.c_title {
	width: 100%;
	text-align: center;
	background: url(../images/line_02.png) no-repeat center;
}

.Tit {
	margin-top: 55px;
}

.c_title h2 {
	text-align: center;
	font-size: 48px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}