@charset "utf-8";

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{
	font-weight: normal;
	margin:0 auto;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:normal;
	position: relative;
}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;font-weight: normal;}
ul { list-style:none;}
*{ margin:0px; padding:0px;}
img { border:0px;display: block;max-width: 100%;}
h2,h4{font-weight: normal;}
a { color:#05a; text-decoration:none;transition: all .5s;}
.clear{ clear:both;}
.clearfix{ zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }
.fl {float:left;}
.fr {float:right;}
.hidden{display: none;}
.moreBox { display:none;}
/*-----------------头部开始--------------------*/
.mt60{margin-top: 60px;}
.w_1200{
	width: 1200px;
	margin: auto;
}

.wf{width: 100%;}

button:focus,input:focus{
	outline: none;
}
.rela{
	position: relative;
}

.bx-wrapper img{width: 100%;}

.bx-wrapper .bx-next,.bx-wrapper .bx-prev{
	position: absolute;
    top: 50%;
    width: 41px;
    height: 37px;
    margin-top: 20px;
    text-align: center;
    background: url(../images/arrow-sprite.png) repeat;
    z-index: 60;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    -khtml-opacity: .2;
	opacity: .2;
	font-size: 0;
	z-index: 3;
    filter: alpha(opacity=20);
}

.bx-wrapper .bx-prev {
	left: 40px;
	background-position: -20px -20px;
}

.bx-wrapper .bx-prev:hover{background-position:-20px -97px;opacity: 1;}

.bx-wrapper .bx-next {
	right: 40px;
	background-position: -101px -20px;
	
}

.bx-wrapper .bx-next:hover{background-position:-101px -97px;opacity: 1;}

.bx-pager{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 60px;
	z-index: 3;
	left: 0;
}

.bx-pager-item{
	display: inline-block;
    width: 60px;
    height: 4px;
    line-height: 0;
	margin: 0 3px;
}

.bx-pager-item:last-child{
	margin-right: 0;
}

.bx-pager-item .bx-pager-link{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    -khtml-opacity: .2;
	opacity: .2;
	margin-left: 6px;
	filter: alpha(opacity=20);
}

.bx-pager-item .bx-pager-link.active{
	opacity: 1;
}

.banner_text{
	width: 100%;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	z-index: 3;
	top: 42%;
	text-align: center;
}

.banner_text_inner{
	width: 1130px;
	margin: auto;
}

.banner_text_inner .bannertext1{
	font-size: 35px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.banner_text_inner span {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: url(../images/iocn-bofang.png) no-repeat center center;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 24px;
}

.bx-wrapper{
	position: relative;
}
/* 头部 */
.header{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all .5s;
	height: 80px;
}

.wrap{
	width: 1200px;
	margin: auto;
}

.logo{
	margin-top: 24px;
}

.nav > li{
	float: left;
	margin-left: 30px;
}

.nav > li > a{
	display: block;
	font-size: 14px;
	color: #fff;
	position: relative;
	width: 65px;
	text-align: center;
	line-height: 60px;
}

.nav > li > a:after{ 
	content:""; 
	position: absolute; 
	bottom:0; 
	left:0; 
	height:2px; 
	width:0; 
	background: #fff; 
	-webkit-transition: all ease .4s; 
	-moz-transition: all ease .4s; 
	-ms-transition: all ease .4s; 
	-o-transition: all ease .4s; 
	transition: all ease .4s;
}
.nav > li.current > a,
.nav > li:hover > a{ color: #fff; }
.nav > li.current > a:after,
.nav > li:hover > a:after{ width: 100%; }

.nav > li:first-child a{
	width: 60px;
}

.header.active .logo1 {
	display: none;
}

.header.active .logo2 {
	display:block;
}

.header.active .logo {
    margin-top: 10px;
}

.header.active .nav > li > a{
	color: #000000;
	line-height: 60px;
}

.header.active{
	position: fixed;
	background: #fff;
	height: 60px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}

.header.active .nav > li {
    padding-top: 0;
	margin-left: 30px;
	padding-bottom: 0;
}

.logo2{display: none;}


.header:hover{
	background: #fff;
}


.header:hover .nav > li > a{
	color: #666;
	line-height: 80px;
}

.header:hover .logo1{display: none;}

.header:hover .logo2{display: block;}

.header.active .nav > li > a{
	line-height: 60px;
	padding-bottom: 0;
}

.header.active .nav > li.current > a,
.header.active .nav > li:hover > a{
	color: #dd4f50;
}

.header:hover .nav > li > a:after{background: #666666;}

.header.active  .nav > li > a:after{
	background: #dd4f50;
}
.hide {
    display: none;
}
.nav-sub-box-wrap{
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	padding: 30px 0;
	border-top: 1px solid #eeeeee;
}


.nav-sub-box {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
	width: 100%;
    vertical-align: top;
}

.nav-sub-box:first-child {
    margin-left: 0 !important;
}

.nav-sub-captain-wrap {
    width: 240px;
    margin-right: 55px;
    vertical-align: middle;
}

.inline-block {
    display: inline-block;
}

.nav-sub-captain {
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    color: #423f4e;
}
.nav-sub-captain-info {
    position: relative;
    font-size: 12px;
    line-height: 20px;
    margin-top:8px;
    text-align: right;
    color: #999999;
}

.nav-sub-4-gap {
    display: inline-block;
    width: 0;
    height: 120px;
    margin: 0 31px;
    border-left: 1px solid #ccc;
    vertical-align: middle;
}

.nav-sub-4-box {
    line-height: 2;
    display: inline-block;
    width: 100px;
    margin-left: 40px;
    text-align: left;
    vertical-align: middle;
    text-align-last: auto;
}

.nav-sub-link {
    position: relative;
    display: inline-block;
    color: #999999;
}


.nav-sub-4,.nav-sub-3 {
	text-align: right;
}

.nav-sub-link:hover{color:#666666;}

.lines{
	width: 90px;
	height: 2px;
	display: inline-block;
	background: #d9d9d9;
}

.nav-sub-3-box {
    position: relative;
    width: 110px;
    height: 100px;
    margin-left: 1px;
    overflow: hidden;
    vertical-align: middle;
    background: #fff;
}

.nav-sub-3-box.active {
    width: 350px;
    background: #423f4e;
}

.nav-sub-3-link {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    width: 110px;
    height: 100px;
    padding-top: 67px;
	text-align: center;
	color: #666;
}


.nav-sub-3-link:before{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin:16px auto;
	content: '';
}

.nav-sub-3-link:after {
	opacity: 0;
	visibility: hidden;
}

.nav-sub-3-link-1:before {
	background: url(../images/icon-1-1.png) center center no-repeat;
	height: 35px;
	width: 35px;
}

.nav-sub-3-link-1:before:active,.nav-sub-3-link-1:before.nav-sub-3-link-1-active {
	background: url(../images/icon1.png) center center no-repeat;
}

.nav-sub-3-link-1:after {
	content: '';
    background: url(../images/icon3.png) center center no-repeat;
    height: 31px;
    width: 31px;
    position: absolute;
    right: -6.5px;
    top: 70%;
    margin-top: -15.5px;
}



.nav-sub-3-link-2 {
	border-left: 1px solid #eee;
}

.nav-sub-3-link-2:before {
	background: url(../images/icon2-1.png) center center no-repeat;
	height: 35px;
	width: 35px;
}

.nav-sub-3-link-2:before:active,.nav-sub-3-link-2:before.nav-sub-3-link-2-active {
	background: url(../images/icon2.png) center center no-repeat;
}

.active > .nav-sub-3-link {
    color: #fff;
}

.nav-sub-3-link-2:after {
	background-position: -36px 0;
	height: 35px;
	width: 36px;
}

.nav-sub-3-info {
	font-size: 12px;
	display: inline-block;
	width: 180px;
	text-align: justify;
	vertical-align: middle;
	color: #999999;
}

.nav-sub-3-info-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 110px;
	width: 240px;
	background: #fff;
	text-align: center;
	opacity: 1;
}

.nav-sub-3-info-wrap:before {
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	background-position: -775px -145px;
	height: 24px;
	width: 11px;
	margin: auto;
	content: '';
}

.nav-sub-3-info-wrap:after {
	display: inline-block;
	width: 0;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.nav-sub-5-link-1:before {
    background: url(../images/icon4-1.png) center center no-repeat;
   
}

.nav-sub-3-box.active .nav-sub-5-link-1:before{
	background: url(../images/icon4.png) center center no-repeat;
}

.nav-sub-5-link-2:before {
	background: url(../images/icon5.png) center center no-repeat;
}

.nav-sub-3-box.active .nav-sub-5-link-2:before{
	background: url(../images/icon5-1.png) center center no-repeat;
}
/* 头部 end*/

.youshi div.fr div{
	float: left;
	width: 180px;
	height: 120px;
	border-radius: 12px;
	background: #f4f4f4;
	padding: 36px 0;
	text-align: center;
	margin-right: 50px;
}

.youshi div img{
	margin: auto;
}

.youshi div p{
	font-size: 14px;
	color: #000000;
	margin-top: 10px;
}

.youshi div.fr div:hover p{
	color: #ff404c;
}

.youshi div:last-child{margin-right: 55px;}

.nav-sub-2 .nav-sub-link {
    margin: 15px 30px 0 0;
    white-space: nowrap;
}

.nav-sub-gallery > .nav-sub-box {
    width: 165px;
    margin-left: 30px;
}

.nav-sub-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 7px;
    color: #423f4e;
}

.nav-sub-gap {
    position: absolute;
    top: 40px;
    bottom: 40px;
    width: 0;
    border-right: 1px solid #ccc;
}

#nav-sub-gallery{
	padding-left: 122px
}

/* 录播图 */

.bannerbox{
	width: 100%;
	position: relative;
}

.mask {
    width: 100%;
    height: 100%;
    position: absolute;
	left: 0;
	z-index: 1;
    top: 0;
    background: rgba(38,43,52,0.4) url(../images/bg.png);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#66000000");
}

.mouse {
    width: 17px;
    height: 28px;
    background: url(../images/down-icon.png) no-repeat center;
    margin: 0 auto;
    animation: light 0.8s infinite ease alternate;
    -webkit-animation: light 0.8s infinite ease alternate;
	cursor: pointer;
	position: absolute;
	bottom: 110px;
	left: 50%;
	margin-left: -8.5px;
	z-index: 3;
}

@keyframes light{0%{
	bottom:110px;opacity:1;}
100%{bottom:120px;opacity:0.5;}}

.here{
	width: 100%;
	position: absolute;
	bottom: 152px;
	left: 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	z-index: 33;
	opacity: 1;
}

.bannertext1{
	width: 673px;
	margin: auto;
	padding-bottom: 33px;
	background: url(../images/line-1.png) no-repeat center bottom;
}

#img-1{
	width: auto;
	margin: 12px auto 28px;
}

.bannertext3 {
    height: 63px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-family: 宋体;
    margin: 0 auto;
    padding-top: 30px;
    background: url(../images/line-2.png) no-repeat center top;
    width: 672px;
    letter-spacing: 1px;
}

.hp-service-section{
	padding: 80px 0 100px;
}

.c-title, .e-title {
    display: block;
    width: 100%;
    font-size: 32px;
    line-height: 50px;
    color: #333;
}

.e-title {
    font-family: 'Arial';
    text-transform: uppercase;
    font-weight: 400;
}

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

.service-bd{margin-top: 73px;}

.service-items {
	overflow: hidden;
	position: relative;
}

.service-item .item-img {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service-item {
    float: left;
    display: inline-block;
    position: relative;
    padding: 0;
    width: 478px;
    height: 160px;
    overflow: hidden;
}

.service-txt {
    position: absolute;
    z-index: 3;
    padding-left: 11.53846154%;
    padding-right: 11.53846154%;
    width: 100%;
    height: inherit;
}

.service-tit-link {
    margin: 60px 0;
}

.serv-ico {
    position: relative;
    display: block;
    height: 40px;
}

.serv-ico:before {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    background: url(../images/service-sprite.png) no-repeat;
}


.service-item.service-item0 .serv-ico:before {
    width: 59px;
    height: 34px;
    background-position: -20px -20px;
}

.service-tit-link b, .service-tit-link em {
    float: left;
    display: block;
    width: 100%;
    color: #333;
}

.service-tit-link b {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Microsoft YaHei';
}

.shadowwaper {
    width: 100%;
    height: 320px;
    overflow: hidden;
    /* margin-top: -160px; */
    background: white;
}


.service-col-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease 0.1s;
    -moz-transition: all 0.6s ease 0.1s;
    -o-transition: all 0.6s ease 0.1s;
    transition: all 0.6s ease 0.1s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.shadowwaper .service-txt {
    background: #dd4f50;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    filter: alpha(opacity=90);
}

.shadowwaper .service-tit-link {
    margin-bottom: 40px;
}

.shadowwaper .service-col-wrap .serv-ico0 {
    padding-left: 69px;
}

.service-col-wrap .service-tit-link b, .service-col-wrap .service-tit-link em {
    color: #fff;
}

.s-col-group {
    margin: -10px;
}

.s-col-group li {
	margin: 7px 0;
}

.s-col-group a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    -webkit-opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,0.1);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.col-xs-4 {
	width: 33.33333333%;
	float: left;
	padding-left: 10px;
    padding-right: 10px;
}

.s-col-group a span {
    color: #fff;
}

.service-col-wrap:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}

.service-item.service-item0 .serv-ico {
    padding-left: 69px;
}

.service-tit-link em {
    font-size: 16px;
    line-height: 16px;
    font-style: normal;
    text-transform: capitalize;
    font-family: 'Arial';
    -webkit-opacity: .2;
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .2;
    filter: alpha(opacity=20);
}

.service-items {
    overflow: hidden;
}

.shadowwaper .J_shadow {
    display: none;
}

.service-col-wrap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 320px;
    border: 1px solid #dd4f50;
    overflow: hidden;
}

.service-item.service-item1 .serv-ico:before {
    width: 38px;
    height: 36px;
    background-position: -20px -94px;
}

.service-item.service-item1 .serv-ico {
    padding-left: 48px;
}

.service-item.service-item2, .service-item.service-item5 {
    margin-bottom: -160px;
    height: 320px;
    z-index: 9;
}

.service-item.service-item2 .serv-ico:before {
    width: 40px;
    height: 35px;
    background-position: -20px -170px;
}

.service-item.service-item2 .serv-ico {
    padding-left: 50px;
}

.service-item.service-item3 .serv-ico:before {
    width: 38px;
    height: 38px;
    background-position: -20px -245px;
}

.service-item.service-item3 .serv-ico {
    padding-left: 48px;
}

.service-item.service-item1 .service-tit-link b, .service-item.service-item1 .service-tit-link em, .service-item.service-item3 .service-tit-link b, .service-item.service-item3 .service-tit-link em, .service-item.service-item5 .service-tit-link b, .service-item.service-item5 .service-tit-link em, .service-item.service-item6 .service-tit-link b, .service-item.service-item6 .service-tit-link em, .service-item.service-item9 .service-tit-link b, .service-item.service-item9 .service-tit-link em {
    color: #fff;
}

.service-item.service-item4 .serv-ico {
    padding-left: 48px;
}

.service-item.service-item4 .serv-ico:before {
    width: 38px;
    height: 38px;
    background-position: -20px -323px;
}

.service-item.service-item5 .serv-ico {
    padding-left: 54px;
}

.service-item.service-item5 .serv-ico:before {
    width: 44px;
    height: 40px;
    background-position: -20px -401px;
}

.service-item.service-item8 {
    margin-left:478px;
}

.service-item.service-item4 {
    margin-right: 478px;
}

.service-item8 .shadowwaper, .service-item9 .shadowwaper {
    margin-top: -320px;
}

.service-item3 .service-col-wrap, .service-item8 .service-col-wrap, .service-item9 .service-col-wrap {
    margin-top: -160px;
}

.service-item.service-item8 .serv-ico:before {
    width: 35px;
    height: 40px;
    background-position: -20px -634px;
}

.service-item.service-item8 .serv-ico {
    padding-left: 45px;
}

.service-item.service-item7 .serv-ico:before {
    width: 38px;
    height: 35px;
    background-position: -20px -559px;
}

.service-item.service-item7 .serv-ico {
    padding-left: 48px;
}

.service-item.service-item9 .serv-ico {
    padding-left: 50px;
}

.service-item.service-item9 .serv-ico:before {
    width: 38px;
    height: 38px;
    background-position: -20px -713px;
}

.service-item2 .shadowwaper, .service-item5 .shadowwaper {
    margin-top: 0;
}

.shadowwaper .service-col-wrap .serv-ico5:before {
    width: 44px;
    height: 40px;
    background-position: -119px -401px;
}

.shadowwaper .service-col-wrap .serv-ico8:before {
    width: 35px;
    height: 40px;
    background-position: -119px -634px;
}

.shadowwaper .service-col-wrap .serv-ico9:before {
    width: 38px;
    height: 38px;
    background-position: -119px -713px;
}

.shadowwaper .service-col-wrap .serv-ico2:before {
    width: 40px;
    height: 35px;
    background-position: -119px -170px;
}

.shadowwaper .service-col-wrap .serv-ico4:before {
    width: 38px;
    height: 38px;
    background-position: -119px -323px;
}

.shadowwaper .service-col-wrap .serv-ico3:before {
    width: 38px;
    height: 38px;
    background-position: -119px -245px;
}

.shadowwaper .service-col-wrap .serv-ico1:before {
    width: 38px;
    height: 36px;
    background-position: -119px -94px;
}

.shadowwaper .service-col-wrap .serv-ico0:before {
    width: 59px;
    height: 34px;
    background-position: -119px -20px;
}

.shadowwaper .service-col-wrap .serv-ico7:before {
    width: 38px;
    height: 35px;
    background-position: -119px -559px;
}

.hp-case-section{
    padding-bottom: 100px;
}

.case-item{
    width: 720px;
    position: relative;
}

.case-item:hover .case-pic img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.case-item:hover .case-title a {
	color: #7e2aec
}

.case-item:hover .preview-link {
	width: 207px;
	color: #fff;
	background: rgba(0,0,0,0.6)
}

.case-pic {
    position: relative;
    display: block;
    width: 100%;
    height:500px;
    background-color: #f7f7f7;
    overflow: hidden;
}

.preview-link {
	padding: 0 20px;
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 2;
	width: 64px;
	height: 30px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: rgba(0,0,0,0.2);
	overflow: hidden;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.preview-link .preview-ico {
	margin-top: 7px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 24px;
	height: 16px;
	background: url(../images/hp-case-ico.png) no-repeat
}

.case-hd {
    float: right;
    width: 680px;
    overflow: hidden;
}

.case-hd .g-title {
    width: 100%;
    text-align: left;
    padding-left: 50px;
}

.case-hd .case-hd .e-title {
    padding-left: 40px;
    position: relative;
}

.case-hd .e-title:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
    display: block;
    content: '';
    width: 38px;
    height: 27px;
    background: url(../images/hp-case-title-icon.png) no-repeat;
}

.c-title span {
    color: #ff404c;
    font-weight: 600;
}

.hd-case-desc {
    margin-top: 25px;
    width: 100%;
    padding-left: 50px;
}

.hd-case-desc p {
    font-size: 20px;
    color: #666;
    line-height: 36px;
    height: 72px;
    font-family: 'Microsoft YaHei';
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

.hd-case-desc span {
    display: block;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-family: 'Arial';
    word-break: break-all;
    font-size: 14px;
    color: #ccc;
    line-height: 28px;
    padding-top: 24px;
}

.case-hd .e-title {
    padding-left: 50px;
    position: relative;
}

.case-pic img{
    transition: all .5s;
}

.case-pic p span{
    font-size: 14px;
    color: #ccc;
    margin-left: 25px;
}

.case-pic p{
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
}

.list .case-item{
    width: 330px;
    height: 183px;
    position: relative;
}

.list{padding-top: 40px;}

.list .case-item .case-pic{
    width: 330px;
    height: 183px;
}

.list li{
    float: left;
    margin-right: 20px;
}

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

.hp-design-section {
	width: 100%;
	margin: 0 auto;
	height: 1080px;
	background: #1b1e26 url(../images/hp-design-bg.jpg) top center no-repeat
}

.hp-design-section:before {
	display: table;
	content: ''
}

.no-backgroundsize .hp-design-section {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hp-design-bg.jpg',  sizingMethod='scale')
}

.hp-design-cont {
	margin: 120px auto 120px auto;
}

.hp-design-cont:before,.hp-design-cont:after {
	display: table;
	content: " "
}

.hp-design-cont:after {
	clear: both
}

.design-hd {
	padding-right: 80px;
	float: left;
	width: 50%;
	height: 280px;
	overflow: hidden
}

.design-hd .e-title,.design-hd .c-title {
	color: #fff
}


.hd-design-desc {
	margin-top: 60px;
	width: 100%;
}

.hd-design-desc p {
	font-size: 16px;
	color: #ccc;
	line-height: 30px;
	height: 30px;
	font-family: 'Microsoft YaHei';
	word-break: break-all;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 16px;
}

.hd-design-desc span {
	display: block;
	width: 100%;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	font-family: 'Arial';
	word-break: break-all;
	font-size: 12px;
	color: #666;
	line-height: 24px
}

.design-bd {
	margin-top: 13px
}

.design-bd,.design-items {
	width: 100%
}

.design-bd:before,.design-bd:after,.design-items:before,.design-items:after {
	display: table;
	content: " "
}

.design-bd:after,.design-items:after {
	clear: both
}

.design-item {
	float: left;
	display: inline-block;
	position: relative;
	width: 25%;
	height: 280px;
	overflow: hidden
}

.design-item .item-img {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.design-item .design-cont {
	display: block;
	width: 100%;
	height: 100%
}

.design-item.design-item0 p {
	color: #333
}

.design-item.design-item0 .design-desc p {
	color: #808080
}

.design-item.design-item0 span {
	color: #ccc;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100)
}

.design-item.design-item1 {
	width: 50%
}

.design-item.design-item1 .design-txt-wrap {
	float: none;
	width: 290px;
	margin: 0 auto
}

.design-item.design-item1 .design-cont {
	padding: 110px 40px
}

.design-item.design-item1 .design-desc p {
	color: #babfe2
}

.design-item.design-item2 .design-desc p,.design-item.design-item3 .design-desc p,.design-item.design-item4 .design-desc p {
	color: #999
}

.design-item.design-item4 {
	margin-left: 25%
}

.design-cont {
	position: relative;
	z-index: 4;
	padding: 75px 20px;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.design-txt-wrap {
	margin-top: 40px;
	width: 100%;
	height: 50px;
	overflow: hidden
}

.design-num {
	float: left;
	margin: 0;
	margin-right: 50px;
	width: 87px;
	height: 47px;
	font-size: 0
}

.design-txt {
	float: left;
	width: 150px
}

.design-txt p,.design-txt span {
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.design-txt p {
	font-size: 20px;
	margin-bottom: 10px
}

.design-txt span {
	font-size: 16px;
	-webkit-opacity: .2;
	-moz-opacity: .2;
	-khtml-opacity: .2;
	opacity: .2;
	filter: alpha(opacity=20)
}

.design-more {
	padding: 0 100px;
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	height: 280px;
	text-align: center;
	color: #fff
}

.design-more:before {
	position: absolute;
	top: 50%;
	right: 30%;
	margin-top: -15px;
	font-size: 30px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.design-more span {
	display: block;
	width: 100%;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-family: 'Microsoft YaHei';
	word-break: break-all;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.design-more span.item1 {
	-webkit-opacity: .2;
	-moz-opacity: .2;
	-khtml-opacity: .2;
	opacity: .2;
	filter: alpha(opacity=20);
	text-transform: uppercase;
	font-family: 'Arial';
	word-break: break-all
}

.design-more:hover {
	color: #fff
}

.design-more:hover:before {
	right: 15%
}

.jiquan{
	font-size: 16px;
	color: #ccc;
	font-style: normal;
}

.hp-design-cont .e-title{margin-bottom: 22px;}

.hp-design-cont .g-title{text-align: left;}

.hp-crafts-section {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	background: #e6e6e6 ;
}

.hp-crafts-section:before {
	display: table;
	content: ''
}

.no-backgroundsize .hp-crafts-section {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common-grid-bg.png',  sizingMethod='scale')
}

.hp-crafts-cont {
	margin: 108px auto;
}

.hp-crafts-cont:before,.hp-crafts-cont:after {
	display: table;
	content: " "
}

.hp-crafts-cont:after {
	clear: both
}

.crafts-hd {
	float: right;
	padding-left: 60px;
	width: 50%;
	height: 332px;
	overflow: hidden
}

.hd-crafts-desc {
	width: 100%;
	font-size: 16px;
	color: #666
}

.hd-crafts-desc p {
	margin: 30px 0;
	height: 60px;
	line-height: 28px;
	font-family: 'Microsoft YaHei UI';
	word-break: break-all;
	letter-spacing: 1px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.hd-crafts-desc b {
	font-size: 20px;
	font-weight: normal
}

.hd-crafts-desc span {
	display: block;
	height: 56px;
	font-size: 12px;
	line-height: 28px;
	color: #999;
	font-family: 'Arial';
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.crafts-bd {
	margin-top: 12px;
	width: 100%
}

.crafts-bd:before,.crafts-bd:after {
	display: table;
	content: " "
}

.crafts-bd:after {
	clear: both
}

.crafts-cont-wrap,.crafts-slide-wrap {
	float: left;
	display: inline-block;
	position: relative;
	width: 50%
}

.crafts-cont-wrap {
	height: 720px;
	overflow: hidden;
	background: url(../images/hp-crafts-cont-bg.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.crafts-cont-wrap .c-crafts-hd,.crafts-cont-wrap .c-crafts-bd {
	padding-left: 23.07692308%;
	padding-right: 12.82051282%
}

.no-backgroundsize .crafts-cont-wrap {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hp-crafts-cont-bg.jpg',  sizingMethod='scale')
}

.c-crafts-hd {
	margin-top: 90px
}

.c-crafts-hd .c-title,.c-crafts-hd .e-title {
	font-size: 24px;
	color: #fff
}

.c-crafts-bd {
	padding-top: 80px;
	height: 430px;
	overflow: hidden
}

.c-crafts-bd p {
	width: 100%;
	height: 40px;
	margin: 16px 0;
	font-size: 20px;
	color: #fff;
	word-break: break-all
}

.c-crafts-bd span {
	font-size: 16px;
}

.crafts-more {
	display: block;
	position: relative;
	padding-left: 23.07692308%;
	padding-right: 23.07692308%;
	width: 100%;
	height: 100px;
	background: rgba(0,0,0,0.2);
	line-height: 100px;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.crafts-more .item0 {
	font-family: 'Microsoft YaHei UI'
}

.crafts-more .item1 {
	margin-left: 10px;
	text-transform: uppercase;
	font-family: 'Arial';
	-webkit-opacity: .2;
	-moz-opacity: .2;
	-khtml-opacity: .2;
	opacity: .2;
	filter: alpha(opacity=20)
}

.crafts-more:before {
	content: "";
	display: block;
	position: absolute;
	right: 30%;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	width: 11px;
	height: 17px;
	top: 50%;
	margin-top: -8.5px;
	background: url(../images/icon-flex.png) center center no-repeat;
}

.crafts-more:hover {
	color: #fff;
	background: rgba(0,0,0,0.6)
}

.crafts-more:hover:before {
	right: 15%
}

.crafts-slide-wrap {
	height: 400px;
	margin: 0 -1px
}

.crafts-slide-item {
	position: relative;
	width: 100%;
	height: 200px
}

.crafts-container,.crafts-wrapper,.crafts-slide {
	width: 100%;
	height: 100%
}

.crafts-slide {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.crafts-slide:hover {
	-webkit-opacity: .9;
	-moz-opacity: .9;
	-khtml-opacity: .9;
	opacity: .9;
	filter: alpha(opacity=90)
}

.crafts-slide-txt {
	padding: 40px 100px 40px 0;
	float: right;
	display: block;
	width: 55%;
	height: 200px
}

.crafts-slide-txt h4 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 20px;
	color: #333;
	height: 32px;
	max-height: 64px;
	line-height: 32px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.crafts-slide-txt p {
	margin: 0;
	font-size: 14px;
	color: #666;
	height: 56px;
	line-height: 28px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.crafts-slide-txt:hover h4 {
	color: 333
}

.crafts-slide-item1 .crafts-slide-txt h4 {
	color: #fff
}

.crafts-slide-item1 .crafts-slide-txt p {
	color: #ccc
}

.crafts-slide-item1 .crafts-slide-txt:hover h4 {
	color: #fff
}

.pagination0,.pagination1 {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
	z-index: 20;
	height: 30px;
	width: 10px;
	font-size: 0;
	text-align: center;
	-webkit-text-size-adjust: none
}

.pagination0 .swiper-pagination-switch,.pagination1 .swiper-pagination-switch {
	margin: 0 auto;
	display: block;
	width: 6px;
	height: 6px;
	line-height: 0;
	background-color: #fff;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.pagination0 .swiper-pagination-switch+.swiper-pagination-switch,.pagination1 .swiper-pagination-switch+.swiper-pagination-switch {
	margin-top: 6px
}

.pagination0 .swiper-active-switch,.pagination1 .swiper-active-switch {
	width: 10px;
	height: 10px
}

.pagination0 .swiper-pagination-switch {
	background-color: #333
}

.hp-team-section {
	margin: 0 auto;
	width: 100%;
	background: #fff
}

.hp-team-cont {
	margin: 118px auto 100px auto;
	width: 1440px
}

.hp-team-cont:before,.hp-team-cont:after {
	display: table;
	content: " "
}

.hp-team-cont:after {
	clear: both
}

.team-hd {
	padding-left:9.769231%;
	float: right;
	width: 1040px;
	height: 130px
}

.team-hd .g-title,.team-hd .hd-team-desc {
	float: left
}

.team-hd .g-title {
	display: inline-block;
	width: auto
}

.team-hd .hd-team-desc {
	margin-top: 50px;
	margin-left: 20px;
	padding-left: 20px;
	width: 590px;
	height: 40px;
	overflow: hidden;
	border-left: 1px solid #e6e6e6
}

.team-hd .hd-team-desc p {
	font-size: 16px;
	color: #666;
	line-height: 20px;
	font-family: 'Microsoft YaHei UI';
	word-break: break-all
}

.team-hd .hd-team-desc span {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #ccc;
	line-height: 20px
}

.team-bd,.team-service-items {
	position: relative;
	width: 100%;
	height: 850px;
	font-size: 0
}

.team-bd:before,.team-bd:after,.team-service-items:before,.team-service-items:after {
	display: table;
	content: " "
}

.team-bd:after,.team-service-items:after {
	clear: both
}

.team-bd {
	margin-top: 144px
}

.team-item {
	position: absolute;
	float: left;
	width: 480px;
	height: 360px
}

.team-item.team-item0 .team-item-cont,.team-item.team-item2 .team-item-cont,.team-item.team-item4 .team-item-cont {
	color: #fff
}

.team-item.team-item0 .team-item-cont span,.team-item.team-item2 .team-item-cont span,.team-item.team-item4 .team-item-cont span {
	color: #999
}

.team-item.team-item1 .team-item-cont,.team-item.team-item3 .team-item-cont,.team-item.team-item5 .team-item-cont {
	color: #666
}

.team-item.team-item1 .team-item-cont h4,.team-item.team-item3 .team-item-cont h4,.team-item.team-item5 .team-item-cont h4 {
	color: #333
}

.team-item.team-item0 {
	top: -130px;
	left: 0
}

.team-item.team-item0 .team-cont {
	background: #2c2d38
}

.team-item.team-item0:hover .team-cont {
	background: #33343f
}

.team-item.team-item1 {
	top: 0;
	left: 480px
}

.team-item.team-item1 .team-cont {
	background: #f2f2f2
}

.team-item.team-item1:hover .team-cont {
	background: #ebebeb
}

.team-item.team-item2 {
	top: 130px;
	right: 0
}

.team-item.team-item2 .team-cont {
	background: #4c6474
}

.team-item.team-item2:hover .team-cont {
	background: #546c7c
}

.team-item.team-item3 {
	bottom: 260px;
	left: 0
}

.team-item.team-item3 .team-cont {
	background: #fff
}

.team-item.team-item3:hover .team-cont {
	background: #f7f7f7
}

.team-item.team-item4 {
	bottom: 130px;
	left:480px
}

.team-item.team-item4 .team-cont {
	background: #3b3d52
}

.team-item.team-item4:hover .team-cont {
	background: #424359
}

.team-item.team-item5 {
	bottom: 0;
	right: 0
}

.team-item.team-item5 .team-cont {
	background: #fff
}

.team-item.team-item5:hover .team-cont {
	background: #f7f7f7
}

.team-item-cont {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.team-num {
	float: left;
	width: 240px;
	height: 360px;
	background-size: cover !important
}

.num-wrap {
	padding: 30px;
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
	width: 45%;
	height: 360px;
	font-size: 0
}

.num-wrap h3 {
	font-size: 48px;
	margin: 0;
	line-height: 50px;
	font-size: 0
}

.num-wrap b {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: 'Arial';
	font-size: 0
}

.team-cont {
	padding: 40px 60px;
	float: left;
	width: 240px;
	height: 360px;
	background: #ccc
}

.team-tit {
	margin: 0;
	font-size: 24px;
	line-height: 40px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.team-post-wrap {
	display: table-cell;
	vertical-align: middle;
	width: 155px;
	height: 240px;
	overflow: hidden
}

.team-post-wrap * {
	font-size: 14px;
	line-height: 34px
}

.team-ftr {
	width: 100%;
	height: 80px
}

.team-more {
	margin-top: -80px;
	padding: 0 40px;
	display: block;
	position: relative;
	width: 360px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	background: #e6e6e6;
	font-size: 16px;
	color: #333;
	font-family: 'Microsoft YaHei UI';
	word-break: break-all;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.team-more .team-icon {
	float: left;
	display: inline-block;
	margin-top: 38px;
	width: 27px;
	height: 16px;
	line-height: 80px;
	background: url(../images/hp-team-icon.png) no-repeat
}

.team-more:before {
	content: "";
	position: absolute;
	right: 17%;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	width: 8px;
	height: 8px;
	background: url(../images/rih.png) center center no-repeat;
	top: 50%;
	margin-top: -4px;
}

.team-more:hover:before {
	right: 10%
}

.team-more:hover{
	color: #ff404c;
}

.hp-brand-section {
	min-width: 1200px;
	width: 100%;
	height: 480px;
	background-size: cover !important
}

.brand-hd {
	display: table-cell;
	height: 480px;
	vertical-align: middle
}

.brand-hd .g-title {
	margin-bottom: 30px
}

.brand-hd .c-title,.brand-hd .e-title {
	color: #fff
}

.hd-brand-desc span {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.brand-hd .g-title{text-align: left;}

.hp-msg-section {
	min-width: 1200px;
	width: 100%;
	height: 80px;
	background: #3a3a40 url(../images/common-grid-bg.png) repeat
}

.no-backgroundsize .hp-msg-section {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common-grid-bg.png',  sizingMethod='scale')
}

.msg-scroll {
	width: 100%;
	height: 80px;
	overflow: hidden
}

.msg-hd {
	float: right;
	width: 100px;
	height: 80px
}

.msg-hd a {
	float: left;
	display: block;
	width: 50px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 20px;
	color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
}

.msg-scroll .prev{
	background-image: url(../images/prev-1.png)
}

.msg-scroll .next{
	background-image: url(../images/next-1.png)
}

.msg-hd a:hover {
	background-color: #343439
}

.msg-bd {
	float: left;
	width: 1000px;
	height: 80px
}

.msg-items {
	width: 100%;
	height: 80px
}

.msg-item {
	width: 100%;
	height: 80px;
	line-height: 80px
}

.msg-item .sign {
	float: left;
	margin-right: 30px;
	padding-left: 28px;
	position: relative;
	display: inline-block;
	height: 80px;
	font-size: 14px;
	color: #ccc
}

.msg-item .sign:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	display: block;
	content: '';
	width: 14px;
	height: 18px;
	background: url(../images/hp-msg-ico.png) no-repeat
}

.msg-item a {
	float: left;
	display: inline-block;
	width: 870px;
	height: 80px;
	line-height: 80px;
	font-size: 14px;
	color: #fff;
	font-family: 'Microsoft YaHei';
	word-break: break-all;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.msg-item a:hover {
	color: #fff
}
/* 输入狂 */
.g-form {
	width: 100%;
	height: 400px;
	min-width: 1200px;
/* background: #f7f7f7 url(../images/bg-1.jpg) center no-repeat;*/
	background-size: cover;
	background: #f7f7f7 ;
}

.g-form-cont {
	overflow: hidden;
	padding: 74px 10px;
	height: 400px;
}

.company-guide,.reserve-form-wrap {
	display: table-cell;
	height: 220px;
}

.company-guide {
	padding-right: 70px;
	width: 320px;
	border-right: 1px dashed #696971;
	text-align: right;
}

.company-guide h5 {
	overflow: hidden;
	margin: 0;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 16px;
	line-height: 30px;
	-o-text-overflow: ellipsis;
}

.guide-c-title {
	margin: 0;
	color: #4c4c4c;
	font-weight: 700;
	font-size: 24px;
}

.guide-c-title strong {
	font-size: 40px;
}

.guide-e-title {
	overflow: hidden;
	margin: 0;
	margin-bottom: 30px;
	color: #7c7c7c;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 20px;
	line-height: 30px;
	-o-text-overflow: ellipsis;
	margin-top: 5px;
}

.reserve-form-wrap {
	padding-left: 100px;
	width: 860px;
}

.reserve-form-wrap .c-title,.reserve-form-wrap .e-title {
	font-size: 24px;
	line-height: 30px;
}

.reserve-form-wrap .form-hd>p {
	overflow: hidden;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	word-break: break-all;
	-o-text-overflow: ellipsis;
}

.form-bd {
	width: 100%;
	margin-top: 20px;
}

.form-group {
	margin: 0;
}

.form-inner {
	overflow: hidden;
	width: 100%;
	height: 110px;
}

.form-item {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
}

.form-item.form-item0 {
	margin-right: 10px;
	margin-bottom: 10px;
}

.form-item.form-item1 {
	z-index: 1;
	margin-bottom: -60px;
	width: 360px;
	height: 110px;
}

.form-item.form-item2 {
	z-index: 1;
	overflow: hidden;
	margin-bottom: -60px;
	margin-left: 10px;
	width: 110px;
	height: 110px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #4d4d4d;
}

.form-item.form-item3 {
	margin-right: 490px;
}

.form-item.form-item0,.form-item.form-item3 {
	width: 280px;
	height: 50px;
}

.input-txt,.text-txt {
	overflow: hidden;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	border: 1px solid #e6e6e6;
	background: #fff;
	color: #999;
	font-size: 16px;
	resize: none;
}

.input-txt::-webkit-input-placeholder,.text-txt::-webkit-input-placeholder {
	color: #999;
}

.input-txt:-moz-placeholder,.text-txt:-moz-placeholder {
	color: #999;
}

.input-txt::-moz-placeholder,.text-txt::-moz-placeholder {
	color: #999;
	opacity: 1;
}

.input-txt:-ms-input-placeholder,.text-txt:-ms-input-placeholder {
	color: #999;
}

.input-txt:focus,.text-txt:focus {
	border-color: #ccc;
}

.submit-btn {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	background: none;
	color: #ccc;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.submit-btn i {
	margin-left: 5px;
}

.submit-btn:hover {
	background: #dd4f50;
	color: #fff;
}

#Validform_msg {
	display: none;
}

.Validform_close {
	display: none;
}

.Validform_checktip {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	text-indent: -1000000px;
	font-size: 0;
}

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

.wrap1{
	width: 1200px;
	margin: auto;
}

.wrap1 .c-title{margin: 6px 0;}

.input-txt:focus,.text-txt:focus {
	border: 1px solid #ff0000;
}
/* 输入狂 end*/
/* 侧面导航 */
.g-sidebar {
	position: fixed;
	top: 50%;
	right: 0px;
	z-index: 999;
	margin-top: -180px;
}

.sidebar-cont {
	width: 100px;
}

.sidebar-items {
	width: inherit;
	background: url(../images/wtransparent95.png) repeat;
	-webkit-box-shadow: 0 0 20px rgba(40,40,65,0.1);
	-moz-box-shadow: 0 0 20px rgba(40,40,65,0.1);
	box-shadow: 0 0 20px rgba(40,40,65,0.1);
}

.sidebar-item {
	position: relative;
	width: inherit;
}

.sidebar-item+.sidebar-item {
	border-top: 1px solid #e8e8e8;
}



.sidebar-item.phone-item {
	margin-top: 20px;
}

.sidebar-item.phone-item .sidebar-link {
	cursor: default;
}

.sidebar-item.phone-item .sidebar-link:hover {
	background: #fff;
}


.sidebar-item.go-top {
	height: 60px;
}

.sidebar-link {
	position: relative;
	display: block;
	padding: 10px;
	width: 100%;
	height: 100%;
	color: #999;
	font-size: 14px;
	font-family: 'Microsoft YaHei UI';
	line-height: 20px;
	word-break: break-all;
}

.sidebar-link:hover {
	background: #e6e6e6;
	color: #333;
}

.sidebar-link:hover .sidebar-ico1 {
	background-position: -68px -20px;
}

.sidebar-link:hover .sidebar-ico2 {
	background-position: -68px -58px;
}

.sidebar-link:hover .sidebar-ico3 {
	background-position: -68px -96px;
}

.sidebar-link:hover .sidebar-ico4 {
	background-position: -68px -134px;
}

.sidebar-link:hover .sidebar-ico5 {
	background-position: -68px -172px;
}

.new-icon,.sidebar-ico,.phone-txt:before {
	background-image: url(../images/sidebar-sprice.png);
	background-repeat: no-repeat;
}

.new-icon {
	display: block;
	margin: -25px auto 10px auto;
	width: 30px;
	height: 30px;
	background-position: -116px -20px;
}

.sidebar-ico {
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	width: 18px;
	height: 18px;
}

.sidebar-ico.sidebar-ico1 {
	background-position: -20px -20px;
}

.sidebar-ico.sidebar-ico2 {
	background-position: -20px -58px;
}

.sidebar-ico.sidebar-ico3 {
	background-position: -20px -96px;
}

.sidebar-ico.sidebar-ico4 {
	background-position: -20px -134px;
}

.sidebar-ico.sidebar-ico5 {
	background-position: -20px -172px;
}

.sidebar-ico.sidebar-ico6 {
	display: block;
	margin: 13px 28px;
	width: 24px;
	height: 14px;
	background-position: -116px -76px;
}

.phone-txt {
	display: block;
	margin: 6px auto 0 auto;
	width: 78px;
	height: 44px;
	background: url(../images/phoneleft.png) center center no-repeat;
}

.ewmpanel {
	position: absolute;
	top: -50px;
	right: 110px;
	display: none;
	padding: 10px;
	width: 140px;
	height: 140px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(40,40,65,0.1);
	-moz-box-shadow: 0 0 10px rgba(40,40,65,0.1);
	box-shadow: 0 0 10px rgba(40,40,65,0.1);
}

.ewmpanel:before {
	position: absolute;
	top: 42%;
	left: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 10px solid transparent;
	content: '';
}

.ewmpanel span {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 120px;
}

.ewmpanel span img {
	width: 100%;
	height: 100%;
}

.g-excl {
	position: absolute;
	top: 0;
	right: 110px;
	z-index: -1;
	display: none;
	padding: 38px 50px;
	width: 380px;
	border: 1px solid rgba(0,0,0,0.05);
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 10px;
}

.g-excl .close {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/close_min.png) no-repeat center top;
}

.zexcl-title h3 {
	overflow: hidden;
	margin: 0;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 20px;
	line-height: 36px;
	-o-text-overflow: ellipsis;
}

.zexcl-title h3:before {
	position: relative;
	top: 4px;
	display: inline-block;
	margin-right: 6px;
	width: 22px;
	height: 22px;
	background: url(../images/form_01.png) no-repeat;
	content: '';
}

.zexcl-title p {
	height: 30px;
	color: #999999;
	font-size: 14px;
	line-height: 30px;
}

.zexcl-title p span {
	color: #ff404c;
}

.yuyue h3:before {
	background-position: -20px -20px;
}

.canguan h3:before {
	background-position: -20px -82px;
}

.baojia h3:before {
	background-position: -20px -144px;
}

.g-zform ul li {
	margin-bottom: 10px;
	width: 100%;
}

.g-ztxt {
	display: block;
	padding: 0 20px;
	width: 100%;
	height: 40px;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f7f7f7;
	color: #999999;
	line-height: 38px;
	-o-border-radius: 5px;
}

.g-zbtn {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ff404c;
	color: #fff;
	font-size: 16px;
	-o-border-radius: 5px;
	cursor:pointer;
}

.g-zbtn .fa {
	position: absolute;
	right: 20px;
	margin-top: 2px;
}

.g-zbtn:hover {
	background-color: #ff0000
}

/* 侧面导航 end*/

/* 底部上面 */
.hp-f-section{
	background: url(../images/bg-2.png) center no-repeat;
	background-size: cover;
	position: relative;
	padding: 42px 0 30px;
}

.hp-f-section li{
	float: left;
	overflow: hidden;
}

.hp-f-section li img{
	float: left;
}

.hp-f-section li .f-text{
	float: left;
	padding-left: 13px;
}

.hp-f-section li .f-text h3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 12px;
}

.hp-f-section li .f-text {
	font-size: 14px;
	color: #999;
}

.f-text-1{padding-top: 14px;}

.add{margin-top: 15px;}

.add-1{
	margin: 21px 85px 0 92px;
}

.xinlai{
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%)
}
/* 底部上面end */
/* 底部 */
.footer{
	background: #1f1e1e;

	padding: 50px 0;
}

.flist h3{
	font-size: 18px;
	color: #999999;
	margin-bottom: 20px;
}

.flist li{
	margin-bottom: 8px;
}


.flist a{
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
	display: block;
	text-align: center;
}

.f-img{margin-bottom: 45px;}

.flist{margin-right: 70px;float: left;}

.footer-r-r h3{
	font-size: 18px;
	color: #999999;
}

.hotnum{
	font-size: 24px;
	font-weight: bold;
	color: #ff404c;
	margin: 20px 0;
}

.footer-r-r p{
	font-size: 14px;
	color: #fff;
	line-height: 28px;
}

.wxlist li{
	float: left;
	text-align: center;
	margin-left: 34px;
}


.wxlist li p{
	font-size: 14px;
	color: #999999;
	padding-top: 16px;
}

/* 底部 end */

.item-banner{
	position: relative;
}

.item-banner-text{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	z-index: 3;
}

.item-banner-text h3{
	font-size: 32px;
	color: #c7c7c7;
	margin-bottom: 16px;
}

.item-banner-text p{
	font-size: 16px;
	text-transform: uppercase;
	color: #aba9a9;
}

/* 商务合作 */
div.business{
	padding-top: 60px;
}

.business_btn{
	font-size: 0;
	text-align: center;
}

.business_btn a{
	display: inline-block;
	width: 110px;
	height: 40px;
	border-radius: 5px;
	background: #f5f5f5;
	font-size: 14px;
	color: #333333;
	line-height: 40px;
	margin: 0 5px;
}

.business_btn a.on,.business_btn a:hover{
	color: #fff;
	background: #dd4f50;
}

.cooper{
	margin-top: 80px;
}

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

.title-box h3{
	font-size: 32px;
	color: #333333;
	margin-bottom: 10px;
}

.title-box p{
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}

.list{overflow: hidden;}

.cooper-list{margin-top: 35px;}

.cooper-list li{
	float: left;
	width: 386px;
	height: 277px;
	background: #f5f5f5;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 30px 20px 0 26px;
	border: 1px solid transparent;
	transition: all .5s;
}

.cooper-list li:hover{
	border: 1px solid #dd4f50;
}

.cooper-list li:nth-child(3n){margin-right: 0;}

.cooper-list li h3{
	font-size: 20px;
	color: #333333;
	margin-bottom: 16px;
}

.cooper-list li p{
	font-size: 14px;
	color: #999999;
}

.cooper-list li a{
	display: block;
	width: 97px;
	height: 36px;
	background: #2d2c2c;
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	text-align: center;
	margin-top: 25px;
}

.cooper-list li a:hover{background: #dd4f50;}

.line-b{
	height: 1px;
	background: #101010;
	margin: 30px 0 10px;
}

.lianxi p{
	font-size: 14px;
	color: #333333 !important;
	margin-bottom: 6px;
	padding-left: 24px;
	background-position: left center;
	background-repeat: no-repeat;
}

.qudao{
	background-image: url(../images/user.png);
}

.qudao:hover{
	background-image: url(../images/user-on.png);
}

.qq{
	background-image: url(../images/qq.png);
}

.qq:hover{
	background-image: url(../images/qq-on.png);
}

.emails{
	background-image: url(../images/email.png);
}

.emails:hover{
	background-image: url(../images/email-on.png);
}

.cooper{
	padding-bottom: 80px;
}

.join-us{

}

.join-list{
	padding-top: 40px;
}

.join-left-text{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.join-left-text img{
	margin:0 auto 40px;
}

.join-left-text h3{
	font-size: 36px;
	color: #fff;
}

.join-left-text p{
	font-size: 14px;
	color: #d1d1d1;
	padding-top: 60px;
	line-height: 1.6;
}

.joinlist{
	width: 600px;
}

.joinlist li{
	overflow: hidden;
}

.joinlist li div{
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
}

.join-infor{
	background: #343434;
	padding: 36px 32px 0;
	transition: all .5s;
}

.join-infor h3{
	font-size: 24px;
	color: #fff;
}

.join-infor p{
	font-size: 14px;
	color: #fff;
	line-height: 1.6;
	padding-top: 18px;
}

.join-infor i{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 22px;
}

.money{
	width: 77px;
	height: 79px;
	background-image: url(../images/money-on.png);
}

.daiyu:hover .money{
	background-image: url(../images/money.png);
}

.joinlist li:hover .join-infor{
	background: #dd4f50;
}

.jins{
	width: 75px;
	height: 61px;
	background-image: url(../images/jins.png);
}

.daiyu:hover .jins{
	background-image: url(../images/jins-on.png);
}

.joinlist li img,.join-list-left img{transition: all .5s;}

.joinlist li:hover img,.join-list-left:hover img{
	transform: scale(1.1);
}

.join-list-left{overflow: hidden;}

.img-5{margin: auto;margin-bottom: 75px;}

.we{
	padding-top: 58px;
}

.resume{
	width: 1040px;
	margin: auto;
	padding-top: 66px;
	padding-bottom: 102px;
}

.resume li{
	width: 233px;
	height: 108px;
	background: #fff;
	float: left;
	margin-right: 30px;
	box-shadow: 0 0 20px 3px #f1f1f1;
	position: relative;
}

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

.resume li img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.contact-us-box{
	padding: 80px 0 175px;
	background: url(../images/bg-3.jpg) center no-repeat;
	background-size: cover;
	margin-top: 80px;
}

.lianxi-w{
	width: 1400px;
	margin: 72px auto 0;
	background: rgba(227,225,225,.65);
	padding: 100px 0 110px;
	padding-left: 194px;
}

.lianxi-w-ul li{
	float: left;
	text-align: center;
}

.lianxi-w-ul li img{
	margin: 0 auto 28px;
}

.eng{
	font-size: 14px;
	color: #999999;
	margin-bottom: 8px;
}

.china{
	font-size: 16px;
	color: #666666;
}

.lianxi-w-ul li h3{
	font-size: 34px;
	color: #333333;
	margin-top: 44px;
}

.lianxi-w-ul li h4{
	font-size: 14px;
	color: #666666;
	margin-top: 28px;
	text-align: left;
}

.lianxi-w-ul li:first-child{
	padding-right: 79px;
	border-right: 1px dashed #b3b3b3;
}

.zhua{
	display: block;
	width: 250px;
	height: 44px;
	background: #dd4f50;
	padding-left:67px;
	text-align: left;
	margin-top: 30px;
}

.zhua span{
	font-size: 16px;
	padding-left: 35px;
	background: url(../images/mess.png) left center no-repeat;
	color: #fff;
	display: block;
	line-height: 44px;
}

.lianxi-w-ul li:nth-child(2){
	padding: 0 75px;
	border-right: 1px dashed #b3b3b3;
}

.lianxi-w-ul li:nth-child(3){
	padding-left: 75px;
}

.other .e-title{display: inline-block;}

.other .c-title {
	font-size: 22px;
	color: #4c4c4c;
	font-weight: normal;
	text-transform: uppercase;
}

.other .c-title span{
	font-size: 22px;
	font-weight: normal;
	color: #ff404c;
}

#c-title{
	font-size: 18px;
	line-height: 32px;
}

#form-bd{width: 770px;}

.other{margin-top: 100px;}

.china-text{
	font-size: 14px;
	color: #999999;
	margin-top: 20px;
}

.service_list{margin-top: 58px;}

.service_list li{
	float: left;
	width: 386px;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 15px #d8d8d8;
	position: relative;
	height: 240px;
	overflow: hidden;
}

.service_list li:nth-child(3n){margin-right: 0;}

.mask-text{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/bg-5.png) center center no-repeat;
	padding: 34px  0 0 0;
	text-align: center;
	transform: translateY(240px);
	transition: all .5s;
	-webkit-transform: translateY(240px);
	-webkit-transition: all .5s;
}

.service_list li:hover .mask-text{
	transform: translateY(0);
	transition: all .5s;
	-webkit-transform: translateY(0);
	-webkit-transition: all .5s;
}

.service_list li:hover > img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.service_list li > img{
	width: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.mask-text img{
	margin: 0 auto 14px;
}

.mask-text h3{
	font-size: 16px;
	color: #fff;
}

.mask-text p{
	font-size: 12px;
	color: #fff;
	line-height: 1.65;
	padding-top: 20px;
}

.fuwutx{
	padding: 80px 0;
	background: #f2f2f2;
}

.work_list {
	margin-top: 60px;
}

.work_list li{
	float: left;
	width: 590px;
	margin-right: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 15px #dfdfdf;
	position: relative;
	overflow: hidden;
}

.work_list li:nth-child(2n){margin-right: 0;}

.work-text{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 86px;
	padding-left: 62px;
}

.work_list li img, .work-text{
	transition: all .5s;
	-webkit-transition: all .5s;
}

.work_list li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.work-text h3{
	font-size: 14px;
	color: #999999;
	padding-left: 50px;
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 34px;
}

.work_list li:hover .work-text{
	padding-left: 96px;
}

.h3-1{
	background-image: url(../images/icon11.png);
}

.work-text p{
	font-size: 14px;
	color: #666;
	line-height: 1.65;
	margin-top: 36px;
}

.h3-2{
	background-image: url(../images/icon12.png);
}

.h3-3{
	background-image: url(../images/icon13.png);
}
.h3-4{
	background-image: url(../images/icon14.png);
}

.fuwuliuc{
	padding: 77px 0 140px;
	background: url(../images/bg-6.jpg) center no-repeat;
	background-size: contain;
}

.work-flow-list{
	margin-top: 60px;
}

.work-flow-list li{
	float: left;
	width: 185px;
	height: 280px;
	box-shadow: 0 0 15px #f0f0f0;
	padding-top: 30px;
	text-align: center;
	margin-right: 18px;
	background: #fff;
}

.work-flow-list li:last-child{margin-right: 0;}

.work-flow-list li img{
	margin: 0 auto 20px;
}

.work-flow-list li h3{
	font-size: 14px;
	color: #666666;
	margin-bottom: 14px;
}
.work-flow-list li p{
	font-size: 12px;
	color: #c8c8c8;
	text-transform: uppercase;
}

.num-1{
	margin: 66px auto 0 !important;
}

.zs-team{
	padding: 74px 0 100px;
}

.team-img{margin: 80px auto 0;}

.serviceteam{
	padding: 77px 0 80px;
	background: url(../images/bg-7.jpg) center no-repeat;
	background-size: cover;
}

.serviceteam-list{margin-top: 80px;}

.serviceteam-list li{
	float: left;
	width: 225px;
	height: 280px;
	box-shadow: 0 0 15px #f0f0f0;
	margin-right: 18px;
	background: #fff;
	position: relative;
	padding-top: 77px;
	text-align: center;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.serviceteam-list li:last-child{margin-right: 0;}

.line-w{
	width: 55px;
	height: 6px;
	background: #dd4f50;
	position: absolute;
	left: 50%;
	margin-left: -27.5px;
	top: -3px;
}

.serviceteam-list li h3{
	font-size: 18px;
	color: #666666;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.line-r{
	width: 92px;
	height: 2px;
	background: #dd4f50;
	margin: 14px auto 40px;
}

.serviceteam-list li p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.serviceteam-list li:hover{
	background: #262626;
}

.serviceteam-list li:hover p,.serviceteam-list li:hover h3{color: #fff;}

.visit{
	padding: 76px 0;
}

.visit-list{margin-top: 80px;}

.visit-list li{
	overflow: hidden;
	box-shadow: 0 0 15px #f0f0f0;
	margin-bottom: 20px;
}

.visit-list li .imgbo{
	width: 600px;
	height: 200px;
}

.visit-list li:nth-child(2n+1) .imgbox{
	float: left;
}

.visit-list li:nth-child(2n) .imgbox{
	float: right;
}

.visit-list li:nth-child(2n+1) .imgbox-text{
	float: right;
}

.visit-list li:nth-child(2n) .imgbox-text{
	float: left;
}

.imgbox-text{
	padding-left: 60px;
	width: 600px;
	height: 200px;
	padding-top: 24px;
}

.imgbox{overflow: hidden;}

.imgbox img,.imgbox-text{
	transition: all .5s;
	-webkit-transition: all .5s;
}

.visit-list li:hover .imgbox-text{
	padding-left: 68px;
}

.visit-list li:hover .imgbox img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.text-top span.sp1 {
	font-size: 18px;
	color: #333;
}

.text-top span.sp2{
	font-size: 12px;
	color: #dddddd;
	margin-left: 4px;
	text-transform: uppercase;
}

.text-top img{
	display: inline-block;
}

.text-top span,.text-top img{vertical-align: middle;}

.text-bottom{
	width: 442px;
	padding-top: 20px;
	border-top: 1px solid #e7e7e7;
	margin-top: 20px;
	font-size: 14px;
	color: #999999;
	line-height: 26px;
	padding-right: 20px;
}

.business_btn-1{
	padding-bottom: 55px;
}

/*block2*/
.block2 {
	padding-top: 60px;
	height: 613px;
	background: #f4f4f4;
	margin-top: 80px;
}

.block2 .blockbox {
	height: 620px;
}

.block2 .imgbox {
	position: relative;
	float: left;
	width:534px;
	height: 620px;
	background: #000;
}

.block2 .imgbox .bd {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.block2 .imgbox .bd li {
	height: 620px;
}

.block2 .imgbox .bd li .lileft {
	width: 300px;
	height:620px;
	background: rgba(255,0,0,0.5);
}

.block2 .imgbox .bd li .imgbox1 {
	display: block;
	margin: 0 auto;
	padding-top: 60px;
	height: 300px;
}

.block2 .imgbox .bd li .imgbox1 img {
	display: block;
	margin: 0 auto;
}

.block2 .imgbox .bd li .txtbox1 {
	margin: 0 auto;
	margin-top: 103px;
	margin-left:63px;
	padding-top: 52px;
	background: url(../images/line2.png) no-repeat top left;
	color: #fff;
	font-size: 16px;
	font-family: arial;
	line-height: 22px;
}

.block2 .imgbox .hd {
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 100%;
	height: 30px;
}

.block2 .imgbox .hd ul {
	float: left;
	padding: 10px 0;
	padding-left: 12%;
	height: 10px;
	text-align: center;
}

.block2 .imgbox .hd li {
	position: relative;
	top: -8px;
	display: inline-block;
	margin: 0 3px;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-indent: -99999px;
}

.block2 .imgbox .hd li.on {
	background: #fff;
}

.block2 .imgbox .hd a {
	position: absolute;
	top: 6px;
	display: block;
	width: 33px;
	height: 18px;
}

.block2 .imgbox .hd a.prev {
	right: 107px;
	background: url(../images/prev2.png) no-repeat left center;
}

.block2 .imgbox .hd a.next {
	right: 40px;
	background: url(../images/next2.png) no-repeat left center;
}

.block2 .txtbox {
	float: left;
	float: left;
	width: 52%;
	height:620px;
}

.block2 .txtbox_top {
	height: 360px;
}

.block2 .txtbox_top .box1 {
	margin: 0 0 0 7.6%;
}

.block2 .txtbox_top .box1 h2 {
	float: left;
	padding-top: 6px;
}

.block2 .txtbox_top .box1 .p {
	float: right;
	display: block;
	margin-top: 5px;
	font-size: 13px;
	font-family: arial;
	line-height: 35px;
}

.block2 .txtbox_top .box1 .x1 {
	float: left;
	margin-right: 14px;
	width: 164px;
	height: 35px;
	text-transform: uppercase;
	transition: all .35s ease;
}

.block2 .txtbox_top .box1 .x1 span {
	position: relative;
	top: 18px;
	display: block;
	height: 1px;
	background: #cacaca;
}

.block2 .txtbox_top .box1 .x2 {
	float: left;
	height: 35px;
	text-transform: uppercase;
	font-size: 14px;
	color: #999999;
}

.block2 .txtbox_top .box1 .p:hover {
	color: #FF0000;
	transition: all .35s ease;
}


.block2 .txtbox_top .box2 {
	margin: 0 0 0 7.6%;
    margin-top: 27px;
    min-height: 96px;
    color: #606166;
    font-size: 16px;
	line-height: 25px;
}

.box2 p{
	font-size: 14px;
	color: #666;
	text-indent: 1.5em;
}

.box2  h3{
	font-size: 16px;
	color: #dd4f50;
	padding-top: 10px;
}

.block2 .txtbox_bottom {
	margin-left: 7.6%;
	height: 360px;
}

.block2 .txtbox_bottom ul {
	overflow: hidden;
	padding-top: 78px;
}

.block2 .txtbox_bottom li {
	float: left;
	text-align: center;
	width: 25%;
	border-left: 1px solid #eee;
}

.block2 .txtbox_bottom li:first-child{
	border-left: 0;
}

.block2 .txtbox_bottom li .img {
	width: 34px;
	height: 35px;
	background: red;
	margin: 0 auto;
}

.block2 .txtbox_bottom li h2 {
	padding-top: 5px;
	font-size: 18px;
	color: #525252;
}

.block2 .txtbox_bottom li p {
	padding-top: 14px;
	font-size: 14px;
	color: #525252;
}

.block2 .txtbox_bottom li a {
	display: block;
	color: #303033;
}

.block2 .txtbox_bottom li.li1 .img {
	background: url(../images/b2_1.png) no-repeat center;
}

.block2 .txtbox_bottom li.li2 .img {
	background: url(../images/b2_2.png) no-repeat center;
}

.block2 .txtbox_bottom li.li3 .img {
	background: url(../images/b2_3.png) no-repeat center;
}

.block2 .txtbox_bottom li.li4 .img {
	background: url(../images/b2_4.png) no-repeat center;
}

.block2 .txtbox_bottom li.li1:hover .img {
	background: url(../images/b2_1_2.png) no-repeat center;
}

.block2 .txtbox_bottom li.li2:hover .img {
	background: url(../images/b2_2_2.png) no-repeat center;
}

.block2 .txtbox_bottom li.li3:hover .img {
	background: url(../images/b2_3_2.png) no-repeat center;
}

.block2 .txtbox_bottom li.li4:hover .img {
	background: url(../images/b2_4_2.png) no-repeat center;
}

.block2 .txtbox_bottom li:hover {
	color: #FF0000;
}

.block1{margin-bottom: 54px;}

/*block3*/
.block3 {
	height: 915px;
	background: url(../images/block3.png) no-repeat center;
	margin-top: 360px;
}

.block3 .blockbox {
	overflow: hidden;
}

.block3 .block3left {
	width: 552px;
	float: left;
}

.block3 .box1 {
	padding-top: 123px;
}

.block3 .box1 dt {
	font-size: 64px;
	color: #fff;
	font-family: 宋体;
}

.block3 .box1 dd {
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
}

.block3 .box2 {
	font-size: 18px;
	color: #fff;
	font-family: 宋体;
	padding: 120px 0 110px 0;
}

.block3 .box3 {
	font-size: 12px;
	font-family: arial;
	color: #949499;
	font-weight: normal;
	line-height: 22px;
}

.block3right {
	width: 50%;
	float: right;
}

.block3right .hd {
	margin-top: 130px;
	height: 130px;
	position: relative;
}

.block3right .hd ul {
	height: 130px;
	margin: 0 auto;
}

.block3right .hd li {
	height: 130px;
	width: 25%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #C5C5CC;
	position: relative;
	cursor: pointer;
}

.block3right .hd li::before {
	border-bottom: 2px solid #FE0000;
	width: 64px;
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -32px;
	bottom: -1px;
	display: none;
}

.block3right .hd li .img {
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
	margin: 0 auto;
	border-radius: 5px;
	margin-bottom: 8px;
}

.block3right .hd li.li1 .img {
	background: url(../images/b3_1.png) no-repeat center;
}

.block3right .hd li.li2 .img {
	background: url(../images/b3_2.png) no-repeat center;
}

.block3right .hd li.li3 .img {
	background: url(../images/b3_3.png) no-repeat center;
}

.block3right .hd li.li4 .img {
	background: url(../images/b3_4.png) no-repeat center;
}

.block3right .hd li.li5 .img {
	background: url(../images/b3_5.png) no-repeat center;
}

.block3right .hd li.li6 .img {
	background: url(../images/b3_6.png) no-repeat center;
}

.block3right .hd li.on .img {
	border-color: red;
	background-color: red !important;
	transition: all .35s ease;
}

.block3right .hd li.on span {
	color: #fff;
	transition: all .35s ease;
}


.block3right .bd {
	height: 340px;
	margin: 30px 0 20px 0;
	overflow: hidden;
	position: relative;
}

.block3right .hoverblock2 {
	display: block;
	width: 64px;
	height: 2px;
	background: #FF0000;
	position: absolute;
	left: 46px;
	bottom: -1px;
}



.block3right .end {
	height: 40px;
	margin-top: 20px;
	padding: 0 3px;
}

.block3right .x2 {
	color: #fff !important;
	margin-right: 5px;
	text-transform: uppercase
}

.block3right .x1 .hr {
	background: #fff !important;
}

.block3right .end .qipalinka {
	float: left;
}

.block3right .end .qipalinkb {
	float: right;
}

.block3right .end .qipalinka:hover .textgo {
	width: 40px !important;
}


.l{
	width: 100%;
	height: 1px;
	background-color: #666666;
	position: absolute;
	top: 260px;
	left: 0;
}

/*block4*/
.block4 {
	position: relative;
	height: 0;
}

.block4 .blockbox {
	position: relative;
	position: relative;
	top: -195px;
	overflow: hidden;
	margin: 0 auto;
	height:540px;
}

.block4 .blockbox .bd {
	overflow: hidden;
	width: 100%;
	height:540px;
}

.block4 .blockbox .bd ul {
	height:540px;
}

.block4 .blockbox .bd li {
	width: 100%;
	height: 100%;
}

.block4 .blockbox .hd {
	position: absolute;
	top: 47px;
	left: 60px;
	width: 300px;
	height: 520px;
}

.block4 .blockbox .hd li {
	display: none;
}

.block4 .blockbox .hd li.on {
	display: block;
}

.block4 .blockbox .hd .intro {
	padding: 45px;
	width: 300px;
	height: 327px;
	background: url(../images/block4_1.png) no-repeat center;
}

.block4 .blockbox .hd .intro h2 {
	margin-bottom: 30px;
	color: #fff;
	font-weight: normal;
	font-size: 36px;
	font-family: 宋体;
}

.block4 .blockbox .hd .intro p {
	color: #949499;
	font-size: 14px;
}

.block4 .blockbox .hd .intro2 {
	width: 300px;
	height: 120px;
	background: #222226;
}

.block4 .blockbox .hd .intro2 p {
	color: #919199;
	text-align: center;
	font-weight: normal;
	font-size: #919199;
	font-size: 20px;
	font-family: arial;
}

.block4 .blockbox .hd .intro2 p em {
	color: #fff;
}

.block4 .blockbox .hd .intro2 .hr {
	position: relative;
	margin: 16px auto;
	width: 150px;
	height: 1px;
	background: #606165;
}

.block4 .blockbox .hd .intro2 .hr i {
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	width: 15px;
	height: 3px;
	background: red;
}

.block4 .blockbox .hd .intro2 .txt {
	color: #C1C2CC;
	text-align: center;
	font-size: 14px;
}

.block4 .blockbox .hd .intro2 p {
	padding-top: 26px;
}

.block4 .blockbox .hd a {
	position: absolute;
	top:383px;
	display: block;
	width: 11px;
	height: 17px;
}

.block4 .blockbox .hd a.prev {
	left: 40px;
	background: url(../images/prev3.png) no-repeat;
}

.block4 .blockbox .hd a.next {
	right: 40px;
	background: url(../images/next3.png) no-repeat;
}

.block4 .blockbox .hd a.prev:hover {
	background: url(../images/prev3_1.png) no-repeat;
}

.block4 .blockbox .hd a.next:hover {
	background: url(../images/next3_1.png) no-repeat;
}

.block4 .blockbox .hd li.li1 .hr i {
	left: 0px;
}

.block4 .blockbox .hd li.li2 .hr i {
	left: 15px;
}

.block4 .blockbox .hd li.li3 .hr i {
	left: 30px;
}

.block4 .blockbox .hd li.li4 .hr i {
	left: 45px;
}

.block4 .blockbox .hd li.li5 .hr i {
	left: 60px;
}

.block4 .blockbox .hd li.li6 .hr i {
	left: 75px;
}

.block4 .blockbox .hd li.li7 .hr i {
	left: 90px;
}

.block4 .blockbox .hd li.li8 .hr i {
	left: 105px;
}

.block4 .blockbox .hd li.li9 .hr i {
	left: 120px;
}

.block4 .blockbox .hd li.li10 .hr i {
	left: 135px;
}

.jiagou-w{padding-left: 90px;}



.jiagou-img{margin-top: 66px;}

.honor{
	padding: 74px 0 180px;
	background: url(../images/bg-8.jpg) center no-repeat;
	background-size: cover;
}


.top_title .p1 {
    font-size: 64px;
    font-family: 宋体;
}

.top_title .p1 span {
	position: relative;
	color: #fff;
}


.top_title .p1 span i{position:absolute;width:24px;height:24px;border:2px solid #FF0000;border-radius:50%;    right: 138px;
    top: 1px;}


.top_title .p4{font-size:22px;font-family:arial;color:#fff;font-weight:normal;line-height:36px;text-transform: uppercase;}


/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	display: none;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}


.slick-arrow {
	position: absolute;
	top: 50%;
	left:-71px;
	z-index: 5;
	margin-top: -25px;
	width: 47px;
	height: 104px;
	outline: 0;
	font-size: 0;
	cursor: pointer;
	-webkit-text-size-adjust: none;
	border: 1px solid #867f7f;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

.slick-arrow.slick-next {
	right: -71px;
	left: auto;
	background-image: url(../images/next4.png);
}

.slick-arrow.slick-next:hover{
	background-image: url(../images/next-4-1.png);
}

.slick-prev{
	background-image: url(../images/prev4-f.png);
}

.slick-prev:hover{
	background-image: url(../images/prev-4.png);
}

.slick-arrow:hover{
	border: 1px solid #dd4f50;
}

.slick-dots {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 1;
}

.slick-dots li {
	display: inline-block;
	margin: 0 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(55,55,55,.5);
	cursor: pointer;
}

.slick-dots li.slick-active,.slick-dots li:hover {
	background-color: rgba(55,55,55,1);
}

.slick-dots li button {
	display: none;
}

.pictures-slick {
	padding: 50px 0;
}

.slick-initialized .slick-slide {
	background-position: center center;
	background-size: cover;
}

.slick-arrow:hover {
	opacity: 1;
}



.slick-slide {
	position: relative;
}

.item {
	width: 270px
}

.item .img-box {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.item.active .img-box {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.w_w{
	width: 1330px;
	margin: auto;
}

.about-nav a{
	width: 158px;
	border-radius: 20px;
	margin: 0 17px;
}

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

.title-box-b .title{
	font-size: 32px;
    position: relative;
	padding-top: 80px;
	color: #333333;
}

.title-box-b .title-sub{
	font-size: 16px;
	color: #666666;
	margin-top: 5px;
}

.partner {
    font-size: 0;
}

.popup-toggle {
    cursor: pointer;
}

.partner > span {
    line-height: 110px;
    display: inline-block;
    width: 140px;
    margin: 10px 30px;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.partner > span > img {
	vertical-align: middle;
	display: inline-block;
}

.partner > span:hover{
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.scrollFullscreen{
	height: 100vh;
	position: relative;
	background: url(../images/banner-3.jpg) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


/* g工匠精神 */
.cra-spirit {
	width: 100%;
	height: 919px;
	margin-top: 70px;
	background: #f2f2f2 url(../images/cra-ico2.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cra-ico2.jpg',  sizingMethod='scale')
}

.business1{
	padding-top: 80px;
	background: #f2f2f2;
}

.cra-spirit .container {
	padding-top: 0;
	padding-right: 0
}

.inherit-hd {
	padding-top: 85px;
	text-align: center
}

.inherit-top {
	margin: 0 auto;
	height: 73px
}

.inherit-top img{display: inline-block;}

.inherit-btm {
	margin-bottom: 30px
}

.inherit-btm h4 {
	margin: 40px auto;
	font-size: 24px;
	color: #333;
	font-weight: 700;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.inherit-btm p {
	margin: 0 auto;
	width: 665px;
	height: 64px;
	line-height: 32px;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.inherit-bd:before,.inherit-bd:after {
	display: table;
	content: " "
}

.inherit-bd:after {
	clear: both
}

.inherit-list {
	width: 100%
}

.inherit-list:before,.inherit-list:after {
	display: table;
	content: " "
}

.inherit-list:after {
	clear: both
}

.inherit-list li {
	float: left
}

.inherit-list .big-inherit {
	width: 100%;
	height: 340px
}

.inherit-list .small-inherit {
	width: 393px;
	height: 200px;
	margin-top: 10px
}

.inherit-list .small-inherit+.small-inherit {
	margin-left: 10px
}

.s-inherit-list {
	width: 590px
}

.s-inherit-list:before,.s-inherit-list:after {
	display: table;
	content: " "
}

.s-inherit-list:after {
	clear: both
}

.s-inherit-list li {
	float: left;
	padding: 10px
}

.s-inherit-list li.big-inherit {
	width: 590px;
	height: 400px
}

.s-inherit-list li.small-inherit {
	width: 295px;
	height: 200px
}

.pic-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 10px solid #fff;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(26,31,52,0.2);
	-moz-box-shadow: 0 0 10px rgba(26,31,52,0.2);
	box-shadow: 0 0 10px rgba(26,31,52,0.2);
	cursor: pointer
}

.pic-wrap img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%
}

.cra-insist {
	width: 100%;
	height: 1168px;
	background: #ccc url(../images/cra-ico3.jpg) center center no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cra-ico3.jpg',  sizingMethod='scale')
}

.ins-hd {
	padding-top: 160px
}

.ins-bd {
	margin-top: 50px
}

.ins-list {
	margin-bottom: 10px
}

.ins-item {
	display: block;
	height: 400px
}

.ins-item-img {
	width: 285px;
	height: 400px
}

.img-left {
	padding-right: 0;
	position: relative;
	height: 400px
}

.img-left img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	height: 400px;
	overflow: hidden
}

.img-right {
	padding-left: 0
}

.img-right img {
	margin-bottom: 10px;
	height: 195px
}

.cra-challenge {
	width: 100%;
	height: 1423px;
	background: #ccc url(../images/cra-ico4.jpg) center center no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cra-ico4.jpg',  sizingMethod='scale');
	border-bottom: 2px solid #e6e6e6
}

.chall-bd {
	margin: 70px -10px 0 -10px
}

.chall-bd ul {
	margin-bottom: 10px
}

.chall-item {
	margin: 10px;
	padding: 0 10px;
	float: left;
	width: 280px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px #c2c2c2;
	-moz-box-shadow: 0 0 10px #c2c2c2;
	box-shadow: 0 0 10px #c2c2c2;
	cursor: pointer
}

.chall-item:hover h5 {
	color: #dd4f50
}

.chall-img {
	position: relative;
	width: 100%;
	height: 400px
}

.chall-img img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	overflow: hidden
}

.chall-hgt {
	position: relative;
	width: 100%;
	height: 280px
}

.chall-hgt img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	overflow: hidden
}

.chall-txt {
	padding: 0 20px 10px
}

.chall-txt h5 {
	font-size: 20px;
	color: #333;
	font-weight: 800;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s
}

.chall-txt p {
	height: 48px;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

/* 金钻工艺 */

.cra-panel {
	overflow: hidden
}

.cra-technology {
	min-width: 1200px;
	width: 100%;
	height: 800px;
	margin-top: 70px;
	background: url(../images/craft-ico1.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/craft-ico1.jpg',  sizingMethod='scale')
}

.cra-technology  p{margin-bottom: 10px;}

.tec-con {
	padding: 140px 55px 0 150px;
	float: right;
	width: 50%;
	height: 800px;
	background: url(../images/txt-cont-ico.png) repeat
}

.tec-con-hd {
	color: #333
}

.tec-con-hd h4 {
	margin: 0;
	font-weight: 200;
	font-size: 32px;
}

.tec-con-hd p {
	font-size: 20px;
	font-family: 'Arial'
}

.tec-con-bd {
	margin-top: 35px;
	overflow: hidden;
	font-size: 16px;
	color: #000
}

.tec-con-bd em {
	font-size: 32px;
	font-style: normal
}

.tec-con-bd1 {
	height: 140px
}

.work-advantage {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 66px;
	background: url(../images/craft-ico2.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/craft-ico2.jpg',  sizingMethod='scale')
}

.adv-hd {
	margin: 80px auto;
	text-align: center
}

.adv-hd .tec-con-hd {
	color: #fff
}

.adv-hd .tec-con-hd h4 {
	margin-bottom: 20px
}

.adv-list {
	margin: 0 -10px;
	color: #fff
}

.adv-item {
	margin: 0 10px;
	padding: 45px;
	float: left;
	width: 380px;
	height: 600px;
	background: url(../images/cra-ico1s.png) center center no-repeat;
	font-size: 16px;
	color: #ccc;
	cursor: pointer;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s
}

.adv-item h4 {
	margin-top: 26px;
	color: #fff;
	font-size: 22px;
	text-align: center;
}

.adv-item:hover {
	background: #1c1a1a;
}

.adv-txt {
	margin: 50px auto;
	height: 66px;
	overflow: hidden;
	line-height: 36px;
	padding-left: 16px;
}

.adv-txt:before {
	content: "";
	width: 9px;
	height: 9px;
	display: block;
	float: left;
	padding: 0 10px;
	line-height: inherit;
	background: url(../images/ling.png) center center no-repeat;
	margin-top: 12px;
	margin-left: -18px;
}

.adv-item img{
	margin: auto;
}

.cul-bd {
	width: 100%;
	height: 600px;
	cursor: pointer
}

.cul-left,.cul-right {
	float: left;
	width: 50%;
	height: 600px
}

.cul-ico1 {
	background: url(../images/imgs-1.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/imgs-1.jpg',  sizingMethod='scale')
}

.cul-ico2 {
	background: url(../images/imgs-2.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/imgs-2.jpg',  sizingMethod='scale')
}

.cul-ico3 {
	background: url(../images/imgs-3.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/imgs-3.jpg',  sizingMethod='scale')
}

.cul-ico4 {
	background: url(../images/imgs-4.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/imgs-4.jpg',  sizingMethod='scale')
}

.cul-ico5 {
	background: url(../images/imgs-5.jpg) center top no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/imgs-5.jpg',  sizingMethod='scale')
}

.cul-txt-cont,.cul-title-cont {
	display: table-cell;
	width: 960px;
	height: 600px;
	vertical-align: middle
}

.cul-title-cont {
	text-align: center
}

.cul-txt-bd {
	display: table-cell;
	vertical-align: middle;
	height: 600px;
	color: #333
}

.cul-txt-cont {
	padding: 0 25px;
	float: right;
	width: 620px
}



.cul-txt-bd h4 {
	font-size: 20px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	margin-bottom: 12px;
}

.cul-txt-bd p {
	font-size: 16px;
}

.cul-mgn {
	margin-bottom: 60px
}

.cul-title-cont img{display: inline-block;}

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

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

.ds-junray{
	background-image: url(../images/banner-4.jpg);
	position: relative;
}

.junray-bd{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}


.junray-bd img{margin: 0 auto 90px;}


.junray-bd p{
	font-size: 12px;
	color: #c3c3c3;
	line-height: 1.65;
	text-transform: uppercase;
}


.ds-panel {
	width: 100%;
}

.common-hd {
	padding: 110px 0;
	width: 100%;
	color: #fff
}

.com-sort {
	position: relative;
	width: 107px;
	height: 67px;
	display: inline-block;
}

.com-sort img {
	display: inline-block;
}

.com-sort-txt {
	margin-left: 10px;
	display: inline-block;
}

.com-sort-txt h4 {
	margin: 0;
	font-size: 32px;
	color: #333333;
}

.com-sort-txt p {
	margin: 0;
	font-size: 16px;
	color: #cccccc;
	text-transform: uppercase;
	text-align: left;
	padding-top: 6px;
}

.com-sort-right {
	font-size: 16px;
	color: #999;
	text-align: center;
	padding-top: 25px;
}


.s-mun-item {
	float: left;
	width: 50%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	box-shadow: 0  0 15px  #f1f1f1;
}

.s-mun-item:hover .s-ds-desc {
	height: 60px
}

.s-mun-item.s-mun-item1:hover .c-title,.s-mun-item.s-mun-item4:hover .c-title {
	color: #dd4f50
}

.s-mun-item.s-mun-item2 .c-title,.s-mun-item.s-mun-item3 .c-title {
	color: #fff
}

.s-mun-item.s-mun-item2 .e-title,.s-mun-item.s-mun-item3 .e-title {
	color: #5f6777
}

.s-mun-item.s-mun-item2 .s-ds-desc,.s-mun-item.s-mun-item3 .s-ds-desc {
	color: #cfd5e5
}

.s-mun-item.s-mun-item2:hover .c-title,.s-mun-item.s-mun-item3:hover .c-title {
	color: #dd4f50
}

.s-mun-item .s-ds-txt {
	padding-right: 80px;
	width: 480px;
	display: table-cell;
	height: 400px;
	min-height: 1px;
	vertical-align: middle
}

.s-mun-item .placeholder{
	width: 284px;
	display: table-cell;
	height: 400px;
	min-height: 1px;
	vertical-align: middle
}

.s-mun-item .c-title {
	margin: 0;
	font-size: 24px;
	line-height: 30px;
	color: #333
}

.s-mun-item .e-title {
	font-size: 16px;
	line-height: 30px;
	color: #ccc;
	font-family: "Arial";
	text-transform: none
}

.s-mun-item .s-ds-desc {
	margin-top: 35px;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	height: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.num-pic {
	margin: 0;
	margin-bottom: 10px;
	width: 99px;
	height: 40px;
	font-size: 0;
	background-repeat: no-repeat;
	background-size: cover
}


.serve-bd {
	height: 400px;
	cursor: pointer;
	box-shadow: 0  0 15px  #f1f1f1;
}

.serve-bd h4,.serve-bd .serve-right {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.serve-bd:hover .serve-left1 .serve-txt-bd h4 {
	color: #dd4f50
}

.serve-bd:hover .serve-left2 .serve-txt-bd h4 {
	color: #dd4f50
}

.serve-bd:hover .serve-right {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100)
}

.serve-left,.serve-right {
	position: relative;
	float: left;
	width: 50%;
	height: 400px
}

.serve-left .fa,.serve-right .fa {
	position: absolute;
	top: 40%;
	right: -16px;
	z-index: 1;
	font-size: 50px;
	color: #fff
}

.serve-left .fa-caret-left,.serve-right .fa-caret-left {
	left: -16px
}

.serve-right {
	-webkit-opacity: .8;
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	filter: alpha(opacity=80)
}

.serve-ico1 {
	background: url(../images/design-ico13.jpg) no-repeat center center;
	background-size: cover !important
}

.serve-ico2 {
	background: url(../images/design-ico14.jpg) no-repeat center center;
	background-size: cover !important
}

.serve-ico3 {
	background: url(../images/design-ico15.jpg) no-repeat center center;
	background-size: cover !important
}

.serve-txt-cont {
	display: table-cell;
	vertical-align: middle;
	width: 960px;
	height: 400px
}

.serve-txt-cont {
	padding: 0 25px;
	float: right;
	width: 620px
}

.serve-txt-bd {
	display: table-cell;
	vertical-align: middle;
	height: 400px;
	color: #333;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.serve-txt-bd h4 {
	font-size: 24px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	margin-bottom: 20px;
}

.serve-txt-bd p {
	font-size: 16px;
	color: #ccc
}


.fa-caret-right{
	position: absolute;
    top: 40%;
    right: -15px;
	z-index: 1;
	width: 15px;
	height: 30px;
	background: url(../images/right.png) center center no-repeat;
	display: block;
}


.fa-caret-left{
	position: absolute;
    top: 40%;
    left: -15px;
	z-index: 1;
	width: 15px;
	height: 30px;
	background: url(../images/left.png) center center no-repeat;
	display: block;
}

.zhix{
	padding: 0 0 75px;
}

.two-con{
	padding:0 0 157px;
	background-color: #f0f0f0;
}


.execute-cont {
	width: 100%;
	height: 800px
}

.execute-ico {
	position: relative;
	height: 800px
}

.execute-ico1 {
	background: url(../images/design-ico9.jpg) no-repeat
}

.execute-ico2 {
	background: url(../images/design-ico10.jpg) no-repeat
}

.execute-ico3 {
	background: url(../images/design-ico11.jpg) no-repeat
}

.execute-bd {
	padding: 0 70px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 384px;
	height: 480px;
	text-align: center;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.execute-bd:hover {
	background: rgba(226,112,113,0.8)
}

.execute-bd:hover .execute-txt1,.execute-bd:hover .execute-txt2 {
	color: #fff;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}

.no-rgba .execute-bd {
	background: url(../images/wtransparent80.png) repeat
}

.no-rgba .execute-bd:hover {
	background: url(../images/ztransparent80.png) repeat
}

.execute-txt1,.execute-txt2 {
	height: 64px;
	line-height: 28px;
	overflow: hidden
}

.execute-txt1 {
	margin-top: 75px;
	font-size: 24px;
	color: #333
}

.execute-txt2 {
	font-size: 16px;
	color: #666;
	height: auto;
}

.execute-txt3 {
	margin: 5px 0 10px 0
}


.lhio-row li{
	width: 31.8%;
	float: left;
	margin-right: 2.3%;
	box-shadow: 0 0 15px #dedede;
}


.lhio-row li:last-child{margin-right: 0;}

.junray-bd h3{
	font-size: 42px;
	color: #fff;
}

.junray-bd .small{
	font-size: 16px;
	color: #fff;
	margin-top: 15px;
}

.team-banner{
	background-image: url(../images/banner-5.jpg);
}

.team-type-sect {
	width: 100%;
	overflow: hidden
}

.t-type-item {
	float: left;
	display: inline-block;
	position: relative;
	width: 33.33%;
	height: 400px
}

.t-type-item.t-type-item1 .type-title,.t-type-item.t-type-item1 .type-add,.t-type-item.t-type-item3 .type-title,.t-type-item.t-type-item3 .type-add,.t-type-item.t-type-item5 .type-title,.t-type-item.t-type-item5 .type-add {
	color: #fff
}

.t-type-item.t-type-item1 .type-desc,.t-type-item.t-type-item3 .type-desc,.t-type-item.t-type-item5 .type-desc {
	color: #afb3c2 !important
}

.t-type-item0 {
	z-index: 9
}

.t-type-item1 {
	z-index: 8
}

.t-type-item2 {
	z-index: 7
}

.t-type-item3 {
	z-index: 4
}

.t-type-item4 {
	z-index: 5
}

.t-type-item5 {
	z-index: 6
}

.t-type-cont {
	position: relative;
	width: 100%;
	height: inherit;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.t-type-cont:before {
	display: table;
	content: ''
}

.t-type-cont>em {
	position: absolute;
	display: block;
	width: 15px;
	height: 30px;
	background-repeat: no-repeat;
	z-index: 999
}

.t-type-cont>em.sanjiao0,.t-type-cont>em.sanjiao1,.t-type-cont>em.sanjiao3,.t-type-cont>em.sanjiao4 {
	top: 50%;
	margin-top: -15px
}

.t-type-cont>em.sanjiao0,.t-type-cont>em.sanjiao1 {
	right: -15px
}

.t-type-cont>em.sanjiao3,.t-type-cont>em.sanjiao4 {
	left: -15px
}

.t-type-cont>em.sanjiao0 {
	background-image: url(../images/sanjiao1.png)
}

.t-type-cont>em.sanjiao1 {
	background-image: url(../images/sanjiao2.png)
}

.t-type-cont>em.sanjiao2 {
	background-image: url(../images/sanjiao3.png);
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 15px
}

.t-type-cont>em.sanjiao3 {
	background-image: url(../images/sanjiao4.png)
}

.t-type-cont>em.sanjiao4 {
	background-image: url(../images/sanjiao5.png)
}

.t-placeholder,.type-txt {
	display: table-cell;
	vertical-align: middle
}

.t-placeholder {
	width: 45%;
	min-height: 1px
}

.type-txt {
	padding-right: 60px;
	width: 55%;
	height: 400px
}

.type-title {
	margin: 0;
	margin-bottom: 30px;
	width: 233px;
	height: 60px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 0
}

.type-add {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	font-weight: 600
}

.type-desc {
	font-size: 14px !important;
	color: #666 !important;
	line-height: 28px !important;
	height: 56px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.type-desc * {
	margin: 0
}

.business-sect {
	min-width: 1200px;
	width: 100%;
	background: #000;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.t-type-item {
	float: left;
	display: inline-block;
	position: relative;
	width: 33.33%;
	height: 400px
}

.t-type-item.t-type-item1 .type-title,.t-type-item.t-type-item1 .type-add,.t-type-item.t-type-item3 .type-title,.t-type-item.t-type-item3 .type-add,.t-type-item.t-type-item5 .type-title,.t-type-item.t-type-item5 .type-add {
	color: #fff
}

.t-type-item.t-type-item1 .type-desc,.t-type-item.t-type-item3 .type-desc,.t-type-item.t-type-item5 .type-desc {
	color: #afb3c2 !important
}

.t-type-item0 {
	z-index: 9
}

.t-type-item1 {
	z-index: 8
}

.t-type-item2 {
	z-index: 7
}

.t-type-item3 {
	z-index: 4
}

.t-type-item4 {
	z-index: 5
}

.t-type-item5 {
	z-index: 6
}

.t-type-cont {
	position: relative;
	width: 100%;
	height: inherit;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.t-type-cont:before {
	display: table;
	content: ''
}

.t-type-cont>em {
	position: absolute;
	display: block;
	width: 15px;
	height: 30px;
	background-repeat: no-repeat;
	z-index: 999
}

.t-type-cont>em.sanjiao0,.t-type-cont>em.sanjiao1,.t-type-cont>em.sanjiao3,.t-type-cont>em.sanjiao4 {
	top: 50%;
	margin-top: -15px
}

.t-type-cont>em.sanjiao0,.t-type-cont>em.sanjiao1 {
	right: -15px
}

.t-type-cont>em.sanjiao3,.t-type-cont>em.sanjiao4 {
	left: -15px
}

.t-type-cont>em.sanjiao0 {
	background-image: url(../images/sanjiao1.png)
}

.t-type-cont>em.sanjiao1 {
	background-image: url(../images/sanjiao2.png)
}

.t-type-cont>em.sanjiao2 {
	background-image: url(../images/sanjiao3.png);
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 15px
}

.t-type-cont>em.sanjiao3 {
	background-image: url(../images/sanjiao4.png)
}

.t-type-cont>em.sanjiao4 {
	background-image: url(../images/sanjiao5.png)
}

.t-placeholder,.type-txt {
	display: table-cell;
	vertical-align: middle
}

.t-placeholder {
	width: 45%;
	min-height: 1px
}

.type-txt {
	padding-right: 60px;
	width: 55%;
	height: 400px
}

.type-title {
	margin: 0;
	margin-bottom: 30px;
	width: 233px;
	height: 60px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 0
}

.type-add {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	font-weight: 600
}

.type-desc {
	font-size: 14px !important;
	color: #666 !important;
	line-height: 28px !important;
	height: 56px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis
}

.type-desc * {
	margin: 0
}

.business-sect,.product-sect,.supervise-sect,.service-sect {
	height: 800px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.design-sect {
	height: 900px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.construc-sect {
	height: 900px;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.team-msg-group {
	width: 50%;
	height: inherit;
	-webkit-box-shadow: 0 0 10px rgba(43,44,55,0.1);
	-moz-box-shadow: 0 0 10px rgba(43,44,55,0.1);
	box-shadow: 0 0 10px rgba(43,44,55,0.1)
}

.team-msg-group.l-team-msg-group {
	background-image: url(../images/wtransparent.png);
	background-repeat: repeat
}

.team-msg-group.l-team-msg-group .team-msg-cont {
	padding-right: 80px;
	float: right
}

.team-msg-group.l-team-msg-group .person-desc {
	left: 0
}

.team-msg-group.l-team-msg-group .person-desc:before {
	left: 30px
}

.team-msg-group.l-team-msg-group .p-desc-cont {
	padding-left: 30px;
	padding-right: 30px;
	width: 500px;
	margin-right: 30px
}

.team-msg-group.r-team-msg-group {
	background-image: url(../images/btransparent.png);
	background-repeat: repeat
}

.team-msg-group.r-team-msg-group .team-msg-cont {
	padding-left: 80px;
	float: left
}

.team-msg-group.r-team-msg-group .col-title span {
	color: #fff
}

.team-msg-group.r-team-msg-group .col-desc em {
	float: left
}

.team-msg-group.r-team-msg-group .col-desc h4 {
	color: #fff
}

.team-msg-group.r-team-msg-group .col-desc p {
	color: #999;
	line-height: 30px
}

.team-msg-group.r-team-msg-group .person-item .person-name {
	color: #fff
}

.team-msg-group.r-team-msg-group .person-desc {
	-webkit-box-shadow: 0 0 10px #272727;
	-moz-box-shadow: 0 0 10px #272727;
	box-shadow: 0 0 10px #272727;
	right: 0
}

.team-msg-group.r-team-msg-group .person-desc:before {
	right: 30px
}

.team-msg-group.r-team-msg-group .person-hd a {
	color: #333
}

.team-msg-group.r-team-msg-group .person-hd a:hover {
	color: #ccc
}

.team-msg-group.r-team-msg-group .person-hd .pageState {
	display: inline-block;
	color: #999
}

.team-msg-group.r-team-msg-group .person-hd .pageState span {
	color: #fff
}

.team-msg-group.r-team-msg-group .placeholder {
	right: 0;
	left: auto
}

.team-msg-cont {
	width: 600px
}

.team-msg-hd {
	overflow: hidden
}

.col-title {
	margin: 0;
	margin-top: 170px;
	margin-bottom: 40px;
	padding-left: 68px;
	position: relative;
	font-size: 0
}

.col-title.col-title1 {
	width: 180px;
	height: 48px;
	background: url(../images/team1-1.png) no-repeat;
	background-size: cover
}

.col-title.col-title2 {
	width: 249px;
	height: 48px;
	background: url(../images/team2-1.png) no-repeat;
	background-size: cover
}

.col-title.col-title3 {
	width: 302px;
	height: 48px;
	background: url(../images/team3-1.png) no-repeat;
	background-size: cover
}

.col-title.col-title4 {
	width: 178px;
	height: 48px;
	background: url(../images/team4-1.png) no-repeat;
	background-size: cover
}

.col-title.col-title5 {
	width: 212px;
	height: 48px;
	background: url(../images/team5-1.png) no-repeat;
	background-size: cover
}

.col-title.col-title6 {
	width: 292px;
	height: 48px;
	background: url(../images/team6-1.png) no-repeat;
	background-size: cover
}

.col-desc {
	width: inherit;
	overflow: hidden
}

.col-desc h4,.col-desc p {
	margin: 0
}

.col-desc h4 {
	position: relative;
	font-size: 18px;
	color: #333;
	line-height: 30px
}

.col-desc h4:before {
	content: '•';
	font-size: 20px;
	color: #b290ea;
	margin-right: 5px
}

.col-desc p {
	font-size: 16px;
	line-height: 30px;
	max-height: 150px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	color: #666;
	padding-left: 1em
}

.team-msg-bd {
	margin-top: 60px;
	width: inherit
}

.team-msg-bd:before,.team-msg-bd:after {
	display: table;
	content: " "
}

.team-msg-bd:after {
	clear: both
}

.person-scroll {
	position: relative;
	width: 520px
}

.person-scroll:before,.person-scroll:after {
	display: table;
	content: " "
}

.person-scroll:after {
	clear: both
}

.person-bd {
	position: relative;
	height: 150px;
	overflow: hidden
}

.person-items,.tempWrap {
	margin: 0 -15px
}

.person-items:before,.person-items:after,.tempWrap:before,.tempWrap:after {
	display: table;
	content: " "
}

.person-items:after,.tempWrap:after {
	clear: both
}

.person-item {
	position: relative;
	margin: 0 15px;
	float: left;
	display: inline-block;
	width: 80px;
	height: 150px
}

.person-item.J_item_hover .person-pic .pic-hover {
	height: 100px
}

.person-item.J_item_hover .person-desc {
	display: block
}

.person-txt {
	width: 100%;
	height: 100%
}

.person-pic {
	position: relative;
	display: block;
	width: 80px;
	height: 100px;
	background: #f7f7f7;
	overflow: hidden;
	cursor: pointer
}

.person-pic img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray
}

.person-pic .pic-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #d75151 url(../images/jia.png) center center no-repeat;
	-webkit-opacity: .9;
	-moz-opacity: .9;
	-khtml-opacity: .9;
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease
}
.person-item.J_item_hover .person-pic .pic-hover {
    height: 100px;
}


.person-name,.person-add {
	margin: 0;
	text-align: center;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.person-name {
	margin-top: 8px;
	font-size: 16px;
	color: #333;
	line-height: 24px
}

.person-add {
	font-size: 14px;
	color: #999;
	line-height: 20px
}

.person-desc {
	    display: none;
    padding: 10px;
    position: absolute;
    top: -316px;
    z-index: 10;
    width: 760px;
    height: 297px;
    background: #fff;
    -webkit-box-shadow: 2px 0 6px rgba(35,25,51,0.15);
    -moz-box-shadow: 2px 0 6px rgba(35,25,51,0.15);
    box-shadow: 2px 0 6px rgba(35,25,51,0.15);
    opacity: 1 !important;
    padding-bottom: 23px;
}

.person-desc:before {
	position: absolute;
	bottom: -10px;
	content: '';
	width: 0;
	height: 0;
	z-index: 20;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white
}

.person-desc .placeholder {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: 10;
	display: block;
	background: transparent
}

.person-desc .close {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	width: 30px;
	height: 30px;
	background: url(../images/close_min.png) no-repeat center top
}

.p-desc-pic {
	float: left;
	position: relative;
	display: block;
	width: 208px;
	height: 260px;
	overflow: hidden;
	background: #f7f7f7
}

.p-desc-cont {
	padding: 0 60px;
	float: left;
	width: 530px;
	height: 260px;
	overflow-x: hidden
}

.p-desc-name {
	margin-bottom: 20px;
	width: 100%;
	font-size: 20px;
	color: #333;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.p-desc-name em {
	font-style: normal;
	font-size: 16px;
	color: #999
}

.p-desc-tit {
	font-size: 16px;
	color: #999;
	line-height: 30px;
	margin: 10px 0
}

.p-desc-tit strong {
	color: #666
}

.undergo {
	font-size: 14px;
	color: #666;
	line-height: 28px
}

.undergo * {
	margin: 0;
	padding: 0
}

.person-hd {
	margin-top: 50px;
	width: 100%
}

.person-hd:before,.person-hd:after {
	display: table;
	content: " "
}

.person-hd:after {
	clear: both
}

.person-hd a {
	margin: 0 10px;
	float: left;
	font-size: 30px;
	line-height: 30px;
	color: #999
}

.person-hd a:hover {
	color: #333
}

.person-hd .pageState {
	display: inline-block;
	margin: 0 20px;
	float: left;
	line-height: 30px;
	font-size: 20px
}

.person-hd .pageState span {
	color: #999
}
.person-pic img, .p-desc-pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.person-hd ul{
	display: flex;
	align-items: center;
}
.person-hd ul li{
	margin-right:10px;
	width:8px;
	height:8px;
	background:#666666;
	cursor:pointer; 
	font-size: 0;
	border-radius: 50%;
}
.person-hd ul li.on{ 
	background:#ff514b; 
	width: 10px;
	height: 10px;
}

.ta{
	display: inline-block;
	width: 80px;
	height: 24px;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-right: 10px;
	text-align: center;
	background: #333333;
}

.ta:hover{
	background-color: #ff514b;
}
.design-sect {
    height: 900px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* 优势 */

.adv-banner{
	height: 550px;
	background-image: url(../images/banner-6.jpg);
}

.gongz-server{
	padding: 68px 0 92px;
	background: #ededed;
}

.gongz-server .title-box p.china-text{
	margin-top: 30px;
	color: #666;
	line-height: 1.65;
}


.gongz-server-list {
	margin-top: 55px;
}


.gongz-server-list li{
	float: left;
	transition: all .5s;
	width: 388px;
	margin-right: 18px;
	border-radius: 8px;
}

.gongz-server-list li:last-child{margin-right: 0;}

.img-box-top{
	position: relative;
	overflow: hidden;
}

.gongz-server-list li img{
	transition: all .5s;
}
.imgtex{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.65);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s;
}

.gongz-server-list li:hover .imgtex{opacity: 1;}

.imgtex p{
	font-size: 14px;
	color: #fff;
	padding: 0 28px;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1.65;
	text-align: center;
}

.img-t-bo{
	padding: 20px;
	background: #fff;
}


.img-t-bo-l h3{
	font-size: 18px;
	color: #333333;
}

.img-t-bo-l p{
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}
.yuyue-btns{
	width: 100px;
	height: 32px;
	border: #dd4f50 1px solid;
	font-size: 14px;
	color: #ff404c;
	border-radius: 4px;
	text-align: center;
	line-height: 32px;
}

.yuyue-btns:hover{
	background: #dd4f50;
	color: #fff;
}

.gongz-server-list li:hover{
	box-shadow: 0 5px 10px 1px rgba(0,0,0,0.35);
}

.gongz-server-list li:hover img{
	transform: scale(1.1);
}

.sjfenxi{
	padding: 64px 0 83px;
	background: url(../images/bg-10.jpg) center no-repeat;
	background-size: cover;
}

.white{
	color: #fff !important;
}
.tools-list{ margin-top:50px}
.tools-list li{
	float: left;
	width: 300px;
	height: 424px;
	position: relative;
	overflow: hidden;
}


.tools-list li .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.tools-list li .bg{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #161a1d;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
}
.tools-list li:hover .bg{
	background: #e27173;
}

.tools-list li .content{
	position: absolute;
    left: 0;
    right: 0;
    top: 124px;
    bottom: 0;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}

.tools-list li:hover .content{
	top: 52px;
}

.tools-list li .content img{
	margin: 0 auto 30px;
}

.item-title{
	font-size: 22px;
	color: #fff;
	text-align: center;
}

.item-eng{
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding-top: 8px;
}

.item-desc{
	font-size: 14px;
	color: #fff;
	line-height: 1.65;
	padding-top: 35px;
	text-align: center;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    transition: all .4s cubic-bezier(.4,0,.2,1);
}


.item-link{
	display: block;
	width: 126px;
	height: 38px;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	line-height: 38px;
	text-align: center;
	margin: 45px auto 0;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    transition: all .4s cubic-bezier(.4,0,.2,1);
}

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


.item-line{
	width: 20px;
	height: 2px;
	margin-bottom: 25px;	
    background: #fff;
	display: inline-block;
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    transition: all .4s cubic-bezier(.4,0,.2,1);
}

.tools-list li:hover .item-link,.tools-list li:hover .item-desc{
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    transition: all .4s cubic-bezier(.4,0,.2,1);
}


.tools-list li:hover .item-line{
	opacity: 0;
	display: none;
}

.item-link:hover{
	background: #fff;
	color: #e27173;
}

.zysjs{
	padding: 60px 0 140px;
	background: url(../images/bg-15.jpg) center no-repeat;
	background-size: cover;
}

.jiquan{
	margin-top: 70px;
}

.jiquan li{
	float: left;
	padding-right: 72px;
	padding-bottom: 8px;
}

.jiquan li:first-child{
	width: 328px;
	background: url(../images/line.png) right bottom no-repeat;
}

.jiquan li:nth-child(2){padding-left: 72px;width: 400px;background: url(../images/line.png) right bottom no-repeat;}

.jiquan li:last-child{
	padding-right: 0;
	padding-left: 78px;
	width: 328px;
}

.jiquan li img{
	margin: 0 auto 40px;
}

.jiquan li h3{
	font-size: 24px;
	color: #333;
	text-align: center;
}

.jiquan li p{
	font-size: 14px;
	color: #333;
	padding-top: 12px;
	text-align: center;
}

.jiquan li div{
	margin-top: 28px;
	font-size: 0;
}

.jiquan li a{
	display: inline-block;
	width: 120px;
	height: 36px;
	border: 1px solid #666666;
	font-size: 14px;
	color: #333333;
	line-height: 36px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.jiquan li a:hover {
	color: #fff;
	background: #dd4f50;
	border-color: transparent;
}

.jiquan li a:nth-child(2n){margin-right: 0;}


.dd{
	padding: 232px 0 138px;
	background: url(../images/bg-16.jpg) center no-repeat;
	background-size: cover;
}

.dd .title-box{
	text-align: left;
	width: 562px;
	padding-bottom: 30px;
	border-bottom: 1px solid #4c4b5a;
}

.dd ul{
	margin-top: 42px;
}

.dd ul li{
	float: left;
	margin-right: 100px;
}


.dd ul li h3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 25px;
	line-height: 1.8;
}

.dd ul li p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 8px;
}

.popup-wrap {
    z-index: 110;
    overflow: auto;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}

.popup-wrap.active {
    opacity: 1;
    visibility: visible;
}
.popup-wrap, .popup-wrap-close {
    top: 0;
    right: 0;
	bottom: 0;
	position: fixed;
    left: 0;
}
.popup-wrap-close {
    position: fixed;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
}

.popup {
    font-size: 14px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    color: #666666;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1000000;
}

.popup-1 {
    width: 878px;
    height: 426px;
}
.active > .popup {
    visibility: visible;
    opacity: 1;
}


.popup-1:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 350px;
    margin: auto;
    background: #ddd;
    content: '';
}

.popup-close {
    position: absolute;
	top: 0;
	right: 0;
    padding: 10px;
}

.popup-close:before {
    display: block;
   	background: url(../images/close_min.png) center center no-repeat;
    height: 30px;
    width: 30px;
	content: '';
	top: 0;
	right: 0;
}
.popup-1 > .fl, .popup-1 > .fr {
    width: 50%;
}


.popup-title {
    font-size: 26px;
    margin-top: 43px;
    text-align: center;
}


.popup-field-wrap {
    width: 280px;
    margin: auto;
}

.select-wrap {
    position: relative;
}

.popup-field {
    display: block;
    width: 278px;
    height: 38px;
    margin: 10px auto;
    text-indent: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.select {
    z-index: 5555;
    top: 100%;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.select-option {
    line-height: 2.5;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    transition: all .4s;
    background: #f9f9f9;
    cursor: pointer;
}

.invisible > .select-option {
    line-height: 0;
    border-bottom: none;
}
.relative {
    position: relative;
}

.popup-1-unit {
    top: 0;
    bottom: 0;
    left: 50%;
    height: 1.5em;
    margin: auto 110px;
}


.absolute {
    position: absolute;
}

.popup-1 button {
    font-size: 18px;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 98px;
    height: 98px;
    margin: auto;
    border: none;
    padding: 0;
    color: #fff;
    background: #ff404c;
    border-radius: 50%;
    outline: none;
    -webkit-animation: popupButtom cubic-bezier(0.165,0.84,0.44,1) 2s infinite;
    animation: popupButtom cubic-bezier(0.165,0.84,0.44,1) 2s infinite;
	cursor:pointer;
}


@keyframes  popupButtom{
	0% {
		box-shadow: 0 0 0 0 rgba(255,114,123,0.5), 0 0 0 0 rgba(255,114,123,0.5), 0 0 0 0 rgba(255,114,123,0.57);
	}
	100% {
		box-shadow: 0 0 0 10px rgba(255,114,123,0), 0 0 0 20px rgba(255,114,123,0), 0 7px 4px 0 rgba(255,114,123,0);
	}
}

.popup-title {
    font-size: 26px;
    margin-top: 43px;
    text-align: center;
}
.popup-1-price {
    height: 53px;
    padding: 30px 0 17px;
    color: #bbb;
}


.inline-block {
    display: inline-block;
}

.popup-1-list {
    width: 228px;
    padding: 8px 6px;
    margin: 10px 0 0 130px;
    border-bottom: 1px solid #ddd;
}


.popup-num-unit {
    font-size: 12px;
    bottom: 0;
    left: 100%;
    margin-left: 20px;
    white-space: nowrap;
}


.popup-2 {
    width: 750px;
    height: 360px;
    padding-left: 375px;
    background: #fff url(../images/popup.jpg) 0 50% no-repeat;
}

.popup-2-btn {
    display: block;
    width: 280px;
    height: 40px;
    margin: auto;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #dd4f50;
	cursor:pointer;
}

/* 设计师详情 */

.case-list li {
	float: left;
	margin-bottom: 26px;
	padding: 0 13px;
	width: 33.3333333%;
}

.case-list li:nth-child(3n+1) {
	clear: both;
}

.case-list li a {
	position: relative;
	display: block;
}

.case-list li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	border-bottom: 1px solid #ff8e95;
	content: "";
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s;
	-ms-transition: all ease .4s;
}

.case-list li .img {
	position: relative;
	overflow: hidden;
}

.case-list li .img img {
	width: 100%;
}

.case-list li .img i {
	position: absolute;
	top: 4%;
	left: 2.5%;
	display: block;
	width: 0;
	height: 0;
	border: 1px solid #ff8e95;
	opacity: 0;
}

.case-list li .img i:after,.case-list li .img i:before {
	position: absolute;
	width: 5px;
	height: 5px;
	background: #ff8e95;
	content: "";
}

.case-list li .img i:before {
	top: -2px;
	left: -2px;
}

.case-list li .img i:after {
	right: -2px;
	bottom: -2px;
}

.case-list li .tit {
	position: relative;
	padding: 10px 50px;
	text-align: center;
}

.case-list li .tit span {
	display: block;
	color: #18171d;
	font-size: 16px;
}

.case-list li .tit i {
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	margin-top: -10px;
	padding-left: 15px;
	height: 20px;
	background: url(../images/hot_ico.jpg) left no-repeat;
	color: #bbb;
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
}

.case-list li .des {
	position: relative;
	padding: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #999;
	font-size: 12px;
}

.case-list li .des span {
	display: inline-block;
	margin-left: 30px;
}

.case-list li .des span:first-child {
	margin-left: 0;
}

.case-list li .des em {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	padding-right: 20px;
	background: url(../images/case_more.png) right no-repeat;
	color: #e0e0e1;
	text-transform: uppercase;
}

.case-list li a:hover:after {
	width: 100%;
}

.case-list li a:hover .img i {
	width: 95%;
	height: 92%;
	opacity: 1;
}

.case-list li a:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.case-list li a:hover .tit i {
	background: url(../images/hot_icoh.jpg) left no-repeat;
	color: #ff8e95;
}

.case-list li a:hover .des em {
	background: url(../images/case_moreh.png) right no-repeat;
	color: #ff8e95;
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%);
}
.transition {
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.case-box{
	margin-top: 59px;
}

.case-box > h3{
	padding-top: 38px;
	padding-bottom: 29px;
	border-top: 1px solid #e4e4e4;
	font-size: 28px;
	color: #666666;
	padding-left: 13px;
}

.info-nav {
	line-height: 1;
	margin: 20px 0;
	
}

.info-nav a{
	padding-right: 10px;
	display: block;
	color: #423f4e;
	text-align: right;
	cursor: pointer;
	opacity: .5;
	position: relative;
	white-space: nowrap;
	font-size: 14px;
}

.info-nav:first-child {
	margin-top: 0;
}

.info-nav:last-child {
	margin-bottom: 0;
}

.info-nav a:after{
	content: "";
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 50%;
	position: absolute;
	right: -3px;
	top: 50%;
	margin-top: -3px;
	z-index: 2;
}

.info-nav a.current:after {
	opacity: 1;
	background: #ff404c;
}

.info-nav-wrap {
	top: 100px;
	right:61%;
	margin:0 588px 0 0;
	border-right: 1px solid #cccccc;
	padding-top: 30px;
}

.info-nav-wrap.active {
	position: fixed;
}

.case-title {
    font-size: 20px;
    white-space: nowrap;
	overflow: hidden;
	height: ;
    -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	border-bottom: 1px solid #ccc;
}

.info-left {
	width: 1080px;
	padding-top: 30px;
}

.infor-right{
	padding-top: 52px;
	width: 318px;
}

.info-name {
	font-size: 20px;
	color: #333;
}

.info-info {
	font-size: 14px;
	line-height: 24px;
	margin: 24px 0 0px;
	color: #666;
	text-align: justify;
	padding-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
}

.info-type {
	font-size: 14px;
	color: #666;
}

.bdshare-button-style2-16{margin-top: 25px;}

.info-type:first-child {
	margin: 0 30px 65px 0;
}

.info-type:first-child:hover {
	color: #333333;
}

.info-title {
	font-size: 16px;
	display: inline-block;
	padding-bottom: .5em;
	white-space: nowrap;
	border-bottom: 3px solid;
	color: #333333;
}

.info-box {
	font-size: 0;
	position: relative;
	margin: 25px 0;
	text-align: center;
}

.info-img {
	max-width: 100%;
	min-width: 400px;
}

.btn_img{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
	z-index: 2;
	transition: all .5s;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	background-size: 100%;
    background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(0deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
	transition: .4s;
	padding-bottom: 28px;
}

.info-btn {
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	width: 180px;
	color: #fff;
	border: 1px solid #fff;
	margin: 0 19px;
	transition: all .5s;
}

.info-box:hover .btn_img{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.info-btn:hover{
	background: #ff404c;
	color: #fff;
	border-color: transparent;
}

.info-more {
	position: relative;
	width:350px;
	margin-right:14px;
}

.info-more:last-child{
	margin-right: 0;
}

.info-more img{width: 100%;height:220px;}

.info-more span{
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
	display: block;
}


.case-text-box{
	font-size: 14px;
	color: #666;
	line-height: 1.65;
	padding: 15px 0;
	text-align: left;
	max-width: 835px;
}


.bottom_img-list{margin-top: 28px;padding-bottom: 50px;}


.small span{
	margin-right: 15px;
}

#kine3{
	margin-top: 16px;
	margin-bottom: 16px;
}


.case-banner{
	height: 360px;
	background-image: url(../images/banner-7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.minabao_nav{
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	padding-left: 40px;
	background: url(../images/mianbao-nav.png) left center no-repeat;
}

.minabao_nav a{
	font-size: 14px;
	color: #fff;
}

.case-title-info-l{
	font-size: 16px;
	color: #333;
	display: block;
	padding: 25px 10px 15px;
	border-bottom: 2px solid #4c4c4c;
}


.fixed{
	position: fixed;
}

.type span{
	font-size: 14px;
	color: #666;
}

.type{padding-top: 16px;}

.team-box > h3{
	font-size: 22px;
	color: #333333;
	padding-top: 30px;
}

.team-lists li{
	float: left;
	text-align: center;
	margin-right: 30px;
}

.team-lists li h3{
	font-size: 14px;
	margin: 14px 0 12px;
	color: #333333;
}

.team-lists li  p{
	font-size: 14px;
	color: #333333;
}

.team-lists{
	padding-top: 30px;
	padding-bottom: 42px;
	border-bottom: 1px solid #eeeeee;
}

.team-lists li img{margin: auto;border-radius: 50%;}

.team-lists li:last-child{margin-right: 0;}

.team-lists li span{
	display: block;
	width: 74px;
	height: 20px;
	background: #000000;
	color: #fff;
	line-height: 20px;
	text-align: center;
	margin: 10px auto 0;
}


.info-form-field {
    font-size: 14px;
    line-height: 24px;
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 20px 0;
    text-indent: inherit;
	border: 1px solid whitesmoke;
	font-size: 14px;
	background: #eeeeee;
	padding-left: 24px;
	border-radius: 6px;
}


.info-form-field::placeholder{color: #999;}

.select-wrap:after {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: inherit;
    border-bottom: none;
    margin: auto;
    content: '';
}


.select-option {
   font-size: 16px;
   color: #333;
   text-align: center;
}



.info-form-btn{
	width: 100%;
	height: 43px;
	border-radius: 6px;
	background: #ff404c;
	font-size: 15px;
	color: #fff;
	line-height: 43px;
	text-align: center;
	border: 0;
	opacity: .85;
	cursor:pointer;
}

.team-lists li span:hover{
	background: #ff404c;
	color: #fff;
}

.info-form-btn:hover{
	opacity: 1;
}
.xubox-list {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    position: relative;
    padding-left: 60px;
    margin: 20px 0;
}

.xubox-list:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 45px;
    height: 44px;
    background: 50% 50% no-repeat;
}

.xubox-list-1:after {
    background-image: url(../images/icon-1.png);
}

.xubox-list-2:after {
    background-image: url(../images/icon-2.png);
}

.item-banner img{width: 100%;}

.v{
	display: block;
	width: 400px;
	height: 82px;
	border-radius: 41px;
	border: 1px solid #fff;
	line-height: 82px;
	text-align: center;
	margin: auto;
}

.v span{
	font-size: 14px;
	color: #ffffff;
	vertical-align: middle;
	margin: 0 10px;
}

.v img{
	display: inline-block;
	vertical-align: middle;
	margin: 0 !important;
}

.info-box:hover .preview-link {
	width: 207px;
	color: #fff;
	background: rgba(0,0,0,0.6)
}

.info-box .preview-link{
	background: rgba(0,0,0,0.8)
}

.info-img{margin: auto;}

.infore-more_text{
	width: 94%;
	height: 90%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding: 20px;
	transform: scale(0);
	transition: all .5s;
	bottom: 0;
	text-align: center;
	background: rgba(0,0,0,0.6)
}

.info-more:hover .infore-more_text{
	transform: scale(1);
}

.infore-more_text .ls{
	width: 100%;
	height: 1px;
	background: #fff;
}

.infore-more_text h3{
	font-size: 22px;
	color: #fff;
	padding-top: 20px;
}

.infore-more_text p span{
	font-size: 12px;
	display: inline-block;
	color: #cccccc;
	margin-right: 12px;
}

.view{
	width: 122px;
	height: 32px;
	font-size: 14px;
	color: #fff;
	border: 1px solid #6d6d6d;
	margin: 30px auto 20px;
	line-height: 32px;
	text-align: center;
}

.list-more {
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    width: 150px;
    padding: 0;
    margin-top: 20px;
    color: #999999;
    border: none;
    background: #eeeeee;
    transition: .4s;
    border-radius: 3px;
}

.pagination {
    font-size: 0;
    margin: 20px 0;
    text-align: center;
}
.pagination > a, .pagination > span {
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    margin: 0 5px;
    transition: .3s;
    border: 1px solid #ddd;
    box-shadow: 0 0 1px #eee;
	border-radius: 3px;
	color: #333333;
}

.pagination > a.current, .pagination > a.current:hover, .pagination > a:hover, .pagination > span.current, .pagination > span.current:hover, .pagination > span:hover {
    background: #ff404c;
	color: #fff !important;
	border-color: transparent;
}

.shejishi-l{
	position: relative;
	padding-top: 48px;
}

.shejishi-l img{
    border-radius: 50%;
}

.shejishi-l span{
	display: block;
	width: 74px;
	height: 22px;
	background: #ff404c;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	text-align: center;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -37px;
}

.shejis-r{
	padding-left: 48px;
	border-left: 1px solid #e4e4e4;
	margin-left: 45px;
	margin-top: 48px;
}

.shejis-r h3{
	font-size: 32px;
	color: #666;
}

.shejis-r h3 img{
	display: inline-block;
}

.xuanyan{
	font-size: 14px;
	color: #666666;
	margin: 26px 0 25px;
}

.sc-list li{
	margin-bottom: 14px;
	position: relative;
	width: 600px;
}

.sc-list li span:first-child{
	font-size: 14px;
	color: #333333;
	width: 80px;
	display: inline-block;
}

.sc-list li div{
	display: inline-block;
	width: 450px;
	vertical-align: top;
	font-size: 14px;
	color: #666666;
}

.sc-list li a{
	font-size: 14px;
	color: #ef6a72;
	position: absolute;
	right: 0;
	bottom: 0;
}

.shejishi-top{
	padding-bottom: 66px;
}

.inform-r{
	width: 330px;
	position: relative;
	padding: 34px;
}

.inform-r h3{
	font-size: 24px;
	color: #ff404c;
	font-weight: bold;
	text-align: center;
}

.inform-r p{
	font-size: 14px;
	color: #999999;
	padding-top: 4px;
	text-align: center;
	margin-bottom: 20px;
}

.inform-r li input{
	width: 100%;
	height: 40px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	padding-left: 42px;
	padding-right: 28px;
	text-indent: 0;
}
.inform-r li input::placeholder{
	color: #999;
}
.inform-r li {margin-bottom: 10px;position: relative;}

.inform-r li img{
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.inform-r li span{
	font-size: 14px;
	color: #666666;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.select-wrap1{
	width: 100%;
}

.inform-r li button{
	width: 100%;
	height: 40px;
	font-size: 16px;
	border: 0;
	background: #ff404c;
	border-radius: 6px;
	color: #fff;
}

.inform-r li:last-child{
	margin-bottom: 0;
}

.bg-c,.bg-c1{
	width: 330px;
	height: 382px;
	position: absolute;
}

.bg-c{
	right: -7px;
	top: 7px;
	background: #ffd9db;
}

.bg-c1{
	background: #f5f5f5;
	top: 0;
	left: 0;
}

.all{
	position: relative;
	top: 0;
	z-index: 3;
}

.caselist-banner{
	position: relative;
	height: 550px;
	background: url(../images/banner-8.jpg) center no-repeat;
	background-size: cover;
}

.tag{
	display: block;
	width: 120px;
	height: 42px;
	background: url(../images/tag.png) center center no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -60px;
	margin-top: -21px;
}

.case-nav-wrap a{
	float: left;
	width: 80px;
	text-align: center;
	height: 80px;
	padding-top: 11px;
	margin-right: 55px;
}

.case-nav-wrap a:last-child{margin-right: 0;}

.case-nav-wrap a p{
	font-size: 14px;
	color: #666;
	padding-top: 6px;
}

.case-nav-wrap a:hover p,.case-nav-wrap a.active p{
	color: #fff;
}

.case-nav-wrap a:hover,.case-nav-wrap a.active{
	background: #dd4f50;
}

.select-box{
	padding: 30px 0 22px;
	border-bottom: 1px solid #eeeeee;
}

.select-box i{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	margin: auto;
	height: 32px !important;
}
.case-nav-1 i{
	width: 35px;
	height: 31px;
	background-image: url(../images/bangong.png);
}

.case-nav-1:hover i,.case-nav-1.active i{
	background-image: url(../images/bangong-on.png);
}
.case-nav-2 i{
	width: 35px;
	height: 31px;
	background-image: url(../images/canyin.png);
}

.case-nav-2:hover i,.case-nav-2.active i{
	background-image: url(../images/caiyin-on.png);
}
.case-nav-3 i{
	width: 27px;
	height: 33px;
	background-image: url(../images/jiaoyu-o.png);
}

.case-nav-3:hover i,.case-nav-3.active i{
	background-image: url(../images/jiaoyu.png);
}
.case-nav-4 i{
	width: 35px;
	height: 34px;
	background-image: url(../images/jiudian.png);
}

.case-nav-4:hover i,.case-nav-4.active i{
	background-image: url(../images/jiudian-on.png);
}

.case-nav-5 i{
	width: 36px;
	height: 29px;
	background-image: url(../images/yudong.png);
}

.case-nav-5:hover i,.case-nav-5.active i{
	background-image: url(../images/yundong-on.png);
}
.case-nav-6 i{
	width: 36px;
	height: 30px;
	background-image: url(../images/dianpu.png);
}

.case-nav-6:hover i,.case-nav-6.active i{
	background-image: url(../images/dianpu-on.png);
}
.case-nav-7 i{
	width: 36px;
	height: 32px;
	background-image: url(../images/meiye.png);
}

.case-nav-7:hover i,.case-nav-7.active i{
	background-image: url(../images/meiye-on.png);
}

.case-nav-wrap a.quanjing{
	width: 86px;
	margin-top: 13px;
	height: 53px;
	background: url(../images/720.png) center center no-repeat;
}

.case-nav-sub{
	padding: 33px 0;
	border-bottom: 1px solid #eeeeee;
}

.case-nav-sub  a {
	margin-right: 30px;
	font-size: 14px;
	color: #333333;
}

.case-nav-sub  a.on,.case-nav-sub  a:hover{
	color: #ff404c;
}

.inpbox{
	position: relative;
}

.inpbox input{
	width: 250px;
	height: 30px;
	border: 1px solid #f1f1f1;
	border-radius: 15px;
	padding-left: 30px;
	font-size: 12px;
}

.inpbox input::placeholder{
	color: #969696;
}

.inpbox button{
	width: 30px;
	height: 30px;
	border: 0;
	background: url(../images/search.png) center center no-repeat;
	position: absolute;
	right: 16px;
	top: 0;
}

.inpbox button:hover{
	background: url(../images/search_on.png) center center no-repeat;
}

.inpbox input:focus{
	border: #666666 1px solid;
}

.img-inner{
	position: relative;
	display: inline-block;
}

.rela-box.fixed{
	width: 318px;
	position: fixed;
	z-index: 99999999;
	top: 80px;
	right: 50%;
	margin-right: -731px;
}


@media(min-width:1200px) and (max-width:1439px){
	.wrap,.lianxi-w{width: 1200px;}

	.service-item {
		width: 400px;
	}

	.service-item.service-item4 {
		margin-right: 400px;
	}

	.service-item.service-item8 {
		margin-left: 400px;
	}

	.lianxi-w {
		padding-left: 105px;
	}

	.case-item {
		width: 533px;
	}

	.case-pic{height: auto;}

	.case-hd {
		width: 655px;
	}

	.service-item8 .shadowwaper, .service-item9 .shadowwaper {
		margin-top: -80px;
	}

	.list .case-item,.list .case-item .case-pic {
		width: 240px;
		height: 183px;
		position: relative;
	}

	.list .case-item img{width: 100%;}

	.design-num {
		
		margin-right: 11px;
	
	}

	.hp-team-section .team-item.team-item0 {
		top: -90px;
	}

	.hp-team-section .team-item .team-num {
		width: 200px;
	}

	.hp-team-section .team-item .team-cont {
		width: 164px;
		padding: 40px 20px;
	}

	.hp-team-section .team-item.team-item1, .hp-team-section .team-item.team-item4 {
		left: 364px;
	}

	.hp-team-section .team-item {
		width: 364px;
	}

	.hp-team-section .team-item.team-item2 {
		top: 80px;
	}

	.hp-team-section .team-item.team-item3 {
		bottom: 221px;
	}

	
	.hp-team-section .team-item.team-item4 {
		bottom: 130px;
	}

	.hp-team-cont{
		width: 1092px;
	}

	.hp-team-section .team-hd {
		width: 728px;
		height: 80px;
		padding-left: 5.769231%;
	}

	.hp-team-section .team-hd .hd-team-desc p {
		font-size: 16px;
	}

	.hp-team-section .team-hd .hd-team-desc span {
		font-size: 12px;
	}

	.hp-team-section .team-hd .e-title, .hp-team-section .team-hd .c-title {
		font-size: 24px;
	}

	.team-item.team-item5 {
		bottom: 50px;
	}

	.hp-team-section .team-hd .hd-team-desc {
		margin-top: 5px;
		width: 500px;
		height: 60px;
	}

	.c-title, .e-title {
		font-size: 24px;
		line-height: 36px;
	}

	.hp-team-section .team-bd {
		margin-top: 100px;
	}

	.add-1 {
		margin: 21px 85px 0 33px;
	}
	
	.nav-sub-gallery > .nav-sub-box {
		width: 165px;
		margin-left: 30px;
	}

	#nav-sub-gallery {
		padding-left: 65px;
	}

	.info-left {
		width: 850px;
	}

	.info-nav-wrap {
		margin: 0 452px 0 0;
	}

	.info-more {
		position: relative;
		width: 240px;
		height: 170px;
		margin-right: 40px;
	}

	.info-more img{height: 170px;}

	.infore-more_text h3 {
		font-size: 10px;
		color: #fff;
		padding-top: 13px;
	}

	.infore-more_text p span {
		margin-right: 4px;
	}

	.view{margin: 13px auto;}

	.case-nav-wrap a {
		margin-right: 75px;
	}

	.g-sidebar .sidebar-cont {
		width: 60px;
	}

	.g-sidebar .sidebar-link {
		padding: 10px 0;
		font-size: 12px;
	}

	.g-sidebar .sidebar-ico {
		width: 14px;
		height: 13px;
		margin: 5px;
		background-size: 116px 140px;
	}

	.g-sidebar .sidebar-ico.sidebar-ico1 {
		background-position: -14px -14px;
	}

	.g-sidebar .sidebar-ico.sidebar-ico2 {
		margin-top: 3px;
		background-position: -14px -40px;
	}

	.g-sidebar .sidebar-ico.sidebar-ico3 {
		margin-top: 5px;
		background-position: -14px -68px;
	}

	.g-sidebar .sidebar-ico.sidebar-ico4 {
		margin-top: 4px;
		background-position: -14px -94px;
	}

	.g-sidebar .sidebar-ico.sidebar-ico5 {
		margin-top: 4px;
		background-position: -14px -121px;
	}

	.g-sidebar .sidebar-ico.sidebar-ico6 {
		margin: 13px 20px;
		width: 17px;
		height: 10px;
		background-position: -81px -53px;
	}

	.phone-txt {
		width: 59px;
		background: url(../images/phoneleft.png) center center no-repeat;
		background-size: 56px 30px;
	}

	.hd-case-desc {
		margin-top: -3px;
	}

	.hd-case-desc p{
		font-size: 13px;
		line-height: 1.5;
		height: auto;
	}

	.hd-case-desc span {
		font-size: 12px;
		line-height: 1.5;
		padding-top: 9px;
	}

	.list {
		padding-top: 33px;
	}

	.rela-box.fixed {
		
		margin-right: -605px;
	}

	.ewmpanel,.g-excl {
		
		right: 72px;
		
	}

	.footer .wrap{width: 1200px;}
}

.team-box h3{
	font-size: 20px;
	color: #000;
	margin-top: 25px;
}

.vr-close {
    position: absolute;
    top: 60px;
    right: 60px;
    width: 60px;
    height: 60px;
    cursor: pointer;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
}

.vr-close:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
	left: 0;
	background-image: url(../images/icon-se4b4db03b3.png);
    background-repeat: no-repeat;
    background-position: -716px -145px;
    height: 23px;
    width: 23px;
    margin: auto;
    content: '';
}

.vr-wrap {
    position: fixed;
    z-index: 10200000;
    top: 0;
    right: 0;
	bottom: 0;
	display: none;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    transition: all .5s;
}

.vr-iframe {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
}

.xubox-btn {
	display: block;
    font-size: 14px;
    color: #fff;
    width: 200px;
    margin: 20px auto 10px;
    background: #e03b3f;
    border-radius: 999em;
    line-height: 40px;
}

.xubox-list-3:after {
    background-image: url(../images/icon-3.png);
}

.zhuanye{
	height: 849px;
	background: #F5F5F5 url(../images/img-30.jpg) center no-repeat;
	background-size: cover;
}
.grjl{
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.grayh { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}
.nb-icon-wrap {display:none!important;}
.nb-nodeboard-base{display:none!important;}