@charset "utf-8";



html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {

	margin: 0;

	padding: 0

}



body {

	padding: 0;

	margin: 0;

	background: #f0f0f0

}



html,body,fieldset,img,iframe,abbr {

	border: 0

}



li {

	list-style: none

}



textarea {

	overflow: auto;

	resize: none

}



a,button {

	cursor: pointer

}



h1,h2,h3,h4,h5,h6,strong,b {

	font-weight: 700

}



a,a:hover {

	text-decoration: none;

	outline: 0

}



body,textarea,button {

	color: #fff

}



html,body {

	min-width: 1200px;

	margin: 0 auto;

	font-family: "Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;

	font-size: 14px

}



i,em {

	font-style: normal

}



.hide {

	display: none

}



.blur {

	-webkit-filter: blur(5px);

	-moz-filter: blur(5px);

	-ms-filter: blur(5px);

	filter: blur(5px)

}



.clearfix:after {

	clear: both;

	content: '\0020';

	display: block;

	visibility: hidden;

	height: 0

}



.clearfix {

	zoom: 1

}



.inline-box {

	display: inline-block;

	zoom: 1

}



img {

	width: 100%;

	height: auto

}



#NIE-topBar {

	height: 55px;

	background: #fff

}



.wbox {

	width: 1200px;

	margin: 0 auto;

	position: relative

}



.wrap {

	margin: 0 auto;

	min-width: 1200px;

	max-width: 1920px;

	height: 1026px;

	position: relative;

	background: #fff url("../images/bg.jpg")/*tpa=http://103.7.141.247:152/images/bg.jpg*/ center top no-repeat;

	overflow: hidden

}



.wrap .logo {

	position: absolute;

	width: 178px;

	height: 98px;

	left: 45px;

	right: 10px;

	background: url("../images/logo.png")/*tpa=http://103.7.141.247:152/images/logo.png*/ no-repeat;

}



.wrap .index_share {

	position: absolute;

	right: 100px;

	top: 31px;

	background: #9a62ae;

	padding: 5px 10px 5px 20px;

	border-radius: 30px;

	height: 30px;

	line-height: 30px;

	color: #fff4cc;

	width: 500px;

}



.wrap .index_share .go_index {

	display: inline-block;

	vertical-align: middle;

	color: #fff4cc;

	font-size: 14px;

}



.wrap .index_share a{

	color: #fff4cc;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	display: inline-block;

	vertical-align: middle;

}



.wrap .slogan {

	width: 749px;

	height: 392px;

	/*background: url(../images/slogan.png) no-repeat;*/

	margin: 90px 0 0 400px

}



.wrap .mid {

	width: 1200px;

	margin: 0 auto;

	position: relative;

	font-size: 0

}



.wrap .mid .zs {

	position: absolute;

	left: -112px;

	top: 215px

}



.wrap .mid .zs.zs_01 {

	width: 243px;

	height: 58px;

	background: url("../images/zs_01.png")/*tpa=http://103.7.141.247:152/images/zs_01.png*/ no-repeat

}



.wrap .mid .zs.zs_02 {

	left: 858px;

	top: 201px;

	width: 89px;

	height: 58px;

	background: url("../images/zs_02.png")/*tpa=http://103.7.141.247:152/images/zs_02.png*/ no-repeat

}



.wrap .mid .item {

	display: inline-block;

	vertical-align: top;

	width: 91px;

	height: 237px;

	-o-transition: all .2s;

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	-ms-transition: all .2s;

	transition: all .2s;

	margin: 105px 0 0 47px

}



.wrap .mid .item.item_top {

	margin: 22px 0 0 47px

}



.wrap .mid .item.item_01 {

	margin-left: 63px;

	background: url("../images/item_01.png")/*tpa=http://103.7.141.247:152/images/item_01.png*/ no-repeat

}



.wrap .mid .item.item_01:hover {

	background: url("../images/item_01_h.png")/*tpa=http://103.7.141.247:152/images/item_01_h.png*/ no-repeat

}



.wrap .mid .item.item_02 {

	background: url("../images/item_02.png")/*tpa=http://103.7.141.247:152/images/item_02.png*/ no-repeat

}



.wrap .mid .item.item_02:hover {

	background: url("../images/item_02_h.png")/*tpa=http://103.7.141.247:152/images/item_02_h.png*/ no-repeat

}



.wrap .mid .item.item_03 {

	margin-top: 46px;

	background: url("../images/item_03.png")/*tpa=http://103.7.141.247:152/images/item_03.png*/ no-repeat

}



.wrap .mid .item.item_03:hover {

	background: url("../images/item_03_h.png")/*tpa=http://103.7.141.247:152/images/item_03_h.png*/ no-repeat

}



.wrap .mid .item.item_04 {

	background: url("../images/item_04.png")/*tpa=http://103.7.141.247:152/images/item_04.png*/ no-repeat

}



.wrap .mid .item.item_04:hover {

	background: url("../images/item_04_h.png")/*tpa=http://103.7.141.247:152/images/item_04_h.png*/ no-repeat

}



.wrap .mid .item.item_05 {

	margin-top: 33px;

	background: url("../images/item_05.png")/*tpa=http://103.7.141.247:152/images/item_05.png*/ no-repeat

}



.wrap .mid .item.item_05:hover {

	background: url("../images/item_05_h.png")/*tpa=http://103.7.141.247:152/images/item_05_h.png*/ no-repeat

}



.wrap .mid .item.item_06 {

	background: url("../images/item_06.png")/*tpa=http://103.7.141.247:152/images/item_06.png*/ no-repeat

}



.wrap .mid .item.item_06:hover {

	background: url("../images/item_06_h.png")/*tpa=http://103.7.141.247:152/images/item_06_h.png*/ no-repeat

}



.footer {

	width: 100%;

	color: #fff;

	background: #000;

	padding: 30px 0

}



.footer a {

	color: #fff

}



.footer #NIE-copyRight-corp {

	padding: 0!important

}



.footer #NIE-copyRight,.footer #NIE-copyRight-corp {

	width: 1180px!important;

	margin: 0 auto;

	text-align: center!important

}



.footer #NIE-copyRight #ncp-l3,.footer #NIE-copyRight-corp #ncp-l3 {

	width: 100%;

	line-height: 1.6em

}



.footer #NIE-copyRight .nie-copyright-new-inner {

	padding: 0

}



.Layer {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000;

	-webkit-opacity: 0;

	-moz-opacity: 0;

	opacity: 0;

	filter: alpha(opacity=0);

	z-index: -1;

	-o-transition: all .3s;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s

}



.Layer.on {

	-webkit-opacity: .8;

	-moz-opacity: .8;

	opacity: .8;

	filter: alpha(opacity=80);

	z-index: 10000

}



.pop {

	position: fixed;

	top: 50%;

	left: 50%;

	z-index: 1000;

	display: none;

	z-index: 10000

}



.pop .close {

	width: 44px;

	height: 44px;

	position: absolute;

	right: -54px;

	top: 0;

	background: url("../images/close.png")/*tpa=http://103.7.141.247:152/images/close.png*/;

	-o-transition: transform .4s ease-in-out;

	-webkit-transition: transform .4s ease-in-out;

	-moz-transition: transform .4s ease-in-out;

	-ms-transition: transform .4s ease-in-out;

	transition: transform .4s ease-in-out

}



.pop .close:hover {

	-o-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg)

}



.video-pop {

	width: 800px;

	height: 510px;

	display: none;

	position: fixed;

	top: 50%;

	left: 50%;

	z-index: 10001

}



.video-pop .btn-close {

	width: 44px;

	height: 44px;

	display: block;

	position: absolute;

	top: 0;

	right: -50px;

	background: url("../images/close.png")/*tpa=http://103.7.141.247:152/images/close.png*/ center center no-repeat;

	-o-transition: transform .4s ease-in-out;

	-webkit-transition: transform .4s ease-in-out;

	-moz-transition: transform .4s ease-in-out;

	-ms-transition: transform .4s ease-in-out;

	transition: transform .4s ease-in-out

}



.video-pop .btn-close:hover {

	-o-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg)

}



.video-pop .video-box {

	background: #fff;

	width: 800px;

	height: 450px

}



::-webkit-input-placeholder {

	color: #806551

}



:-moz-placeholder {

	color: #806551

}



::-moz-placeholder {

	color: #806551

}



:-ms-input-placeholder {

	color: #806551

}



@-webkit-keyframes rotate {

	0% {

		-o-transform: rotate(0);

		-webkit-transform: rotate(0);

		-moz-transform: rotate(0);

		-ms-transform: rotate(0);

		transform: rotate(0)

	}



	100% {

		-o-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg)

	}

}



@-moz-keyframes rotate {

	0% {

		-o-transform: rotate(0);

		-webkit-transform: rotate(0);

		-moz-transform: rotate(0);

		-ms-transform: rotate(0);

		transform: rotate(0)

	}



	100% {

		-o-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg)

	}

}



@-ms-keyframes rotate {

	0% {

		-o-transform: rotate(0);

		-webkit-transform: rotate(0);

		-moz-transform: rotate(0);

		-ms-transform: rotate(0);

		transform: rotate(0)

	}



	100% {

		-o-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg)

	}

}



@-o-keyframes rotate {

	0% {

		-o-transform: rotate(0);

		-webkit-transform: rotate(0);

		-moz-transform: rotate(0);

		-ms-transform: rotate(0);

		transform: rotate(0)

	}



	100% {

		-o-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg)

	}

}



@keyframes rotate {

	0% {

		-o-transform: rotate(0);

		-webkit-transform: rotate(0);

		-moz-transform: rotate(0);

		-ms-transform: rotate(0);

		transform: rotate(0)

	}



	100% {

		-o-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		transform: rotate(360deg)

	}

}



@-webkit-keyframes fade {

	0% {

		-webkit-opacity: 0;

		-moz-opacity: 0;

		opacity: 0;

		filter: alpha(opacity=0)

	}



	100% {

		-webkit-opacity: 1;

		-moz-opacity: 1;

		opacity: 1;

		filter: alpha(opacity=100)

	}

}



@-moz-keyframes fade {

	0% {

		-webkit-opacity: 0;

		-moz-opacity: 0;

		opacity: 0;

		filter: alpha(opacity=0)

	}



	100% {

		-webkit-opacity: 1;

		-moz-opacity: 1;

		opacity: 1;

		filter: alpha(opacity=100)

	}

}



@-ms-keyframes fade {

	0% {

		-webkit-opacity: 0;

		-moz-opacity: 0;

		opacity: 0;

		filter: alpha(opacity=0)

	}



	100% {

		-webkit-opacity: 1;

		-moz-opacity: 1;

		opacity: 1;

		filter: alpha(opacity=100)

	}

}



@-o-keyframes fade {

	0% {

		-webkit-opacity: 0;

		-moz-opacity: 0;

		opacity: 0;

		filter: alpha(opacity=0)

	}



	100% {

		-webkit-opacity: 1;

		-moz-opacity: 1;

		opacity: 1;

		filter: alpha(opacity=100)

	}

}



@keyframes fade {

	0% {

		-webkit-opacity: 0;

		-moz-opacity: 0;

		opacity: 0;

		filter: alpha(opacity=0)

	}



	100% {

		-webkit-opacity: 1;

		-moz-opacity: 1;

		opacity: 1;

		filter: alpha(opacity=100)

	}

}



@media screen and (max-width:1900px) {

	.wrap .slogan {

		margin-left: 380px

	}

}



@media screen and (max-width:1800px) {

	.wrap .slogan {

		margin-left: 310px

	}

}



@media screen and (max-width:1700px) {

	.wrap .slogan {

		margin-left: 260px

	}

}



@media screen and (max-width:1600px) {

	.wrap .slogan {

		margin-left: 210px

	}

}



@media screen and (max-width:1500px) {

	.wrap .slogan {

		margin-left: 155px

	}

}



@media screen and (max-width:1400px) {

	.wrap .slogan {

		margin-left: 110px

	}

}



@media screen and (max-width:1300px) {

	.wrap .slogan {

		margin-left: 65px

	}

}

marquee {

	display: inline-block;

	vertical-align: middle;

	width: 240px;

	text-align: center;

	color: #fff4cc;

	height:30px;

	line-height:30px;

}