f/********** *页面样式* **********//* =======   	基本默认值   ======= */select::-ms-expand {
	display: none;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #2f3031;
}

p,dl {
	margin: 0;
}

ul,ol {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal;
}/* ==========   工具样式   ========== */.width-auto {
	width: 100%;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.invisible {
	/*将元素隐藏，但保留元素占位*/
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.text-center {
	text-align: center;
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	/*IE6 and IE7*/
	zoom: 1;
}

.middle {
	display: inline-block;
	vertical-align: middle;
}

@media only screen and (min-width: 1200px) {
	html {
		font-size: -webkit-calc(100vh / 10.80);
		font-size: calc(100vh / 10.80);
	}
}

@media only screen and (max-width: 1200px) {
	html {
		font-size: 62.5px;
	}
}

@media only screen and (max-height: 675px) {
	html {
		font-size: 62.5px;
	}
}

body {
	background: #E6E6E8;
	min-width: 1200px;
	min-height: 675px;
	font-family: "微软雅黑", "microsoft yahei", "times new roman", ;
	font-size: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: subpixel-antialiased;
	text-align: center;
}

.square {
	text-align: left;
	vertical-align: top;
	display: inline-block;
	width: 11.65rem;
	height: 10.80rem;
	max-width: 107.728181212525vh;
	max-height: 100vh;
	min-width: 727.16px;
	min-height: 675px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.square .container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}/*.square .cross:before{	content: '';	display: block;	width: 7.17377860235003%;	height: 100%;		position: absolute;	margin: auto;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: #E6E6E8;			-webkit-transform: skewX(45deg);	-moz-transform: skewX(45deg);	-ms-transform: skewX(45deg);	transform: skewX(45deg);		z-index: 9;}.square .cross:after{	content: '';	display: block;	width: 7.17377860235003%;	height: 100%;		position: absolute;	margin: auto;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: #E6E6E8;			-webkit-transform: skewX(-45deg);	-moz-transform: skewX(-45deg);	-ms-transform: skewX(-45deg);	transform: skewX(-45deg);		z-index: 9;}*/.triangle-top,.triangle-left,.triangle-right,.triangle-bottom {
	display: block;
	text-align: center;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.triangle-top,.triangle-bottom {
	z-index: 1;
}

.triangle-left,.triangle-right {
	z-index: 2;
	height: 100%;
	width: 46.3821892393321%;
}

.z-index4 {
	z-index: 4;
}

.triangle-top {
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 85.65244279529994%;
	height: 46.10259826782145%;
	/*-webkit-shape-outside: polygon(50% 100%, 100% 0, 0 0);	shape-outside: polygon(50% 100%, 100% 0, 0 0);		-webkit-clip-path: polygon(50% 100%, 100% 0, 0 0);	clip-path: polygon(50% 100%, 100% 0, 0 0);*/
}

.triangle-bottom {
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 85.65244279529994%;
	height: 46.10259826782145%;
	/*-webkit-shape-outside: polygon(50% 0, 100% 100%, 0 100%);	shape-outside: polygon(50% 0, 100% 100%, 0 100%);		-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);	clip-path: polygon(50% 0, 100% 100%, 0 100%);*/
}

.triangle-left {
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	-webkit-shape-outside: polygon(0 0, 0 100%, 100% 50%);
	shape-outside: polygon(0 0, 0 100%, 100% 50%);
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.triangle-right {
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	/*-webkit-shape-outside: polygon(0 50%, 100% 100%, 100% 0);	shape-outside: polygon(0 50%, 100% 100%, 100% 0);		-webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);	clip-path: polygon(0 50%, 100% 100%, 100% 0);*/
}/*背景*/.square .bg-none {
	background: none;
}

.square .bgc-t {
	background-color: transparent;
}

.square .bgc-E6E6E8 {
	background-color: #E6E6E8;
}

.square .bgi-E6E6E8 {
	background: transparent url(../images/bgbc.png) center bottom/cover no-repeat;
}/*链接覆盖*//*链接覆盖-上下*/.square .cover-top,.square .cover-bottom {
	display: block;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	width: 65.1765489673551vh;
	height: 65.1765489673551vh;
}

.square .cover-top {
	top: 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}/*链接覆盖-左右*/.square .cover-left,.square .cover-right {
	display: block;
	width: 70.68620919387075vh;
	height: 70.68620919387075vh;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 4;
	background: none;
}

.square .cover-left {
	left: 0;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.square .cover-right {
	right: 0;
	-webkit-transform: translateX(50%) rotate(45deg);
	-moz-transform: translateX(50%) rotate(45deg);
	-ms-transform: translateX(50%) rotate(45deg);
	transform: translateX(50%) rotate(45deg);
}

.square .bgt-d4 {
	background: transparent url(../images/bgt-d4d4d4.png) center top/cover no-repeat;
}

.square .bgl-d4 {
	background: transparent url(../images/bgl-d4d4d4.png) left center/cover no-repeat;
}

.square .bgr-d4 {
	background: transparent url(../images/bgr-d4d4d4.png) right center/cover no-repeat;
}/*header*/.header-left {
	text-align: left;
	vertical-align: top;
	display: inline-block;
	width: 2.22rem;
	height: 100vh;
}

.header-left .logo {
	display: inline-block;
	margin-top: .95rem;
}

.header-left .logo img {
	width: .97rem;
	vertical-align: top;
}

.header-left .menu {
	margin-top: .74rem;
}

.header-left .menu .item {
	line-height: 1;
	position: relative;
}

.header-left .menu .item+.item {
	margin-top: .45rem;
}

.header-left .menu .item a {
	font-size: .22rem;
	color: #717071;
	transition: all .3s;
}

.header-left .menu .item a:hover {
	color: #585757;
	font-weight: bold;
}

.header-left .menu .item .active {
	color: #595757;
	font-weight: bold;
}

.header-left .menu .menu-side {
	visibility: hidden;
	opacity: 0;
	font-size: .22rem;
	padding-left: .18rem;
	position: absolute;
	left: 2em;
	top: 50%;
	z-index: -1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .3s all;
}

.header-left .menu .item .active+.menu-side {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.header-left .menu .hover {
	display: inline-block;
}

.header-left .menu .hover:hover .menu-side {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.header-left .menu .menu-side:before {
	content: '';
	display: block;
	width: .19rem;
	height: .13rem;
	background: url(../images/menu-gt.png) center/auto 100% no-repeat;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
}

.header-left .menu-side li+li {
	margin-top: .12rem;
}

.header-left .item .menu-side li a {
	font-size: .2rem;
}/*块标题*/.square .tit-mod {
	display: block;
	margin: 0 auto;
	width: .26rem;
}

.square .tit-mod.abs {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.square .tit-mod div {
	text-align: center;
	color: #595757;
	line-height: 1;
	/*font-weight: bold;*/
}

.square .tit-mod .e {
	font-size: 0;
	word-break: break-all;
}

.square .tit-mod .e span {
	display: block;
	font-size: .3098rem;
	text-align: center;
}

.square .tit-mod .c {
	font-size: .274rem;
}

.square .tit-mod .frasl {
	position: relative;
	display: block;
	text-align: center;
}

.square .tit-mod .frasl:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	min-width: 1px;
	width: .01rem;
	height: .297rem;
	background: #595858;
	position: absolute;
	margin: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}/*我们*/.us .tit-mod .frasl {
	height: .65rem;
}

.us .triangle-top .tit-mod {
	bottom: 20.88353413654618%;
}

.bgl-us,.bgr-us,.bgb-us {
	width: 100%;
	height: 100%;
}

.bgl-us {
	background: transparent left/cover no-repeat;
}

.bgr-us {
	background: transparent right/cover no-repeat;
}

.text-us {
	padding-top: .5rem;
}

.text-us p {
	font-size: .2rem;
	color: #5C5C5C;
	line-height: .27rem;
}

.text-us .t {
	width: .14rem;
}

.text-us .e {
	font-size: .21rem;
}/*服务*/.service .tit-mod {
	bottom: 28.714859437751%;
}

.service .tit-mod .frasl {
	height: .65rem;
}

.service .triangle-left,.service .triangle-right {
	padding-top: 3.46rem;
}

.service .triangle-left {
	text-align: left;
	padding-left: .65rem;
}

.service .triangle-right {
	text-align: right;
	padding-right: .65rem;
}

.service .h {
	display: inline-block;
	max-width: 3.56rem;
	color: #5C5C5C;
	padding-bottom: .22rem;
	box-sizing: content-box;
	border-bottom: 1px solid #959595;
}

.service .h div {
	font-size: .21rem;
	line-height: normal;
}

.service .h .t-e {
	font-size: .24rem;
}

.service .h .t-c {
	font-weight: bold;
	font-size: .3097rem;
}

.service .h .st {
	font-size: .2rem;
	line-height: .3335rem;
}

.service .dl-group dl {
	vertical-align: top;
	display: inline-block;
	padding-top: .19rem;
}

.service .dl-group dl:first-child {
	min-width: 1.2rem;
}

.service .triangle-left .dl-group {
	margin-left: -.1011rem;
}

.service .dl-group dl:last-child {
	padding-top: .45rem;
	display: block;
}

.service .dl-group dd {
	margin: 0;
	/*line-height: .3032rem;*/
	position: relative;
	overflow: hidden;
}

.service .dl-group dd:before {
	content: "·";
	font-size: .2022rem;
	line-height: .3032rem;
	color: #5C5D5D;
	float: left;
}

.service .dl-group dd a {
	display: block;
	overflow: hidden;
	font-size: .2022rem;
	color: #5C5C5C;
	line-height: .3032rem;
	cursor: default;
}

.service .triangle-right .dl-group dl {
	vertical-align: top;
	display: inline-block;
	text-align: left;
}

.service .triangle-right .dl-group {
	display: inline-block;
	max-width: 2.73rem;
}/*作品业*/.triangle-left .tit-mod,.triangle-right .tit-mod {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.works .triangle-top .tit-mod {
	bottom: 23.54124748490946%;
}

.works .triangle-left .tit-mod {
	left: 34%;
}

.works .triangle-right .tit-mod {
	right: 34%;
}

.works .tit-mod .e {
	/*font-family: "times new roman";*/
	line-height: 1;
	-webkit-writing-mode: horizontal-tb;
	writing-mode: lr-tb;
	writing-mode: horizontal-tb;
}

.works .tit-mod .frasl {
	height: .65rem;
}/*观点*/.viewpoint {
	background: transparent right/cover no-repeat;
}

.viewpoint .triangle-left {
	background: transparent left/cover no-repeat;
}

.viewpoint .list {
	position: absolute;
	width: 4.94rem;
	top: 1.6rem;
	right: 0;
	bottom: 1.6rem;
	overflow: auto;
}

.viewpoint .list li {
	line-height: normal;
	padding-left: .24rem;
	background: url(../images/vp-list.png) left/.08rem no-repeat;
}

.viewpoint .list li+li {
	margin-top: .41rem;
}

.viewpoint .list a {
	font-size: .2216rem;
	color: #717071;
}/*观点-详情页*/.details-viewpoint {
	position: absolute;
	left: 0;
	right: 0;
	top: .7rem;
	bottom: 1.13rem;
	padding-left: 1.34rem;
	border-left: 1px solid #747476;
	font-family: "微软雅黑", "microsoft yahei";
	overflow: auto;
}

.details-viewpoint .tit {
	padding-top: .44rem;
	padding-bottom: .27rem;
	line-height: 1;
	color: #595757;
	font-size: .24rem;
	border-bottom: 1px dashed #514F51;
}

.details-viewpoint .content {
	padding-top: .42rem;
}

.details-viewpoint .content p {
	font-size: .2rem;
	line-height: .26rem;
	color: #717071;
}/*联系*/.contact .tit-mod {
	position: absolute;
	bottom: 21.96531791907514%;
}

.contact .tit-mod .frasl {
	height: .65rem;
}

.bgl-contact,.bgr-contact {
	width: 100%;
	height: 100%;
}

.bgl-contact {
	background: transparent left/cover no-repeat;
}

.bgr-contact {
	background: transparent right/cover no-repeat;
}

.contact-info {
	text-align: center;
}

.contact-info .img {
	margin-top: 1rem;
	width: .18rem;
	margin-bottom: .9rem;
}

.contact-info p {
	font-size: .24rem;
	line-height: .4368rem;
	color: #595757;
}
.content-info .content{
	font-size: .24rem;
	line-height: .4368rem;
	color: #595757;
}

/*滑块*/.box-slide {
	position: absolute;
	z-index: 99;
	top: .68rem;
	left: 0;
	right: 0;
	height: 8.96rem;
	background: rgba(0, 0, 0, .65);
}

.box-slide .swiper-slide img {
	width: 100%;
	height: 100%;
}/*滑块-注*/.sub-slide {
	font-size: 0;
	height: 2.47rem;
	line-height: 2.47rem;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.sub-slide .middle {
	line-height: normal;
}

.sub-slide .h {
	text-align: right;
	float: left;
}/*作品页-二级页面*/.box-slide.before .swiper-container {
	height: 6.5rem;
	background: #FFFFFF;
}

.box-slide.before .swiper-slide a {
	display: inline-block;
	width: 33.33333%;
	height: 50%;
}

.box-slide.before .sub-slide .summary {
	overflow: hidden;
	width: 7.56rem;
	line-height: .286rem;
	font-size: .2rem;
	color: #EFEFEF;
}

.box-slide.before .sub-slide .summary p {
	line-height: .286rem;
	font-size: .2rem;
	color: #EFEFEF;
}

.box-slide.before .sub-slide .h {
	width: 2.55rem;
	margin-right: .96rem;
}

.box-slide.before .sub-slide .h .tit {
	line-height: 1;
	color: #D3D4D4;
}

.box-slide.before .sub-slide .h .tit .c {
	font-size: .2502rem;
	vertical-align: middle;
}

.box-slide.before .sub-slide .h .tit .e {
	font-size: .286rem;
	vertical-align: middle;
}

.box-slide.before .sub-slide .h .tit .frasl {
	min-width: .42rem;
	position: relative;
	display: inline-block;
	;	text-align: center;
	vertical-align: middle;
}

.box-slide.before .sub-slide .h .tit .frasl:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	min-width: 1px;
	width: .01rem;
	height: .297rem;
	background: #D3D4D4;
	-webkit-transform: rotate(44deg);
	-ms-transform: rotate(44deg);
	transform: rotate(44deg);
}

.box-slide.before .sub-slide .h .subtit {
	margin-top: .54rem;
	line-height: 1;
	font-size: .2145rem;
	color: #D3D4D4;
}/*作品页 三级页面*/.box-slide.after .swiper-container {
	height: 100%;
}

.box-slide.after .box-img {
	height: 6.5rem;
	width: 100%;
	overflow: hidden;
}

.box-slide.after .sub-slide .summary {
	overflow: hidden;
	width: -webkit-calc(100% - 1px - 3.17rem);
	width: calc(100% - 1px - 3.17rem);
	padding: 0 .32rem;
	line-height: .28rem;
	font-size: .2rem;
	color: #EEEEEE;
}

.box-slide.after .sub-slide .summary p {
	line-height: .28rem;
	font-size: .2rem;
	color: #EEEEEE;
}

.box-slide.after .sub-slide .h {
	margin: 0;
	width: 3.17rem;
	padding-right: .32rem;
	text-align: right;
	color: #D2D3D3;
}

.box-slide.after .sub-slide .h .tit {
	line-height: 1;
	font-size: .27rem;
}

.box-slide.after .sub-slide .h .subtit {
	font-size: .18rem;
	margin-top: .24rem;
	line-height: 1;
}

.box-slide.after .sub-slide .line {
	width: 1px;
	height: 1.85rem;
	background: #C0C0C0;
}/*滑块控制*/.swiper-button-next,.swiper-button-prev {
	width: .38rem;
	height: .75rem;
}

.swiper-button-next {
	right: -.78rem;
	background: url(../images/next.png) center/cover no-repeat;
}

.swiper-button-prev {
	left: -.78rem;
	background: url(../images/prev.png) center/cover no-repeat;
}

.control-slide .swiper-pagination {
	left: 0;
	right: 0;
	bottom: -.6rem;
	margin: auto;
}

.control-slide .swiper-pagination-bullet {
	margin: 0 .18rem;
	width: .21rem;
	height: .21rem;
	border-radius: 100%;
	opacity: 1;
	background: #D4D4D4;
	border: 1px solid transparent;
}

.control-slide .swiper-pagination-bullet-active {
	background: transparent;
	border: 1px solid #7E7E7E;
}

.control-slide {
	position: absolute;
	top: .68rem;
	left: 0;
	right: 0;
	height: 8.96rem;
}



/*主页*/
.home{
	background: #FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;

	overflow: hidden;

	min-width: 1200px;
	min-height: 675px;
	transition: all 1s linear 3s;
}

.home .left,
.home .right{
	position: absolute;
	top: 0;
	bottom: 0;
}
.home .left{
	left: -50%;
	right: 50%;
	background: #EEEFEF;

	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
}
.home .right{
	left: 50%;
	right: -50%;
	background: #EEEFEF;

	-webkit-transform: skewX(45deg);
	-ms-transform: skewX(45deg);
	transform: skewX(45deg);
}

.home .bar-group{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	width: 84px;

	transition: all 2s linear;
}
.home .bar-group img{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
	transition: all 0s linear 2s;
}
.home .bar-group .bar{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FFFFFF;
}

.home .bar-group .bar:first-child{
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	transform: skewX(-45deg);
}
.home .bar-group .bar+.bar{
	-webkit-transform: skewX(45deg);
	-ms-transform: skewX(45deg);
	transform: skewX(45deg);
}

.home .top{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 50%;

	font-size: 40px;
	color: #666;
	z-index: 2;
}
.home .top span{
	-webkit-writing-mode: vertical-lr;
	writing-mode: tb-lr;
	writing-mode: vertical-lr;

	white-space: nowrap;

	bottom: 24.76894639556377%;

	position: absolute;
	left: 50%;

	-webkit-transform: translateX(-50%);
	transform: translate(-50%);

	transition: all 0s linear;
}

.home .bottom{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 1;
}
.home .bottom .logo{
	width: 102px;

	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 33.64140480591497%;

	transition: all 2s linear;
}


.home.ani {
	opacity: 0;
	visibility: hidden;
}
.home.ani .bar-group{
	width: 840px;
}
.home.ani .top span{
	opacity: 0;
}
.home.ani .bottom .logo{
	opacity: 0;
}
.home.ani .bar-group img{
	opacity: 1;
	visibility: visible;

	/*z-index: 9;*/
}

.details-viewpoint img{
   max-width: 100%;
}