.contentBox{ width: 100%; position: relative;  background-size: 100% 100% !important;}
.videoList,
.caseList{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; /*overflow-y: auto;*/}
.videoList li,
.caseList li{ display: inline-block; vertical-align: top; width: 50%; height: 50%; position: relative; cursor: pointer;}

.videoList li{ width: 100%; height: 100%;}

.videoList li .imgs,
.caseList li .imgs{ position: absolute; width: 100%; height: 101%; overflow: hidden;}
.caseList li .imgs img{ width: 100%; height: 100%;
	transition: all 3s ease-in-out 0s;
	-webkit-transition: all 3s ease-in-out 0s;
	-moz-transition: all 3s ease-in-out 0s;
}
.caseList li:hover .imgs img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.caseList li .bigword{ position: relative; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: table;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
}
.caseList li .bigword .word{ display: table-cell; vertical-align: middle; opacity: 0;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
    transform: translate3d(0px, 5px, 0px) rotateX(90deg);
    -webkit-transform: translate3d(0px, 5px, 0px) rotateX(90deg);
    -moz-transform: translate3d(0px, 5px, 0px) rotateX(90deg);
	transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	-webkit-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;;
	-moz-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;;
}
.caseList li .bigword .word h3{ display: inline-block; width: 100%; font-size: 30px; color: #fff;}
.caseList li .bigword .word i{ display: inline-block; width: 40px; height: 2px; background-color: #fff; margin: 20px 0;}
.caseList li .bigword .word a{ width: 40px; height: 40px; line-height: 40px; position: relative; display: block; 
    margin: 10px auto 0; color: #fff; font-size: 14px; 
    font-family: 'Calibri'; text-transform: capitalize; z-index: 2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transition: all .5s ease-in-out 0s;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
}
.caseList li .bigword .word a font{
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.caseList li .bigword .word a:before,
.caseList li .bigword .word a:after{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%;}
.caseList li .bigword .word a:before{ border: 1px solid #fff;}
.caseList li .bigword .word a:after{ background-color: #fff; border: 1px solid #fff; z-index: -1;
	 opacity: 0;
	 transform: scale(0.3);
	 -webkit-transform: scale(0.3);
	 -moz-transform: scale(0.3);
}
.caseList li .bigword .word a:before,
.caseList li .bigword .word a:after{
	 transition: all .6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	 -webkit-transition: all .6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
	 -moz-transition: all .6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.caseList li .bigword .word a:hover{ color: #000;}
.caseList li .bigword .word a:hover:before{
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
}
.caseList li .bigword .word a:hover:after{
	 opacity: 1;
	 transform: scale(1.0);
	 -webkit-transform: scale(1.0);
	 -moz-transform: scale(1.0);
}
.caseList li:hover .bigword .word{
	opacity: 1;
	transform: translate3d(0px, 5px, 0px) rotateX(0deg);
	-webkit-transform: translate3d(0px, 5px, 0px) rotateX(0deg);
	-moz-transform: translate3d(0px, 5px, 0px) rotateX(0deg);
}
.videoList li .imgs img{ width: 100%; height: 100%;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
}
.videoList li:hover .imgs img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
.videoList li .subvideo{ width: 84px; height: 84px; position: absolute; left: 50%; top: 50%; margin: -42px 0 0 -42px;}
.videoList li .subvideo .cirl{ stroke:#fff; stroke-width:1px; 
    fill: transparent;
	/*stroke-dasharray: 0,84px;*/
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
}
.videoList li .subvideo .txs{ fill:#fff; font-size: 25px; opacity: 1;
	transform: scale(0.5) translateX(39px) translateY(41px);
	-webkit-transform: scale(0.5) translateX(39px) translateY(41px);
	-moz-transform: scale(0.5) translateX(39px) translateY(41px);
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
}
.videoList li:hover .subvideo .cirl{ stroke-dasharray: 84px,0;}
.videoList li:hover .subvideo .txs{ opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}
.videoList li .subvideo:hover .cirl{ 
	fill: rgba(255,255,255,0.3); 
	stroke: rgba(255,255,255,0.1);
}
.videoList li .subvideo:hover .txs{ fill: #000;}

.svgBox{ position: relative; top: 0px; left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
}
.subSvg{ position:relative; width: 100%; height: 100%;
    transform-origin: top;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
	transform: rotateX(-120deg);
	-webkit-transform: rotateX(-120deg);
	-moz-transform: rotateX(-120deg);
	transition: all 1s ease-in-out 0s; 
	-webkit-transition: all 1s ease-in-out 0s; 
	-moz-transition: all 1s ease-in-out 0s; 
}

.trianGle{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: -2px auto 0;}
.trianGle .subTri{ fill: #fff;}

.comTit{ width: 100%; text-align: center; position: relative; left: 0; top: 0;}
.comTit i{ display: inline-block; width: 1px; height: 70px; border-right: 1px solid #BBBBBB;}
.comTit h3{ margin-top: 1.2%; font-size: 2.2rem; font-weight: bold; color: #777777;}
.comTit em{ display: inline-block; margin-top: 1.2%; width: 30px; height: 2px; background-color: #777777;}
.comTit h2{ font-size: 2.6rem; color: #000;}
.comTit p{ font-size: 1.6rem; color: #666666; margin-top: 0.7%;}
.comTit h1{font-size: 7rem; color: #F5F5F5; text-transform: uppercase; 
	font-family: 'Conv_linotypedidotoldstylefigures-italic';
}

.subSvg.active{ opacity: 1;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
}

.comTit h4{ font-size: 1.4rem; color: #ACACAC; text-transform: uppercase; margin-top: 5px;}

.ourList{ width: 394px; position: relative; left: 50%; margin-left: -204px; margin-top: 4%; font-size: 0;
	transition:all .4s ease 0s;
    -webkit-transition:all .4s ease 0s;
    -moz-transition:all .4s ease 0s;
}
.ourList li{ display: inline-block; vertical-align: top; width: 88px; height: 88px; border: 1px solid #000; cursor: pointer; position: relative;
	margin-left:23px; margin-right: 23px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transition:all .4s ease 0s;
    -webkit-transition:all .4s ease 0s;
    -moz-transition:all .4s ease 0s;
}
.ourList li:nth-child(3n){ margin-right: 0;}
.ourList li:nth-of-type(4){ margin-left: 91px;}
.ourList li:nth-child(n+4){ margin-top: -22px;}
.ourList li a{ display: block; font-size: 45px; text-align: center; width: 100%; height: 100%; line-height: 40px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.ourList li small{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background-color: #282828; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 88px;
	opacity: 0;
	filter: alpha(opacity="0");
	/*transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;*/
}
.ourList li small font{ display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.ourList li:hover{background-color: #000;}
.ourList li:hover a{ color: #fff;}

.ourList li:hover small{
	opacity: 1;
	filter: alpha(opacity="100");
}

.pop-up-layer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.pop-up-layer .subPop{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.layerOne{
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
}
.square{ position: absolute; left: 50%; top: 50%; margin: -213px 0 0 -213px; width: 426px; height: 426px; 
	background-color: #fff;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform: rotateZ(0deg) scale(0.5);
	-webkit-transform: rotateZ(0deg) scale(0.5);
	-moz-transform: rotateZ(0deg) scale(0.5);
	transition: all 1s ease 0s; 
	-webkit-transition: all 1s ease 0s; 
	-moz-transition: all 1s ease 0s; 
	opacity: 0;
}
.square .subsqu{ position: relative; width: 100%; height: 100%; text-align: center;
	transform: rotateZ(-315deg);
	-webkit-transform: rotateZ(-315deg);
	-moz-transform: rotateZ(-315deg);
}
.square .subsqu dl{ width: 100%; display: table;
	transform: translateY(60px);
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	opacity: 0;
	transition: all 1s ease-in-out 1s;
	-webkit-transition: all 1s ease-in-out 1s;
	-moz-transition: all 1s ease-in-out 1s;
}
.square .subsqu dt{ display: inline-block; vertical-align: top; font-size: 126px; color: #000; 
	font-family: 'Conv_linotypedidotoldstylefigures-italic'; text-transform: uppercase;
}
.square .subsqu dd{ display: inline-block; vertical-align: top; padding-top: 50px; text-align: left;}
.square .subsqu dd font{ display: block; text-align: right;}
.square .subsqu dd h5{ font-size: 1.6rem; color: #000; margin-top: 8px;}
.square .subsqu dd h6{ font-size: 1.7rem; font-family: 'Calibri';}
.square .subsqu p{ font-size: 1.5rem; color: #474747; line-height: 1.7;
	transform: translateX(60px);
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	transition: all 1s ease-in-out 1.2s;
	-webkit-transition: all 1s ease-in-out 1.2s;
	-moz-transition: all 1s ease-in-out 1.2s;
	opacity: 0;
}
.square .subsqu span{ position: absolute; left: 50%; bottom: -52px;
	transform: translateX(-50%) translateY(-100px);
	-webkit-transform: translateX(-50%) translateY(-100px);
	-moz-transform: translateX(-50%) translateY(-100px);
	transition: all 1.3s ease-in-out 1s;
	-webkit-transition: all 1.3s ease-in-out 1s;
	-moz-transition: all 1.3s ease-in-out 1s;
	opacity: 0;
}
.square.active{
	transform: rotateZ(315deg) scale(1.0);
	-webkit-transform: rotateZ(315deg) scale(1.0);
	-moz-transform: rotateZ(315deg) scale(1.0);
	opacity: 1;
}
.square.active .subsqu dl{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	opacity: 1;
}
.square.active .subsqu span{
	transform: translateX(-50%) translateY(0px);
	-webkit-transform: translateX(-50%) translateY(0px);
	-moz-transform: translateX(-50%) translateY(0px);
	opacity: 1;
}
.square.active .subsqu p{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	opacity: 1;
}
.aboutComp{ position: relative; top: -52px; left: 50%; margin-left: -259px; width: 518px; height: 408px;}
.aboutComp .swiper-slide p{ font-size: 1.4rem; color: #363636; line-height: 1.7; text-align: center; padding-top: 78px;}
.aboutComp .json_prev,
.aboutComp .json_next{ width: 43px; height: 43px; top: auto; bottom: 0px;}
.aboutComp .json_prev{ left: 41.7%; background: url(../images/a5.png) no-repeat left center;}
.aboutComp .json_prev:hover{ background: url(../images/a5.png) no-repeat left center;}
.aboutComp .json_next{ right: 41.7%; background: url(../images/a6.png) no-repeat right center;}
.aboutComp .json_next:hover{ background: url(../images/a6.png) no-repeat right center;}
.aboutComp .swiper-pagination{ bottom: auto; top: 0;}
.aboutComp .swiper-pagination-bullet{ width: 70px; height: 60px; border-radius: 0; opacity: 1;}
.aboutComp .swiper-pagination-bullet:nth-of-type(1){ 
	background: url(../images/a1.png) no-repeat center center;
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
}
.aboutComp .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active{ 
		background: url(../images/a2.png) no-repeat center center;
}
.aboutComp .swiper-pagination-bullet:nth-of-type(2){ 
	background: url(../images/a3.png) no-repeat center center;
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
}
.aboutComp .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active{ 
	background: url(../images/a4.png) no-repeat center center;
}

.dblist{ width: 100%; position: absolute; bottom: 14%; text-align: center;}
.dblist p{ font-size: 1.6rem; font-family: 'Calibri'; color: #000; text-transform: uppercase;}
.dblist i{ display: inline-block; width: 25px; border-top: 1px solid #000; margin-top: 10px;}

.contahUs{ position: relative; margin-top: 30px; left: 50%; margin-left: -166px; width: 332px; height: 332px;}

.ciRcle{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: visible;}
.ciRcle .cc2,
.ciRcle .cc1{ fill:#fff; stroke:#EFEFEF; stroke-width:1px;}
.subcontUs{ width: 238px; position: absolute; top: 129px; left: 50%; margin-left: -119px;}
.subcontUs li{ text-align: left; width: 115%; margin-bottom: 3px; display:table;}
.subcontUs li i{ display: inline-block; vertical-align: middle; color: #363636; font-size: 3rem; height: 30px; line-height:15px;}
.subcontUs li font{ display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 1.4rem; color: #666666; margin-top: 20px;}
.contahUs2{ width: 656px; margin-left: -328px; margin-top: -60px;}
.contahUs2 img{ width: 100%;}

.ourParts{position: relative; top: -52px; left: 50%; margin-left: -259px; width: 528px; height: 428px;}
.ourParts .parts_prev,
.ourParts .parts_next{ width: 43px; height: 43px; top: auto; bottom: 0px;}
.ourParts .parts_prev{ left: 41.7%; background: url(../images/a5.png) no-repeat left center;}
.ourParts .parts_prev:hover{ background: url(../images/a5.png) no-repeat left center;}
.ourParts .parts_next{ right: 41.7%; background: url(../images/a6.png) no-repeat right center;}
.ourParts .parts_next:hover{ background: url(../images/a6.png) no-repeat right center;}

.ourParts .swiper-slide{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 95px; 
}
.ourParts .swiper-slide a{ display: inline-block; vertical-align: top; width: 110px; height: 110px;
	text-align: center; line-height: 110px;  border: 1px solid #000; margin: 0 30px;
  	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
}
.ourParts .swiper-slide a:nth-of-type(4){ margin-left: 118px;}
.ourParts .swiper-slide a:nth-of-type(n+4){ margin-top: -20px;}
.ourParts .swiper-slide a img{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.ourParts .swiper-slide a:hover img{
	transform: rotate(-45deg) scale(1.05);
	-webkit-transform: rotate(-45deg) scale(1.05);
	-moz-transform: rotate(-45deg) scale(1.05);
}

.xqConts{  min-width: 310px; max-width: 900px; margin: 0 auto; padding:2% 8.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.xqConts .imglogo{ margin-top: 15px;}
.xqConts .subimgs{ width: 100%; margin: 20px 0;}
.xqConts .subimgs img{ width: 100%; height: auto; display: block;}
.xqConts h2{ font-size: 2.2rem; color: #474747; margin-top: 20px;}
.xqConts p{ margin-top: 5px; font-size: 1.6rem; color: #474747; line-height: 1.7;}

.fy{width: 100%;height: 100%;overflow:hidden;background: #fff;box-sizing: border-box;}
.fy>div{width: 100%;box-sizing: border-box;overflow-y: auto;height:100%;}


.trianGleB{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: -2px auto 0;}
.subTriB{ fill: #fff;}


.bdshare-button-style0-16 a, 
.bdshare-button-style0-16 .bds_more{
	 background-image:url(../img/fx.png) !important;
	 background-position: center !important;
	 font-size: 25px !important;
	 height: 60px !important;
	 line-height: 33px !important;
	 padding-left: 0 !important;
	 margin: 0 !important;
	 color: #666666 !important;
}
.bdshare-button-style0-16 a:hover, 
.bdshare-button-style0-16 .bds_more:hover{
	color: #fff !important;
}

.conutsus{ position: relative; top: -52px; left: 50%; margin-left: -259px; width: 518px; height: 445px;}
.conutsus .swiper-slide p{ font-size: 1.4rem; color: #363636; line-height: 1.7; text-align: center; padding-top: 78px;}
.conutsus .json_prev,
.conutsus .json_next{ width: 43px; height: 43px; top: auto; bottom: 0px;}
.conutsus .json_prev{ left: 41.7%; background: url(../images/a5.png) no-repeat left center;}
.conutsus .json_prev:hover{ background: url(../images/a5.png) no-repeat left center;}
.conutsus .json_next{ right: 41.7%; background: url(../images/a6.png) no-repeat right center;}
.conutsus .json_next:hover{ background: url(../images/a6.png) no-repeat right center;}
.conutsus .swiper-pagination{ bottom: auto; top: 0;}
.conutsus .swiper-pagination-bullet{ width: 70px; height: 60px; border-radius: 0; opacity: 1;}
.conutsus .swiper-pagination-bullet:nth-of-type(1){ 
	background: url(../images/a1.png) no-repeat center center;
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
}
.conutsus .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active{ 
		background: url(../images/a2.png) no-repeat center center;
}
.conutsus .swiper-pagination-bullet:nth-of-type(2){ 
	background: url(../images/a3.png) no-repeat center center;
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
}
.conutsus .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active{ 
	background: url(../images/a4.png) no-repeat center center;
}


/*后加新闻*/
.newslist{ font-size: 0; height: 100%; left: 0;  /*position: absolute;*/ top: 0; width: 100%;}
.newslist li{ display: inline-block; vertical-align: top; width: 50%; height: 390px; background-color: #fff; font-size: 0;}
.newslist li a{ display: inline-block; vertical-align: middle; width: 100%; height: 100%;}
.newslist li dl{ position: relative; width: 100%; height: 100%; font-size: 0;}
.newslist li dl dt{ float: left; display: inline-block; vertical-align: middle; width: 50%; height: 100%; overflow: hidden;}
.newslist li dl dt p{ width: 100%; height: 100%; display: block;
	transition: all 2s ease 0s;
	-webkit-transition: all 2s ease 0s;
	-moz-transition: all 2s ease 0s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.newslist li dl dd{ float: right; display: inline-block; vertical-align: middle; width: 50%; height: 100%; text-align: center; background-color:#232323; position: relative;
	padding: 7.5% 5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newslist li dl dd h3{ font-size: 24px; color: #fff; margin-bottom: 20px;line-height: 30px;height: 60px;overflow: hidden;}
.newslist li dl dd i{ display: inline-block; width: 38px; height: 2px; margin-bottom: 20px; background-color: #fff;}
.newslist li dl dd p{ font-size: 14px; margin-bottom: 0px; line-height:20px;height: 60px; overflow: hidden;color: #BFBFBF;}
.newslist li dl dd font{ display: inline-block; width: 40px; height: 40px; margin-top: 40px; color: #fff; position: relative;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	text-align: center; line-height: 40px; z-index: 2;
}
.newslist li dl dd font span{ color: #fff; display: inline-block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
@media only screen and (max-width: 1279px) {
	.newslist li{height: 250px;} 
	.newslist li dl dd font{display: none;}
}
@media only screen and (max-width: 768px) {
	.newslist li{margin: 1px 0;}
}
.newslist li dl dd font:before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border:1px solid #fff;}
.newslist li dl dd font:after{ position: absolute; content: ''; left: 1px; top: 1px; width: 100%; height: 100%; background-color: #fff; z-index: -1;
	opacity: 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
}
.newslist li dl dd em{ display: block; position: absolute;top: 50%; width: 20px; height: 20px;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	background-color: #232323;
}
.newslist li.cnm3 dl dt,
.newslist li.cnm0 dl dt{ float: right;}
.newslist li.cnm3  dl dd,
.newslist li.cnm0  dl dd{ float: left;}
.newslist li.cnm3  dl dd em,
.newslist li.cnm0  dl dd em{
	left: auto;
	right: -9px;
}

.newslist li dl dd,
.newslist li dl dd em,
.newslist li dl dd font,
.newslist li dl dd font span,
.newslist li dl dd font:after,
.newslist li dl dd font:before{
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
}
.newslist li dl:hover dd{ background-color: #363636;}
.newslist li dl:hover dd em{background-color: #363636;}
.newslist li dl:hover font span{ color: #232323;}
.newslist li dl:hover font:before{
	transform: scale(1.25);
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
}
.newslist li dl:hover font:after{
	opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}
.newslist li dl:hover dt p{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.newslist li:nth-child(1) dl dt{float:left;}
.newslist li:nth-child(1) dl dd{float:right;}
.newslist li:nth-child(1) dl dd em{ left: -10px; }

.newslist li:nth-child(2) dl dt{float:left;}
.newslist li:nth-child(2) dl dd{float:right;}
.newslist li:nth-child(2) dl dd em{ left: -10px; }

.newslist li:nth-child(3) dl dt{float:right;}
.newslist li:nth-child(3) dl dd{float:left;}
.newslist li:nth-child(3) dl dd em{ right: -10px; }

.newslist li:nth-child(4) dl dt{float:right;}
.newslist li:nth-child(4) dl dd{float:left;}
.newslist li:nth-child(4) dl dd em{ right: -10px; }

.newslist li:nth-child(5) dl dt{float:left;}
.newslist li:nth-child(5) dl dd{float:right;}
.newslist li:nth-child(5) dl dd em{ left: -10px; }

.newslist li:nth-child(6) dl dt{float:left;}
.newslist li:nth-child(6) dl dd{float:right;}
.newslist li:nth-child(6) dl dd em{ left: -10px; }

.xxa{ position: absolute; text-align: center; width: 100%; bottom: 16%; z-index: 9;}
.xxa2{ bottom: 27%;}
.xxa a{ width: 80px; padding-bottom: 10px; font-size: 14px; color: #000; display: inline-block; position: relative;}
.xxa a:after{ width: 50px; border-bottom: 2px solid #D6D6D6; position: absolute; content: ''; bottom: 0; left: 50%; margin-left: -25px;}
.xxa span{ display: inline-block; width: 5px; height: 5px; border-radius: 100%; background-color: #000;}

.xxa a:hover:after,
.xxa a.on:after{ border-color: #000;}

.part1 {
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}