body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
}

button, input, textarea,select{
   -webkit-appearance: none;
   resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
   border: 0;
}
/*
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url(../fonts/SourceHanSansCN-Bold.otf);
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url(../fonts/SourceHanSansCN-Medium.otf);
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url(../fonts/SourceHanSansCN-Normal_0.otf);
}
*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.none{
	display:none;
}

.online_x{
	cursor:pointer;
}
button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
   /* border: 0*/
  	outline: 0 none;
  	outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
  
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}
@font-face{
    font-family: "DIN-BOLD"; 
    src: url('../fonts/DIN-BOLD_0.OTF');
}
@font-face{
    font-family: "DIN-MEDIUM"; 
    src: url('img/DINMEDIUM.TTF');
}
@font-face{
    font-family: "DIN1"; 
    src: url('img/DINBLACKALTERNATE.TTF');
}
@font-face{
    font-family: "DIN-LIGHT"; 
    src: url('img/DINLIGHT.TTF');
}
.conwidth{
/*max-width: 1400px;*/
max-width:1300px;
	width: 100%;
	margin: auto;
}
.open_baidu{
	cursor:pointer
}

.bshare-custom a{
	height:20px !important
}
/*header*/
.header{
	width: 100%;
	background-color: #ffffff;
	box-shadow: 4px 8px 30px rgba(0,0,0,.06);
}
.header.fixed{
	position: fixed;
	z-index: 199;
}

/*2020.8.31*/
/*.header.fixed{
	position: fixed;
	z-index: 99;
	top: -150px;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	-o-transition: top .5s;
	transition: top .5s;
}
.header.fixed-appear{
	top: 0;
}*/
@media only screen and (min-width: 1025px){
	.header.fixed .header-top{
		display: none;
	}
	.header .header-top{
		display: block;
		padding:25px 0;
	}
}
.header .header-top .box{
}
.header .header-top .box .logo{
	float: left;
}
.header .logo-img{
	float: left;
	line-height: 90px;
}
.header .logo-zi{
	position: relative;
	float: left;
	padding-left: 18px;
	margin-left: 18px;
	margin-top: 25px;
}
.header .logo-line{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 2px;
	height: 100%;
	background: url(img/header-line.png) center no-repeat;
}
.header .logo-zi .t1{
	color: #007dfc;
	font-size: 16px;
	margin-bottom: 5px;
}
.header .logo-zi .t2{
	color: #222222;
	font-size: 16px;
}
.header .phone{
	float: right;
	margin-top: 14px;
}
.header .phone .icon{
	float: left;
	margin-right: 10px;
	margin-top: 6px;
}
.header .phone .number{
	float: left;
	color: #007dfc;
	font-size: 27px;
	font-weight: bold;
	font-family: "DIN-BOLD"; 
}
.header-bottom{
	border-top: #eeeeee solid 1px;
}
.header .nav{
	float: left;
}
.header .nav ul li{
	position: relative;
	float: left;
	margin-right: 55px;
}
.header .nav ul li:last-child{
	margin-right: 0;
}
.header .nav ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 0%;
	height: 3px;
	background-color: #007dfc;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.header .nav ul li:hover::before, .header .nav ul li.on::before{
	width: 100%;
}
.header .nav ul li>a{
	padding: 0 14px;
	color: #222222;
	font-size: 16px;
	font-weight: bold;
	line-height: 58px;
}
.header .nav ul li:hover>a, .header .nav ul li.on>a{
	color: #007dfc;
}
.header .navcell{
	display: none;
	position: absolute;
	left: 50%;opacity: 0.9;
	top: 58px;
	z-index: 99;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 10px 15px;
	border-top: #007dfc solid 2px;
	background-color: #f5f6f9;
}
.header .navcell .nav-li{
	width: 100%;
	text-align: center;
	white-space: nowrap;
	padding: 10px 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


.header .navcell .nav-li a{
	color: #222222;
	font-size: 15px;
}
.header .navcell .nav-li:hover {  background-color: #007dfc;  }
.header .navcell .nav-li:hover a{color:#fff;    }
 
.header .navcell .nav-li a.on{
	color: #007dfc;
}
.header-other{
	float: right;
	overflow: hidden;
}
.header-other .search{
	float: left;
	margin-right: 35px;
}
.header-other .search .icon{
	line-height: 58px;
}
.header-other .taximeter{
	float: left;
}
.header-other .taximeter span{
	display: inline-block;
	color: #fff;
	font-size: 14px;
	border-radius: 18px;
	padding: 0 18px;
	height: 36px;
	line-height: 36px;
	background-color: #007dfc;
	margin-top: 11px;
	cursor: pointer;
}
/*手机header*/
.header .menubtn{
	float: right;
	display: none;
	width: 50px;
    height: 70px;
    background: url(img/menu-icon1.png) center right no-repeat;
    -moz-background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
    cursor: pointer;
}
.header .menubtn.on {
    background: url(img/menu-icon2.png) center right no-repeat;
    -moz-background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
}
.m-nav{
	display: none;
	position: fixed;
    right: 0;
    top: 70px;
    width: 100%;
    height: -moz-calc(100vh - 70px);
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px);
    background: #fff;
    display: none;
    overflow-y: auto;
    z-index: 105;
}
.m-nav .m-searchbox{
	padding: 6% 3% 0;
	overflow: hidden;
}
.m-nav .m-search{
	width: 100%;
	border: #666666 solid 1px;
	border-radius: 15px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 60px;
	background: url(img/search2.png) center left 20px no-repeat;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.m-nav .m-search input{
	width: 100%;
	height: 50px;
	line-height:50px;
	color: #333333;
	font-size: 16px;
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
  	-moz-appearance: none;
}
.m-nav .m-search input::-webkit-input-placeholder {
    color: #666666;
}
.m-nav .m-search input:-moz-placeholder {
	color: #666666;
}
.m-nav .m-search input::-moz-placeholder {
	color: #666666;
}
.m-nav .m-search input:-ms-input-placeholder {
	color: #666666;
}
.m-nav ul{
	padding: 3% 3% 0;
}
.m-nav ul li{
	position: relative;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	padding: 0 3%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.m-nav ul li .one-level{
	width: 100%;
}
.m-nav ul li .one-level i{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 100%;
	background: url(img/img6.png) center no-repeat;
	background-size: 18px 9px;
}
.header .m-nav ul li>a, .one-level{
	position: relative;
	display: block;
	color: #333333;
	font-size: 22px;
	margin: 0 auto;
	line-height: 65px;
}
.m-nav .submenu{
	display: none;
	margin: auto;
	width: 100%;
	padding: 0 3% 3%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.submenu .submenu-li a{
	display: inline-block;
	color: #666666;
	font-size: 18px;
	line-height: 2.4;
}
.submenu a:hover{
	color: #1762cb;
}
/*轮播图*/
.lunbotu{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.lunbotu .swiper-slide>a{
	display: block;
	width: 100%;
}
.lunbotu .swiper-slide a>img{
	/*display: block;*/
	margin: 0 auto;
	width: 100%;
}
.oimg1{
	display: block;
}
.oimg2{
	display: none;
}
.i-banner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);	/* IE 9 */
	-moz-transform:translate(-50%, -50%); 	/* Firefox */
	-webkit-transform:translate(-50%, -50%); /* Safari ?’? Chrome */
	-o-transform:translate(-50%, -50%); 
	text-align: center;
}
.i-bannerzi{
	text-align: center;
	overflow: hidden;
}
.i-bannerzi .t1{
	color: #ffffff;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 10px;
}
.i-bannerzi .t2{
	color: #ffffff;
	font-size: 30px;
}
.i-bannerzi .other{
	display: inline-block;
	max-width: 900px;
	width: 85%;
	margin: 0 auto;
	padding: 4% 6%;
	background: rgba(40,101,168, .9);
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-bannerzi .t5{
	font-family: "SourceHanSansCN-Bold";
	color: #ffffff;
	font-size: 56px;
	font-weight: bold;
	margin-bottom: 15px;
}
.i-bannerzi .t6{
	font-family: "SourceHanSansCN-Medium";
	color: #ffffff;
	font-size: 30px;
	margin-top: 20px;
}
.i-bannerzi .line{
	width: 160px;
	height: 3px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.i-bannerzi .tu{
	max-width: 597px;
	width: 80%;
	text-align: center;
	overflow: hidden;
	margin: 30px auto 0px;
}
.i-bannerzi .tu img{
	max-width: 100%;
}
.lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction {
    bottom: 7.2%;
    left: 0;
    width: 100%;
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	 margin: 0px 6px;
}
/*.lunbotu .swiper-pagination-bullet {
  	width: 10px;
  	height: 10px;
  	text-align: center;
  	background: #ffffff;
 	border-radius:50%;
  	opacity: 0.6;
  	box-shadow: none;
  	transition:0s;
}*/
/*2020.8.31修改*/
.lunbotu .swiper-pagination-bullet {
	position: relative;
    display: inline-block;
  	width: 10px;
  	height: 10px;
  	text-align: center;
  	background: rgba(0,0,0,0.4);
 	border-radius:50%;
  	opacity: 1;
  	box-shadow: none;
  	-webkit-transition-duration: .3s;
    transition-duration: .3s;
    border-radius: 5px;
    overflow: hidden;
}
/**/
.lunbotu .swiper-pagination-bullet-active{
	position: relative;
	opacity: 1;
	width: 30px;
	border-radius: 5px;
}
.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.lunbotu .swiper-button-next, .lunbotu.swiper-container-rtl .swiper-button-prev {
    background-image: url(img/img3.png?v=1);
    right: 5%;
    left: auto;
}
.lunbotu .swiper-button-prev, .lunbotu.swiper-container-rtl .swiper-button-next{
    background-image: url(img/img2.png?v=1);
    left: 5%;
    right: auto;
}
/*2020.8.31新增*/
.lunbotu .swiper-pagination-bullet span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
    overflow: hidden;
}
.lunbotu .swiper-pagination-bullet-active span{
    background: #fff;
    animation: load 4.5s ease-in;
    -moz-animation: load 4.5s ease-in;
    -webkit-animation: load 4.5s ease-in;
    -o-animation: load 4.5s ease-in;
}
@-webkit-keyframes load {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}
@keyframes load{
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes load{
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes load{
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-o-keyframes load{
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
/**/
/*内页banner*/
.bannertop{
	position: relative;
}
.obanner{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: left;
}
.obanner>img{
	width: 100%;
}
.bannerzi{
	position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%); 
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%); 
    margin: auto;
}
.obanner .bannerzi .box{
	text-align: left;
}
.obanner .bannerzi .box.boxheight{
	min-height: 230px;
}
.obanner .bannerzi .box .t1{
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 30px;
}
.obanner .bannerzi .box .t2{
	color: #FFFFFF;
	font-size: 22px;
}

/*弹窗*/
.maskbg{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	z-index: 999;
	width: 100%;
	height: 100vh;
	overflow: auto;
	background: rgba(0,0,0,0.8);
}
.maskbg .box{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 600px;
	height: 750px;
}
.maskbg .box .content{
	width: 100%;
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 100px;
	padding-bottom: 90px;
	margin-top: 35px;
	margin-bottom: 35px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #217eff url(img/img5.png?v=2020) top 25px left 15px no-repeat;
}
.maskbg .box .content .title{
	text-align: right;
}
.maskbg .box .content .title .t1{
	color: #c0daff;
	font-size: 18px;
	font-family: arial;
}
.maskbg .box .content .title .t2{
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
}
.maskbg .box .content .data{
	margin-top: 50px;
}
.maskbg .box .content .data .data-li{
	margin-bottom: 20px;
}
.maskbg .box .content .data .data-li .input-li{
	width: 100%;
	margin-bottom: 20px;
	padding: 0 20px;
	background-color: #FFFFFF;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.maskbg .box .content .data .data-li .half{
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}
.maskbg .box .content .data .data-li .half:nth-child(2n){
	margin-right: 0;
}
.maskbg .box .content .data .data-li .input-li .area{
	float: left;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
}
.maskbg .box .content .data .data-li .input-li input{
	width: 100%;
	height: 70px;
	line-height: 70px;
	background: none;
	outline: none;
	border: none;
	color: #333333;
	font-size: 16px;
}
.maskbg .box .content .data .data-li .input-li input::-webkit-input-placeholder{
    color: #999999;
}
.maskbg .box .content .data .data-li .input-li input:-moz-placeholder{
  	color: #999999;
}
.maskbg .box .content .data .data-li .input-li input::-moz-placeholder{
  	color: #999999;
}
.maskbg .box .content .data .data-li .input-li input:-ms-input-placeholder{
  	color: #999999;
}
.maskbg .box .content .data .data-li .input-li .unit{
	float: right;
	color: #999999;
	font-size: 16px;
	line-height: 70px;
}
.maskbg .box .content .data .other{
}
.maskbg .box .content .data .other .left{
	float: left;
	width: 64%;
}
.maskbg .box .content .data .other .right{
	position: relative;
	display: table;
	float: right;
	height: 160px;
	width: -moz-calc(36% - 20px);
	width: -webkit-calc(36% - 20px);
	width: calc(36% - 20px);
	background-color: #eca213;
}
.submit-btn{
	display: table-cell;
	vertical-align: middle;
	color: #fefefe;
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
}
.maskbg .box .content .data .other .right input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.maskbg .dropmenurel01{
	position:relative;
	display:block;
}
.maskbg .dropmenurel01-tit{
	position: relative;
	border: none;
	color: #999999;
    font-size: 16px;
	width:100%;
	height: 70px;
	line-height: 70px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background: #FFFFFF url(img/img6.png) no-repeat center right 20px;
	cursor:pointer;
	padding: 0 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.maskbg .dropmenurel01-options{
	display:none;
	position:absolute;
	left:0;
	z-index:110;
	border:1px solid #cdcdcd;
	background-color:#FFFFFF;
	height: auto !important;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.maskbg .dropmenurel01-options li{
	cursor:pointer;
	padding: 10px 20px;
	font-size: 15px;
    color: #666666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.maskbg .dropmenurel01-options li:last-child{
	border-bottom:none;
}
.maskbg .dropmenurel01-options li:hover{
	background-color:#eee;
}
.maskbg .popup-close {
    text-align: center;
}
.maskbg .popup-close img{
	width: 40px;
}
/*侧边栏*/

.sidebar{
	position: fixed;
	bottom: 20%;
    right: 10px;
    z-index: 99;
	/*
    opacity: 0;
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	*/
}
/*
.sidebar.show{
	opacity: 1;
	transform: none;
}
*/
.sidebar ul li{
	position: relative;
	text-align: center;
	cursor: pointer;
	margin-bottom: 1px;
	background-color: #007dfc;
}
.sidebar ul li:hover{
	background-color: #ffffff;
}
.sidebar ul li.istopdiv:hover{
	background-color: #007dfc;
}
.sidebar ul li a, .sidebar ul li .istop{
	display: inline-block;
	position: relative;
	width: 60px;
	padding: 12px 0px;
}
.sidebar ul li a .imgbox, .sidebar ul li .istop .imgbox{
	width: 100%;
	text-align: center;
	margin-bottom: 4px;
}
.sidebar ul li .imgbox img{
	display: inline-block;
}
.sidebar ul li .imgbox .img1{
}
.sidebar ul li .imgbox .img2{
	display: none;
}
.sidebar ul li:hover .imgbox .img1{
	display: none;
}
.sidebar ul li:hover .imgbox .img2{
	display: inline-block;
}
.sidebar ul li .t1{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.sidebar ul li .t2{
	color: #FFFFFF;
	font-size: 14px;
}
.sidebar ul li a:hover .t1, .sidebar ul li a:hover .t2{
	color: #007dfc;
}
.sidebar ul li .secondary{
	display: none;
	position: absolute;
	right: 60px;
	top: 0;
	z-index: 10;
	min-height: 100%;
	padding: 10px;
	background-color: #FFFFFF;
	box-shadow: -4px 4px 30px rgba(0,0,0,.1);
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	-o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sidebar ul li:hover .secondary{
	display: block;
}
.sidebar ul li .txtli{
	text-align: left;
	padding: 0 10px;
	color: #007dfc;
	font-size: 20px;
	font-weight: bold;
	font-family: "DIN-BOLD";
	line-height: 50px;
	white-space: nowrap;
}
.sidebar ul li .imgli{
}
.sidebar ul li .imgli img{
	display: inline-block;
	max-width: 90px;
	width: 90px;
	height: 90px;
}
/*footer*/
.footer{
	padding-bottom: 35px;
	background: url(img/footer-bg.png) center no-repeat;
	background-size: cover;
}
.footer-top{
	padding: 70px 0px 30px;
	overflow: hidden;
	border-bottom: rgba(255,255,255,.3) solid 1px;
}
.footer-item{
	position: relative;
	float: left;
	width: 33.33%;
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	padding-right: 3.7%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-item::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 220px;
	background: rgba(255,255,255,.3);
}
.footer-item:last-child{
	padding-right: 0;
}
.footer-item:last-child::before{
	background: none;
}
.footer-item .footer-logo{
	display: block;
	margin-bottom: 15px;
	text-align: center;
}
.footer-item .footer-logo img{
}
.footer-item .box .txt{
	color: #ffffff;
	font-size: 16px;
	line-height: 1.7;
}
.footer-item .box .txt a{
	color: #ffffff;
}
.footer-item .box .txt a:hover{
	color: #98cff9;
}

.footer-item .box .other{
	margin-top: 25px;
}
.footer-item .box .other .consult{
	float: left;
}
.footer-item .box .other .consult a{
	padding: 0px 20px;
	height: 42px;
	line-height: 42px;
	border-radius: 21px;
	background-color: #fff;
	border: 2px #fff solid;
	color: #007dfc;
	font-size: 16px;
	font-weight: bold;
}
.footer-item .box .other .consult a img{
	margin-right: 10px;
}
.footer-item .box .share{
	float: right;
}
.footer-item .box .share ul li{
	position: relative;
	float: left;
	margin-right: 15px;
}
.footer-item .box .share ul li:last-child{
	margin-right: 0;
}
.footer-item .box .share ul li a{
	display: inline-block;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 22px;
	border: rgba(255,255,255,.3) solid 1px;
}
.footer-item .box .share ul li:hover a{
	background-color: #FFFFFF;
}
.footer-item .box .share ul li a img{
}
.footer-item .box .share ul li a .img1{}
.footer-item .box .share ul li a .img2{
	display: none;
}
.footer-item .box .share ul li:hover a .img1{
	display: none;
}
.footer-item .box .share ul li:hover a .img2{
	display: inline-block;
}
.footer-item .share ul li .popup{
    display: none;
    position: absolute;
    bottom: 52px;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    padding-bottom: 16px;
    z-index: 10;
}
.footer-item .share ul li:hover .popup{
	display: block;
}
.footer-item .share ul li .er-code{
   /* padding: 5px;
    border-radius: 5px;*/
    background: #FFFFFF;
}
.footer-item .share ul li .er-code img {
    width: 100px;
    height: 100px;
}
.footer-item .share ul li .triangle{
   	position: absolute;
   	left: 50%;
   	bottom: 0px;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
   	width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 9px 0px;
    border-color: #FFFFFF transparent transparent transparent;
}
/*资讯分享、立马联系我们*/
.information-sharing, .footer-contact{
	padding-left: 13%;
}
.footer .title{
	color: #f4f4f4;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.footer .title a{
color: #f4f4f4;
}
.information-sharing ul li a{
	display: inline-block;
	width: 100%;
	color: #98cff9;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.information-sharing ul li a:hover{
	color: #ffffff;
}
.footer-contact ul{
	padding-top: 15px;
}
.footer-contact ul li{
	position: relative;
	padding-left: 36px;
	overflow: hidden;
	color: #98cff9;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px;
}
.footer-contact ul li .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	text-align: left;
}
.footer-contact ul li .icon img{
	width: 22px;
	height: 20px;
}
.footer-contact ul li .t1{
	float: left;
	width: 42px;
	text-align: left;
}
.footer-contact ul li .t2{
	float: left;
	width: 80%;
	width: -moz-calc(100% - 42px);
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
	text-align: left;
}
.footer .copyright{
	width: 100%;
	overflow: hidden;
	/*padding: 25px 0px 0px;*/
	color: #ffffff;
	font-size: 14px;
}
.footer .copyright .left{
	float: left;
}
.footer .copyright .right{
	float: right;
}
.footer .copyright a{
	color: #ffffff;
}
.footer .copyright a:hover{
	color: #98cff9;
}
/*友情链接*/
.links{	
	margin-top: 25px;
}
.links .link-title{
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 10px;
}
.links .link-title .sp{
	display: inline-block;
	margin-left: 20px;
	color: #ffffff;
	font-size: 12px;
}
.links .box{
	color: #98cff9;
	font-size: 14px;
	line-height: 1.7;
}
.links .box a, .links .box span{
	color: #98cff9;
}
.links .box a:hover{
	color: #FFFFFF;
}
.links .box span{
	margin: 0px 15px;
}
/*方案报价*/
.scheme-quotation{
}
.scheme-quotation .title{
	position: fixed;
	left: 0;
	bottom: 0px;
	z-index: 99;
	display: inline-block;
	padding: 20px 30px 20px 20px;
	border-radius: 0px 50px 50px 0px;
	border-left: #fe6012 solid 2px;
	background-color: #fe6012;
	text-align: center;
	cursor: pointer;
	box-shadow: 0px 0px 20px rgba(0,0,0,.15);
	/*display: none;*/
}
.scheme-quotation .title .t1{
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-family: "思源黑体 CN Medium";
}
.scheme-quotation .title .icon{
	position: absolute;
	right: 12px;
	top: 0;
	height: 100%;
	width: 6px;
	background: url(img/img26.png) center no-repeat;
	background-size: 6px 12px;
}
.scheme-quotation .box{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	width: 100%;
	display:none;
}
.scheme-quotation .box .person{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 12.8%;
	text-align: right;
}
.scheme-quotation .box .person img{
	display: inline-block;
	vertical-align: bottom;
}
.scheme-quotation .baojia{
	/*height: 110px;*/
	background: rgba(0,0,0,.7);
}
.scheme-quotation .box .content{
	padding-left: 12.8%;
	padding-right: 25.36%;
	width: 100%;
	overflow: hidden;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.scheme-quotation .box .obtain{
	float: left;
	width: 20%;
	padding: 2.8% 0 0 2.8%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.scheme-quotation .box .obtain .t1{
	color: #ffffff;
	font-size: 20px;
	font-family: "思源黑体 CN Medium";
}
.scheme-quotation .box .obtain .t1 .sp{
	display: inline-block;
	margin: 0 5px;
	color: #c70000;
}
.scheme-quotation .box .content .information{
	float: left;
	overflow: hidden;
	width: 80%;
}
.scheme-quotation .box .content .information .inli{
	float: left;
	max-width: 220px;
	width: 24%;
	padding: 0 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin-right: 2.2%;
	margin-top: 3%;
	margin-bottom: 3%;
	border-radius: 4px;
	background-color: #FFFFFF;
	overflow: hidden;
}
.scheme-quotation .box .content .information .inli:last-child{
	margin-right: 0;
}
.scheme-quotation .box .content .information .btnli{
	float: left;
	max-width: 150px;
	width: 21.4%;
	background-color: #0e6eb7;
	border-radius: 4px;
	margin-top: 3%;
	height: 55px;
	line-height: 55px;
}
.scheme-quotation .box .content .information .btnli input{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.scheme-quotation .box .content .information input{
	width: 100%;
	height: 55px;
	line-height: 55px;
	background: none;
	border: none;
	outline: none;
	color: #333333;
	font-size: 14px;
}
.scheme-quotation .box .content .information input::-webkit-input-placeholder{
    color: #999999;
}
.scheme-quotation .box .content .information input:-moz-placeholder{
  	color: #999999;
}
.scheme-quotation .box .content .information input::-moz-placeholder{
  	color: #999999;
}
.scheme-quotation .box .content .information input:-ms-input-placeholder{
  	color: #999999;
}
.scheme-quotation .phone{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25.36%;
}
.scheme-quotation .close{
	/*display: inline-block;
	padding-left: 42%;*/
	position: absolute;
	top: 10%;
	right: 2%;
}
.scheme-quotation .close img{
	width: 30px;
	height: 30px;
}
.scheme-quotation .phone-div{
	padding-left: 70px;
	/*height: 123px;*/
	background: url(img/img30.png) bottom right no-repeat;
	background-size: 100% auto;
}
.scheme-quotation .phone-div .icon{
	float: left;
	margin-right: 15px;
	padding-top: 8%;
}
.scheme-quotation .phone-div .icon img{
	width: 59px;
	height: 53px;
}
.scheme-quotation .phone-div .txt{
	padding: 8% 0;
}
.scheme-quotation .phone-div .txt .t1{
	color: #ffffff;
	font-size: 16px;
}
.scheme-quotation .phone-div .txt .t2{
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}
/*首页*/
/*数字滚动*/
.numbers{
	overflow: hidden;
	background-color: #007dfc;
}
.numbers ul li{
	float: left;
	width: 25%;
	padding: 50px 0px;
	text-align: center;
	overflow: hidden;
}
.numbers ul li:nth-child(odd){
	background-color: #1777c1;
}
.numbers ul li:nth-child(even){
	background-color: #1a7bc6;
}
.numbers ul li .box{
	display: inline-block;
	text-align: left;
}
.numbers ul li .t1{
	color: #ffffff;
	font-size: 60px;
	font-weight: bold;
	font-family: "DIN-BOLD"; 
	margin-bottom: 5px;
}
.numbers ul li .t1 .sp1{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	font-family: "微软雅黑";
}
.numbers ul li .t1 .sp2{
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	line-height: 1;
}
.numbers ul li .t2{
	color: #ffffff;
	font-size: 16px;
}
/*标题*/
.i-title{
	text-align: center;
}
.i-title .ten{color:#999; font-size:16px; overflow:hidden; margin-top:14px;   line-height:1;  text-transform:uppercase; text-align:center}
.i-title .t1{
	color: #222222;
	font-size: 30px; line-height: 1;
	font-weight:normal;
}
.i-title .t1 font,.i-title .t1 span{display:inline-block;}
.i-title .t1 font{ padding:0 10px;}
.i-title .t1 span{ height:1px; width:90px; background: #b2bac4; position:relative; top:-11px;}
.i-title .t2{
	color: #222222;
	font-size: 16px;
	margin-top: 20px;
}
.i-title .t3{
	color: #222222;
	font-size: 20px;
	margin-top: 20px;
}
.i-title .t4{
	color: #666666;
	font-size: 16px;
	margin-top: 20px;
}
.combination .i-title, .aleft.i-title{
	text-align: left;
}
.i-title.white .t1, .i-title.white .t3{
	color: #FFFFFF;
}
.ipro{padding-right:50px; padding-left:50px;}
/*办公室装修项目效果图*/
.decoration-drawing{
	padding: 50px 0px 100px;
}
.decoration-drawing .box{
	margin-top: 50px;
	margin-bottom: 45px;
	overflow: hidden;
}
.decoration-drawing .box .fl{
	float: left;
}
.decoration-drawing .box .half1{
	width: 50%;
	margin-right: 20px;
}
.decoration-drawing .box .half2{
	/*width: 680px;*/
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
}
.decoration-drawing .box .fl ul li{
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}
.decoration-drawing .box .fl ul li:nth-child(2n){
	margin-right: 0;
}
.decoration-drawing .boxli{
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.decoration-drawing .box .imgbox{
	width: 100%;
	overflow: hidden;
	-o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-position: center;
}
.decoration-drawing .box .boxli:hover .imgbox{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.decoration-drawing .box .imgbox img{
	width: 100%;
	opacity: 0;
}
.decoration-drawing .box .boxli .bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(img/img39.png) bottom center no-repeat;
	background-size: 100% auto;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.decoration-drawing .box .boxli:hover .bg{
	background: url(img/img40.png) bottom center no-repeat;
	background-size: 100% auto;
}
.decoration-drawing .box .txtbox{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	padding: 0 5.7%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.decoration-drawing .box .boxli:hover .txtbox{
	bottom: 35px;
}
.decoration-drawing .box .txt{
	float: left;
	width: 68%;
    width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.decoration-drawing .box .txt .t1{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.decoration-drawing .box .txt .t2{
	color: #999999;
	font-family: arial;
	font-size: 14px;
}
.decoration-drawing .box .icon{
	float: right;
}
.decoration-drawing .box .icon img{
	opacity: 0;
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	width: 40px;
	height: 40px;
}
.decoration-drawing .box .boxli:hover .icon img{
	opacity: 1;
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.allbtn{
	text-align: center;
}
.allbtn a{
	padding: 0px 24px;
	height: 42px;
	line-height: 42px;
	border: #666666 solid 1px;
	border-radius: 21px;
	color: #666666;
	font-size: 14px;
}
.allbtn a:hover{
	color: #FFFFFF;
	background-color: #007dfc;
}
/*合作方案*/
.i-cooperation{
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.i-cooperation .box{
	padding: 30px 0px;
	background: rgba(0,125,252,.74) url(img/img43.png) center no-repeat;
}
.i-cooperation .box .content{
	text-align: center;
}
.i-cooperation .box .content .t1{
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
}
.i-cooperation .box .content .t2{
	color: #ffffff;
	font-size: 35px;
	margin-top: 15px;
}
.i-cooperation .box .content .t2 .sp{
	display: inline-block;
	color: #fe6012;
	font-weight: bold;
}
/*我们的优势、业务流程*/
.combination{
	position: relative;
	background-color: #fdfdfd;
	padding: 110px 0px;
}
.combination .box{
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.combination .i-processbg{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #f9f9f9;
}
.i-advantage{
	float: left;
	width: 50%;
	padding-right: 2.5%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-advantage .content{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 45px;
}
.i-advantage .xinimg{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.i-advantage .xinimg img{
	max-width: 100%;
}
.i-advantage .details{
	width: 100%;
	padding-left: 10px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-advantage .details .title{
	position: relative;
	width: 100%;
	background: url(img/img45.png) center no-repeat;
	background-size: cover;
	line-height: 90px;
	overflow: hidden;
}
.i-advantage .details .left, .i-advantage .details .right{
	float: left;
	width: 50%;
}
.i-advantage .details .middle{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.i-advantage .details .title .left{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.i-advantage .details .title .left img{
	display: inline-block;
	margin-right: 10px;
	width: 27px;
	height: 24px;
}
.i-advantage .details .title .middle{
	font-family: arial;
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	text-transform: uppercase;
}
.i-advantage .details .title .middle .sp1{
	margin-left: -20px;
}
.i-advantage .details .title .middle .sp2{
	display: inline-block;
	margin-left: 20px;
	color: #007dfc;
}
.i-advantage .details .title .right{
	color: #444444;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.i-advantage .details ul{
	margin-top: 30px;
}
.i-advantage .details ul li{
	position: relative;
	margin-bottom: 20px;
}
.i-advantage .details ul li .left{
	padding-left: 3.9%;
	padding-right: 10%;
	box-shadow: 0px 1px 20px rgba(10,110,184,.1);
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-advantage .details ul li .right{
	padding-right: 3.9%;
	padding-left: 10%;
	border: #e5e5e5 solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-advantage .details ul li .txtbox{
	height: 90px;
	display: table;
}
.i-advantage .details ul li .txt{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.5;
}
.i-advantage .details ul li .left .txt{
	color: #232121;
	text-align: right;
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;*/
}
.i-advantage .details ul li .right .txt{
	color: #666666;
	text-align: left;
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;*/
}
.i-advantage .details ul li .zi{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.i-advantage .details ul li .middle{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	background-color: #007dfc;
}
.i-advantage .details ul li .middle .text{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
    margin-top: 24px;
}
.i-advantage .swiper-pagination-bullet{
	width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #eeeeee;
    opacity: 1;
}
.i-advantage .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007dfc;
}
.i-advantage .swiper-container-horizontal>.swiper-pagination-bullets, .i-advantage .swiper-pagination-custom, .i-advantage .swiper-pagination-fraction{
	bottom: 0;
}
.i-advantage .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}
/*业务流程*/
.i-process{
	float: left;
	width: 50%;
	padding-left: 2.5%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-process .imgbox{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 40px;
}
.i-process .imgbox .img{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 87.3%;
}
.i-process .imgbox .img img{
	max-width: 100%;
}
.i-process .imgbox .circles{
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 5px 0px;
}
.i-process .imgbox .circles img{
	animation: myMove1 3s linear infinite;
    -webkit-animation: myMove1 3s linear infinite;
}
@-webkit-keyframes myMove1{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes myMove1{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes myMove1{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes myMove1{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
/*合作伙伴*/
.i-partner{
	padding: 50px 0px 50px;
	background: #f5f6f9 url(img/img47.png) bottom center no-repeat;
}
.i-partner .partner-con{
	position: relative;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}
.i-partner .box{
	margin-top: 70px;
}
.i-partner .content{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
}
.partner-img{
	display: block;
	width: 100%;
	line-height: 130px;
	background-color: #FFFFFF;
	text-align: center;
	overflow: hidden;
}
.partner-img img{
	max-width: 100%;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.partner-img:hover img{
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.i-partner .swiper-pagination-bullet{
	/*display: none !important;*/
	opacity: 0;
	width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #eeeeee;
    opacity: 1;
}
.i-partner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007dfc;
}
.i-partner .swiper-container-horizontal>.swiper-pagination-bullets, .i-partner .swiper-pagination-custom, .i-partner .swiper-pagination-fraction{
	bottom: 0;
}
.i-partner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}
.i-partner .swiper-button-next, .i-partner .swiper-button-prev {
    position: absolute;
    top: 54%;
    width: 50px;
    height: 50px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
.i-partner .swiper-button-next, .i-partner .swiper-container-rtl .swiper-button-prev {
    background-image: url(img/img88.png);
    right: 0;
    left: auto;
}
.i-partner .swiper-button-prev, .i-partner .swiper-container-rtl .swiper-button-next{
    background-image: url(img/img86.png);
    left: 0;
    right: auto;
}
/*新闻中心*/
.i-news{
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.i-news .box{
	padding: 110px 0px 145px;
	background: rgba(0,0,0,.8);
}
.i-news .box .content{
	position: relative;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}
.i-newsdiv{
	margin-top: 80px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.new-box{
	display: inline-block;
	width: 100%;
}
.new-box .time{
	color: #999999;
	font-size: 16px;
	font-family: arial;
	margin-bottom: 30px;
}
.new-box .time .date{
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	font-family: "DIN-BOLD";
	margin-right: 5px;
}

.new-box .imgbox{
	width: 100%;
	overflow: hidden;
}
.new-box .imgbox .img{
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	background-size:cover;
}
.new-box:hover .imgbox .img{
	/*background-size: 120%;*/
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.new-box .imgbox img{
	width: 100%;
}
.i-newsdiv .new-box .imgbox img{
	opacity: 0;
}
.new-box .txtbox{
	margin-top: 30px;
}
.new-box .txtbox .t1{
	color: #ffffff;
	font-size: 22px;
	line-height: 1.5;
	min-height: 66px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.new-box:hover .txtbox .t1{
	color: #0e6eb7;
	font-weight: bold;
}
.new-box .txtbox .more{
	margin-top: 40px;
}
.new-box .txtbox .more span{
	display: inline-block;
	width: 100px;
	height: 44px;
	line-height: 44px;
	color: #999999;
	font-size: 14px;
	text-align: center;
	border: rgba(255,255,255,.3) solid 1px;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.new-box:hover .txtbox .more span{
	color: #FFFFFF;
	background-color: #0e6eb7;
}
.i-news .swiper-button-next, .i-news .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
.i-news .swiper-button-next, .i-news .swiper-container-rtl .swiper-button-prev{
    background-image: url(img/img65.png);
    right: 0;
    left: auto;
}
.i-news .swiper-button-prev, .i-news .swiper-container-rtl .swiper-button-next{
    background-image: url(img/img64.png);
    left: 0;
    right: auto;
}
/*搜索页*/
.search-div{
	padding: 110px 0px;
}
.search-div .box{
	text-align: center;
}
.search-div .box .tips .t1{
	color: #333333;
	font-size: 16px;
}
.search-div .box .tips .t2{
	color: #333333;
	font-size: 15px;
}
.search-div .box .tips .t2 .sp{
	color: #0e6eb7;
}
.search-div .con{
	border: 1px solid #0e6eb7;
    display: inline-block;
    max-width: 400px;
	width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.search-div .con .t1{
	float: left;
    width: 75%;
}
.search-div .con .t2{
	float: left;
	width: 25%;
	background: #0e6eb7 url(img/search1.png) center no-repeat;
	background-size: 18px 18px;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
}
.search-div .con input{
	width: 100%;
	line-height: 50px;
    height: 50px;
    background: none;
    border: none;
    outline: none;
    color: #333333;
    font-size: 14px;
    padding: 0 20px;
    -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.search-result{
	padding: 50px 0px 0px;
}
.search-result ul li:hover a{
	transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.search-result ul li a{
	display: inline-block;
	width: 100%;
	padding: 20px;
	font-size: 18px;
	color: #999999;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.search-result ul li a .tag{
	display: inline-block;
	padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #dadada;
}
.search-result ul li a .txtli{
	padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
}
/*当前位置*/
.current{
	
}
.current .position{
	float: left;
	padding: 23px 0px;
}
.current .position a, .current .position span{
	color: #999999;
	font-size: 14px;
	line-height: 1.7;
}
.current .position a:hover{
	color: #000000;
}
.current .return{
	float: right;
	padding: 23px 0px;
}
.current .return a{
	color: #000000;
	font-size: 14px;
	margin-right: 20px;
}
.current .return a img{
	display: inline-block;
	vertical-align: text-top;
	margin-right: 5px;
	width: 16px;
	height: 15px;
}
/*案例展示*/
.page-case{
	background-color: #f1f2f4;
}
.cases{
	padding: 0px 0px 80px;
}
.cases .special{
	width: 100%;
	overflow: hidden;
}
.cases ul{
	/*padding-bottom: 15px;*/
}
.cases .special .bigimg{
	float: left;
	width: -moz-calc(97.15% - (94.3% / 3));
	width: -webkit-calc(97.15% - (94.3% / 3));
	width: calc(97.15% - (94.3% / 3));
	margin-right: 2.85%;
	margin-bottom: 2.85%;
}
.cases .special .bigimg a{
	position: relative;
	display: inline-block;
	width: 100%;
}
.cases .special .bigimg a .text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	 overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cases .special .bigimg a:hover .text{
        background: url(img/img39.png) bottom center no-repeat;
        background-size: cover;
}
.cases .special .bigimg a .txtbox{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: none;
}
.cases .special .bigimg .case-box .txtbox .t1, .cases .special .bigimg .case-box .txtbox .t2, .cases .special .bigimg .case-box .txtbox .t3{
	color: #FFFFFF;
}
.cases .special .smallimg{
	float: left;
	width: -moz-calc(94.3% / 3);
	width: -webkit-calc(94.3% / 3);
	width: calc(94.3% / 3);
	margin-bottom: 1.85%;
}
.cases ul li{
	float: left;
	width: -moz-calc(96.3% / 3);
	width: -webkit-calc(96.3% / 3);
	width: calc(96.3% / 3);
	margin-right: 1.85%;
	margin-bottom: 1.85%;
}
.cases.cases_4 ul li{width: -moz-calc(94.3% / 4);
	width: -webkit-calc(94.3% / 4);
	width: calc(94.3% / 4);}
.cases ul li.last{
	margin-right: 0;
}
 
.case-box{
	display: block;
	width: 100%;
}
.case-box .imgbox{
	width: 100%;
	overflow: hidden;
}
.case-box .imgbox .img{
	width: 100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.case-box:hover .imgbox .img{
	transform: scale(1.1);
}
.case-box .imgbox .img img{
	width: 100%;
	opacity: 0;
}


.case-box .txtbox{
	padding: 0px 10px;
	background-color: #FFFFFF; text-align: center;
}
.case-box .txtbox .t1{
 
	font-size: 14px;
 line-height: 67px; 
 
}
.cases .case-box .txtbox{

     line-height: 42px; color: #fff;font-size: 15px;
    color: #fff;
    background-color: #66707a;
}
.case-box .txtbox .t1 .sp{
	display: inline-block;
	
}
.case-box .txtbox .t2{
	color: #fff;
 
}
.case-box:hover .txtbox .t2{
 
}
.case-box .txtbox .t3{
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
}
.case-box .txtbox .t3 .sp{
	font-family: arial;
}
/* 分页 */
.page{
    width: 100%;
    text-align: center;
}
.page-list{
	display: inline-block;
	vertical-align: middle;
}
.page-list a{
	float: left;
    width: 60px;
   	height: 60px;
   	line-height: 60px;
	border-radius: 50%;
   	margin-right: 20px;
    text-align: center;
    font-family: arial;
    font-size: 18px;
    color: #000022;
    background-color: #FFFFFF;
    overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page-list a:last-child{
	margin-right: 0;
}
.page-list a:hover,
.page-list a.page-num-current{
    color: #FFFFFF;
    background: #007dfc;
}
.page-list a.previous.not{
	background: #FFFFFF url(img/img74.png) center no-repeat;
	background-size: 7px 14px;
}
.page-list a.previous{
	display: block;
	background: #FFFFFF url(img/img76.png) center no-repeat;
	background-size: 7px 14px;
}
.page-list a.next{
	background: #FFFFFF url(img/img77.png) center no-repeat;
	background-size: 7px 14px;
}
.page-list a.next.not{
	background:#FFFFFF url(img/img75.png) center no-repeat;
	background-size: 7px 14px;
}
/*案例详情*/
.case-details{
	padding-top: 25px;
}
.case-details .box{
	margin-top: 30px;
	padding-bottom: 100px;
}
.case-details .box .title{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 18px;
	border-bottom: #eeeeee solid 1px;
}
.case-details .box .title .t1{
	color: #000000;
	font-size: 26px;
	font-weight: bold;
}
.case-details .box .other{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 15px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.case-details .box .other .left{
	float: left;
	width: -moz-calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	width: calc(100% - 160px);
	overflow: hidden;
}
.case-details .box .other .left .tag-li{
	float: left;
	margin-right: 90px;
	color: #666666;
	font-size: 16px;
	line-height: 2.8;
}
.case-details .box .other .left .tag-li:last-child{
	margin-right: 0;
}
.case-details .box .other .left .tag-li .sp{
	color: #000000;
}
.case-details .box .other .right{
	float: right;
	display: inline-block;
}
.case-details .box .other .right .taximeter{
	display: inline-block;
}
.case-details .box .other .btn{
	display: inline-block;
	height: 46px;
	line-height: 46px;
	padding: 0px 20px;
	border-radius: 4px;
	color: #eeeeee;
	font-size: 16px;
	background-color: #007dfc;
	cursor: pointer;
}
.pc-slide{
	position: relative;
	width: 100%;
	margin: 0 auto;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.view, .preview{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.view .swiper-container {
	width: 100%;
}
.pc-slide .arrow-left {
	background: url(img/img85.png) no-repeat left top;
	background-size: 60px 60px;
	position: absolute;
	left: 0;
	top: 38%;
	/*margin-top: -30px;*/
	width: 60px;
	height: 60px;
	z-index: 10;
}
.pc-slide .arrow-left:hover{
	background: url(img/img86.png) no-repeat left bottom;
	background-size: 60px 60px;
}
.pc-slide .arrow-right{
	background: url(img/img87.png) no-repeat left bottom;
	background-size: 60px 60px;
	position: absolute;
	right: 0;
	top: 38%;
	/*margin-top: -30px;*/
	width: 60px;
	height: 60px;
	z-index: 10;
}
.pc-slide .arrow-right:hover{
	background: url(img/img88.png) no-repeat left bottom;
	background-size: 60px 60px;
}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.preview .swiper-container {
	width: 85%;
	margin: 20px auto 0px;
}
.preview .swiper-slide{
	width: 180px;
	height: 108px;
	margin: 0px 12px;
	cursor:pointer;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.preview .swiper-slide.active-nav{
	border: #007dfc solid 3px;
}
.preview .swiper-slide .smallimg{
	background-position: center;
}
.preview .swiper-slide .tips{
	width: 180px;
	height: 108px;
	line-height: 108px;
	background: rgba(0,0,0,.6);
	color: #ffffff;
	font-size: 18px;
	text-align: center;
}
.preview .swiper-slide.active-nav .tips{
	opacity: 0;
}

.case-content{
	padding: 70px 0px 110px;
	background-color: #f4f4f4;
}
.case-content .con{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.case-content .detail{
	float: left;
	width: 69%;
	overflow: hidden;
}
.case-content .title{
	font-weight: bold;
	color: #222222;
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: #dcdcdc solid 1px;
}
.case-content .detail .t2{
	padding: 3% 5% 5% 0;
	color: #666666;
	font-size: 14px;
	line-height: 2.5;
}
.recommend-case{
	float: right;
	width: 25%;
	overflow: hidden;
}
.recommend-case ul{
	margin-top: 10px;
}
.recommend-case ul li{
	width: 100%;
	margin-bottom: 20px;
}
.recommend-case ul li:last-child{
	margin-bottom: 0;
}
/*发展历程*/
.o-menu{
	 
  
	width: 100%;
}
.o-menu ul{
	overflow: hidden;
	text-align: center;
	background-color: #007dfc;
}
.o-menu ul li{
	position: relative;
	float: left;
	width: 25%;
}
.new-menu.o-menu ul li{
	max-width: 300px;
	width: 33.33%;
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
.o-menu ul li:hover, .o-menu ul li.on{
	background-color: #f5f7f7;
}
.o-menu ul li a{
	display: inline-block;
	width: 100%;
	padding: 35px 0px;
}
.o-menu ul li .icon{
	margin-bottom: 10px;
}
.o-menu ul li .icon img{
	width: 23px;
	height: 22px;
}
.o-menu ul li .icon .img1{
	display: inline-block;
}
.o-menu ul li .icon .img2{
	display: none;
}
.o-menu ul li:hover .img2, .o-menu ul li.on .img2{
	display: inline-block;
}
.o-menu ul li:hover .img1, .o-menu ul li.on .img1{
	display: none;
}
.o-menu ul li .txt{
	color: #ffffff;
	font-size: 18px;
}
.o-menu ul li:hover .txt, .o-menu ul li.on .txt{
	color: #007dfc;
}
.o-menu ul li i{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 46px;
	background: rgba(255,255,255,.1);
}
.o-menu ul li:last-child i{
	display: none;
}

.history{
	padding: 110px 0px 160px;
	overflow: hidden;
}
.history .box{
	position: relative;
	margin-top: 35px;
}
.history .box .line{
	position: absolute;
    left: 117px;
    top: 33px;
	margin: auto;
	z-index: 1;
	width: 1px;
	height: 100%;
	border-right: #e2e8ed dashed 1px;
}
.history .box .boxli{
	position: relative;
	padding: 0px 0px 20px;
}
.history .box .boxli .time{
	float: left;
	width: 21%;
	margin-top: 20px;
}
.history .box .boxli .time .years{
	float: left;
	margin-right: 36px;
	color: #7b9ab2;
	font-size: 30px;
	font-weight: bold;
}
.history .box .boxli:hover .time .years, .history .box .boxli.on .time .years{
	color: #007dfc;
}
.history .box .boxli .time .spot{
	float: left;
	position: relative;
	z-index: 1;
	width: 16px;
	height: 16px;
	border: #c1cfdb solid 1px;
	border-radius: 50%;
	margin-top: 12px;
	background-color: #FFFFFF;
}
.history .box .boxli:hover .time .spot, ..history .box .boxli.on .time .spot{
	border: #86b6db solid 1px;
}
.history .box .boxli .time .spot i{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 7px;
	height: 7px;
	border-radius: 4px;
	background-color: #7b9ab2;
}
.history .box .boxli:hover .time .spot i{
	background-color: #3786c4;
} 

.history .box .boxli .details{
	float: left;
	width: 79%;
	padding-top: 30px;
	border-top: #e2e8ed solid 1px;
}
.history .box .boxli .details .imgbox{
	float: left;
	max-width: 200px;
	width: 18.2%;
	padding: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.1);
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.history .box .boxli .details .imgbox img{
	width: 100%;
}
.history .box .boxli .details .txtbox{
	float: left;
	width: 71%;
	margin-left: 5.3%;
	max-height: 260px;
	overflow: hidden;
}
.history .box .boxli.on .details .txtbox{
	max-height: 100%;
}
.history .box .boxli .details .txtbox li{
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	overflow: hidden;
	color: #666666;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 10px;
}
.history .box .boxli .details .txtbox li i{
	position: absolute;
	left: 0;
	top: 15px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #007dfc;
}
.history .box .boxli .details .plus{
	float: right;
	text-align: left;
	width: 5.5%;
	cursor: pointer;
}
.history .box .boxli .details .plus .img1{
}
.history .box .boxli .details .plus .img2{
	display: none;
}
.history .box .boxli.on .details .plus .img1{
	display: none;
}
.history .box .boxli.on .details .plus .img2{
	display: inline-block;
}
.history .box .boxli .details .plus img{
	width: 14px;
	height: 13px;
}
/*方案报价*/
.quoted-price{
	position: relative;
	padding: 10px 0px 0px;
	/*background-image: url(img/obanner3.jpg);*/
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.quoted-price .conwidth{
	position: relative;
	z-index: 2;
}
.bgimg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.bgimg img{
	width: 100%;
}
.bgimg .img1{
}
.bgimg .img2{
	display: none;
}
.quoted-price .box{
	position: relative;
	z-index: 2;
	max-width: 1200px;
	width: 100%;
	margin: 45px auto 0px;
	background-color: #ffffff;
	box-shadow: 4px 8px 30px rgba(0,0,0,.06);
}
.quoted-price .box .content{
	overflow: hidden;
}
.quoted-price .box .title{
	color: #222222;
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
}

.quoted-price .box .title2{
	color: #222222;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.quoted-price .box .title2 span{
	color:#F00;
}


.quoted-price .box .title .sp{
	color: #c60000;
}
.quoted-price .box .left{
	float: left;
	width: 51.7%;
	padding: 0 6.25%;
	padding-top: 60px;
	padding-bottom: 60px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-box{
	margin-top: 30px;
}
.form-box .form-li{
	width: 100%;
	margin-bottom: 20px;
}
.form-box .form-li .half{
	float: left;
	width: 47.8%;
	margin-right: 4.2%;
}
.form-box .form-li .half:nth-child(2n){
	margin-right: 0;
}
.form-box .form-li .input-li{
	width: 100%;
	padding: 0 20px;
	border-radius: 5px;
	border: #eeeeee solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-box .form-li .input-li input{
	width: 100%;
	
	height: 50px;
	line-height: 50px;
	background: none;
	outline: none;
	border: none;
	color: #333333;
	font-size: 16px;
}
.form-box .form-li .input-li input::-webkit-input-placeholder{
    color: #999999;
}
.form-box .form-li .input-li input:-moz-placeholder{
  	color: #999999;
}
.form-box .form-li .input-li input::-moz-placeholder{
  	color: #999999;
}
.form-box .form-li .input-li input:-ms-input-placeholder{
  	color: #999999;
}
.form-box .form-li .select-li{
	width: 100%;
	border-radius: 5px;
	border: #eeeeee solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-box .form-li .btn-li{
	position: relative;
	width: 100%;
	background-color: #007dfc;
	border-radius: 5px;
	border: #eeeeee solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-box .form-li .btn-li .txt{
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 68px;
	line-height: 68px;
	background-color: #007dfc;
}
/*
.form-box .form-li .btn-li input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
}
*/
.quoted-price .box .right{
	float: right;
	width: 48.3%;
	padding: 0 6%;
	padding-top: 60px;
	padding-bottom: 60px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFFFFF url(img/img108.jpg) center no-repeat;
}
.quoted-price .box .right .imgbox{
	text-align: center;
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
}
.quoted-price .box .right .imgbox img{
	max-width: 100%;
}
.quoted-price .dropmenurel01{
	position:relative;
	display:block;
}
.quoted-price .dropmenurel01-tit{
	position: relative;
	border: none;
	color: #999999;
    font-size: 16px;
	width:100%;
	height: 56px;
	line-height: 56px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	background: #FFFFFF url(img/img107.png) no-repeat center right 20px;
	cursor:pointer;
	padding: 0 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.quoted-price .dropmenurel01-options{
	display:none;
	position:absolute;
	left:0;
	z-index:110;
	border:1px solid #cdcdcd;
	background-color:#FFFFFF;
	height: auto !important;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.quoted-price .dropmenurel01-options li{
	cursor:pointer;
	padding: 10px 20px;
	font-size: 15px;
    color: #666666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.quoted-price .dropmenurel01-options li:last-child{
	border-bottom:none;
}
.quoted-price .dropmenurel01-options li:hover{
	background-color:#eee;
}
.quoted-price .popup-close {
    text-align: center;
}
.quoted-price .popup-close img{
	width: 40px;
}
/*报价单*/
.quotation{
	padding: 100px 0px;
}
.quotation .box{
	margin-top: 50px;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.quotation .box ul li{
	float: left;
	width: 31.3%;
	width: -moz-calc(94% / 3);
	width: -webkit-calc(94% / 3);
	width: calc(94% / 3);
	margin-right: 3%;
}
.quotation .box ul li:nth-child(3n){
	margin-right: 0;
}
.quotation .box img{
	max-width: 100%;
}
/**/
.consult-banner{
	padding: 80px 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.consult-banner.bg1{
	background-image: url(img/img110.png);
}
.consult-banner.bg2{
	background-image: url(img/img125.jpg);
}
.consult-banner.bg3{
	background-image: url(img/img160.jpg);
}
.consult-banner .box{
	text-align: center;
}
.consult-banner .box .t1{
	color: #ffffff;
	font-size: 36px;
	
}
.consult-banner.white .box .t1{
	color: #007dfc;
}
.consult-banner .box .t2{
}
.consult-banner .box .t2 a, .t2021 a {
	margin-top: 25px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	color: #007dfc;
	font-size: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.consult-banner .box .t2 a:hover, .t2021 a:hover{
	box-shadow: 0px 0px 15px rgba(0,0,0,.15);
	-o-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-moz-transform: translateY(6px);
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}
.consult-banner.white .box .t2 a{
	background-color: #007dfc;
	color: #FFFFFF;
}
/*企业空间量身定制*/
.customized{
	padding: 90px 0px;
}
.customized .content{
	margin-top: 50px;
}
.customized-box{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.customized-box .swiper-slide{
	width: 1000px;
	opacity: 0.3;
}
.customized-box .swiper-slide-active{
	opacity: 1;
}
.customized-box .swiper-slide a{
	display: inline-block;
	width: 100%;
}
.customized-box .swiper-slide a>img{
	margin: 0 auto;
	width: 100%;
}
.customized-box .swiper-slide a .txt{
	opacity: 0;
	text-align: center;
	color: #000000;
	font-size: 20px;
	margin-top: 28px;
}
.customized-box .swiper-slide-active a .txt{
	opacity: 1;
}
.customized-box .swiper-button-next, .customized-box .swiper-button-prev{
	position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.customized-box .swiper-button-next, .customized-box.swiper-container-rtl .swiper-button-prev {
    background-image: url(img/img87.png);
    right: 18%;
    left: auto;
}
.customized-box .swiper-button-next:hover, .customized-box.swiper-container-rtl .swiper-button-prev:hover{
    background-image: url(img/img88.png);
}
.customized-box .swiper-button-prev, .customized-box.swiper-container-rtl .swiper-button-next {
    background-image: url(img/img85.png);
    left: 18%;
    right: auto;
}
.customized-box .swiper-button-prev:hover, .customized-box.swiper-container-rtl .swiper-button-next:hover{
    background-image: url(img/img86.png);
}
/*关于我们*/
.about{
	padding: 70px 0px 130px;
}
.about .box1{
	width: 100%;
	overflow: hidden;
}
.about .box1 .img{
	float: right;
	width: 50%;
	overflow: hidden;
}
.about .box1 .img img{
	max-width: 100%;
}
.about .box1 .txt{
	float: right;
	width: 50%;
	padding-right: 5%;
	margin-top: 150px;
	overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.about .box1 .txt .t1{
	color: #222222;
	font-size: 40px;
	margin-bottom: 30px;
}
.about .box1 .txt .t2{
	color: #666666;
	font-size: 16px;
	line-height: 2;
}
.about .box2{
}
.about .box2 ul li{
	position: relative;
	float: left;
	width: 25%;
	text-align:center;
}
.about .box2 ul li .con{
	padding-left: 10.8%;
	display: inline-block;
}
.about .box2 ul li:nth-child(3){
	text-align: center;
}
.about .box2 ul li:nth-child(3) .con{
	padding-left: 0;
}
.about .box2 ul li:nth-child(4) .con{
	float: right;
	padding-right: 12.8%;
	padding-left: 0;
}
.about .box2 ul li .t1{
	color: #007dfc;
	font-size: 52px;
	font-family: "DIN-BOLD";
	margin-bottom: 30px;
}
.about .box2 ul li .t1 .add{
	display: inline-block;
	font-size: 40px;
}
.about .box2 ul li .t1 .unit{
	display: inline-block;
	font-size: 16px;
	font-family: "微软雅黑";
	font-weight: bold;
}
.about .box2 ul li .t1 .timer{
}
.about .box2 ul li .t2{
	color: #222222;
	font-size: 16px;
	line-height: 1.7;
}
/*合作伙伴*/
.partner{
	padding-bottom: 130px;
	background-image: url(img/img118.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-size: 100% auto;
}
.partner .content{
	padding: 130px 0px 0px;
	background-image: url(img/img119.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.partner .title{
	text-align: left;
}
.partner .title .t1{
	color: #fefefe;
	font-size: 34px;
	margin-bottom: 10px;
}
.partner .title .t2{
	color: #fefefe;
	font-size: 20px;
	font-weight: bold;
}
.partner .box{
	margin-top: 5.5%;
	background: #FFFFFF url(img/img115.png) top right no-repeat;
	overflow: hidden;
	padding: 90px 0px 40px;
}
.partner .box ul{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.partner .box ul li{
	float: left;
	width: 16.66%;
	width: -moz-calc(100% / 6);
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
	background-color: #f5f6fb;
	padding: 1px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.partner .box .btndiv{
	max-width: 1200px;
	width: 100%;
	text-align:center;
	margin: 35px auto 0px;
}
.partner .box .btn{
	display: inline-block;
	padding-right: 20px;
	color: #999999;
	font-size: 14px;
	line-height: 2;
	cursor: pointer;
	background: url(img/img116.png) center right no-repeat;
}
.partner .box .btn.on{
	background: url(img/img117.png) center right no-repeat;
}
/*联系方式*/
.contact{
	padding: 130px 0px;
	background: url(img/img120.png) bottom center no-repeat;
	background-size: 100% auto;
}
.contact .box{
	overflow: hidden;
}
.contact .box .imgbox{
	float: right;
	width: 50%;
	overflow: hidden;
}
.contact .box .txtbox{
	float: left;
	width: 50%;
	margin-top: 30px;
	padding-right: 5%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .box .txtbox .title{
	color: #222222;
	font-size: 40px;
	margin-bottom: 80px;
}
.contact .box .txtbox ul li{
	position: relative;
	padding-left: 36px;
	overflow: hidden;
	color: #222222;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
}
.contact .box .txtbox ul li .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	text-align: left;
}
.contact .box .txtbox ul li .icon img{
	max-width: 22px;
	height: 20px;
}
.contact .box .txtbox ul li .t1{
	float: left;
	width: 60px;
	text-align: left;
}
.contact .box .txtbox ul li .t2{
	float: left;
	width: 80%;
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	text-align: left;
}
/*荣誉资质*/
.honor{
	padding: 110px 0;
}
.honor .box{
	margin-top: 60px;
}
.honor .box ul li{
	position: relative;
    z-index: 1;
	float: left;
	width: 24.4%;
	width: -moz-calc((100% - 30px) / 4);
	width: -webkit-calc((100% - 30px) / 4);
	width: calc((100% - 30px) / 4);
	/*width: 48%;
	width: -moz-calc((100% - 30px) / 2);
	width: -webkit-calc((100% - 30px) / 2);
	width: calc((100% - 30px) / 2);*/
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-bottom: 20px;
	background-color: #F5F7F9;
}
.honor .box ul li:nth-child(4n){
	margin-right: 0;
}
.honor .box ul li a{
	display: block;
	width: 100%;
}
.honor .box ul li .imgbox{
	position: relative;
	/*
	width: 230px;
	height: 350px;	
	width: 345px;*/
	width: 100%;
	/*height: 500px;
	line-height: 500px;*/
	margin: 20px auto 20px;
	padding: 0px 20px;
	text-align: center;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.honor .box ul li .imgbox img{
	width: 100%;
}
.honor .box ul li .txtbox{
	position: relative;
    z-index: 3;
    margin-right: 7%;
    margin-left: 7%;
    padding-right: 40px;
    overflow: hidden;
    -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.honor .box ul li .txtbox .txt{
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.honor .box ul li .txtbox .icon{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background: url(img/img161.png) center left no-repeat;
	background-size: 24px 24px;
}
.honor .box ul li .circle{
	position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
	/*
    width: 240px;
    height: 240px;
	width:360px;
	height:360px;*/
	width: 100%;
	height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.honor .box ul li .circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border: 200px solid #E6E9F0;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.honor .box ul li:hover .circle::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
/*lightbox*/
.lb-nav a.lb-prev {
    width: 100px;
    float: left;
    margin-top: 0;
    background: url(img/img86.png) center no-repeat;
    filter: alpha(Opacity=1);
    transform: none;
    opacity: 1;
}
.lb-nav a.lb-next {
    width: 100px;
    padding-right: 0;
    float: right;
    background: url(img/img88.png) center no-repeat;
    filter: alpha(Opacity=1);
    opacity: 1;
}
/*新闻*/
.news{
	padding: 0px 0px;
}
.news .box{
	overflow: hidden; margin-bottom:20px;
}
.news .content{
	margin-top: 50px;
}
.news .content ul{
	margin-bottom: 35px;
}
.news .content ul li{
	float: left;
	width: 31.43%;
	width: -moz-calc(94.3% / 3);
	width: -webkit-calc(94.3% / 3);
	width: calc(94.3% / 3);
	margin-right: 2.85%;
	margin-bottom: 2.85%;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.news .content ul li:nth-child(3n){
	margin-right: 0;
}
.news .content ul li:hover{
	box-shadow: 0px 0px 25px rgba(0,0,0,.1);
}
.news .content ul li:hover .imgbox img, .news .box:hover .imgbox img{
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.news .box a, .news .content ul li a{
	display: block;
 
	overflow: hidden; padding:20px;
	background-color: #f5f7f9;
}
.news .box:hover a, .news .content ul li:hover a{
	background-color: #FFFFFF;
}
.news .imgbox{
	width: 100%;
	overflow: hidden;
}
.news .box .imgbox{
	float: left;
width: 28.85%;
}
.news .box .imgbox .img{
	width: 100%;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.news .box:hover .imgbox .img{
	transform: scale(1.1);
}
.news .imgbox .img img{
	width: 100%;
	opacity: 0;
}
.news .txtbox{
	padding: 8.1%;
	overflow: hidden;
}
.news .box .txtbox{
	float: right;
	width: 67.15%;
	padding: 0 5.3%;
	margin-top: 15px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.news .txtbox .time{
	color: #bcc6d0;
    font-size: 14px;
    font-family: arial;
    margin-bottom: 20px;
}
.news .time .date{
	color: #bcc6d0;
	font-size: 24px;
	margin-right: 5px;
}
.news .box .time{
	font-size: 16px; line-height:1;
	margin-bottom: 10px;
}
.news .box .time .date{
	font-size: 30px;
}
.news .t1{
	color: #222222;
	font-size: 24px;
	line-height: 1.5;
	height: 72px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news .box:hover .t1{ color:#007dfc}
.news .t2{
	color: #999999;
	font-size: 14px;
	line-height: 2.2;
	margin-top:  0px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;; padding-right: 20px;
}
.news .box .t1{
	height: auto;
	font-size: 24px;
}
.news .more{
	color: #bcc6d0;
	font-size: 14px;
	margin-top: 30px;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.news .box .more{
	margin-top: 15px;
}
.news ul li:hover .more, .news .box .more{
	color: #007dfc;
}

/*热门标签集合*/
.hot-tags{
	margin-top: 50px;
}
.hot-tags .title{
	font-weight: bold;
	color: #444444;
	font-size: 18px;
	line-height: 2.4;
	border-bottom: #eeeeee solid 1px;
}
.hot-tags ul{
	margin-top: 20px
}
.hot-tags ul li{
	float: left;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 15px;
}
.hot-tags ul li a{
	padding: 0 12px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	color: #666666;
	font-size: 16px;
	background-color: #f9f9f9;
}
.hot-tags ul li:hover a{
	color: #FFFFFF;
	background-color: #007dfc;
}
.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.leftag li a{ display:inline-block;    padding: 10px 12px;
    border: 1px solid #007dfc;
    margin-right: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    display: block;
    color: #007dfc;}
.leftag li a:hover{ border: 1px solid #007dfc; color: #fff; background-color:#007dfc}
.new-list{
	padding: 35px 0px 70px;
}
.new-list .list-box{
}
.new-list .box{
	padding-bottom: 110px;
	overflow: hidden;
}
.new-list .box .left{
	float: left;
	width: 73.57%;
	padding-right: 6.4%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.new-list .box .left ul li{
	overflow: hidden;
}
.new-list .box .left ul li a{
	display: block;
	width: 100%;
	padding: 25px 0px;
	overflow: hidden;
}
.new-list .box .left ul li .imgbox{
	float: left;
	width: 260px;
	overflow: hidden;
}
.new-list .box .left ul li .imgbox img{
	width: 100%;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.new-list .box .left ul li:hover .imgbox img{
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.new-list .box .left ul li .txtbox{
	float: left;
	display: inline-block;
	width: -moz-calc(100% - 260px);
	width: -webkit-calc(100% - 260px);
	width: calc(100% - 260px);
	padding-left: 4.2%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.new-list .box .left ul li .txtbox .t1{
	color: #222222;
	font-size: 22px;
	margin-bottom: 25px;
	margin-top: 5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.new-list .box .left ul li:hover .txtbox .t1{
	color: #007dfc;
}
.new-list .box .left ul li .txtbox .t2{
	color: #999999;
	font-size: 14px;
	line-height: 2.28;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.new-list .box .left ul li .txtbox .t3{
	color: #444444;
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
	margin-top: 20px;
}
.new-list .box .right{
	float: left;
	max-width: 332px;
	width: 26.43%;
	border: #eeeeee solid 1px;
	padding: 2.85%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.new-list .box .right .title{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: #EEEEEE solid 1px;
}
.reading{
	margin-top: 15px;
}
.reading li{
	width: 100%;
	margin-bottom: 25px;
}
.reading li a{
	display: block;
	width: 100%;
}
.reading li .t1{
	color: #333;
	font-size: 14px;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 10px;
}
.reading li .t1 span{ display:inline-block;background-color:#007dfc; color:#fff; margin-right:4px; width:20px; text-align:center}
.reading li:hover .t1{
	color: #007dfc;
}
.reading .t2{
	color: #999999;
	font-size: 14px;
	font-family: arial;
}
/*新闻详情*/
.page-newdetails{
	background-color: #f1f2f4;
}
.new-details{
	padding:  0px 0px  0px;
}
.new-details .box{
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.new-details .box .left{
	float: left;
	width: 72%;
}
.new-details .box .left .content{
	padding: 5% 8% 5% 7%;
	margin-bottom: 30px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.new-details .box .left .title{
	padding-bottom: 35px;
	border-bottom: #eeeeee solid 1px;
}
.new-details .box .left .title .t1{
	color: #222222;
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 15px;
}
.new-details .box .left .title .t2{
	color: #999999;
	font-size: 14px;
	line-height: 1.5;
}
.new-details .box .left .title .t2 .sp{
	display: inline-block;
	margin-right: 80px;
}
.new-details .box .left .title .t2 .sp:last-child{
	margin-right: 0;
}
.new-details .box .left .details{
	padding-bottom: 25px;
	border-bottom: #eeeeee solid 1px;
}
.new-details .box .left .txtbox{
	padding: 0px 0px  0px;
	color: #444444;
	font-size: 16px; margin: 0;
	line-height: 2;
}
.new-details .box .left .new-share{
	padding: 20px 0px;
}
.new-details .box .left .new-share .txt{
	float: left;
	font-size: 14px;
	color: #999999;
}
.new-details .box .left .new-share ul{
	float: left;
}
.new-details .box .left .new-share ul li{
	float: left;
	margin-right: 15px;
}
.new-details .box .left .other{
	padding-top: 16px;
}
.new-details .box .left .other .tit{
	color: #999999;
	font-size: 14px;
	margin-bottom: 15px;
}
.new-details .box .left .other ul{
	overflow: hidden;
}
.new-details .box .left .other ul li{
	float: left;
	margin-right: 20px;
}
.new-details .box .left .other ul li a{
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	color: #666666;
	font-size: 14px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.new-details .box .left .other ul li:hover a{
	color: #FFFFFF;
	background-color: #007dfc;
}
.new-details .box .right{
	float: right;
	width: 25%;
	overflow: hidden;
}
.new-details .box .right .title{
	color: #000; font-weight:900;
	font-size: 20px; 
	padding-bottom: 15px;
}
.more-reading, .excellent-cases{
	width: 100%;
	padding: 12%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
.excellent-cases{
	padding: 12% 12% 0;
}
.excellent-cases ul li{
	padding: 30px 0px 0px;
	border-bottom: #EEEEEE solid 1px;
}
.excellent-cases ul li:first-child{
	padding-top: 20px;
}
.excellent-cases ul li:last-child{
	border-bottom: none;
	margin-bottom: 10px;
}
.prevnext{
	padding: 2.1% 4.2%;
	margin-top: 30px;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: center;
}
.prevnext .prev{
	float: left;
	width: 33.7%;
	overflow: hidden;
}
.prevnext .next{
	float: right;
	width: 33.7%;
	overflow: hidden;
}
.prevnext .next a, .prevnext .prev a{
	display: inline-block;
	width: 100%;
	color: #999999;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.prevnext .next a:hover, .prevnext .prev a:hover{
	color: #007dfc;
}
.prevnext .return{
	display: inline-block;
	overflow: hidden;
	padding: 0px 40px;
	margin: 0px 40px;
	border-left: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
}
.prevnext .return a{
	padding-left: 23px;
	background: url(img/img148.png) bottom 2px left no-repeat;
	background-size: 13px 13px;
	color: #666666;
	font-size: 14px;
}
.prevnext .return a:hover{
	background: url(img/img149.png) bottom 2px left no-repeat;
	background-size: 13px 13px;
	color: #007dfc;
}

/*业务流程*/
.whole-process{
	padding-bottom: 100px;
	background-image: url(img/img150.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.process-box{
	margin-top: 60px;
}
.process-box .title{
	text-align: center;
}
.process-box .title .t1{
	color: #000000;
	font-size: 30px;
}
.process-box .box{
	margin-top: 40px;
}
.process-box .switch-menu{
}
.process-box .switch-menu ul{
	text-align: center;
}
.process-box .switch-menu ul li{
	display: inline-block;
	margin-right: 45px;
	padding-bottom: 30px;
	cursor: pointer;
}
.process-box .switch-menu ul li.on{
	position: relative;	
}
.process-box .switch-menu ul li span{
	display: inline-block;
	min-width: 160px;
	padding: 0px 15px;
	height: 60px;
	line-height: 60px;
	border: #007dfc solid 1px;
	border-radius: 10px;
	color: #222222;
	font-size: 16px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.process-box .switch-menu ul li.on span{
	color: #ffffff;
	font-weight: bold;
	background-color: #007dfc;
}
.process-box .switch-menu ul li.on i{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	margin: 0 auto;
	width: 20px;
	height: 10px;
	background: url(img/img151.png) center no-repeat;
	background-size: 20px 10px;
}
.process-box .switch-menu ul li:last-child{
	margin-right: 0;
}
.process-box .switch-box{
	padding: 0 1.8%;
	overflow: hidden;
}
.process-box .switch-box .switch-li{
	display: none;
	background-color: #FFFFFF;
	border: #007dfc solid 1px;
	overflow: hidden;
}
.process-box .switch-box .switch-li.on{
	display: block;
}
.process-box .switch-box .switch-li .imgbox{
	padding: 2.2%;
	text-align: center;
	overflow: hidden;
}
.process-box .switch-box .switch-li .imgbox .img1{
	display: inline-block;
}
.process-box .switch-box .switch-li .imgbox .img2{
	display: none;
}
.process-box .switch-box .switch-li .imgbox img{
	max-width: 100%;
}
/*2020.8.31*/
.procedure{
	padding: 2.2%;
	text-align: center;
	overflow: hidden;
}
.procedure ul{
}
.procedure ul li{
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 20px;
}
/*.procedure ul.second li{
	float: right;
}*/
.procedure ul li i{
	position: absolute;
	right: -11px;
	top: 45px;
	width: 23px;
	height: 23px;
}
.procedure ul li:nth-child(4) i{
	right: 46.5%;
	top: auto;
	bottom: -36px;
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.procedure ul li:nth-child(5), .procedure ul li:nth-child(6), .procedure ul li:nth-child(7), .procedure ul li:nth-child(8){
	float: right;
}
/*2020.9.2*/
@media screen and (min-width: 1025px){
	.procedure.six ul li{
		width: 16.66%;
	}
	.procedure.six ul li:nth-child(5), .procedure.six ul li:nth-child(6){
		float: left;
	}
	.procedure.six ul li:nth-child(7), .procedure.six ul li:nth-child(8), .procedure.six ul li:nth-child(9), .procedure.six ul li:nth-child(10), .procedure.six ul li:nth-child(11), .procedure.six ul li:nth-child(12){
		float: right;
	}
	.procedure.six ul li:nth-child(4) i{
		right: -11px;
		top: 45px;
		width: 23px;
		height: 23px;
		transform: none;
	}
	.procedure.six ul li:nth-child(6) i{
		right: 46.5%;
		top: auto;
		bottom: -36px;
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.procedure.six ul li:nth-child(7) i{
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 1024px){
	.procedure.six ul li:nth-child(4n) i{
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.procedure.six ul li:nth-child(5) i{
		display: none;
	}
	.procedure.six ul li:nth-child(6) i{
		-o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.procedure.six ul li:nth-child(8) i{
		-o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	.procedure.six ul li:nth-child(9) i{
		right: 45%;
	    top: -36px;
		-o-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	.procedure.six ul li:nth-child(10) i, .procedure.six ul li:nth-child(11) i{
		right: auto;
		left: -11px;
	    top: 45px;
		-o-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
}
.procedure ul li .icon{
	width: 108px;
	height: 108px;
	border: #007dfc solid 1px;
	border-radius: 50%;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.procedure ul li .icon .img{
	background-color: #007dfc;
	width: 100%;
	height: 88px;
	line-height: 88px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
}
.procedure ul li .icon .img img{
	max-width: 36px;
	max-height: 32px;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.procedure ul li:hover .icon .img img{
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.procedure ul li .text{
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
}
.procedure ul li .text .t1{
	color: #222222;
	font-size: 22px;
}
.procedure ul li .text .t2{
	font-family: arial;
	color: #afd2ed;
	font-size: 24px;
	margin-top: 10px;
}
/**/
.view-cases{
	padding: 85px 0px;
}
.view-cases .title{
	text-align: center;
}
.view-cases .title .t1{
	color: #000000;
	font-size: 30px;
	font-weight: bold;
}
.view-cases .box{
	position: relative;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}
.view-cases .box .content{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 50px;
}
.view-cases .box .content .view-li{
	margin: 20px 10px;
	box-shadow: 4px 4px 30px rgba(0,0,0,.06);
}
.view-cases .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #eeeeee;
    opacity: 1;
}
.view-cases .swiper-pagination-bullet-active {
    background: #007dfc;
}
.view-cases .swiper-container-horizontal>.swiper-pagination-bullets, .view-cases .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0;
}
.view-cases .swiper-button-next, .view-cases .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 22px;
    margin-top: -11px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 11px 22px;
    -webkit-background-size: 11px 22px;
    background-size: 11px 22px;
    background-position: center;
    background-repeat: no-repeat;
}
.view-cases  .swiper-button-next, .view-cases .swiper-container-rtl .swiper-button-prev {
    background-image: url(img/img155.png);
    right: 3%;
    left: auto;
}
.view-cases .swiper-button-prev, .view-cases .swiper-container-rtl .swiper-button-next {
    background-image: url(img/img153.png);
    left: 3%;
    right: auto;
}
.view-cases  .swiper-button-next:hover, .view-cases .swiper-container-rtl .swiper-button-prev:hover{
    background-image: url(img/img156.png);
}
.view-cases .swiper-button-prev:hover, .view-cases .swiper-container-rtl .swiper-button-next:hover{
    background-image: url(img/img154.png);
}
/*.swiper-button-next.swiper-button-disabled{
	background-image: url(img/img155.png);
}
.swiper-button-prev.swiper-button-disabled{
	background-image: url(img/img153.png);
}*/
/*招贤纳士*/
.recruit{
	padding: 120px 0px;
}
.recruit .box{
	margin-top: 60px;
}
.recruit .box ul li{
	width: 100%;
	border-top: #eeeeee solid 1px;
	border-left: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.recruit .box ul li:last-child{
	border-bottom: #eeeeee solid 1px;
}
.recruit .box ul li.on{
	border-bottom: none;
}
.recruit .box ul li .top{
	overflow: hidden;
}
.recruit .box ul li .job-title{
	float: left;
	width: 21.4%;
	color: #222222;
	font-size: 20px;
	line-height: 165px;
	/*text-align: left;
	padding-left: 7.5%;*/
	text-align: center;
	border-right: #eeeeee solid 1px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.recruit .box ul li.on .job-title, .recruit .box ul li:hover .job-title{
	color: #007dfc;
}
.recruit .box ul li .introduce{
	float: left;
	width: 64.3%;
	margin-top: 45px;
	padding: 0 4.6%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.recruit .box ul li .introduce .sp{
	float: left;
	width: 33.33%;
	color: #666666;
	font-size: 14px;
	line-height: 1.7;
	padding-right: 3%;
	margin: 8px auto;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.recruit .box ul li .introduce .sp:nth-child(3n){
	padding-right: 0;
}
.recruit .box ul li .operate{
	float: left;
	width: 14.3%;
	margin-top: 50px;
	text-align: center;
	overflow: hidden;
}
.recruit .box ul li .operate span{
	display: inline-block;
	width: 70px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	color: #666666;
	font-size: 14px;
	background-color: #eeeeee;
	cursor: pointer;
}
.recruit .box ul li.on .operate span, .recruit .box ul li:hover .operate span{
	color: #FFFFFF;
	background-color: #007dfc;
}
.recruit .box ul li .details{
	display: none;
	color: #666666;
	font-size: 14px;
	line-height: 2.5;
	padding-top: 30px;
	padding-bottom: 40px;
	padding-left: 7.5%;
	padding-right: 7.5%;
	border-top: #eeeeee solid 1px;
	border-bottom: #eeeeee solid 1px;
}
.recruit .box ul li .details .tips{
	display: inline-block;
	margin-top: 30px;
    padding: 12px 40px;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: bold;
    background: #007dfc;
    min-width: 400px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 1680px){
	.combination .box, .view-cases .box{
		padding-left: 5%;
		padding-right: 5%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/**/
	.scheme-quotation .title .t1{
		font-size: 18px;
	}
	.scheme-quotation .box .person img{
		width: 145px;
		height: auto;
	}
	.scheme-quotation .box .obtain .t1{
		font-size: 18px;
	}
	.scheme-quotation .box .obtain{	
    	padding: 2% 0 0 2.5%;
	}
	.scheme-quotation .box .content .information .inli{
		margin-top: 2.8%;
		margin-bottom: 2.8%;
	}
	.scheme-quotation .box .content .information .btnli{
		margin-top: 2.8%;
	}
	.scheme-quotation .phone-div .txt {
	    padding: 7% 0;
	}
	.scheme-quotation .phone-div .icon img{
		width: 50px;
		height: auto;
	}
	/*index 数字滚动*/
	.numbers ul li{
		padding: 40px 0px;
	}
	.numbers ul li .t1{
		font-size: 54px;
	}
	/*办公室装修项目效果图*/
	.decoration-drawing{
		padding: 50px 0px;
	}
	/*我们的优势*/
	.combination{
		padding: 90px 0px;
	}
	.i-advantage .details ul li .middle{
		width: 80px;
		height: 80px;
	}
	.i-advantage .details ul li .middle .text{
		margin-top: 16px;
	}
	/*合作伙伴*/
	.i-partner{
		padding: 50px 0px 70px;
	}
	.i-partner .partner-con{
		padding-left: 50px;
		padding-right: 50px;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/*新闻*/
	.i-newsdiv{
		margin-top: 60px;
	}
	.i-news .box{
		padding: 90px 0px 110px;
	}
	.i-news .box .content{
		padding-left: 50px;
		padding-right: 50px;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/*方案报价*/
	.customized-box .swiper-button-prev, .customized-box.swiper-container-rtl .swiper-button-next{
		left: 12%;
	}
	.customized-box .swiper-button-next, .customized-box.swiper-container-rtl .swiper-button-prev{
		right: 12%;
	}
}
@media screen and (max-width: 1440px){
    
    .zx01 span a{line-height:77px;}
    .zx01 ul li a {
    line-height: 41px;
    
}


	.conwidth{
		padding-left: 5%;
		padding-right: 5%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/*header*/
	.header .nav ul li{
		margin-right: 20px;
	}
	/**/
	.scheme-quotation .title .t1{
		font-size: 16px;
	}
	.scheme-quotation .box .person img{
		width: 130px;
		height: auto;
	}
	.scheme-quotation .box .obtain .t1{
		font-size: 16px;
	}
	.scheme-quotation .box .content .information .inli{
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.scheme-quotation .box .content .information .btnli{
		margin-top: 2%;
	}
	.scheme-quotation .phone-div .txt .t1{
		font-size: 14px;
	}
	.scheme-quotation .phone-div .txt .t2{
		font-size: 20px;
	}
	.scheme-quotation .phone-div .icon img{
		width: 45px;
	}
	.scheme-quotation .box .content .information input{
		height: 45px;
		line-height: 45px;
	}
	.scheme-quotation .box .content .information .btnli{
		height: 45px;
		line-height: 45px;
	}
	.scheme-quotation .box .content .information .btnli input{
		font-size: 15px;
	}
	/*banner*/
	.obanner .bannerzi .box1{
		min-height: 1px;
	}
	.i-bannerzi .t1{
		font-size: 42px;
	}
	.i-bannerzi .t2{
		font-size: 28px;
	}
	.obanner .bannerzi .box .t1{
		/*font-size: 36px;*/
		margin-bottom: 20px;
	}
	/*.obanner .bannerzi .box .t2{
		font-size: 20px;
	}*/
	/*index 数字滚动*/
	.numbers ul li{
		padding: 35px 0px;
	}
	.numbers ul li .t1{
		font-size: 48px;
	}
	/*办公室装修项目效果图*/
	.decoration-drawing{
		padding: 50px 0px;
	}
	/*我们的优势*/
	.combination{
		padding: 70px 0px;
	}
	.i-advantage .details ul li .middle{
		width: 70px;
		height: 70px;
	}
	.i-advantage .details ul li .middle .text{
		margin-top: 10px;
	}
	/**/
	.i-cooperation .box{
		padding: 30px 0;
	}
	/*合作伙伴*/
	.i-partner{
		padding: 50px 0px 50px;
	}
	/*新闻*/
	.i-newsdiv{
		margin-top: 60px;
	}
	.i-news .box{
		padding: 70px 0px 90px;
	}
	/* 业务流程 */
	.view-cases .swiper-button-next, .view-cases .swiper-container-rtl .swiper-button-prev{
		right: 1%;
	}
	.view-cases .swiper-button-prev, .view-cases .swiper-container-rtl .swiper-button-next{
		left: 1%;
	}
	/*装修攻略*/
	.news .box .txtbox{
		margin-top: 40px;
	}
	/*关于我们*/
	.about .box1 .txt{
		margin-top: 100px;
	}
	/*方案报价*/
	.customized-box .swiper-button-prev, .customized-box.swiper-container-rtl .swiper-button-next{
		left: 9%;
	}
	.customized-box .swiper-button-next, .customized-box.swiper-container-rtl .swiper-button-prev{
		right: 9%;
	}
	/*荣誉资质*/
	/*.honor .box ul li .imgbox{
		height: 400px;
		line-height: 400px;
	}*/
}
@media screen and (max-width: 1280px){
	.conwidth, .combination .box, .view-cases .box{
		padding-left: 8%;
		padding-right: 8%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.partner .box .btndiv{
		padding-left: 3%;
	}
	/*荣誉资质*/
	/*.honor .box ul li .imgbox{
		height: 360px;
		line-height: 360px;
	}*/
}
@media screen and (max-width: 1024px){
	.conwidth{
		padding-left: 3%;
		padding-right: 3%;
	}
	.combination .box, .view-cases .box{
		padding-left: 3%;
		padding-right: 3%;
	}
	.new-details .box .left .new-share{
		display:none;
	}
	/*header*/
	.header-top{
		float: left;
	}
	.header .logo-zi{
		display: none;
	}
	.header .phone{
		display: none;
	}
	.header-other .search{
		display: none;
	}
	.header .nav{
		display:none;
	}
	.header .menubtn{
		display: block;
	}
	.header-other .taximeter span{
		margin-top: 20px;
		margin-right: 15px;
		height: 30px;
		line-height: 30px;
	}
	.header .logo-img{
		line-height: 70px;
	}
	.header .logo-img img{
		max-height: 40px;
	}
	.header .m-nav ul li>a, .one-level{
		line-height: 3;
	}
	/*方案报价、计价器弹窗*/
	.maskbg .box{
		width: 100%;
		padding: 0 5%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/**/
	.scheme-quotation{
		display: none;
	}
	/*footer*/
	.footer .title{
		margin-bottom: 10px;
	}
	.footer-contact ul{
		padding-top: 10px
	}
	.footer-contact ul li{
		margin-bottom: 15px;
	}
	.footer-top{
		padding: 50px 0px 10px;
	}
	.footer-item .box .other{
		margin-top: 20px;
	}
	.footer-item{
		width: 100%;
		padding-right: 0;
	}
	.footer-item.info{
		display: none;
	}
	.footer-item::before{
		display: none;
	}
	.footer-item .box .share{
		display: none;
	}
	.information-sharing, .footer-contact{
		padding-left: 0;
		margin-top: 5%;
	}
	.footer .copyright{
		margin-top: 20px;
	}
	.footer .copyright .left, .footer .copyright .right{
		float: none;
		width: 100%;
	}
	.footer .copyright .right{
		margin-top: 15px;
	}
	.links{
		margin-top: 15px;
	}
	.links .box{
		display: none;
	}
	/*侧边栏*/
	.sidebar ul li .t1{
		font-size: 15px;
	}
	/*banner*/
	.oimg1{
		display: none;
	}
	.oimg2{
		display: block;
	}
	.i-bannerzi .t1{
		font-size: 36px;
	}
	.i-bannerzi .t2{
		font-size: 24px;
	}
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 50px;
		height: 50px;
		-moz-background-size: 50px 50px;
	    -webkit-background-size: 50px 50px;
	    background-size: 50px 50px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 32px;
		margin-bottom: 15px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 20px;
	}
	/*标题*/
	.i-title .t1{
		font-size: 32px;
	}
	.i-title .t2{
		margin-top: 15px;
	}
	.i-title .t3{
		font-size: 18px;
		margin-top: 15px;
	}
	.i-title .t4{
		margin-top: 15px;
	}
	/*index 数字滚动*/
	.numbers ul li{
		padding: 30px 0px;
	}
	.numbers ul li .t1{
		font-size: 42px;
	}
	.numbers ul li .t2{
		font-size: 15px;
	}
	.numbers ul li .t1 .sp1{
		font-size: 15px;
	}
	.numbers ul li .t1 .sp2{
		font-size: 34px;
	}
	/*办公室装修项目效果图*/
	.decoration-drawing{
		padding: 50px 0px;
	}
	.decoration-drawing .box{
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.decoration-drawing .boxli{
		margin-bottom: 15px;
	}
	.decoration-drawing .box .half1{
		margin-right: 15px;
	}
	.decoration-drawing .box .fl ul li{
		width: -moz-calc((100% - 15px) / 2);
		width: -webkit-calc((100% - 15px) / 2);
		width: calc((100% - 15px) / 2);
		margin-right: 15px;
	}
	.decoration-drawing .box .txtbox{
		bottom: 15px;
	}
	.decoration-drawing .box .txt{
		width: 100%;
	}
	.decoration-drawing .box .txt .t1{
		font-size: 15px;
		margin-bottom: 2px;
	}
	.decoration-drawing .box .icon{
		display: none;
	}
	/**/
	.i-cooperation .box{
		padding: 30px 0px;
	}
	.i-cooperation .box .content .t1{
		font-size: 32px;
	}
	.i-cooperation .box .content .t2{
		font-size: 32px;
		margin-top: 10px;
	}
	/*我们的优势*/
	.combination{
		padding: 50px 0px;
	}
	.combination .i-processbg{
		top: auto;
		bottom: 0;
	    width: 100%;
	    height: 50%;
	}
	.i-advantage{
		width: 100%;
		padding-right: 0;
	}
	.i-advantage .details .title{
		line-height: 80px;
	}
	.i-advantage .details ul li .txtbox{
		height: 80px;
	}
	.i-advantage .details ul li .middle .text{
		font-size: 16px;
		margin-top: 15px;
	}
	.i-advantage .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	/*业务流程*/
	.i-process{
		width: 100%;
		padding-left: 0;
		margin-top: 25px;
		padding-top: 50px;
		background-color: #f9f9f9;
	}
	/*合作伙伴*/
	.i-partner{
		padding: 50px 0px;
	}
	.i-partner .box{
		margin-top: 40px;
	}
	.i-partner .content{
		padding-bottom: 50px;
	}
	.partner-img{
		line-height: 115px;
	}
	/*.i-partner .swiper-pagination-bullet{
		display: inline-block !important;	
		width: 10px;
		height: 10px;
	}*/
	.i-partner .swiper-button-next, .i-partner .swiper-button-prev{
		top: 47%;
	}
	/*首页新闻*/
	.i-news .box{
		padding: 50px 0px 70px;
	}
	.i-newsdiv{
		margin-top: 40px;
	}
	.new-box .time{
		margin-bottom: 20px;
	}
	.new-box .time .date{
		font-size: 32px;
	}
	.new-box .txtbox{
		margin-top: 20px;
	}
	.new-box .txtbox .t1{
		font-size: 18px;
		min-height: 54px;
	}
	.new-box .txtbox .more{
		margin-top: 30px;
	}
	/*分页*/
	.page-list a{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin-right: 15px;
	}
	/*当前位置*/
	.current .position{
		padding: 18px 0px;
	}
	.current .return{
		padding: 18px 0px;
	}
	/*案例*/
	.cases{
		padding-bottom: 60px;
	}
	.case-box .txtbox{
		padding: 20px;
	}
	.case-box .txtbox .t1{
		margin-bottom: 15px;
	}
	.case-box .txtbox .t2{
		font-size: 16px;
	}
	/*案例详情*/
	.case-details{
		padding-top: 20px;
	}
	.case-details .box{
		padding-bottom: 70px;
	}
	.case-details .box .other{
		padding: 25px 15px;
	}
	.case-content{
		padding: 50px 0px;
	}
	.case-details .box .other .btn{
		font-size: 15px;
	}
	.case-details .box .other .left .tag-li{
		font-size: 15px;
	}
	.preview .swiper-slide .tips{
		font-size: 16px;
	}
	/* 业务流程 */
	.whole-process{
		padding-bottom: 60px;
	}
	.process-box{
		margin-top: 50px;
	}
	.process-box .title .t1{
		font-size: 28px;
	}
	.switch-menu ul{
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.switch-menu ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.switch-menu ul::-webkit-scrollbar-button{
		background-color:rgba(0,0,0,0);
	}
	.switch-menu ul::-webkit-scrollbar-track{
		background-color:rgba(0,0,0,0);
	}
	.switch-menu ul::-webkit-scrollbar-track-piece{
		background-color:rgba(0,0,0,0);
	}
	.switch-menu ul::-webkit-scrollbar-thumb{
		background-color:rgba(0,0,0,0);
	}
	.switch-menu ul::-webkit-scrollbar-corner{
		background-color:rgba(0,0,0,0);
	}
	.switch-menu ul::-webkit-scrollbar-resizer{
		background-color:rgba(0,0,0,0);
	}
	.switch-menu ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.process-box .switch-menu ul li{
		margin-right: 30px;
		height: 50px;
	}
	.process-box .switch-menu ul li span{
		height: 50px;
		line-height: 50px;
	}
	.view-cases{
		padding: 50px 0px;
	}
	.view-cases .title .t1{
		font-size: 28px;
	}
	.view-cases .box .content{
		padding-bottom: 40px;
		width: 96.4%;
		margin: 30px auto 0px;
	}
	.view-cases .box .content .view-li{
		margin: 0;
	}
	/*2020.8.31*/
	.procedure ul li:nth-child(4) i{
		right: 45%;
	}
	.procedure ul li .icon{
		width: 88px;
		height: 88px;
		padding: 8px;
	}
	.procedure ul li .icon .img{
		height: 71px;
		line-height: 71px;
	}
	.procedure ul li .icon .img img{
		max-width: 30px;
		max-height: 26px;
	}
	.procedure ul li .text .t1{
		font-size: 18px;
	}
	.procedure ul li .text .t2{
		font-size: 20px;
	}
	/* 立即体验一站式商业办公空间解决方案 */
	.consult-banner{
		padding: 60px 0px;
	}
	.consult-banner .box .t1{
		font-size: 32px;
	}
	.consult-banner .box .t2 a, .t2021 a{
		width: auto;
		min-width: 180px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	/* 方案报价 */
	.quoted-price .box{
		margin-top: 40px;
	}
	.quoted-price .box .content{
		/* padding: 40px 0px; */
	}
	.quoted-price .box .title{
		font-size: 26px;
	}
	.quoted-price .box .left {
		padding: 4%;
	}
	.form-box .form-li .input-li{
		height: 50px;
	}
	.form-box .form-li .input-li input{
		height: 50px;
		line-height: 50px;
	}
	.quoted-price .dropmenurel01-tit{
		height: 48px;
		line-height: 48px;
	}
	.form-box .form-li .btn-li .txt{
		height: 60px;
		line-height: 60px;
	}
	.quotation{
		padding: 60px 0px;
	}
	.quotation .box{
		margin-top: 40px;
	}
	.quotation .box ul li{
		width: 32%;
		margin-right: 2%;
	}
	.quoted-price .box .right {
		padding: 4%;
	}
	.quotation .box ul li:nth-child(3n){
		margin-right: 0;
	}
	.customized{
		padding: 50px 0px;
	}
	.customized .content{
		margin-top: 40px;
	}
	.customized-box .swiper-button-next, .customized-box.swiper-container-rtl .swiper-button-prev{
		right: 3%;
	}
	.customized-box .swiper-button-prev, .customized-box.swiper-container-rtl .swiper-button-next{
		left: 3%;
	}
	.customized-box .swiper-slide a .txt{
		font-size: 18px;
		margin-top: 20px;
	}
	/*装修攻略*/
	/*.o-menu ul{
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.o-menu ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.o-menu ul::-webkit-scrollbar-button{
		background-color:rgba(0,0,0,0);
	}
	.o-menu ul::-webkit-scrollbar-track{
		background-color:rgba(0,0,0,0);
	}
	.switch-menuswitch-menu ul::-webkit-scrollbar-track-piece{
		background-color:rgba(0,0,0,0);
	}
	.o-menu ul::-webkit-scrollbar-thumb{
		background-color:rgba(0,0,0,0);
	}
	.o-menu ul::-webkit-scrollbar-corner{
		background-color:rgba(0,0,0,0);
	}
	.o-menu ul::-webkit-scrollbar-resizer{
		background-color:rgba(0,0,0,0);
	}
	.o-menu ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.o-menu ul li, .new-menu.o-menu ul li{
		float: none;
		display: inline-block;
	}
	.new-menu.o-menu ul li{
		width: 25%;
	}*/
	.new-menu.o-menu ul li{
		max-width: 33.33%
	}
	.o-menu ul li a{
		padding: 25px 0px;
	}
	.o-menu ul li .txt{
		font-size: 16px;
	}
	.news{
		padding: 50px 0px;
	}
	.news .box .txtbox{
		margin-top: 20px;
		padding: 0 3.5%;
	}
	.news .content{
		margin-top: 40px;
	}
	.news .content ul{
		margin-bottom: 25px;
	}
	.news .txtbox .time{
		margin-bottom: 10px;
	}
	.news .box .time{
		margin-bottom: 15px;
	}
	.news .box .time .date{
		font-size: 24px;
	}
	.news .txtbox{
		padding: 8% 6%;
	}
	.news .t1{
		font-size: 18px;
		height: 54px;
	}
	.news .box .t1{
		font-size: 24px;
	}
	.news .t2{
		margin-top: 10px;
	}
	.news .more{
		margin-top: 15px;
	}
	.news .box .more{
		margin-top: 20px;
	}
	.new-list{
		padding: 0px 0px 50px;
	}
	.new-list .box{
		padding-bottom: 50px;
	}
	.new-list .box .left{
		padding-right: 5%;
	}
	.new-list .box .left ul li a{
		padding: 15px 0px;
	}
	.new-list .box .left ul li .txtbox .t1{
		font-size: 18px;
		margin-bottom: 15px;
		margin-top: 20px;
	}
	.new-list .box .left ul li .txtbox .t3{
		margin-top: 15px;
	}
	.new-list .box .right{
		padding: 2.4%;
	}
	.reading li{
		margin-bottom: 20px;
	}
	.reading li .t1{
		font-size: 15px;
	}
	/*新闻详情*/
	.new-details{
		padding: 30px 0px 50px;
	}
	.new-details .box .left .content{
		padding: 5%;
	}
	.new-details .box .left .title{
		padding-bottom: 20px;
	}
	.new-details .box .left .title .t1{
		font-size: 28px;
	}
	.new-details .box .left .title .t2 .sp{
		margin-right: 40px;
	}
	.new-details .box .left .txtbox{
		font-size: 15px;
	}
	.prevnext .return{
		padding: 0px 20px;
    	margin: 0px 20px;
	}
	.new-details .box .right{
		width: 26%;
	}
	.more-reading, .excellent-cases{
		padding: 9%;
	}
	.new-details .box .right .title{
		padding-bottom: 0;
	}
	/*关于我们*/
	.about{
		padding: 50px 0px 70px;
	}
	.about .box1 .txt{
		margin-top: 30px;
	}
	.about .box1 .txt .t1{
		font-size: 32px;
		margin-bottom: 20px;
	}
	.about .box1 .txt .t2{
		font-size: 15px;
	}
	.about .box2 ul li .con{
		padding-left: 10%;
	}
	.about .box2 ul li .t1{
		font-size: 48px;
		margin-bottom: 15px;
	}
	.about .box2 ul li .t1 .add{
		font-size: 36px;
	}
	.about .box2 ul li .t1 .unit{
		font-size: 15px;
	}
	/*合作伙伴*/
	.partner{
		padding-bottom: 70px;
	}
	.partner .content{
		padding-top: 50px;
	}
	.partner .title .t1{
		font-size: 30px;
	}
	.partner .title .t2{
		font-size: 18px;
	}
	.partner .box{
		margin-top: 3%;
		padding: 3%;
	}
	.partner .box ul li{
		width: 25%;
	}
	.partner .box .btndiv{
		text-align: center;
		margin-top: 25px;
	}
	/*联系方式*/
	.contact{
		padding: 50px 0px;
	}
	.contact .box .txtbox{
		padding-right: 4%;
	}
	.contact .box .txtbox .title{
		font-size: 32px;
		margin-bottom: 40px;
	}
	.contact .box .txtbox ul li{
		font-size: 15px;
	}
	/*发展历程*/
	.history{
		padding: 60px 0px 70px;
	}
	.history .box .line{
		left: 90px;
	}
	.history .box .boxli .time{
		width: 15%;
	}
	.history .box .boxli .time .years{
		margin-right: 18px;
		font-size: 26px;
	}
	.history .box .boxli .details{
		width: 85%;
	}
	.history .box .boxli .details .txtbox{
		width: 72.3%;
		margin-left: 4%;
		max-height: 178px;
	}
	.history .box .boxli .details .txtbox li{
		font-size: 15px;
	}
	/*荣誉资质*/
	.honor{
		padding: 60px 0px;
	}
	.honor .box{
		margin-top: 40px;
	}
	.honor .box ul li{
		/*
		width: 32.8%;
	    width: -moz-calc((100% - 20px) / 3);
	    width: -webkit-calc((100% - 20px) / 3);
	    width: calc((100% - 20px) / 3);
		*/
		width: 48%;
	    width: -moz-calc((100% - 20px) / 2);
	    width: -webkit-calc((100% - 20px) / 2);
	    width: calc((100% - 20px) / 2);
	}
	.honor .box ul li:nth-child(4n){
		margin-right: 10px;
	}
	.honor .box ul li:nth-child(3n){
		margin-right: 0;
	}
	/*.honor .box ul li .imgbox{
		height: 300px;
		line-height: 300px;
	}*/
	.honor .box ul li .circle{
		display: none;
	}
	/*招贤纳士*/
	.recruit{
		padding: 60px 0px;
	}
	.recruit .box{
		margin-top: 40px;
	}
	.recruit .box ul li .top{
		display: flex;
		align-items: center;
	}
	.recruit .box ul li .job-title{
		font-size: 18px;
		line-height: inherit;
	}
	.recruit .box ul li .introduce{
		margin-top: 0;
		padding: 4%;
	}
	.recruit .box ul li .operate{
		margin-top: 0;
	}
	.recruit .box ul li .details{
		padding: 4% 5%;
	}
	/*搜索*/
	.search-div{
		padding: 60px 0px;
	}
	.search-result{
		padding-top: 40px;
	}
	.search-result ul li a{
		font-size: 16px;
		padding: 15px;
	}
	/**/
	.numbers .conwidth, .o-menu .conwidth{
		padding: 0;
	}
	.combination .i-title, .aleft.i-title{
		text-align: center;
	}
}
@media screen and (max-width: 768px){
	/*header*/
	.header .logo-img{
		line-height: 60px;
	}
	.header .logo-img img{
		max-height: 35px;
	}
	.header-other .taximeter span{
		margin-top: 15px;
	}
	.header .menubtn{
		height: 60px;
	}
	.m-nav{
		top: 60px;
		height: -moz-calc(100vh - 60px);
	    height: -webkit-calc(100vh - 60px);
	    height: calc(100vh - 60px);
	}
	.m-nav .m-search{
		padding: 0 15px 0 50px;
	}
	.m-nav .m-search input{
		font-size: 15px;
	}
	.header .m-nav ul li>a, .one-level{
		font-size: 18px;
	}
	.submenu .submenu-li a{
		font-size: 15px;
	}
	/*业务流程*/
	.whole-process{
		padding-bottom: 50px;
	}
	.process-box{
		margin-top: 40px;
	}
	.process-box .title .t1{
		font-size: 26px;
	}
	.process-box .box{
		margin-top: 30px;
	}
	.process-box .switch-menu ul li{
		margin-right: 20px;
		padding-bottom: 25px;
		height: 40px;
	}
	.process-box .switch-menu ul li span {
		min-width: 140px;
	    height: 40px;
	    line-height: 40px;
		font-size: 15px;
	}
	.process-box .switch-box .switch-li .imgbox .img1{
		display: none;
	}
	.process-box .switch-box .switch-li .imgbox .img2{
		display: inline-block;
	}
	.view-cases{
		padding: 40px 0px;
	}
	.view-cases .title .t1{
		font-size: 26px;
	}
	/* 立即体验一站式商业办公空间解决方案 */
	.consult-banner{
		padding: 50px 0px;
	}
	.consult-banner .box .t1{
		font-size: 28px;
	}
	.consult-banner .box .t2 a, .t2021 a{
		width: auto;
		min-width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
	}
	/*计价器弹窗*/
	.maskbg .box .content{
		padding-top: 80px;
		padding-bottom: 70px;
	}
	.maskbg .box .content .title .t2{
		font-size: 30px;
	}
	.maskbg .box .content .data .data-li .input-li input, .maskbg .dropmenurel01-tit{
		height: 55px;
		line-height: 55px;
	}
	.maskbg .box .content .data .data-li .input-li .unit{
		line-height: 55px;
	}
	.maskbg .box .content .data .other .right{
		height: 130px;
	}
	/*footer*/
	.footer{
		padding-bottom: 20px;
	}
	.footer .title{
		margin-bottom: 10px;
	}
	.footer-item .box .txt{
		font-size: 15px;
	}
	.footer-item .box .other .consult a{
    	font-size: 15px;
	}
	.footer-contact ul{
		padding-top: 10px
	}
	.footer-contact ul li{
		margin-bottom: 15px;
	}
	.footer-top{
		padding: 40px 0px 0px;
	}
	.footer-item{
		width: 100%;
		padding-right: 0;
	}
	.footer .copyright{
		padding-top: 20px;
	}
	.footer .copyright .right{
		margin-top: 10px;
	}
	/*侧边栏*/
	.sidebar ul li, .sidebar ul li.istopdiv{
		display: none;
	}
	.sidebar ul li .t1{
		font-size: 14px;
	}
	.sidebar ul li.online, .sidebar ul li.phone{
		/*display: block;*/
	}
	.sidebar ul li.phone:hover .secondary{
		display: none;
	}
	/*banner*/
	.i-bannerzi .t1{
		font-size: 30px;
	}
	.i-bannerzi .t2{
		font-size: 20px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 28px;
		margin-bottom: 10px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 18px;
	}
	/*标题*/
	.i-title .t1{
		font-size: 28px;
	}
	.i-title .t2{
		font-size: 15px;
		margin-top: 10px;
	}
	.i-title .t3{
		font-size: 16px;
		margin-top: 10px;
	}
	.i-title .t4{
		font-size: 15px;
		margin-top: 10px;
	}
	/*index 数字滚动*/
	.numbers ul li{
		padding: 20px 0px;
	}
	.numbers ul li .t1{
		font-size: 36px;
	}
	.numbers ul li .t2{
		font-size: 14px;
	}
	.numbers ul li .t1 .sp1{
		font-size: 14px;
	}
	.numbers ul li .t1 .sp2{
		font-size: 28px;
	}
	/*办公室装修项目效果图*/
	.decoration-drawing{
		padding: 40px 0px;
	}
	.decoration-drawing .box{
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.decoration-drawing .box .half1, .decoration-drawing .box .half2{
		width: 100%;
	}
	.decoration-drawing .box .txtbox{
		bottom: 15px;
	}
	/**/
	.i-cooperation .box{
		padding: 30px 0px;
	}
	.i-cooperation .box .content .t1{
		font-size: 28px;
	}
	.i-cooperation .box .content .t2{
		font-size: 28px;
	}
	/*我们的优势*/
	.combination{
		padding: 40px 0px;
	}
	.i-advantage .content{
		margin-top: 30px;
	}
	.i-advantage .details .title{
		line-height: 70px;
	}
	.i-advantage .details ul li .txtbox{
		height: 70px;
	}
	.i-advantage .details .title .middle{
		font-size: 32px;
	}
	.i-advantage .details ul li .middle .text{
		font-size: 15px;
	}
	.i-advantage .details ul li .txt{
		font-size: 15px;
	}
	/*业务流程*/
	.i-process{
		margin-top: 20px;
		padding-top: 40px;
	}
	.i-process .imgbox{
		margin-top: 30px;
	}
	/*合作伙伴*/
	.i-partner{
		padding: 40px 0px;
	}
	.i-partner .box{
		margin-top: 30px;
	}
	.i-partner .content{
		padding-bottom: 40px;
	}
	.partner-img{
		line-height: 100px;
	}
	/*首页新闻*/
	.i-news .box{
		padding: 40px 0px 60px;
	}
	.new-box .time{
		margin-bottom: 15px;
	}
	.new-box .time .date{
		font-size: 28px;
	}
	.new-box .txtbox{
		margin-top: 15px;
	}
	.new-box .txtbox .t1{
		font-size: 16px;
		min-height: 48px;
	}
	.new-box .txtbox .more{
		margin-top: 20px;
	}
	.new-box .txtbox .more span{
		height: 36px;
		line-height: 36px;
	}
	/*当前位置*/
	.current .position{
		padding: 15px 0px;
	}
	.current .return{
		display: none;
		padding: 15px 0px;
	}
	/*案例*/
	.cases{
		padding-bottom: 50px;
	}
	.cases .special .bigimg{
		width: 100%;
	}
	.cases .special .smallimg{
		display: none;
	}
	.cases ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.cases ul li:nth-child(3n){
		margin-right: 4%;
	}
	.cases ul li:nth-child(2n){
		margin-right: 0;
	}
	/*案例详情*/
	.case-details .box{
		padding-bottom: 50px;
	}
	.case-details .box .other{
		padding: 15px 12px;
	}
	.preview{
		margin-top: 0;
	}
	.case-content{
		padding: 40px 0px;
	}
	.case-details .box .other .btn{
		font-size: 14px;
		height: 40px;
    	line-height: 40px;
	}
	.case-details .box .other .left .tag-li{
		font-size: 14px;
		margin-right: 40px;
	}
	.preview .swiper-container{
		width: 100%;
	}
	.preview .swiper-slide{
		width: 150px;
		height: 90px;
		margin: 0 8px;
	}
	.preview .swiper-slide .tips{
		font-size: 15px;
		width: 100%;
		height: 90px;
		line-height: 90px;
	}
	.case-details .box .title .t1{
		font-size: 22px;
	}
	.case-content .title{
		font-size: 18px;
		padding-bottom: 15px;
	}
	.case-content .detail{
		width: 100%;
	}
	.case-content .detail .t2{
		padding-right: 0;
	}
	.recommend-case{
		width: 100%;
		margin-top: 30px;
	}
	.recommend-case ul{
		margin-top: 30px;
	}
	.recommend-case ul li{
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
		background-color: #FFFFFF;
	}
	.recommend-case ul li:nth-child(2n){
		margin-right: 0;
	}
	.pc-slide .arrow-left, .pc-slide .arrow-right{
		width: 50px;
		height: 50px;
		-moz-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	.pc-slide .arrow-left:hover, .pc-slide .arrow-right:hover{
		-moz-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	.pc-slide .arrow-right, .pc-slide .arrow-left{
		top: 35%;
	}
	/* 方案报价 */
	.quoted-price .box{
		margin-top: 30px;
	}
	.quoted-price .box .title{
		font-size: 22px;
	}
	.quoted-price .box .right{
		width: 100%;
		background-size: cover;
	}
	.quoted-price .box .left {
		width: 100%;
	}
	.form-box .form-li .input-li{
		height: 40px;
	}
	.form-box .form-li .input-li input{
		height: 40px;
		line-height: 40px;
	}
	.quoted-price .dropmenurel01-tit{
		height: 38px;
		line-height: 38px;
	}
	.form-box .form-li .btn-li .txt{
		height: 50px;
		line-height: 50px;
	}
	.quotation{
		padding: 50px 0px 20px;
	}
	.quotation .box{
		margin-top: 30px;
	}
	.quotation .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.quotation .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.quotation .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.customized{
		padding: 40px 0px;
	}
	.customized .content{
		margin-top: 30px;
	}
	.customized-box .swiper-slide a .txt{
		font-size: 16px;
		margin-top: 15px;
	}
	.customized-box .swiper-button-next, .customized-box .swiper-button-prev{
		width: 50px;
		height: 50px;
		-moz-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	/*装修攻略*/
	.o-menu ul li a{
		padding: 20px 0px;
	}
	.o-menu ul li .txt{
		font-size: 15px;
	}
	.news{
		padding: 40px 0px;
	}
	.news .content{
		margin-top: 30px;
	}
	.news .content ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.news .content{
		margin-top: 4%;
	}
	.news .content ul li:nth-child(3n){
		margin-right: 4%;
	}
	.news .content ul li:nth-child(2n){
		margin-right: 0;
	}
	.news .box .time{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.news .box .time .date{
		font-size: 20px;
	}
	.news .box .t1{
		font-size: 20px;
	}
	.news .t1{
		font-size: 18px;
	}
	.news .box .more{
		margin-top: 12px;
	}
	.hot-tags ul li a{
		font-size: 15px;
	}
	.hot-tags{
		margin-top: 40px;
	}
	.new-list{
		padding-bottom: 40px;
	}
	.new-list .box{
		padding-bottom: 40px;
	}
	.new-list .box .right{
		display: none;
	}
	.new-list .box .left{
		width: 100%;
		padding-right: 0;
	}
	.new-list .box .left ul li .txtbox{
		padding-left: 3%;
	}
	.new-list .box .left ul li .txtbox .t1{
		font-size: 16px;
	}
	.new-list .box .left ul li .txtbox .t3{
		font-size: 15px;
	}
	/*新闻详情*/
	.new-details{
		padding: 20px 0px 40px;
	}
	.new-details .box .left{
		width: 100%;
	}
	.new-details .box .left .content{
		padding: 4%;
	}
	.new-details .box .left .title .t1{
		font-size: 24px;
		text-align: center;
	}
	.new-details .box .left .title .t2{
		text-align: center;
	}
	.new-details .box .left .txtbox{
		font-size: 14px;
		padding-bottom: 20px;
	}
	.new-details .box .right{
		display: none;
	}
	.prevnext{
		padding: 3% 4%;
	}
	.prevnext .return{
		display: none;
	}
	.prevnext .prev, .prevnext .next{
		width: 100%;
		text-align: left;
	}
	.prevnext .prev{
		margin-bottom: 10px;
	}
	/*关于我们*/
	.about{
		padding: 40px 0px 60px;
	}
	.about .box1 .txt{
		margin-top: 20px;
		padding-right: 4%;
	}
	.about .box1 .txt .t1{
		font-size: 28px;
		margin-bottom: 15px;
	}
	.about .box1 .txt .t2{
		font-size: 14px;
	}
	.about .box2 ul li .con{
		padding-left: 0;
	}
	.about .box2 ul li .t1{
		font-size: 40px;
		margin-bottom: 10px;
	}
	.about .box2 ul li .t1 .add{
		font-size: 32px;
	}
	.about .box2 ul li .t1 .unit{
		font-size: 14px;
	}
	/*合作伙伴*/
	.partner{
		padding-bottom: 60px;
	}
	.partner .content{
		padding-top: 40px;
	}
	.partner .title .t1{
		font-size: 26px;
	}
	.partner .title .t2{
		font-size: 16px;
	}
	.partner .box .btndiv{
		text-align: center;
		margin-top: 20px;
	}
	/*联系方式*/
	.contact{
		padding: 40px 0px;
	}
	.contact .box .txtbox{
		padding-right: 0;
	}
	.contact .box .txtbox .title{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.contact .box .txtbox ul li{
		font-size: 14px;
	}
	/*发展历程*/
	.history{
		padding: 50px 0px 60px;
	}
	.history .box .boxli .details{
		padding-top: 20px;
	}
	/*荣誉资质*/
	.honor{
		padding: 50px 0px;
	}
	.honor .box{
		margin-top: 30px;
	}
	.honor .box ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
	.honor .box ul li:nth-child(4n){
		margin-right: 2%;
	}
	.honor .box ul li:nth-child(3n){
		margin-right: 2%;
	}
	.honor .box ul li:nth-child(2n){
		margin-right: 0;
	}
	/*.honor .box ul li .imgbox{
		height: 250px;
		line-height: 250px;
	}*/
	.honor .box ul li .txtbox .txt{
		font-size: 14px;
	}
	/*招贤纳士*/
	.recruit{
		padding: 50px 0px;
	}
	.recruit .box{
		margin-top: 30px;
	}
	.recruit .box ul li .job-title{
		font-size: 16px;
		border-right: none;
	}
	.recruit .box ul li .introduce{
		border-left: #eeeeee solid 1px;
	}
	.recruit .box ul li .introduce .sp{
		width: 50%;
	}
	.recruit .box ul li .details{
		padding: 3% 4%;
	}
	/*搜索*/
	.search-div{
		padding: 50px 0px;
	}
	.search-result{
		padding-top: 30px;
	}
	.search-result ul li a{
		font-size: 15px;
		padding: 12px;
	}
	.search-result ul li a .txtli{
		padding-bottom: 10px;
		line-height: 1.6;
	}
	/**/
	.o-menu{
		position: static;
	}
	/**/
	.procedure ul li .icon{
		width: 78px;
		height: 78px;
		padding: 6px;
	}
	.procedure ul li .icon .img{
		height: 65px;
		line-height: 65px;
	}
	.procedure ul li .icon .img img{
		max-width: 25px;
		max-height: 22px;
	}
	.procedure ul li .text .t1{
		font-size: 16px;
	}
	.procedure ul li .text .t2{
		font-size: 18px;
	}
	.procedure ul li:nth-child(4) i{
		right: 43%;
	}
}
@media screen and (max-width: 767px){
	/*发展历程*/
	.history{
		padding: 40px 0px 50px;
	}
	.history .box{
		margin-top: 20px;
	}
	.history .box .boxli .time .spot, .history .box .line{
		display: none;
	}
	.history .box .boxli .details{
		border-top: none;
		width: 100%;
	}
	.history .box .boxli .time{
		width: 100%;
	}
	.history .box .boxli .time .spot, .history .box .line{
		display: none;
	}
	.history .box .boxli .details{
		border-top: none;
		width: 100%;
	}
	.history .box .boxli .time{
		width: 100%;
	}
	.history .box .boxli .details .imgbox{
		max-width: 100%;
		width: 100%;
	}
	.history .box .boxli .details .txtbox{
		margin-top: 20px;
		width: 100%;
		max-height: 100%;
		padding: 0 4%;
		margin-left: 0;
		overflow: hidden;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.history .box .boxli .details .plus{
		display: none;
	}
	.history .box .boxli .time{
		margin-top: 0;
	}
	.history .box .boxli .time .years{
		color: #007dfc;
		font-size: 24px;
	}
	.history .box .boxli .details .txtbox li{
		padding: 0 15px;
	}
	/*案例详情*/
	.case-details .box .other .left{
		width: 100%;
		margin-bottom: 15px;
	}
	.case-details .box .other .right{
		float: left;
		margin-bottom: 10px;
	}
	.bgimg .img1{
		display: none;
	}
	.bgimg .img2{
		display: block;
	}
	/**/
	.procedure ul li{
		width: 33.33%;
		margin: 20px auto 10px;
	}
	.procedure ul li:nth-child(5), .procedure ul li:nth-child(6), .procedure ul li:nth-child(7), .procedure ul li:nth-child(8) {
	    float: left;
	}
	.procedure ul li i{
		display: none;
	}
	/*.procedure ul li:nth-child(4) i{
		right: -11px;
    	top: 45px;
		bottom: auto;
		transform: ;
	}
	.procedure ul li:nth-child(3n) i{
		right: 43%;
	    top: auto;
	    bottom: -36px;
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    transform: rotate(90deg);
	}*/
	
}
@media screen and (max-width: 640px){
	/*header*/
	.header .m-nav ul li>a, .one-level{
		font-size: 16px;
	}
	.submenu .submenu-li a{
		font-size: 14px;
	}
	.m-nav .m-search input{
		height: 40px;
		line-height: 40px;
	}
	/*计价器弹窗*/
	.maskbg .box .content .title .t1{
		font-size: 16px;
	}
	.maskbg .box .content .title .t2{
		font-size:24px;
	}
	.maskbg .box .content .data .other .left{
		width: 100%;
	}
	.maskbg .box .content .data .other .right{
		width: 100%;
		height: 55px;
	}
	.submit-btn{
		font-size: 18px;
	}
	/*footer*/
	.footer{
		padding-bottom: 15px;
	}
	.footer .title{
		font-size: 18px;
	}
	.footer-item .box .txt{
		font-size: 14px;
	}
	.footer-item .box .other .consult a{
		padding: 0 15px;
		height: 36px;
    	line-height: 36px;
    	font-size: 14px;
	}
	.footer-item .box .other .consult a img{
		width: 20px;
	}
	.footer-contact ul{
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.footer-contact ul li{
		margin-bottom: 5px;
	}
	.footer .copyright{
		padding-top: 15px;
	}
	.footer-top{
		padding: 30px 0px 0px;
	}
	.footer-item .box .other{
		margin-top: 15px;
	}
	.footer .copyright{
		margin-top: 15px;
		padding-top: 15px;
	}
	.footer .copyright .right{
		margin-top: 5px;
	}
	.links{
		margin-top: 5px;
	}
	.links .link-title .sp{
		margin-left: 0;
	}
	/*banner*/
	.i-bannerzi .t1{
		font-size: 24px;
	}
	.i-bannerzi .t2{
		font-size: 18px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 24px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 16px;
	}
	/*标题*/
	.i-title{
		padding-bottom: 6px;
	}
	.i-title .t1{
		font-size: 24px;
	}
	.i-title .t2{
		font-size: 14px;
		margin-top: 8px;
	}
	.i-title .t3{
		font-size: 15px;
		margin-top: 8px;
	}
	.i-title .t4{
		font-size: 14px;
		margin-top: 8px;
	}
	/*index 数字滚动*/
	.numbers ul li{
		width: 50%;
		padding: 3% 0;
	}
	.numbers ul li .box{
		text-align: center;
	}
	.numbers ul li .t1{
		font-size: 28px;
	}
	.numbers ul li:nth-child(1), .numbers ul li:nth-child(4){
		background-color: #1777c1;
	}
	.numbers ul li:nth-child(2), .numbers ul li:nth-child(3){
		background-color: #1a7bc6;
	}
	/**/
	.i-cooperation .box .content .t1{
		font-size: 24px;
	}
	.i-cooperation .box .content .t2{
		font-size: 24px;
	}
	/*我们的优势*/
	.i-advantage .content{
		padding-bottom: 30px;
	}
	.i-advantage .details .title .left, .i-advantage .details .title .right{
		font-size: 18px;
	}
	.i-advantage .details ul li .txtbox{
		height: 65px;
	}
	.i-advantage .details .title .middle{
		font-size: 28px;
	}
	.i-advantage .details ul li .middle{
		width: 65px;
		height: 65px;
	}
	.i-advantage .details ul li .middle .text{
		font-size: 14px;
		margin-top: 14px;
	}
	.i-advantage .details ul li .txt{
		font-size: 14px;
	}
	/*首页新闻*/
	.new-box .time .date{
		font-size: 24px;
	}
	.new-box .txtbox .t1{
		font-size: 15px;
		min-height: 45px;
	}
	/*案例*/
	.cases{
		padding-bottom: 40px;
	}
	.case-box .txtbox{
		padding: 20px 15px;
	}
	.cases ul li{
		width: 100%;
		margin-right: 0;
	}
	.case-box .imgbox .img{
		background-size: cover;
	}
	.case-box .txtbox .t1{
		margin-bottom: 10px;
	}
	.case-box .txtbox .t1 .sp{
		padding-bottom: 10px;
	}
	.case-box .txtbox .t2{
		font-size: 15px;
	}
	.case-box .txtbox .t3{
		margin-top: 5px;
	}
	/*案例详情*/
	.case-details{
		padding-top: 10px;
	}
	.case-details .box{
		margin-top: 40px;
		padding-bottom: 40px;
	}
	.case-details .box .title .t1{
		font-size: 20px;
	}
	.case-content{
		padding: 30px 0px;
	}
	.recommend-case{
		margin-bottom: 30px;
	}
	.recommend-case ul{
		margin-top: 30px;
	}
	.recommend-case ul li{
		width: 100%;
		margin-right: 0;
	}
	.case-details .box .other .left{
		margin-bottom: 10px;
	}
	.case-details .box .other .right{
		margin-bottom: 5px;
	}
	/*业务流程*/
	.whole-process{
		padding-bottom: 40px;
	}
	.process-box{
		margin-top: 25px;
	}
	.process-box .title .t1{
		font-size: 22px;
	}
	.process-box .box{
		margin-top: 20px;
	}
	.process-box .switch-menu ul li{
		margin-right: 15px;
		padding-bottom: 20px;
	}
	.process-box .switch-menu ul li span {
		min-width: 120px;
		font-size: 14px;
	}
	.view-cases{
		padding: 30px 0px;
	}
	.view-cases .title .t1{
		font-size: 22px;
	}
	.view-cases .box .content{
		width: 94%;
	}
	/* 立即体验一站式商业办公空间解决方案 */
	.consult-banner{
		padding: 40px 0px;
	}
	.consult-banner .box .t1{
		font-size: 24px;
		
	}
	.consult-banner .box .t2 a, .t2021 a{
		margin-top: 20px;
		width: auto;
		min-width: 140px;
		font-size: 14px;
	}
	/* 方案报价 */
	.quoted-price .i-title{
		margin-top: 15px;
	}
	.quoted-price .box{
		/*margin-top: 22%;*/
		margin-top: 20px;
	}
	.quoted-price .box .title{
		font-size: 20px;
	}
	.quotation{
		padding: 40px 0px 20px;
	}
	.quotation .box{
		margin-top: 20px;
	}
	.quotation .box ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.customized{
		padding: 30px 0px;
	}
	.customized .content{
		margin-top: 20px;
	}
	.customized-box .swiper-slide a .txt{
		font-size: 15px;
	}
	.quoted-price .box .right{
		display: none;
	}
	/*装修攻略*/
	.news{
		padding: 30px 0px;
	}
	.news .box .imgbox{
		width: 100%;
	}
	.news .box .txtbox{
		width: 100%;
		margin-top: 0;
		padding: 6% 4%;
	}
	.news .txtbox{
		padding: 6% 4%;
	}
	.news .t1{
		font-size: 16px;
		height: auto;
	}
	.news .box .t1{
		font-size: 18px;
	}
	.news .time .date{
		font-size: 20px;
	}
	.news .content ul{
		margin-bottom: 20px;
	}
	.news .content ul li{
		width: 100%;
	}
	.hot-tags{
		margin-top: 30px;
	}
	.hot-tags ul li{
		margin-right: 15px;
	}
	.hot-tags ul li a{
		font-size: 14px;
	}
	.new-list{
		padding-bottom: 30px;
	}
	.hot-tags ul{
		margin-top: 15px;
	}
	.new-list{
		margin-top: 20px;
	}
	.new-list .box .left ul li{
		margin-bottom: 4%;
	}
	.new-list .box .left ul li:last-child{
		margin-bottom: 0;
	}
	.new-list .box .left ul li a{
		padding: 0;
		background-color: #f5f7f9;
	}
	.new-list .box .left ul li .imgbox{
		width: 100%;
	}
	.new-list .box .left ul li .txtbox{
		width: 100%;
		padding: 6% 4%;
	}
	.new-list .box .left ul li .txtbox .t1{
		margin-top: 0;
		margin-bottom: 10px;
	}
	/*新闻详情*/
	.new-details{
		padding: 20px 0px 40px;
	}
	.new-details .box .left{
		width: 100%;
	}
	.new-details .box .left .content{
		padding: 4%;
	}
	.new-details .box .left .title .t1{
		font-size: 20px;
	}
	.new-details .box .left .title .t2 .sp{
		margin-right: 20px;
	}
	/*关于我们*/
	.o-menu ul li a{
		padding: 15px 0px;
	}
	.about{
		padding: 30px 0px 20px;
	}
	.about .box1 .txt{
		width: 100%;
		margin-top: 20px;
		padding-right: 0;
	}
	.about .box1 .txt .t1{
		font-size: 24px;
	}
	.about .box1 .img{
		width: 100%;
	}
	.about .box2{
		margin-top: 30px;
	}
	.about .box2 ul li{
		width: 50%;
		text-align: center;
		margin: 20px auto 30px;
	}
	.about .box2 ul li .con{
		width: 100%;
		padding-right: 0 !important;
		text-align: center;
	}
	.about .box2 ul li .t1{
		font-size: 32px;
		margin-bottom: 0px;
	}
	.about .box2 ul li .t1 .add{
		font-size: 28px;
	}
	.about .box2 ul li .t2{
		font-size: 15px;
	}
	/*合作伙伴*/
	.partner{
		padding-bottom: 50px;
	}
	.partner .content{
		padding-top: 30px;
	}
	.partner .title .t1{
		font-size: 22px;
	}
	.partner .title .t2{
		font-size: 15px;
	}
	.partner .box .btndiv{
		text-align: center;
		margin-top: 15px;
	}
	.partner .box ul li{
		width: 33.33%;
		width: calc(100% / 3);
		width: calc(100% / 3);
		width: calc(100% / 3);
	}
	/*联系方式*/
	.contact{
		padding: 30px 0px;
	}
	.contact .box .imgbox{
		width: 100%;
	}
	.contact .box .txtbox{
		width: 100%;
	}
	.contact .box .txtbox .title{
		font-size: 24px;
		margin-bottom: 20px;
	}
	/*荣誉资质*/
	.honor{
		padding: 40px 0px 30px;
	}
	.honor .box{
		margin-top: 20px;
	}
	.honor .box ul li{
		width: 100%;
		margin-right: 0;
	}
	/*.honor .box ul li .imgbox{
		height: 240px;
		line-height: 240px;
	}*/
	/*招贤纳士*/
	.recruit{
		padding: 40px 0px;
	}
	.recruit .box{
		margin-top: 20px;
	}
	.recruit .box ul li .top{
		position: relative;
		display: block;
	}
	.recruit .box ul li .job-title{
		float: none;
		width: 100%;
		font-size: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 3%;
		padding-right: 70px;
		border-bottom: #EEEEEE solid 1px;
		text-align: left;
	}
	.recruit .box ul li .introduce{
		float: none;
		padding: 3% 4%;
		width: 100%;
		/*width: -moz-calc(78.6% - 60px);
		width: -webkit-calc(78.6% - 60px);
		width: calc(78.6% - 60px);*/
	}
	.recruit .box ul li .introduce .sp{
		/*width: 100%;
		margin: 4px auto;*/
	}
	.recruit .box ul li .operate{
		position: absolute;
		top: 7px;
		right: 0;
		width: 60px;
		margin-right: 10px;
	}
	.recruit .box ul li .operate span{
		width: 60px;
		height: 36px;
		line-height: 36px;
	}
	.recruit .box ul li .details .tips{
		min-width: 100%;
		padding: 12px 18px;
	}
	/*搜索*/
	.search-div{
		padding: 40px 0px;
	}
	.search-result{
		padding-top: 20px;
	}
	.search-result ul li a{
		font-size: 14px;
	}
	.search-div .con{
		margin-bottom: 20px;
	}
	.search-div .con input, .search-div .con .t2{
		height: 45px;
		line-height: 45px;
	}
	.search-div .box .tips .t1{
		font-size: 15px;
	}
	.search-div .box .tips .t2{
		font-size: 14px;
	}
	/**/
	.procedure ul li{
		margin: 10px auto;
	}
	.procedure ul li .icon{
		width: 68px;
		height: 68px;
	}
	.procedure ul li .icon .img{
		height: 55px;
		line-height: 55px;
	}
	.procedure ul li .text .t1{
		font-size: 14px;
	}
	.procedure ul li .text .t2{
		font-size: 16px;
	}
}
@media screen and (max-width: 414px){
	/*方案报价、计价器弹窗*/
	.maskbg .box{
		height: 100%;
		left: 50%;
		top: 50%;
		right: auto;
		bottom: auto;
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.maskbg .box .content{
		height: 560px;
		overflow: auto;
		padding-bottom: 40px;
		margin-bottom: 25px;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.maskbg .box .content .title .t1{
		font-size: 14px;
	}
	.maskbg .box .content .title .t2{
		font-size: 20px;
	}
	.maskbg .box .content .data{
		margin-top: 20px;
	}
	.maskbg .box .content .data .data-li{
		margin-bottom: 0px;
	}
	.maskbg .box .content .data .data-li .half{
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}
	.maskbg .box .content .data .data-li .input-li{
		margin-bottom: 12px;
		padding: 0 15px;
	}
	.maskbg .box .content .data .data-li .input-li input, .maskbg .dropmenurel01-tit{
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
	.maskbg .box .content .data .data-li .input-li .unit{
		line-height: 45px;
	}
	.maskbg .box .content .data .other .right{
		height: 45px;
	}
	.maskbg .dropmenurel01-tit{
		padding: 0 15px;
	}
	.maskbg .dropmenurel01-options li{
		font-size: 14px;
		padding: 8px 15px;
	}
	.submit-btn{
		font-size: 16px;
	}
	.maskbg .box .content{
		width: 100%;
		max-height: 80%;
	}
	.popup-close{
		right: 0;
		top: 5%;
	}
	.popup-close img{
		width: 30px;
	}
	/*footer*/
	.footer-top{
		padding: 25px 0px 0px;
	}
	.footer-contact ul li{
		padding-left: 28px;
	}
	.footer-contact{
		margin-top: 25px;
	}
	.footer .copyright{
		margin-top: 10px;
	}
	/*banner*/
	.i-bannerzi .t1{
		font-size: 20px;
	}
	.i-bannerzi .t2{
		font-size: 16px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.lunbotu .swiper-pagination-bullet-active{
		width: 24px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 20px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 14px;
	}
	/*标题*/
	.i-title .t1{
		font-size: 20px;
	}
	.i-title .t3{
		font-size: 14px;
	}
	/*index 数字滚动*/
	.numbers ul li .t1{
		font-size: 28px;
	}
	/*办公室装修项目效果图*/
	.decoration-drawing{
		padding: 30px 0px;
	}
	.decoration-drawing .box{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.decoration-drawing .box .fl ul li{
		width: 100%;
		margin-right: 0;
	}
	/**/
	.i-cooperation .box .content .t1{
		font-size: 20px;
	}
	.i-cooperation .box .content .t2{
		font-size: 20px;
	}
	/*我们的优势*/
	.combination{
		padding: 30px 0px;
	}
	.i-advantage .content{
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.i-advantage .details ul{
		margin-top: 20px;
	}
	.i-advantage .details ul li .txtbox{
		height: 70px;
	}
	.i-advantage .details .title .middle{
		font-size: 24px;
	}
	.i-advantage .details .title .left, .i-advantage .details .title .right{
		font-size: 16px;
	}
	.i-advantage .details .title .middle .sp2{
		margin-left: 5px;
	}
	.i-advantage .details .title .left img{
		margin-right: 5px;
	}
	/*业务流程*/
	.i-process{
		margin-top: 15px;
		padding-top: 30px;
	}
	.i-process .imgbox{
		margin-top: 20px;
	}
	/*合作伙伴*/
	.i-partner{
		padding: 30px 0px;
	}
	.i-partner .box{
		margin-top: 20px;
	}
	.partner-img{
		line-height: 90px;
	}
	/*首页新闻*/
	.i-news .box{
		padding: 30px 0px 50px;
	}
	.i-newsdiv{
		margin-top: 30px;
	}
	.new-box .time .date{
		font-size: 20px;
	}
	.new-box .txtbox .t1{
		font-size: 14px;
	}
	.new-box .txtbox .more{
		margin-top: 15px;
	}
	/*分页*/
	.page-list a{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 15px;
	}
	/*案例详情*/
	.case-details{
		padding-top: 0px;
	}
	.case-details .box{
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.case-content{
		padding: 20px 0px;
	}
	.recommend-case{
		margin-bottom: 20px;
	}
	.recommend-case ul{
		margin-top: 20px;
	}
	.pc-slide .arrow-right, .pc-slide .arrow-left{
		top: 28%;
	}
	/*业务流程*/
	.whole-process{
		padding-bottom: 30px;
	}
	.process-box{
		margin-top: 20px;
	}
	.process-box .title .t1{
		font-size: 20px;
	}
	.view-cases .title .t1{
		font-size: 20px;
	}
	.view-cases .box .content{
		width: 90%;
	}
	.process-box .switch-menu ul li{
		margin-right: 10px;
	}
	.process-box .switch-menu ul li span{
		min-width: 100px;
		padding: 0px 10px;
	}
	/* 立即体验一站式商业办公空间解决方案 */
	.consult-banner{
		padding: 30px 0px;
	}
	.consult-banner .box .t1{
		font-size: 20px;
		
	}
	.consult-banner .box .t2 a, .t2021 a{
		min-width: 110px;
		margin-top: 20px;
		height: 36px;
    	line-height: 36px;
	}
	/* 方案报价 */
	.quoted-price{
		padding-top: 0px;
	}
	.quoted-price .box .title{
		font-size: 18px;
	}
	.quotation{
		padding: 30px 0px 10px;
	}
	.customized-box .swiper-button-next, .customized-box .swiper-button-prev{
		width: 40px;
		height: 40px;
		-moz-background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		background-size: 40px 40px;
	}
	/*装修攻略*/
	.news{
		padding: 10px 0px 30px;
	}
	.news .box .time{
		font-size: 14px;
	}
	.news .box .time .date{
		font-size: 18px;
	}
	/*新闻详情*/
	.new-details{
		padding: 10px 0px 20px;
	}
	.new-details .box .left .content{
		margin-bottom: 20px;
	}
	.new-details .box .left .other ul li{
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.new-details .box .left .other ul li a{
		height: 36px;
		line-height: 36px;
	}
	.prevnext{
		margin-top: 20px;
	}
	/*关于我们*/
	.about{
		padding: 20px 0px 10px; padding:0;
	}
	.about .box1 .txt .t1{
		font-size: 20px;
	}
	.about .box2{
		margin-top: 20px;
	}
	.about .box2 ul li .t1{
		font-size: 28px;
	}
	.about .box2 ul li .t1 .add{
		font-size: 24px;
	}
	.about .box2 ul li .t2{
		font-size: 14px;
	}
	/*合作伙伴*/
	.partner{
		padding-bottom: 40px;
	}
	.partner .content{
		padding-top: 20px;
	}
	.partner .title .t1{
		font-size: 18px;
	}
	.partner .title .t2{
		font-size: 14px;
	}
	.partner .box ul li{
		width: 50%;
	}
	/*联系方式*/
	.contact .box .txtbox .title{
		font-size: 20px;
		margin-bottom: 20px;
	}
	/*发展历程*/
	.history{
		padding: 30px 0px;
	}
	.history .box .boxli .time .years{
		font-size: 20px;
		padding-top: 10px;
	}
	.history .box .boxli .details .txtbox li{
		font-size: 14px;
	}
	.history .box .boxli .details .txtbox li i{
		top: 12px;
	}
	/*招贤纳士*/
	.recruit{
		padding: 30px 0px;
	}
	/*搜索*/
	.search-div{
		padding: 30px 0px;
	}
	.search-div .con{
		width: 90%;
	}
	.search-div .con input, .search-div .con .t2{
		height: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width: 375px) {
	.procedure ul li .text .t1{
		font-size: 12px;
	}
}

/*2020.8.26*/
.selectbox{
	width: 100%;
	background-color: #FFFFFF;
	height: 70px;
	line-height: 70px;
}
.selectbox select{
	width: 100%;
	color: #999;
	line-height:3;
    font-size: 16px;
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;  
    outline:none;
    background: #FFFFFF url(img/img6.png) no-repeat center right 20px;  
    background-size: 18px 9px;
	padding: 0 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.selectbox2{
	width: 100%;
	background-color: #FFFFFF;
}
.selectbox2 select{
	width: 100%;
	color: #999;
	line-height:3;
    font-size: 16px;
	border:#eeeeee solid 1px;
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;  
    outline:none;
    background: #FFFFFF url(img/img6.png) no-repeat center right 20px;  
    background-size: 18px 9px;
	padding: 0 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



/**/
.case-tags{
	margin: 25px auto 50px;
	overflow: hidden;
}
.case-tags ul{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 18px 0px;
	background-color: #FFFFFF;
}
.case-tags ul li{
	position: relative;
	float: left;
	width: auto;
	padding: 0px 50px;
	margin-right: 0 !important;
	margin-bottom: 0;
}
.case-tags ul li:last-child{
	padding-right: 0;
}
.case-tags ul li a{
	color: #666666;
	font-size: 16px;
	line-height: 2;
}
.case-tags ul li.on a{
	color: #007dfc;
}
.case-tags ul li a span{
	color: #e4e7ee;
	font-size: 16px;
}
 .case-tags ul li a::after,  .case-tags .all span::after{
 	content: "/";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #e4e7ee;
	font-size: 16px;
	height: 100%;
}
 .case-tags ul li:last-child a::after{
 	display: none;
 }
 .case-tags ul li a:hover{
 	color: #007dfc;
 }
/**/
@media screen and (max-width: 1440px){
	.case-tags {
	    padding-left: 3%;
	    padding-right: 3%;
	    -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
}
@media screen and (max-width: 1024px){
	.case-tags{
		margin: 15px auto 35px;
		padding: 0;
	}
	.case-tags ul{
		padding: 15px 0px;
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.case-tags ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.case-tags ul::-webkit-scrollbar-button{
		background-color:rgba(0,0,0,0);
	}
	.case-tags ul::-webkit-scrollbar-track{
		background-color:rgba(0,0,0,0);
	}
	.case-tags ul::-webkit-scrollbar-track-piece{
		background-color:rgba(0,0,0,0);
	}
	.case-tags ul::-webkit-scrollbar-thumb{
		background-color:rgba(0,0,0,0);
	}
	.case-tags ul::-webkit-scrollbar-corner{
		background-color:rgba(0,0,0,0);
	}
	.case-tags ul::-webkit-scrollbar-resizer{
		background-color:rgba(0,0,0,0);
	}
	.case-tags ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.case-tags ul li{
		display: inline-block;
		float: none;
		padding: 0px 40px;
	}
}
@media screen and (max-width: 768px){
	.selectbox{
		height: 55px;
		line-height: 55px;
	}
	.case-tags{
		margin: 10px auto 25px;
	}
	.case-tags ul{
		padding: 10px 0px;
	}
	.case-tags ul li{
		padding: 0px 30px 0px 24px;
	}
	.case-tags ul li a, .case-tags .all span{
		font-size: 15px;
	}
}
@media screen and (max-width: 640px){
	.case-tags ul li{
		padding: 0px 24px 0px 16px;
	}
}
@media screen and (max-width: 414px){
	.selectbox{
		height: 45px;
		line-height: 45px;
	}
	.selectbox select{
		font-size: 14px;
	}
}


.i-bannerzi .t3{
	color: #ffffff;
	font-size: 72px;
	font-family: "SourceHanSansCN-Bold";
	margin-bottom: 10px;
}
.i-bannerzi .t4{
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	font-family: 'SourceHanSansCN-Medium';
}
/*.i-bannerzi .t4 span{
	display: inline-block;
	vertical-align: text-bottom;
	width: 1px;
	height: 24px;
	background-color: #FFFFFF;
	margin: 0 15px;
}*/
.contact-now{
	text-align: center;
	margin-top: 30px;
}
.contact-now span{
	display: inline-block;
	color: #ffffff;
	font-size: 24px;
	line-height: 58px;
	padding: 0 45px;
	border: #FFFFFF solid 1px;
}
.contact-now span img{
	display: inline-block;
	vertical-align: baseline;
	margin-left: 10px;
}
@media screen and (max-width: 1440px){
	/*banner*/
	.i-bannerzi .t3{
		font-size: 56px;
	}
	.i-bannerzi .t4{
		font-size: 22px;
	}
	.contact-now span{
		font-size: 22px;
		line-height:52px;
		padding: 0 40px;
	}
	.i-bannerzi .t5{
		font-size: 48px;
	}
	.i-bannerzi .t6{
		font-size: 26px;
	}
	.i-bannerzi .line{
		width: 140px;
	}
}
@media screen and (max-width: 1024px){
	/*banner*/
	.i-bannerzi .t3{
		font-size: 44px;
	}
	.i-bannerzi .t4{
		font-size: 20px;
	}
	.contact-now span{
		font-size: 20px;
		line-height:50px;
		padding: 0 30px;
	}
	.i-bannerzi .t5{
		font-size: 36px;
		margin-bottom: 10px;
	}
	.i-bannerzi .t6{
		font-size: 20px;
		margin-top: 15px;
	}
	.i-bannerzi .line{
		width: 100px;
	}
}
@media screen and (max-width: 768px){
	/*banner*/
	.i-bannerzi .t3{
		font-size: 36px;
	}
	.i-bannerzi .t4{
		font-size: 18px;
	}
	.contact-now{
		margin-top: 20px;
	}
	.contact-now span{
		font-size: 18px;
		line-height: 40px;
		padding: 0 25px;
	}
	.contact-now span img{
		width: 20px;
	}
	.i-bannerzi .t5{
		font-size: 30px;
	}
	.i-bannerzi .t6{
		font-size: 18px;
	}
	.i-bannerzi .line{
		width: 80px;
	}
	.i-bannerzi .tu{
		margin-top: 20px;
	}
}
@media screen and (max-width: 640px){
	.i-bannerzi .t3{
		font-size: 30px;
		margin-bottom: 0;
	}
	.i-bannerzi .t4{
		font-size: 16px;
	}
	.contact-now{
		margin-top: 15px;
	}
	.contact-now span{
		font-size: 16px;
		line-height: 36px;
		padding: 0 20px;
	}
	.contact-now span img{
		width: 16px;
	}
	.i-bannerzi .t5{
		font-size: 26px;
		margin-bottom: 5px;
	}
	.i-bannerzi .t6{
		font-size: 16px;
		margin-top: 10px;
	}
	.i-bannerzi .line{
		width: 60px;
		height: 2px;
	}
	.i-bannerzi .tu{
		margin-top: 10px;
	}
}
@media screen and (max-width: 414px){
	.i-bannerzi .t3{
		font-size: 24px;
	}
	.i-bannerzi .t4{
		font-size: 15px;
	}
	.contact-now{
		margin-top: 10px;
	}
	.contact-now span{
		font-size: 15px;
		padding: 0 16px;
		line-height: 34px;
	}
	.contact-now span img{
		margin-left: 5px;
		width: 14px;
	}
	.i-bannerzi .t5{
		font-size: 20px;
	}
	.i-bannerzi .t6{
		font-size: 15px;
	}
}


/*2020.10.28*/
.itembox{
	overflow: hidden;
	background-color: #007dfc;
}
.itembox ul li{
	float: left;
	width: 25%;
	padding: 20px 0px;
	text-align: center;
	overflow: hidden;
}
.itembox ul li:nth-child(odd){
	background-color: #027af3;
}
.itembox ul li:nth-child(even){
	background-color: #007dfc;
}
.itembox ul li .box{
	display: inline-block;
	text-align: left;
}
.itembox ul li .t1{
	color: #ffffff;
	font-size: 36px; text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.itembox ul li .t2{
	color: #ffffff;
	font-size: 16px;    text-align: center;
}

@media screen and (max-width: 1680px){
	.itembox ul li{
		padding: 20px 0px;
	}
}
@media screen and (max-width: 1440px){
	.itembox ul li{
		padding: 20px 0px;
	}
	.itembox ul li .t1{
		font-size: 32px;
	}
}
@media screen and (max-width: 1024px){
	.itembox .conwidth{
		padding: 0;
	}
	.itembox ul li{
		padding: 30px 0px;
	}
	.itembox ul li .t1{
		font-size: 28px;
	}
	.itembox ul li .t2{
		font-size: 15px;
	}
}
@media screen and (max-width: 768px){
	.itembox ul li{
		padding: 25px 0px;
	}
	.itembox ul li .t1{
		font-size: 24px;
	}
	.itembox ul li .t2{
		font-size: 14px;
	}
}
@media screen and (max-width: 640px){
	.itembox ul li{
		width: 50%;
		padding: 4% 0;
	}
	.itembox ul li .box{
		width: 100%;
		padding-left: 5%;
		/*padding-right: 3%;*/
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.itembox ul li .t1{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.itembox ul li:nth-child(1), .itembox ul li:nth-child(4){
		background-color: #1777c1;
	}
	.itembox ul li:nth-child(2), .itembox ul li:nth-child(3){
		background-color: #1a7bc6;
	}
}
@media screen and (max-width: 414px){
	.itembox ul li .t1{
		font-size: 18px;
	}
}


/*2020.12新增*/
/*导航修改*/
.header .navcell{
	min-width: 130px;
	padding: 15px 15px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: #7b99d7 solid 1px;
	background-color: #ffffff;
}
.header .navcell .nav-li a{
	font-size: 16px;
}
.header .nav ul li{
	margin-right: 10px;
}
/*搜索*/
.header-other .x-search{
	position: relative;
	width: 290px;
	line-height: 59px;
	overflow: hidden;
}
.header-other .x-search::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width:2px;
	height: 80%;
	border-left: #eeeeee solid 1px;
}
.header-other .x-search .txt{
	float: left;
	width: 85%;
	background-color: #FFFFFF;
	padding: 0px 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.header-other .x-search .txt input{
	width: 100%;
	background: no-repeat;
	border: none;
	outline: none;
	color: #222;
	font-size: 14px;
}
.header-other .x-search .txt input::-webkit-input-placeholder {
    color: #d0d0d0;
}
.header-other .x-search .txt input:-moz-placeholder {
	color: #d0d0d0;
}
.header-other .x-search .txt input::-moz-placeholder {
	color: #d0d0d0;
}
.header-other .x-search .txt input:-ms-input-placeholder {
	color: #d0d0d0;
}
.header-other .x-search .icon{
	float: left;
	width: 15%;
	overflow: hidden;
	background: url(img/search.png) center no-repeat;
}
/*标题*/
.i-title.left{
	text-align: left;
}
.i-title .t5{
	font-weight: bold;
	color: #222222;
	font-size: 36px;
	/*margin-top: 20px;*/
}
.i-title.white .t2, .i-title.white .t5{
	color: #FFFFFF;
}
.i-title .t6{
	color: #222222;
	font-size: 36px;
}
.bgcolor1{
	background-color: #f0f5f8;
}
/*工地参观*/
/*前沿工艺*/
.ce-technology{
	padding-top: 50px;
	padding-bottom: 110px;
}
.ce-technology .box{
	margin-top: 40px;
}
.ce-technology .box .cont-li{
	float: left;
	width: 25%;
	padding: 5px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ce-technology .box .cont-li.big{
	width: 50%;
}
.ce-technology .box .cont-li .s-box{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.ce-technology .box .cont-li .s-box .imgbox{
	width: 100%;
	overflow: hidden;
}
.ce-technology .box .cont-li .s-box .imgbox .img{
	width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    -o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ce-technology .box .cont-li .s-box .imgbox img{
	/*width: 100%;*/
    opacity: 0;
	height: 100%;
}
.ce-technology .box .cont-li:hover .imgbox .img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ce-technology .box .cont-li .txtbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 100%;
	background: rgba(0,0,0,.6);
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ce-technology .box .cont-li .txtbox .sp{
	position: relative;
	display: inline-block;
	padding-bottom: 40px;
	font-family: arial;
	font-size: 18px;
	writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
}
.ce-technology .box .cont-li .txtbox .sp::after{
	content: '';
	position: absolute;
	bottom: 14%;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 35%;
	background-color: #FFFFFF;
}
.ce-technology .box .cont-li .txtimg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.ce-technology .box .cont-li .txtimg .person{
	display: inline-block;
	vertical-align: middle;
	width: 37%;
	overflow: hidden;
	text-align: center;
}
.ce-technology .box .cont-li .txtimg .person img{
	max-width: 100%;
}
.ce-technology .box .cont-li .txtimg .word{
	display: inline-block;
	vertical-align: middle;
	max-width: 60%;
	text-align: center;
	/*padding: 0px 20px;*/
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ce-technology .box .cont-li .txtimg .word .t1{
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 12px;
}
.ce-technology .box .cont-li .txtimg .word .t2{
	font-weight: lighter;
	color: #ffffff;
	font-size: 14px;
}
/*工地参观页面、完美交付页面*/
/*标准化工程文件*/
.e-documents{
	padding: 5% 0 4.7%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.e-documents .box{
	position: relative;
    padding: 0px 75px;
    margin-top: 50px;
    overflow: hidden;
}
.e-documents .ed-div{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 65px;
}
.e-documents .ed-div .swiper-slide a{
	display: block;
	width: 100%;
	text-align: center;
}
.e-documents .ed-div .swiper-slide a img{
	width: 100%;
}
.e-documents .swiper-button-next, .e-documents .swiper-button-prev {
    position: absolute;
    top: 32%;
    width: 50px;
    height: 50px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
.e-documents .swiper-button-prev, .e-documents .swiper-container-rtl .swiper-button-next{
    background-image: url(img/x18.png);
    left: 0;
    right: auto;
}
.e-documents .swiper-button-next, .e-documents .swiper-container-rtl .swiper-button-prev {
    background-image: url(img/x19.png);
    right: 0;
    left: auto;
}
.e-documents .swiper-button-next.swiper-button-disabled, .e-documents .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.e-documents .swiper-button-next.swiper-button-disabled{
	background-image: url(img/x17.png);
}
.e-documents .swiper-button-prev.swiper-button-disabled{
	background-image: url(img/x16.png);
}
.e-documents .swiper-container-horizontal>.swiper-pagination-bullets, .e-documents .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0;
}
.e-documents .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 4px;
}
.e-documents .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #dae2e7;
    opacity: 1;
}
.e-documents .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fe6012;
}
/*文明工地*/
.civilized-site{
	padding-top: 110px;
	padding-bottom: 70px;
}
.civilized-site .box{
	margin-top: 50px;
}
.civilized-site .box ul li{
	float: left;
	width: -moz-calc((100% - 72px) / 4);
	width: -webkit-calc((100% - 72px) / 4);
	width: calc((100% - 72px) / 4);
	margin-right: 24px;
	margin-bottom: 10px;
}
.civilized-site .box ul li:nth-child(4n){
	margin-right: 0;
}
.civilized-site .box ul li .img{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.civilized-site .box ul li .img img{
	width: 100%;
}
.civilized-site .box ul li .txt{
	padding: 25px 15px;
	text-align: center;
	color: #222222;
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*40+岗位流程，标准化无缝对接*/
.docking{
	position: relative;
}
.docking::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 55%;
	background-color: #ecf2f5;
}
.docking .box{
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 4.5% 0 7%; 
	background-color: #007dfc;
}
.docking .box::before{
	content: '';
	position: absolute;
	left: -80px;
	top: 0;
	width: 84px;
	height: 100%;
	background: url(img/x33.png) center no-repeat;
}
.docking .box::after{
	content: '';
	position: absolute;
	right: -80px;
	top: 0;
	width: 84px;
	height: 100%;
	background: url(img/x34.png) center no-repeat;
}
.docking .box .content{
	margin-top: 50px;
	text-align: center;
}
.docking .box .content form{
}
.docking .box .content .inli{
	display: inline-block;
	vertical-align: top;
    width: 300px;
    padding: 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 30px;
    background-color: #FFFFFF;
    overflow: hidden;
}
.docking .box .content .inli input{
	width: 100%;
    height: 60px;
    line-height: 60px;
    background: none;
    border: none;
    outline: none;
    color: #333333;
    font-size: 14px;
}
.docking .box .content input::-webkit-input-placeholder{
    color: #c8c8c8;
}
.docking .box .content input:-moz-placeholder{
  	color: #c8c8c8;
}
.docking .box .content input::-moz-placeholder{
  	color: #c8c8c8;
}
.docking .box .content input:-ms-input-placeholder{
  	color: #c8c8c8;
}
.docking .box .content .btnli{
    display: inline-block;
	vertical-align: top;
	width: 300px;
    background-color: #fe6012;
    height: 60px;
    line-height: 60px;
}
.docking .box .content .btnli input {
	background: none;
    border: none;
    outline: none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}
/*在建工地*/
.constructing{
	padding-top: 100px;
	padding-bottom: 80px;
}
.constructing .box{
	margin-top: 45px;
}
.constructing .box ul li{
	padding: 40px 0px;
	overflow: hidden;
}
.constructing .box>ul>li:nth-child(odd){
	background-color: #f5f8fa;
}
.constructing .box>ul>li:nth-child(even){
	background-color: #f1f4f6;
}
.constructing .box ul li .imgbox{
	float: left;
	width: 30.7%;
	padding: 0 2.85%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.constructing .box ul li .imgbox img{
	max-width: 100%;
	border-radius: 4px;
}
.constructing .box ul li .txtbox{
	float: left;
	width: 69.3%;
	padding-right: 4.5%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.constructing .box ul li .txtbox .txt{
	width: 100%;
	overflow: hidden;
}
.constructing .box ul li .txtbox .txt .tit{
	float: left;
	max-width: 70%;
	color: #222222;
	font-size: 18px;
	font-weight: bold;
}
.constructing .box ul li .txtbox .txt .tit img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.yuyue{
	float: right;
}
.yuyue a{
	display: inline-block;
	background-color: #007dfc;
	height: 40px;
	line-height: 40px;
	padding: 0px 25px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
}
.constructing .box ul li .txtbox .infor{
	padding-left: 35px;
}
.constructing .box ul li .txtbox .infor span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 90px;
	color: #666666;
	font-size: 14px;
}
.constructing .box ul li .txtbox .infor span img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.constructing .box ul li .txtbox ul{
	margin-top: 50px;
	overflow: hidden;
}
.constructing .box ul li .txtbox ul li{
	float: left;
	width: 14.28%;
	text-align: center;
	padding: 0px;
}
.constructing .box ul li .txtbox ul li .icon{
	position: relative;
	width: 100%;
}
.constructing .box ul li .txtbox ul li .icon span{
	position: relative;
	z-index: 2;
	display: block;
	margin: auto;
	width: 20px;
	height: 20px;
	background: url(img/x38.png) center no-repeat;
	background-size: 20px 20px;
}
.constructing .box ul li .txtbox ul li.on .icon span{
	background: url(img/x39.png) center no-repeat;
	background-size: 20px 20px;
}
.constructing .box ul li .txtbox ul li .icon::before{
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	margin-top: -1px;
	width: 50%;
	height: 2px;
	background-color: #becdde;
}
.constructing .box ul li .txtbox ul li .icon::after{
	content:'';
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	margin-top: -1px;
	width: 50%;
	height: 2px;
	background-color: #becdde;
}
.constructing .box ul li .txtbox ul li.on .icon::before, .constructing .box ul li .txtbox ul li.on .icon::after{
	background-color: #007dfc;
}
.constructing .box ul li .txtbox ul li:first-child .icon::before, .constructing .box ul li .txtbox ul li:last-child .icon::after{
	display: none;
}
/*.constructing .box ul li .txtbox ul li.on:nth-child(4) .icon::after{
	background-color: #becdde;
}*/
/*[class~='on']:last-of-type{
	background-color: #becdde;
}
.constructing .box ul li .txtbox ul li.on:last-of-type{
	background-color: #becdde;
}*/

.constructing .box ul li .txtbox ul li.on.last .icon::after{
	background-color: #becdde;
}

.constructing .box ul li .txtbox ul li .word{
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
}
.constructing .box ul li .txtbox ul li.on .word{
	color: #007dfc;
}
/*合作伙伴*/
.c-partner{
	padding-bottom: 70px;
}
.c-partner .box{
	padding-top: 30px;
}
.c-partner .box ul{
	margin-top: 40px;
	margin-bottom: 50px;
}
.c-partner .box ul li{
	float: left;
	width: 11.56%;
	margin-right: 1.07%;
	margin-bottom: 1.07%;
}
.c-partner .box ul li:nth-child(8n){
	margin-right: 0;
}
.c-partner .box ul li a{
	position: relative;
	display: block;
	width: 100%;
}
.c-partner .box ul li>a>img{
	width: 100%;
}
.c-partner .box ul li .mask{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(14,110,184,.9);
}
.c-partner .box ul li:hover .mask{
	opacity: 1;
}
.c-partner .box ul li .mask .txt{
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	margin-top: 20px;
	word-break: break-word;
}
.c-partner .box ul li .cont{
	position: absolute;
	left: 0;
	top: 50%;
	-o-transform: ttranslateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
}
.c-partner .load-more{
	text-align: center;
}
.c-partner .load-more a{
	color: #222222;
	font-size: 14px;
	text-decoration: underline;
}
/*环保体系*/
.s-materials{
	padding-top:  0px;
}
.s-materials .box{
	margin-top: 40px;
}
.s-materials .box ul{
	text-align: center;
}
.s-materials .box ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 4.5%;
	width: 23%;
}
.s-materials .box ul li:nth-child(4n), .s-materials .box ul li:last-child{
	margin-right: 0;
}
.s-materials .box ul li .imgbox{
	width: 100%;
	overflow: hidden;
}
.s-materials .box ul li .imgbox .img{
	width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    -o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.s-materials .box ul li .imgbox img{
	width: 100%;
    opacity: 0;
}
.s-materials .box ul li:hover .imgbox .img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.s-materials .box ul li .txtbox{
	text-align: center;
	padding: 20px 20px 30px;
	overflow: hidden;
	border-bottom: #eeeeee solid 1px;
}
.s-materials .box ul li .txtbox .icon{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.s-materials .box ul li .txtbox .icon img{
	width: 11px;
	height: 20px;
}
.s-materials .box ul li .txtbox .t1{
	color: #222222;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.s-materials .box ul li .txtbox .t2{
	color: #666666;
	font-size: 14px;
	line-height: 2;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/*优质材料*/
.currency{
	padding-top: 100px;
	padding-bottom: 100px;
}
.high-quality-materials{
}
.currency.product-customization{
	padding-bottom: 130px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.currency .box{
	margin: 40px auto 0px;
	width: 100%;
	max-width: 1322px;
	padding-bottom: 70px;
	background-color: #FFFFFF;
}
.currency .cur-tab{
	position: relative;
	width: 100%;
}
.currency .cur-tab ul{
}
.currency .cur-tab ul li{
	float: left;
	width: 16.66666%;
	cursor: pointer;
	text-align: center;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	line-height: 78px;
	border-top: #95a4b4 solid 2px;
	background-color: #95a4b4;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.currency .cur-tab ul li.on, .currency .cur-tab ul li:hover{
	color: #222222;
	border-top: #fe6012 solid 2px;
	background-color: #ffffff;
}
.product-customization.currency .cur-tab ul li.on{
	color: #fe6012;
}
.currency .cur-box{
	margin-top: 40px;
}
.currency .cur-li{
	width: 96%; margin:0 auto;;
	overflow: hidden;
	display: none; height:420px;
}

.currency .on{
	display:block
}
/*.currency .cur-li.hide{
	display: none;
}*/
.currency .cur-img{ float:right; width:40%; text-align: center;}
.currency .cur-img img{ max-width:100% ; height: 420px;}
.currency .cur-tit{ float:left; width:58%;
}
.currency .cur-tit .t1{
	    color: #007dfc;
    font-size: 20px; border-bottom: 1px dashed #e4e4e3; margin-bottom:15px; padding-bottom: 15px;
}
.currency .cur-tit .t2{
 
	font-size: 14px; height: 260px;
	line-height: 2;border-bottom: 1px dashed #e4e4e3; margin-bottom:15px; padding-bottom: 15px;
 
}

.currency .cur-tit .phone{
 
	margin-top: 14px;
}
.currency .cur-tit .phone .icon{
	float: left;
	margin-right: 10px;
	margin-top: 6px;
}
.currency .cur-tit .phone .number{
	float: left;
	color: #007dfc;
	font-size: 27px;
	font-weight: bold;
	font-family: "DIN-BOLD"; 
}.currency .cur-tit .phone .number font{ letter-spacing:0.8px;}

.currency .cur-div{
	position: relative;
	padding: 0 6%;
	margin-top: 60px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.currency .cur-div .swiper-container{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.currency .cur-div .swiper-slide .pic, .currency .cur-div .swiper-slide a{
	display: block;
	width: 100%;
	text-align: center;
}
.currency .cur-div .swiper-slide a img{
	width: 100%;
}
.currency .swiper-button-next, .currency .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 9px 16px;
    -webkit-background-size: 9px 16px;
    background-size: 9px 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.currency .swiper-button-next, .currency .swiper-container-rtl .swiper-button-prev{
    background-image: url(img/x102.png);
    right: 4%;
    left: auto;
}
.currency .swiper-button-prev, .currency .swiper-container-rtl .swiper-button-next {
    background-image: url(img/x101.png);
    left: 4%;
    right: auto;
}
/*精工品质*/
.seiko-quality{
}
.seiko-quality .content{
	padding-top: 50px;
	padding-bottom: 60px;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.seiko-quality .content .box{
	margin-top: 50px;
}
.seiko-quality .content .box ul li{
	float: left;
	width: 30.9%;
	margin-right: 3.65%;
	margin-bottom: 3.65%;
	background-color: #FFFFFF;
}
.seiko-quality .content .box ul li:nth-child(3n){
	margin-right: 0;
}
.seiko-quality .content .box ul li a{
	display: block;
	width: 100%;
}
.seiko-quality .content .box ul li .imgbox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.seiko-quality .content .box ul li .imgbox{
	width: 100%;
	overflow: hidden;
}
.seiko-quality .content .box ul li .imgbox .img{
	width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    -o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.seiko-quality .content .box ul li .imgbox img{
	width: 100%;
    opacity: 0;
}
.seiko-quality .content .box ul li:hover .imgbox .img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.seiko-quality .content .box ul li .num{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 70px;
	height: 72px;
	border-radius: 40px 0px 0px 0px;
	background: url(img/x120.jpg) center no-repeat;
	background-size: cover;
	text-align: center;
}
.seiko-quality .content .box ul li .num span{
	display: inline-block;
	margin-top: 24px;
	font-family: arial;
	color: #ffffff;
	font-size: 24px;
	border-bottom: rgba(255,255,255,.3) dotted 1px;
}
.seiko-quality .content .box ul li .txtbox{
	text-align: center;
	padding: 40px 20px 50px 20px;
}
.seiko-quality .content .box ul li .txtbox .t1{
	color: #222222;
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.seiko-quality .content .box ul li .txtbox .t2{
	font-family: arial;
	font-size: 12px;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
}
.seiko-quality .content .box ul li .txtbox .t3{
	color: #666666;
	font-size: 14px;
	line-height: 2;
	max-width: 320px;
	width: 100%;
	margin: 15px auto 0px;
	min-height: 84px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/*免费服务*/
.free-service{
	background: #f0f5f8 url(img/x129.png) top right no-repeat;
}
.free-service .modular{
	padding-top: 70px;
}
.free-service .modular ul li{
	position: relative;
	float: left;
	width: 30.9%;
	margin-right: 3.65%;
	margin-bottom: 3.65%;
	border-radius: 10px;
	overflow: hidden;
}
.free-service .modular ul li:nth-child(3n){
	margin-right: 0;
}
.free-service .modular ul li .cont{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 25px 30px;
	overflow: hidden;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFFFFF;
}
.free-service .modular ul li .t1{
	font-family: arial;
	color: #999999;
	font-size: 18px;
	text-align: left;
}
.free-service .modular ul li .t2{
	font-weight: bold;
	color: #222222;
	font-size: 18px;
	text-align: center;
	margin: 40px auto 20px;
}
.free-service .modular ul li .t2 span{
	display: inline-block;
	color: #2a5cf8;
}
.free-service .modular ul li .t3{
	max-width: 260px;
	width: 100%;
	margin: 0 auto;
	line-height: 2;
	color: #666666;
	font-size: 14px;
	text-align: center;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.free-service .modular ul li .icon{
	text-align: center;
	margin-top: 15px;
}
.free-service .modular ul li .icon img{
	max-width: 30%;
}
.free-service .modular ul li .img{
	width: 100%;
	overflow: hidden;
}
.free-service .modular ul li .img img{
	width: 100%;
}
/*预约设计*/
.appointment-design{
	margin-top: 35px;
	padding-bottom: 100px;
}
.appointment-design .content{
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.appointment-design .content.bgcolor1{
	background-color: #f0f5f8;
}
.appointment-design .box{
	max-width: 1110px;
	width: 90%;
	margin: 0 auto;
}
.appointment-design .box form{
	margin-top: 30px;
}
.appointment-design .box .line{
	width: 100%;
	overflow: hidden;
}
.appointment-design .box .line .line-li{
	float: left;
	width: 31.53%;
	margin-right: 2.7%;
	margin-bottom: 2.7%;
	background-color: #f3f5f8;
	padding: 0px 30px 0px 35px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
}
.appointment-design .content.bgcolor1 .box .line .line-li{
	background-color: #FFFFFF;
}
.appointment-design .box .line .line-li:nth-child(3n){
	margin-right: 0;
}
.appointment-design .box .line .line-li.must{
	position: relative;
}
.appointment-design .box .line .line-li.must .sp{
	position: absolute;
	left: 12px;
	top: 22px;
	width: 10px;
	text-align: center;
	color: #fe6012;
	font-size: 14px;
}
.appointment-design .box .line .line-li input{
	width: 100%;
    color: #222222;
    font-size: 14px;
    height: 60px;
    border: none;
    background: none;
    outline: none;
}
.appointment-design .box .line .line-li.area{
	padding-right: 0;
}
.appointment-design .box .line .line-li.area input{
	float: left;
	width: 75%;
	overflow: hidden;
}
.appointment-design .box .line .unit{
	float: left;
	width: 25%;
	color: #222222;
	font-size: 14px;
	height: 60px;
	line-height: 45px;
	padding-left: 5%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.appointment-design .box .line .text-box{
	background-color: #f3f5f8;
	border-radius: 4px;
	padding: 20px 30px;
	min-height: 150px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.appointment-design .content.bgcolor1 .box .line .text-box{
	background-color: #FFFFFF;
}
.appointment-design .box .line .text-box textarea{
	width: 100%;
    resize: none;
    border: none;
    background: none;
    outline: none;
    font-family: "微软雅黑";
    color: #222222;
    font-size: 14px;
    line-height: 1.8;
}
.appointment-design .box .line input::-webkit-input-placeholder, 
.appointment-design .box .line textarea::-webkit-input-placeholder{
    color: #999999;
}
.appointment-design .box .line input:-moz-placeholder, 
.appointment-design .box .line textarea:-moz-placeholder{
  	color: #999999;
}
.appointment-design .box .line input::-moz-placeholder, 
.appointment-design .box .line textarea::-moz-placeholder{
  	color: #999999;
}
.appointment-design .box .line input:-ms-input-placeholder, 
.appointment-design .box .line textarea:-ms-input-placeholder{
  	color: #999999;
}
.appointment-design .box .btn {
    width: 250px;
    text-align: center; height:auto;
    background: url(img/x130.jpg) center no-repeat;
    background-size: cover;
    margin-top: 30px;
    border-radius: 4px;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.appointment-design .box .btn input{
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
	font-size: 18px;
	font-weight: bold;
    background: none;
    border: none;
    outline: none;
}
.appointment-design .box .btn:hover{
	box-shadow: 0px 0px 20px rgba(0,0,0,.2)
}
/*首页新增*/
.decoration-drawing .box .boxli.x-video{
	cursor: pointer;
}
.decoration-drawing .box .boxli.x-video .bg{
	background: url(img/xmbg.png) bottom center no-repeat;
    background-size: 100% auto;;
}
/*前沿设计*/
.d-title{
	position: relative;
}
.d-title .t1{
	color: #222222;
	font-size: 36px;
	font-weight: bold;
}
.d-title .t2{
	color: #666666;
	font-size: 14px;
	margin-bottom: 10px;
}
.d-title .t3{
	color: #666666;
	font-size: 16px;
	line-height: 2;
	margin-top: 15px;
}
.design-concept .d-title .t3{
	margin-top: 40px;
}
.d-title .line{
	position: absolute;
	left: -60px;
	top: 10px;
	width: 30px;
	height: 2px;
	background-color: #115da9;
}
.d-title.white .t1, .d-title.white .t2, .d-title.white .t3{
	color: #FFFFFF;
}
.d-title.white .line{
	background-color: #FFFFFF;
}
/*办公室设计理念*/
.design-concept{
	padding-top: 90px;
	padding-bottom: 90px;
}
.design-concept .box .left{
	float: left;
	width: 56%;
}
.design-concept .box .right{
	float: right;
	width: 36%;
	text-align: center;
	overflow: hidden;
}
/*办公室设计表现*/
.design-performance{
	padding-top: 30px;
	padding-bottom: 30px;
}
.design-performance .box{
	margin-top: 45px;
}
.design-performance .box ul li{
	float: left;
	width: 15.8%;;
	margin-right: 1%;
	margin-bottom: 20px;
}
.design-performance .box ul li:nth-child(6n){
	margin-right: 0;
}
.design-performance .box ul li a{
	display: block;
	width: 100%;
}
.design-performance .box ul li .imgbox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.design-performance .box ul li .imgbox .img{
	width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    -o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.design-performance .box ul li .imgbox img{
	width: 100%;
    opacity: 0;
}
.design-performance .box ul li:hover .imgbox .img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.design-performance .box ul li .imgbox .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(img/x139.png) center no-repeat;
}
.design-performance .box ul li .txt{
	padding: 20px;
	text-align: center;
	color: #222222;
 
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 
}

/*视频弹窗样式*/
.bigPicLayer {
    display: none;
    width: 1000px;
    height: 556px;
    position: fixed;
	z-index:1000;

    top: 40% !important;
    margin-top: -180px;
    padding: 10px;
}
.bigPicLayer iframe{
	width:1000px;
	height:556px;
}

.bigPicLayer .close {
    display: block;
    width: 38px;
    height: 38px;
    background: url(img/m5_off.png?v=11221) no-repeat;
    right: -50px;
    top: -50px;
    position: relative;
    position: absolute;
    z-index: 1000;
}

.bigPicLayer .close em {
    width: 1px;
    height: 50px;
    background: #009690;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
    top: 100%;
}

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

.bigPicLayer .imgDiv img {
    width: 100%;
}

.bigPicLayer .imgDiv span {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 16px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
.video_all{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	display:none;
	width:100%;
	height:100%;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#000;
}


/* 2021样式修改 */

.decoration-drawing .i-title .t2 {
    font-size: 18fpx;
}

.decoration-drawing .i-title .t2 a {
    margin: 0 12px;
    position: relative;
    transition: all 0.5s;
}

.decoration-drawing .i-title .t2 a.on,.decoration-drawing .i-title .t2 a:hover {
    color: #007dfc;
}

.decoration-drawing .i-title .t2 a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0%;
    height: 3px;
    background-color: #007dfc;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.decoration-drawing .i-title .t2 a.on::before,.decoration-drawing .i-title .t2 a:hover::before {
    width: 100%;
}

.decoration-drawing .box_cases {
    display: none;
}

.decoration-drawing .box_cases.on {
    display: block;
}

.combination .i-title .t1 {
    text-align: center;
}

.combination .box_2021 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.combination .box_2021 ul li {
    width: 30%;
    display: flex;
    padding: 60px 0;
}

.combination .box_2021 ul li .img {
    width: 80px;
    padding-right: 22px;
}

.combination .box_2021 ul li .txtbox {
    flex: 1;
}

.combination .box_2021 ul li .txtbox .title {
    font-size: 24px;
    color: #202020;
    padding-bottom: 10px;
}

.combination .box_2021 ul li .txtbox .txt {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
}



@media screen and (max-width: 1440px) {
    .bigPicLayer {
        display: none;
        width: 600px;
        height: 350px;
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
    }

   .bigPicLayer iframe{
		width:100%;
		height:388px;
	}
    .bigPicLayer .close {
        display: block;
        width: 38px;
        height: 38px;
        background: url(img/m5_off.png?v=11221) no-repeat;
        right: -50px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 50px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }

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

    .bigPicLayer .imgDiv img {
        width: 100%;
    }

    .bigPicLayer .imgDiv span {
        display: block;
        text-align: center;
        font-size: 18px;
        margin-top: 16px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
    }

}


@media screen and (max-width: 1004px) {
    .bigPicLayer {
        display: none;
        width: 100%;
        height: 100$;
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
    }

    .bigPicLayer .close {
        display: block;
        width: 48px;
        height: 48px;
        background: url(img/m5_off.png?v=2020) no-repeat;
        right: 40px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 20px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }
	.wrap{
		text-align:center;
		margin:0 auto
	}
     #CuPlayer iframe{
	  width:60%;
	  height:380px;
      }
    .bigPicLayer .imgDiv {
        height: 169px;
    }

}
/*设计要点*/
.design-points{
	padding-top: 50px;
	padding-bottom: 50px;
}
.design-points .box{
	margin-top: 45px;
}
.design-points .box ul li{
	position: relative;
	float: left;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	/*overflow: hidden;*/
}
.design-points.design-points4 .box ul li{ width:22.3%}
.design-points .box ul li:nth-child(3n){
	margin-right: 0;
}
.design-points.design-points4 .box ul li:nth-child(3n){
	margin-right: 3.5%;
}

.design-points .box ul li:nth-child(3n){
	margin-right: 0%;
}

.design-points.design-points4 .box ul li:nth-child(4n){
	margin-right: 0%;
}

.design-points .box ul li .above{
	position: relative;
	/*-webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transform: rotateY(0deg);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 24;*/
    box-shadow: 0px 3px 20px rgba(0,0,0,0.16);
	border-radius: 10px;
	/*display: table;*/
	text-align: center;
	width: 100%;
	padding: 50px 40px 40px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.design-points .box ul li:hover .above{
	opacity: 0;
	/*z-index: 35;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;*/
}
.design-points .box ul li .above .above-box{
	/*display: table-cell;
	vertical-align: middle;*/
	text-align: center;
}
.design-points .box ul li .above .above-box .t1{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.design-points .box ul li .above .above-box .t2{
	font-weight: lighter;
	color: #999999;
	font-size: 12px;
	margin-top: 5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.design-points .box ul li .above .above-box .icon{
	width: 100%;
}
.design-points .box ul li .above .above-box .icon img{
	/*max-width: 65px;
	max-height: 64px;*/
	max-width: 20%;
}
.design-points .box ul li .below{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 20px 40px;
	background: url(img/x152.jpg) center no-repeat;
	background-size: cover;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	/*-webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transform: rotateY(-180deg);
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;*/
    z-index: 13;
    box-shadow: 0px 3px 20px rgba(0,0,0,0.16);
	border-radius: 10px;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	 
}
.design-points.design-points4 .box ul li .below{ padding:0; overflow:hidden; background:none}
.design-points .box ul li:hover .below{
	opacity: 1
    /*-webkit-animation: fadeIn 0.8s;
    animation: fadeIn 0.8s;*/
}
.design-points .box ul li:hover .below{
	/*z-index: 46;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;*/
}
.design-points .box ul li .below .below-box{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding-right: 28%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.design-points .box ul li .below .t1{
	color: #ffffff;
	font-size: 18px;
}
.design-points .box ul li .below .t2{
	font-weight: lighter;
	color: rgba(255,255,255,.4);
	font-size: 12px;
}
.design-points .box ul li .below .t3{
	color: #ffffff;
	font-size: 14px;
	margin-top: 20px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.design-points .box ul li .below .below-box .icon{
	position: absolute;
	bottom: 10%;
	right: 0;
	width: 100%;
	text-align: right;
}
.design-points .box ul li .below .below-box .icon img{
	max-width: 20%;
}
/*设计流程*/
.design-process{
	padding-top: 90px;
	padding-bottom: 30px;
	background: url(img/x153.png) top center no-repeat;
	background-size: 100% auto;
}
.design-process .box{
	margin-top: 45px;
	padding: 6% 0 0;
	background: #f7f7f7 url(img/x154.png) bottom center no-repeat;
	border-radius: 20px;
}
.design-process .box ul{
	text-align: center;
	padding: 0 3.5%;
	overflow: hidden;
}
.design-process .box ul li{
	display: inline-block;
	vertical-align: top;
	max-width: 160px;
	margin-bottom: 80px;
}
.design-process .box ul li:nth-child(10){
	display: none;
}
.design-process .box ul li .icon{
	text-align: center;
	margin-bottom: 12px;
}
.design-process .box ul li .icon span{
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border-radius: 23px;
	font-family: arial;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-color: #fe6012;
}
.design-process .box ul li .t1{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
}
.design-process .box ul li .t2{
	color: #666666;
	font-size: 14px;
	line-height: 1.6;
	height: 46px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.design-process .box ul li .arrow{
	position: relative;
	height: 46px;
	line-height: 46px;
	text-align: center;
	padding: 0 40px;
}
.design-process .box ul li .arrow img{
	width: 20px 15px;
}
.design-process .box ul li .arrow::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 32px;
	height: 1px;
	border-bottom: #e5e5e5 dashed 1px;
}
.design-process .box ul li .arrow::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 32px;
	height: 1px;
	border-bottom: #e5e5e5 dashed 1px;
}
/*设计案例*/
.design-case{
	padding-top: 50px;
}
.design-case .box{
	position: relative;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}
.design-case .box .content{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 50px;
}
.design-case .box .content .view-li{
	margin: 20px 10px;
	box-shadow: 4px 4px 30px rgba(0,0,0,.06);
}
.design-case .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #eeeeee;
    opacity: 1;
}
.design-case .swiper-pagination-bullet-active {
    background: #007dfc;
}
.design-case .swiper-container-horizontal>.swiper-pagination-bullets, .design-case .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0;
}
.design-case .swiper-button-next, .design-case .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 22px;
    margin-top: -11px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 11px 22px;
    -webkit-background-size: 11px 22px;
    background-size: 11px 22px;
    background-position: center;
    background-repeat: no-repeat;
}
.design-case  .swiper-button-next, .design-case .swiper-container-rtl .swiper-button-prev {
    background-image: url(img/img155.png);
    right: 3%;
    left: auto;
}
.design-case .swiper-button-prev, .design-case .swiper-container-rtl .swiper-button-next {
    background-image: url(img/img153.png);
    left: 3%;
    right: auto;
}
.design-case  .swiper-button-next:hover, .design-case .swiper-container-rtl .swiper-button-prev:hover{
    background-image: url(img/img156.png);
}
.design-case .swiper-button-prev:hover, .design-case .swiper-container-rtl .swiper-button-next:hover{
    background-image: url(img/img154.png);
}
/*.design-case .box{
	padding: 0;
	margin-top: 45px;
}
.design-case .box ul li{
	float: left;
    width: -moz-calc(94.3% / 3);
    width: -webkit-calc(94.3% / 3);
    width: calc(94.3% / 3);
    margin-right: 2.85%;
    margin-bottom: 2.85%;
    box-shadow: 4px 8px 30px rgba(0,0,0,0.06);
}
.design-case .box ul li:nth-child(3n){
	margin-right: 0;
}*/

/*全案定制*/
.case-customization{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.case-customization .current .position a, .case-customization .current .position span{
	color: #FFFFFF;
}
.case-customization .why{
	margin-top: 30px;
}
.case-customization .why .box{
	margin-top:30px;
	text-align: center;
}
.case-customization .why .box img{
	display: block;
	max-width: 100%
}
.case-customization .why .box .img2{
	display: none;
}
/*我们的实力*/
.our-strength{
	padding-top: 80px;
	padding-bottom: 110px;
}
.our-strength .box{
	margin-top: 45px;
}
.our-strength .box>ul>li{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 70px 0px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.our-strength .box>ul>li:nth-child(odd){
	background-color: #f1f4f6;
}
.our-strength .box>ul>li:nth-child(even){
	background-color: #f5f8fa;
}
.our-strength .box ul li .num{
	position: absolute;
	top: 70px;
	right: 5.7%;
	font-family: arial;
	font-weight: bold;
	font-size: 46px;
	color: #becdde;
}
.our-strength .box ul li .icon{
	float: left;
	width: 18.5%;
	text-align: center;
}
.our-strength .box ul li .icon img{
	max-width: 44.6%;
}
.our-strength .box ul li .txtbox{
	float: left;
	width: 70%;
	padding-left: 50px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.our-strength .box ul li .tit{
	color: #222222;
	font-size: 20px;
	font-weight: bold;
}
.our-strength .box ul li .txtbox .word{
	margin-top: 20px;
}
.our-strength .box ul li .txtbox .word li{
	position: relative;
	padding-left: 20px;
	color: #666666;
	font-size: 14px;
	line-height: 2;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.our-strength .box ul li .txtbox .word li i{
	position: absolute;
	left: 4px;
	top: 0;
	width: 8px;
	height: 100%;
	background: url(img/x164.png) center no-repeat;
	background-size: 8px 8px;
}
.our-strength .box ul li .line{
	margin-top: 30px;
	padding-top: 30px;
	border-top: #e5e5e5 solid 1px;
}
.our-strength .box ul li .bigimg .img2{
	display: none;
}
.our-strength .box ul li .txtbox .tuwen{
	margin-top: 20px;
}
.our-strength .box ul li .txtbox .tuwen li{
	float: left;
	width: 22.75%;
	margin-right: 3%;
	margin-bottom: 10px;
}
.our-strength .box ul li .txtbox .tuwen li:nth-child(4n){
	margin-right: 0;
}
.our-strength .box ul li .txtbox .tuwen li .img{
	width: 100%;
	overflow: hidden;
}
.our-strength .box ul li .txtbox .tuwen li .img img{
	width: 100%;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.our-strength .box ul li .txtbox .tuwen li:hover img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.our-strength .box ul li .txtbox .tuwen li .t1{
	position: relative;
	padding-left: 30px;
	color: #222222;
	font-size: 16px;
	line-height: 50px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.our-strength .box ul li .txtbox .tuwen li:hover .t1{
	color: #2a5cf8;
}
.our-strength .box ul li .txtbox .tuwen li .t1 span{
	position: absolute;
	left: 4px;
	top: 0;
	width: 19px;
	height: 100%;
	background: url(img/x177.png) center no-repeat;
	background-size: 19px 13px;
}
/**/
.swimg{
	margin-top: 20px;
}
.swimg .box{
	position: relative;
    padding: 0px 30px;
    margin-top: 50px;
    overflow: hidden;
}
.swimg .swimg-div{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.swimg .swimg-div .swiper-slide a{
	display: block;
	width: 100%;
}
.swimg .swimg-div .swiper-slide a>img{
	display: block;
	width: 100%;
}
.swimg .swimg-div .swiper-slide a .t1{
	position: relative;
	padding-left: 30px;
	color: #222222;
	font-size: 14px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.swimg .swimg-div .swiper-slide a .t1 i{
	position: absolute;
	left: 4px;
	top: 0;
	width: 19px;
	height: 100%;
	background: url(img/x177.png) center no-repeat;
	background-size: 19px 13px;
}
.swimg .swiper-button-next, .swimg .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 16px;
    margin-top: -8px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 15px 16px;
    -webkit-background-size: 15px 16px;
    background-size: 15px 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.swimg .swiper-button-prev, .swimg .swiper-container-rtl .swiper-button-next{
    background-image: url(img/x239.png);
    left: 0;
    right: auto;
}
.swimg .swiper-button-next, .swimg .swiper-container-rtl .swiper-button-prev {
    background-image: url(img/x240.png);
    right: 0;
    left: auto;
}
.swimg .swiper-button-next.swiper-button-disabled, .swimg .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
/* .swimg .swiper-button-next.swiper-button-disabled{
	background-image: url(img/x17.png);
}
.swimg .swiper-button-prev.swiper-button-disabled{
	background-image: url(img/x16.png);
} */
.swimg .swiper-container-horizontal>.swiper-pagination-bullets, .swimg .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0;
}
.swimg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 4px;
}

.btn {
    display: inline-block;
    width: 100px;
    height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    color: #009FD9;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

/*全产业链*/
.supply-chain-system{
	padding-bottom: 100px;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.supply-chain-system .content{
	margin-top: 50px;
}
.supply-chain-system .box{
	margin-top: 70px;
	text-align: center;
	overflow: hidden;
}
.supply-chain-system .box img{
	margin: 0 auto;
}
.supply-chain-system .box .img2{
	display: none;
}
/**/
.undertake{
	padding: 6.7% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.undertake .box{
	
}
.undertake .box .content{
	text-align: center;
}
.undertake .box .content .t1{
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;
}
.undertake .box .content .t2{
	max-width: 550px;
	width: 100%;
	color: #ffffff;
	font-size: 28px;
	line-height: 1.8;
	margin: 10px auto 0px;
}
.undertake .box .content .t2 .sp{
	display: inline-block;
	color: #edad00;
}
/**/
.combox{
	padding-top: 80px;
	padding-bottom: 80px;
}
.combox .subtitle{
	width: 100%;
	overflow: hidden;
	padding-bottom: 36px;
	border-bottom: #e5e5e5 solid 1px;
}
.combox .subtitle .left{
	float: left;
	width: 35.7%;
}
.combox .subtitle .right{
	float: right;
	width: 62.8%;
}
.combox .subtitle .t1{
	color: #000000;
	font-size: 34px;
	font-weight: bold
}
.combox .subtitle .t2{
	color: #d6d6d6;
	font-size: 18px;
	font-weight: bold;
	word-break: break-word;
}
.combox .subtitle .t3{
	color: #666666;
	font-size: 16px;
	line-height: 1.6;
}
.combox .content .tit{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin: 20px auto;
}
.combox .content1 ul li{
	float: left;
	width:-moz-calc((100% - 60px) / 7);
	width:-webkit-calc((100% - 60px) / 7);
	width:calc((100% - 60px) / 7);
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
	border: #f1f1f1 solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.combox .content1 ul li:nth-child(7n){
	margin-right: 0;
}
.combox .content2 ul li{
	float: left;
	width: 23.725%;
	margin-right: 1.7%;
	margin-bottom: 1.7%;
	background-color: #ffffff;
	border: #eeeeee solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.combox .content2 ul li:nth-child(4n){
	margin-right: 0;
}
.combox .content ul li a{
	display: block;
	width: 100%;
}
.combox .content ul li a img{
	width: 100%;
}
.combox .morebox{
	text-align: center;
	margin-top: 60px;
	background-color: #f6f8f9;
	padding: 18px 0px;
}
.combox .morebox a{
	font-size: 16px;
	color: #115da9;
}
.x-promise{
	padding-top: 10%;
	padding-bottom: 5.7%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.x-promise ul{
	text-align: center;
}
.x-promise ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 19.28%;
	margin-right: 2.14%;
	min-height: 255px;
	background: url(img/x214.png) center no-repeat;
	background-size: 100% 100%;
	margin-top: -50px;
}
.x-promise ul li:first-child{
	background: url(img/x215.png) center no-repeat;
	background-size: 100% 100%;
}
.x-promise ul li .cont{
	position: absolute;
	left: 0;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.x-promise ul li .t1{
	color: #ffffff;
	font-size: 44px;
	font-weight: bold;
}
.x-promise ul li .line{
	width: 26px;
	height: 2px;
	background-color: #115da9;
	margin: 0px auto 25px;
}
.x-promise ul li .t2{
	color: #222222;
	font-size: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.x-promise ul li .t3{
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.x-promise ul li .icon{
	text-align: center;
	margin: 20px auto;
}
.x-promise ul li .icon img{
	width: 25px;
	height: 23px;
}
.x-promise ul li .t4{
	color: #999999;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*项目案例*/
.project-cases{
	padding-bottom: 100px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.project-cases .content{
	margin-top: 65px;
}
.project-cases .box{
	position: relative;
	margin-top: 45px;
	padding: 0 75px;
}
.picturebox{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
}
.picture{
	width: 100%;
	overflow: hidden;
}
.picture .picture-li{
	float: left;
	width: 42.85%;
	overflow: hidden;
}
.picture .picture-li .img{
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.picture .picture-li .img img{
	width: 100%;
}
.picture .picture-li .txt{
	padding: 20px;
	text-align: center;
	overflow: hidden;
}
.picture .picture-li .txt .t1{
	color: #222222;
	font-size: 20px;
}
.picture .picture-li .txt .t2{
	color: #999999;
	font-size: 12px;
}
.picture .deliver{
	float: left;
	width: 14.3%;
	overflow: hidden;
	text-align: center;
}
.picture .deliver .txt{
	margin-top: 40%;
}
.picture .deliver .txt .t1{
	color: #007dfc;
	font-size: 20px;
	font-weight: bold;
}
.picture .deliver .txt .t2{
	margin-top: 15px;
}
.picture .deliver .txt .t2 img{
	max-width: 72%;
}
.picturebox .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #becdde;
    opacity: 1;
}
.picturebox .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007dfc;
}
.picturebox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.picturebox.swiper-container-horizontal>.swiper-pagination-bullets, .picturebox .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0;
}
.project-cases .swiper-button-next, .project-cases .swiper-button-prev {
    position: absolute;
    top: 32%;
    width: 50px;
    height: 50px;
   /* margin-top: -25px;*/
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}
.project-cases .swiper-button-prev, .project-cases .swiper-container-rtl .swiper-button-next {
    background-image: url(img/x18.png);
    left: 0;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(img/x19.png);
    right: 0;
    left: auto;
}
.swiper-button-next.swiper-button-disabled{
	opacity: 1;
	background-image: url(img/x17.png);
}
.swiper-button-prev.swiper-button-disabled{
    opacity: 1;
	background-image: url(img/x16.png);
}
.deliver-banner{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.deliver-banner .box{
	width: 100%;
	overflow: hidden;
}
.deliver-banner .box .txt{
	float: left;
	width: 61%;
	overflow: hidden;
	padding-top: 5%;
}
.deliver-banner .box .txt .t1{
	color: #2b455a;
	font-size: 36px;
	font-weight: bold;
}
.deliver-banner .box .txt .t2{
	margin-top: 30px;
}
.deliver-banner .box .txt .t2 a{
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	margin-left: 10px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.deliver-banner .box .img{
	float: right;
	width: 38%;
	overflow: hidden;
}
.deliver-banner .box .img img{
	width: 100%;
}
/**/
.quality-assurance-system{
	padding-top: 50px;
	padding-bottom: 50px;
}
.quality-assurance-system .box{
	margin-top: 100px;
}
.quality-assurance-system .box .cont{
	padding-bottom: 50px;
	padding-top: 50px;
	border-top: #eeeeee solid 1px;
}
.quality-assurance-system .box .cont .tit{
	position: relative;
	padding-left: 70px;
	/*overflow: hidden;*/
	color: #222222;
	font-size: 22px;
	line-height: 2.2;
}
.quality-assurance-system .box .cont .tit .num{
	position: absolute;
	left: 0;
	top: 0;    display: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #fe6012;
	font-family: arial;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.quality-assurance-system .box .cont .txtbox{
	margin-top: 30px;
	padding-left: 70px;
	padding-right: 20px;
	color: #444444;
	font-size: 14px;
	line-height: 1.8;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.quality-assurance-system .box .cont ul{
	margin-top: 50px;
	padding-left: 70px;
	padding-right: 20px;
	/* overflow: hidden; */
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.quality-assurance-system .box .cont1 ul li{
	float: left;
	width: -moz-calc((100% - 60px) / 4);
	width: -webkit-calc((100% - 60px) / 4);
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #f0f5f8;
	padding: 3%;
	min-height: 400px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;border: #f0f5f8 solid 3px;
}
.quality-assurance-system .box .cont1 ul li:hover{
    background: #fe6012 ;
}
.quality-assurance-system .box .cont1 ul li:hover .t1,.quality-assurance-system .box .cont1 ul li:hover .t2,.quality-assurance-system .box .cont1 ul li:hover .t3{ color:#fff;}
.quality-assurance-system .box .cont1 ul li:nth-child(4n){
	margin-right: 0;
}
.quality-assurance-system .box .cont1 ul li .icon{
	text-align: left;
	overflow: hidden;
}
.quality-assurance-system .box .cont1 ul li .icon img{
	max-width: 37%;
}
.quality-assurance-system .box .cont1 ul li .t1{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
}
.quality-assurance-system .box .cont1 ul li .t2{
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
	word-break: break-word;
}
/**/
.quality-assurance-system .box .cont2 ul li{
	position: relative;
	float: left;
	width: 48.85%;
	margin-right: 2.3%;
	margin-bottom: 2.3%;
	background-color: #f0f5f8;
	padding: 3.8%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;border: #f0f5f8 solid 3px;
}
.quality-assurance-system .box .cont2 ul li:hover{
     background: #fe6012 ;
}
.quality-assurance-system .box .cont2 ul li:hover .t1,.quality-assurance-system .box .cont2 ul li:hover .t2{color:#fff;}
.quality-assurance-system .box .cont2 ul li:nth-child(2n){
	margin-right: 0;
}
.quality-assurance-system .box .cont2 ul li .icon{
	float: left;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0px 1px 25px rgba(20,29,34,.1);
	text-align: center;
	overflow: hidden;
}
.quality-assurance-system .box .cont2 ul li .icon img{
	max-width: 36%;
}
.quality-assurance-system .box .cont2 ul li .txt{
	float: right;
	width: -moz-calc(100% - 130px);
	width: -webkit-calc(100% - 130px);
	width: calc(100% - 130px);
}
.quality-assurance-system .box .cont2 ul li .t1{
	color: #b4cce6;
	font-size: 16px;
	margin-top: 10px;
}
.quality-assurance-system .box .cont2 ul li .t2{
	color: #222222;
	font-size: 30px;
	font-weight: bold;
}
/**/
.quality-assurance-system .box .cont3 ul li{
	position: relative;
	float: left;
	width: 24.25%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.quality-assurance-system .box .cont3 ul li:nth-child(4n){
	margin-right: 0;
}
.quality-assurance-system .box .cont3 ul li .icon{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 75px;
	height: 75px;
	line-height: 75px;
	border-radius: 50%;
	background-color: #fe6012;
	text-align: center;
	overflow: hidden;
}
.quality-assurance-system .box .cont3 ul li::before{
	content: '';
	position: absolute;
	left: 7px;
	bottom: 0px;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 25px rgba(20,29,34,.1);
}
.quality-assurance-system .box .cont3 ul li .txt{
	width: 97%;
	background-color: #f0f5f8;
	margin-top: 20px;
	padding-left: 85px;
	color: #222222;
	font-size: 15px; margin-left:7px;
	font-weight: bold;
	line-height: 60px;
	border-radius: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.quality-assurance-system .box .cont3 ul li .txt span{
	display: inline-block;
	margin-right:  0px;
	font-family: "arial";
	color: #93aac2;
}
.quality-assurance-system .box .cont3 ul li:hover .txt{
    background-color: #fe6012; color: #fff;
}
.quality-assurance-system .box .cont3 ul li:hover span{color:#fff;}
/**/
.quality-assurance-system .box .cont4 ul li{
	float: left;
	width: -moz-calc((100% - 25px) / 6);
	width: -webkit-calc((100% - 25px) / 6);
	width: calc((100% - 25px) / 6);
	margin-right: 5px;
	margin-bottom: 20px;
	background-color: #f5f8fa;
	padding: 20px;
	min-height: 300px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.quality-assurance-system .box .cont4 ul li:hover{background-color: #fe6012; color: #fff;}
.quality-assurance-system .box .cont4 ul li:nth-child(6n){
	margin-right: 0;
}
.quality-assurance-system .box .cont4 ul li:hover .t1,.quality-assurance-system .box .cont4 ul li:hover .t2,.quality-assurance-system .box .cont4 ul li:hover .t3,.quality-assurance-system .box .cont4 ul li:hover .t4{  color: #fff;}
.quality-assurance-system .box .cont4 ul li .t1{
	font-family: "arial";
	color: #becdde;
	font-size: 40px;
	font-weight: bold;
	margin-top: 40px;
}
.quality-assurance-system .box .cont4 ul li .t2{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
}
.quality-assurance-system .box .cont4 ul li .t3{
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 15px;
}
.quality-assurance-system .box .cont4 ul li .line{
	width: 20px;
	height: 2px;
	background-color: #93aac2;
	margin: 25px auto;
}
/*首页-办公室装修一站式服务*/
.office-decoration{
	padding-top: 85px;
	padding-bottom: 40px;
	background-position: center; 
	background-repeat: no-repeat;
	background-size: cover;
}
.office-decoration .box{
	margin-top: 45px;
}
.office-decoration ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 3.6%;
	background-color: #FFFFFF;
}
.office-decoration ul li:nth-child(3n){
	margin-right: 0;
}
.office-decoration ul li .imgbox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.office-decoration ul li .imgbox .img{
	width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    -o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.office-decoration ul li .imgbox img{
	width: 100%;
    opacity: 0;
}
.office-decoration ul li:hover .imgbox .img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.office-decoration ul li .txtbox{
	padding: 30px 20px 30px;
	overflow: hidden;
	text-align: center;
}
.office-decoration ul li .txtbox .t1{
	color: #222222;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.office-decoration ul li:hover .txtbox .t1{
	color: #0090ff;
}
.office-decoration ul li .txtbox .t2{
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	color: #666666;
	font-size: 14px;
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 84px;
}
.office-decoration ul li .txtbox .line{
	margin: 15px auto 10px;
	width: 30px;
	height: 1px;
	background-color: #000000;
}
/*案例展示新增*/
.case-label{
	margin: 25px auto 50px;
    overflow: hidden;
}
.case-label.case-label1{ background-color: #f1f2f4; padding:40px 0;
	margin: 0 auto 0px  auto;
    overflow: hidden;
}
.case-label.case-label1 ul li .labelbox a{ margin-right:15px;}
.case-label ul{
	max-width: 1400px;
	width: 100%;
	    margin: 0 auto;
    text-align: center;
	background-color: #FFFFFF;
	padding: 10px 50px 15px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cases .case-label ul li{
	float: none;
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 0;
	margin-right: 0;
}
.cases .case-label ul li:last-child{
	margin-bottom: 0;
}
.case-label ul li .sp{
	float: left;
	width: 75px;
	overflow: hidden;
	text-align: left;
	color: #222222;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}
.case-label ul li .labelbox{
	float: left;
	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	padding-bottom: 10px;
	border-bottom: #eeeeee solid 1px;
}
.case-label ul li:last-child .labelbox{
	border-bottom: none;
	padding-bottom: 0;
}
.case-label ul li .labelbox a{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
	padding: 0px 24px;
	margin-right: 40px;
}
.case-label ul li .labelbox a.on, .case-label ul li .labelbox a:hover{
	color: #007dfc;
}
/**/
.case-box .imgbox.xvideo{
	position: relative;
}
.case-box .imgbox.xvideo::before, .case-box .imgbox.xvideo:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: url(img/x139.png) center no-repeat;
	background-size: 60px 60px;
}
/**/
@media screen and (max-width: 1680px){
	/*工地参观*/
	.ce-technology{
		padding-bottom: 90px;
	}
	.civilized-site{
		padding-top: 90px;
	}
	.constructing{
		padding-top: 90px;
	}
	/*优质材料*/
	.currency {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.currency.product-customization{
		padding-bottom: 90px;
	}
	/*完美交付*/
	.project-cases{
		padding-bottom: 90px;
	}
}
@media screen and (max-width: 1440px){
	.header .conwidth{
		padding-left: 3%;
		padding-right: 3%;
	}
	/*工地参观*/
	.ce-technology{
		padding-bottom: 70px;
	}
	.civilized-site{
		padding-top: 70px;
	}
	.constructing{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	/*优质材料*/
	.currency {
	    padding-top: 50px;
	    padding-bottom: 70px;
	}
	.currency.product-customization{
		padding-bottom: 70px;
	}
	/*免费服务*/
	.appointment-design{
		padding-bottom: 70px;
	}
	.appointment-design .content{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.free-service .modular ul li .t2{
		margin-top: 20px;
	}
	/*前沿设计*/
	.design-concept{
		padding-top: 70px;
    	padding-bottom: 70px;
	}
	.design-process{
		padding-top: 70px;
	}
	.design-process .box ul li .arrow{
		padding: 0px 30px;
	}
	/*全案定制*/
	.our-strength{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.our-strength .box>ul>li{
		padding: 50px 0px;
	}
	/*全产业链*/
	.x-promise ul li{
		min-height: 275px;
	}
	/*完美交付*/
	.project-cases{
		padding-bottom: 70px;
	}
	/*无忧售后*/
	.quality-assurance-system .box{
		margin-top: 70px;
	}
}
@media screen and (max-width: 1366px){
	.office-decoration ul li .txtbox{
		padding: 20px 20px 20px;
	}
	/*精工品质*/
	.seiko-quality .content .box ul li .txtbox .t1{
		font-size: 22px;
	}
	/*前沿设计*/
	.design-process .box ul li .arrow{
		padding: 0px 25px;
	}
	/*全案定制*/
	.our-strength .box ul li .txtbox{
		padding-left: 30px;
	}
	/*全产业链*/
	.x-promise ul li{
		min-height: 260px;
		margin-top: -40px;
	}
	.x-promise ul li .icon{
		margin: 15px auto;
	}
	.x-promise ul li .line{
		margin-bottom: 20px;
	}
	.x-promise ul li .t1{
		font-size: 36px;
	}
	.x-promise ul li .t2{
		font-size: 20px;
	}
	/*完美交付*/
	.deliver-banner .box .txt{
		padding-top: 40px;
	}
	.deliver-banner .box .txt .t1{
		font-size: 32px;
	}
}
@media screen and (max-width: 1280px){
	.header .conwidth{
		padding-left: 3%;
		padding-right: 3%;
	}
	.header .nav ul li{
		margin-right: 20px;
	}
	.case-label ul{
		padding-left: 8%;
		padding-right: 8%;
	}
	/*合作伙伴*/
	.c-partner .box ul li .mask .txt{
		margin-top: 10px;
	}
	/*精工品质*/
	.seiko-quality .content .box ul li .txtbox{
		padding: 35px 20px;
	}
	.seiko-quality .content .box ul li .txtbox .t1{
		font-size: 20px;
	}
	/*前沿设计*/
	.design-process .box ul li{
		max-width: 150px;
	}
	.design-process .box ul li .arrow{
		padding: 0px 15px;
	}
	/*全产业链*/
	.x-promise ul li{
		min-height: 230px;
	}

	/* 2021样式修改 */
	.combination .box_2021 {
	    padding: 0;
	}

	.combination .box_2021 ul li {
	    width: 31%;
	}

	.combination .box_2021 ul li .img {
	    width: 70px;
	    padding-right: 18px;
	}

	.combination .box_2021 ul li .txtbox .title {
	    font-size: 22px;
	}

	.combination .box_2021 ul li .txtbox .txt {
	    font-size: 14px;
	}
	
}
@media screen and (max-width: 1024px){
	/**/
	.header-other .x-search{
		display: none;
	}
	.i-title .t5{
		font-size: 28px;
	}
	.i-title .t6{
		font-size: 28px;
	}
	/*首页新增*/
	.office-decoration{
		padding-top: 50px;
	}
	.office-decoration .box{
		margin-top: 40px;
	}
	.office-decoration ul li .txtbox{
		padding-bottom: 20px;
	}
	.office-decoration ul li .txtbox .t1{
		font-size: 18px;
	}
	.office-decoration ul li .txtbox .t2{
		height: 76px;
		line-height: 1.8;
	}
	/*案例展示新增*/
	.case-label ul{
		padding-left: 3%;
		padding-right: 3%;
	}
	.case-label ul li .labelbox a{
		margin-right: 30px;
	}
	/*工地参观*/
	/*前沿工艺*/
	.ce-technology{
		padding-bottom: 50px;
	}
	.ce-technology .box .cont-li .txtimg .word .t1{
		font-size: 24px;
	}
	/*标准化工程文件*/
	.e-documents .box{
		margin-top: 40px;
	}
	.e-documents .ed-div{
		padding-bottom: 50px;
	}
	/*文明工地*/
	.civilized-site{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.civilized-site .box{
		margin-top: 40px;
	}
	.civilized-site .box ul li .txt{
		padding: 20px 15px;
	}
	/*40+岗位流程，标准化无缝对接*/
	.docking .i-title.white .t2{
		max-width: 80%;
		margin: 15px auto 0px;
	}
	.docking .box .content .inli, .docking .box .content .btnli{
		width: 25%;
	}
	/*在建工地*/
	.constructing{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.constructing .box{
		margin-top: 40px;
	}
	.constructing .box ul li .txtbox ul{
		margin-top: 40px;
	}
	.constructing .box ul li .txtbox .infor span{
		margin-right: 50px;
	}
	/*合作伙伴*/
	.c-partner{
		padding-bottom: 50px;
	}
	.c-partner .box ul{
		margin-bottom: 40px;
	}
	.c-partner .box ul li{
		width: 15.83%;
		margin-right: 1%;
	}
	.c-partner .box ul li:nth-child(8n){
		margin-right: 1%;
	}
	.c-partner .box ul li:nth-child(6n){
		margin-right: 0;
	}
	.c-partner .box ul li .mask .txt{
		font-size: 15px;
	}
	/*环保体系*/
	.s-materials .box ul li{
		width: 29%;
		margin-right: 5%;
	}
	.s-materials .box ul li .txtbox .t1{
		font-size: 18px;
	}
	/*优质材料*/
	.currency {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.currency.product-customization{
		padding-bottom: 50px;
	}
	.currency .box{
		padding-bottom: 60px;
	}
	.currency .cur-tab ul{
		width: 100%;
		background: #95a4b4;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.currency .cur-tab ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.currency .cur-tab ul::-webkit-scrollbar-button{
		background-color:rgba(0,0,0,0);
	}
	.currency .cur-tab ul::-webkit-scrollbar-track{
		background-color:rgba(0,0,0,0);
	}
	.currency .cur-tab ul::-webkit-scrollbar-track-piece{
		background-color:rgba(0,0,0,0);
	}
	.currency .cur-tab ul::-webkit-scrollbar-thumb{
		background-color:rgba(0,0,0,0);
	}
	.currency .cur-tab ul::-webkit-scrollbar-corner{
		background-color:rgba(0,0,0,0);
	}
	.currency .cur-tab ul::-webkit-scrollbar-resizer{
		background-color:rgba(0,0,0,0);
	}
	.currency .cur-tab ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.currency .cur-tab ul li{
		display: inline-block;
		float: none;
		font-size: 17px;
		line-height: 60px;
	}
	.currency .cur-box{
		margin-top: 50px;
	}
	.currency .cur-div{
		margin-top: 50px;
	}
	.currency .cur-tit .t1{
		font-size: 16px;
	}
	.currency .cur-tit .t2{
		margin-top: 20px;
	}
	.currency .swiper-button-prev, .currency .swiper-container-rtl .swiper-button-next{
		left: 20px;
	}
	.currency .swiper-button-next, .currency .swiper-container-rtl .swiper-button-prev{
		right: 20px;
	}
	/*精工品质*/
	.seiko-quality .content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.seiko-quality .content .box{
		margin-top: 40px;
	}
	.seiko-quality .content .box ul li .txtbox{
		padding: 30px 20px;
	}
	.seiko-quality .content .box ul li .txtbox .t1{
		font-size: 18px;
	}
	/*免费服务*/
	.free-service .modular{
		margin-top: 30px;
	}
	.free-service .modular ul li .icon{
		margin-top: 5px;
	}
	.free-service .modular ul li .t2{
		margin: 10px auto;
		font-size: 16px;
	}
	.appointment-design{
		padding-bottom: 50px;
	}
	.appointment-design .content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/*前沿设计*/
	.d-title{
		padding-left: 50px;
	}
	.d-title .t1{
		font-size: 28px;
	}
	.d-title .line{
		left: 0;
	}
	.d-title .t3{
		font-size: 15px;
	}
	.design-concept .d-title .t3{
		margin-top: 30px;
	}
	.design-performance .box{
		margin-top: 40px;
	}
	.design-points .box{
		margin-top: 40px;
	}
	.design-points .box ul li .above{
		padding: 30px;
	}
	.design-process .box{
		margin-top: 40px;
		background: none;
		background-color: #FFFFFF;
	}
	.design-concept{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
	.design-process{
		padding-top: 50px;
		background-size: cover;
	}

	.design-process .box ul li{
		float: left;
		max-width: 20%;
		margin-bottom: 50px;
	}
	.design-process .box ul li:nth-child(odd){
		width: 20%;
	}
	.design-process .box ul li:nth-child(even){
		width: 6.66%;
	}
	.design-process .box ul li:nth-child(8){
		display: none;
	}
	.design-process .box ul li:nth-child(10){
		display: inline-block;
	}
	/*.design-points .box ul li .below{
		opacity: 0;
		display: none
	}
	.design-points .box ul li .above{
		display: block;
	}
	.design-points .box ul li:hover .above{
		transform: none;
	}*/
	.design-points .box ul li .below{
		padding: 20px;
	}
	.design-points .box ul li .above .above-box{
		display: block;
		width: 100%;
	}
	.design-points .box ul li .below .t1, .design-points .box ul li .below .t2{
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.design-points .box ul li .below .t3{
		margin-top: 10px;
	}
	.design-case .box{
		margin-top: 40px;
		padding: 0 30px;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/*全案定制*/
	.case-customization .why .box .img1{
		display: none;
	}
	.case-customization .why .box .img2{
		display: block;
	}
	.our-strength{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.our-strength .box{
		margin-top: 40px;
	}
	.our-strength .box>ul>li{
		padding: 40px 0px;
	}
	.our-strength .box ul li .num{
		top: 40px;
		font-size: 40px;
	}
	.our-strength .box ul li .icon{
		width: 15%;
	}
	.our-strength .box ul li .txtbox .tuwen li .t1{
		font-size: 15px;
	}
	.our-strength .box ul li .txtbox{
		padding-left: 0;
	}
	.our-strength .box ul li .tit{
		font-size: 18px;
	}
	.our-strength .box ul li .txtbox .tuwen{
		padding-top: 20px;
	}
	.our-strength .box ul li .line{
		padding-top: 25px;
		margin-top: 25px;
	}
	.our-strength .box ul li .bigimg .img1{
		display: none;
	}
	.our-strength .box ul li .bigimg .img2{
		display: block;
		margin: 0 auto;
	}
	/*全产业链*/
	.supply-chain-system .box .img2{
		display: block;
	}
	.supply-chain-system .box .img1{
		display: none;
	}
	.supply-chain-system{
		padding-bottom: 50px;
	}
	.supply-chain-system .content{
		margin-top: 40px;
	}
	.supply-chain-system .box{
		margin-top: 50px;
	}
	.undertake .box .content .t1{
		font-size: 28px;
	}
	.undertake .box .content .t2{
		font-size: 20px;
	}
	.combox{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.combox .subtitle{
		padding-bottom: 25px;
	}
	.combox .subtitle .t1{
		font-size: 28px;
	}
	.combox .subtitle .t2{
		font-size: 16px;
	}
	.combox .subtitle .t3{
		font-size: 15px;
	}
	.x-promise ul li{
		min-height: 186px;
		margin-top: -22px;
	}
	.x-promise ul li .t1{
		font-size: 28px;
	}
	.x-promise ul li .t2{
		font-size: 18px;
	}
	.x-promise ul li .t3{
		font-size: 15px;
	}
	.x-promise ul li .icon{
		margin: 10px auto 0px;
	}
	.x-promise ul li .line{
		margin-bottom: 10px;
	}
	.combox .morebox{
		margin-top: 40px;
	}
	/*完美交付*/
	.project-cases{
		padding-bottom: 50px;
	}
	.project-cases .content{
		margin-top: 50px;
	}
	.project-cases .box{
		margin-top: 40px;
	}
	.picture .deliver .txt .t1{
		font-size: 18px;
	}
	.picture .deliver .txt .t2{
		margin-top: 10px;
	}
	.picture .picture-li .txt .t1{
		font-size: 18px;
	}
	.deliver-banner .box .txt .t1{
		font-size: 24px;
	}
	.deliver-banner .box .txt .t2{
		margin-top: 20px;
	}
	.deliver-banner .box .txt .t2 a{
		font-size: 15px;
		height: 45px;
		line-height: 45px;
		margin-left: 0;
	}
	/*无忧售后*/
	.quality-assurance-system .box{
		margin-top: 40px;
	}
	.quality-assurance-system .box .cont .tit{
		font-size: 18px;
		padding-left: 55px;
	}
	.quality-assurance-system .box .cont .tit .num{
		font-size: 18px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.quality-assurance-system .box .cont ul{
		padding-left: 55px;
	}
	.quality-assurance-system .box .cont1 ul li{
		min-height: 360px;
	}
	.quality-assurance-system .box .cont1 ul li .t1{
		margin-top: 20px;
		font-size: 16px;
	}
	.quality-assurance-system .box .cont1 ul li .t2{
		margin-top: 10px;
	}
	.quality-assurance-system .box .cont2 ul li .icon{
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.quality-assurance-system .box .cont2 ul li .txt{
		width: -moz-calc(100% - 100px);
	    width: -webkit-calc(100% - 100px);
	    width: calc(100% - 100px);
	}
	.quality-assurance-system .box .cont2 ul li .t2{
		font-size: 24px;
	}
	.quality-assurance-system .box .cont3 ul li{
		width: 31%;
		margin-right: 3.5%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(4n){
		margin-right: 3.5%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(3n){
		margin-right: 0;
	}
	.quality-assurance-system .box .cont3 ul li .icon, .quality-assurance-system .box .cont3 ul li::before{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.quality-assurance-system .box .cont3 ul li::before{
		left: 4px;
	}
	.quality-assurance-system .box .cont3 ul li .icon img{
		max-width: 53.33%;
	}
	.quality-assurance-system .box .cont3 ul li .txt{
		padding-left: 80px;
		font-size: 16px;
		line-height: 50px;
	}
	.quality-assurance-system .box .cont4 ul li{
		width: -moz-calc((100% - 15px) / 4);
		width: -webkit-calc((100% - 15px) / 4);
		width: calc((100% - 15px) / 4);
		min-height: 240px;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(6n){
		margin-right: 5px;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(4n){
		margin-right: 0;
	}
	.quality-assurance-system .box .cont4 ul li .t1{
		margin-top: 20px;
		font-size: 30px;
	}
	.quality-assurance-system .box .cont4 ul li .line{
		margin: 15px auto;
	}
	.quality-assurance-system .box .cont4 ul li .t3{
		margin-top: 10px;
	}
	.quality-assurance-system .box .cont .txtbox{
		padding-left: 55px;
		margin-top: 20px;
	}

	/* 2021样式修改 */
	.decoration-drawing .i-title .t2 {
	    font-size: 20px;
	}

}

@media screen and (max-width: 1004px){
	/* 2021样式修改 */
	.combination .box_2021 ul {
	    padding-top: 40px;
	}

	.combination .box_2021 ul li {
	    width: 45%;
	    padding: 30px 0;
	}
}

@media screen and (max-width: 768px){
	.i-title .t5{
		font-size: 24px;
	}
	.i-title .t6{
		font-size: 24px;
	}
	.d-title .t1{
		font-size: 24px;
	}
	.office-decoration{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.office-decoration .box{
		margin-top: 30px;
	}
	.office-decoration ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.office-decoration ul li:nth-child(3n){
		margin-right: 4%;
	}
	.office-decoration ul li:nth-child(2n){
		margin-right: 0;
	}
	.office-decoration ul li .txtbox .t2{
		height: 51px;
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	}
	.case-label ul li .sp{
		width: 60px;
	}
	.case-label ul li .labelbox{
		width: -moz-calc(100% - 65px);
	    width: -webkit-calc(100% - 65px);
	    width: calc(100% - 65px);
	}
	/*工地参观*/
	/*前沿工艺*/
	.ce-technology{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.ce-technology .box{
		margin-top: 30px;
	}
	.ce-technology .box .cont-li{
		width: 33.33%;
	}
	.ce-technology .box .cont-li.big{
		display: none;
	}
	/*标准化工程文件*/
	.e-documents .box{
		margin-top: 30px;
	}
	.e-documents .ed-div{
		padding-bottom: 40px;
	}
	/*文明工地*/
	.civilized-site{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.civilized-site .box{
		margin-top: 30px;
	}
	.civilized-site .box ul li{
		width: 30%;
		margin-right: 5%;
	}
	.civilized-site .box ul li:nth-child(4n){
		margin-right: 5%;
	}
	.civilized-site .box ul li:nth-child(3n){
		margin-right: 0;
	}
	.civilized-site .box ul li .txt{
		padding: 15px;
		font-size: 15px;
	}
	/*40+岗位流程，标准化无缝对接*/
	.docking .i-title.white .t2{
		margin: 10px auto 0px;
	}
	.docking .box .content{
		margin-top: 40px;
	}
	.docking .box .content form{
		width: 100%;
		overflow: hidden;
	}
	.docking .box .content .inli{
		width: 28%;
		margin-right: 3%;
	}
	.docking .box .content .btnli{
		width: 28%;
	}
	.docking .box .content .inli input, .docking .box .content .btnli{
		height: 50px;
		line-height: 50px;
	}
	.docking .box .content .btnli input{
		font-size: 15px;
	}
	/*在建工地*/
	.constructing{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.constructing .box{
		margin-top: 30px;
	}
	.constructing .box ul li{
		padding: 30px 0px;
	}
	.constructing .box ul li .txtbox ul{
		margin-top: 30px;
	}
	.constructing .box ul li .txtbox .infor span{
		margin-right: 30px;
	}
	/*合作伙伴*/
	.c-partner{
		padding-bottom: 40px;
	}
	.c-partner .box ul{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.c-partner .box ul li{
		width: 23.95%;
		margin-right: 1.4%;
	}
	.c-partner .box ul li:nth-child(8n){
		margin-right: 1.4%;
	}
	.c-partner .box ul li:nth-child(6n){
		margin-right: 1.4%;
	}
	.c-partner .box ul li:nth-child(4n){
		margin-right: 0;
	}
	/*环保体系*/
	.s-materials .box{
		margin-top: 30px;
	}
	.s-materials .box ul li{
		width: 30%;
		margin-right: 3%;
	}
	.s-materials .box ul li .txtbox{
		padding: 20px 15px;
	}
	.s-materials .box ul li .txtbox .t1{
		font-size: 16px;
	}
	/*优质材料*/
	.currency {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.currency.product-customization{
		padding-bottom: 40px;
	}
	.currency .box{
		margin-top: 30px;
		padding-bottom: 50px;
	}
	.currency .cur-tab ul li{
		font-size: 16px;
	}
	.currency .cur-box{
		margin-top: 40px;
	}
	.currency .cur-div{
		margin-top: 40px;
	}
	.currency .cur-tit .t1{
		font-size: 16px;
	}
	.currency .cur-tit .t2{
		margin-top: 15px;
	}
	.currency .swiper-button-prev, .currency .swiper-container-rtl .swiper-button-next{
		left: 10px;
	}
	.currency .swiper-button-next, .currency .swiper-container-rtl .swiper-button-prev{
		right: 10px;
	}
	/*精工品质*/
	.seiko-quality .content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.seiko-quality .content .box{
		margin-top: 30px;
	}
	.seiko-quality .content .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.seiko-quality .content .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.seiko-quality .content .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.seiko-quality .content .box ul li .txtbox{
		padding: 20px 20px;
	}
	.seiko-quality .content .box ul li .txtbox .t1{
		font-size: 16px;
	}
	.seiko-quality .content .box ul li .txtbox .t3{
		margin-top: 10px;
	}
	/*免费服务*/
	.free-service .modular{
		margin-top: 20px;
	}
	.free-service .modular ul li .cont{
		padding: 20px;
	}
	.free-service .modular ul li .t3{
		/*overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;*/
		-webkit-line-clamp: 1;
	}
	.appointment-design{
		padding-bottom: 40px;
	}
	.appointment-design .content{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.appointment-design .box .btn input{
		font-size: 16px;
	}
	/*前沿设计*/
	.d-title{
		padding-left: 45px;
	}
	.d-title .t3{
		font-size: 14px;
	}
	.design-concept .d-title .t3{
		margin-top: 15px;
	}
	.design-performance .box{
		margin-top: 30px;
	}
	.design-performance .box ul li .txt{
		font-size: 16px;
	}
	.design-points{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.design-points .box{
		margin-top: 30px;
	}
	.design-points .box ul li .above{
		padding: 20px;
	}
	.design-points .box ul li .above .above-box .t1{
		font-size: 16px;
	}
	.design-points .box ul li .below{
		display: block;
	}
	.design-points .box ul li .below .below-box{
		display: block;
	}
	.design-points .box ul li .below .t1{
		font-size: 16px;
	}
	.design-points .box ul li .below .t2{
		font-size: 12px;
	}
	.design-process .box{
		margin-top: 30px;
	}
	.design-concept{
		padding-top: 40px;
    	padding-bottom: 40px;
	}
	.design-process{
		padding-top: 40px;
	}

	.design-process .box ul li{
		float: left;
		max-width: 20%;
		margin-bottom: 50px;
	}
	.design-process .box ul li:nth-child(odd){
		width: 20%;
	}
	.design-process .box ul li:nth-child(even){
		width: 6.66%;
	}
	.design-process .box ul li:nth-child(8){
		display: none;
	}
	.design-process .box ul li:nth-child(10){
		display: inline-block;
	}
	/*.design-points .box ul li .below{
		opacity: 0;
		display: none
	}*/
	.design-process .box ul li .t1{
		font-size: 16px;
	}
	.design-case{
		padding-top: 40px;
	}
	.design-case .box{
		margin-top: 30px;
	}
	.design-case .box .content{
		margin-top: 10px;
		padding-bottom: 40px;
	}
	/*全案定制*/
	.our-strength{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.our-strength .box{
		margin-top: 30px;
	}
	.our-strength .box>ul>li{
		padding: 30px 0px;
	}
	.our-strength .box ul li .num{
		top: 30px;
		font-size: 30px;
	}
	.our-strength .box ul li .txtbox .tuwen li{
		width: 30%;
		margin-right: 5%;
	}
	.our-strength .box ul li .txtbox .tuwen li:nth-child(4n){
		margin-right: 5%;
	}
	.our-strength .box ul li .txtbox .tuwen li:nth-child(3n){
		margin-right: 0;
	}
	.our-strength .box ul li .txtbox .tuwen li .t1{
		font-size: 14px;
	}
	.our-strength .box ul li .tit{
		font-size: 16px;
	}
	/*全产业链*/
	.supply-chain-system{
		padding-bottom: 40px;
	}
	.supply-chain-system .content{
		margin-top: 30px;
	}
	.supply-chain-system .box{
		margin-top: 40px;
	}
	.undertake .box .content .t1{
		font-size: 24px;
	}
	.undertake .box .content .t2{
		font-size: 18px;
	}
	.combox{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.combox .subtitle{
		padding-bottom: 20px;
	}
	.combox .subtitle .t1{
		font-size: 24px;
	}
	.combox .subtitle .t2{
		font-size: 15px;
	}
	.combox .subtitle .t3{
		font-size: 14px;
	}
	.combox .content1 ul li{
		width: 18.88%;
		margin-right: 1.4%;
		margin-bottom: 1.4%;
	}
	.combox .content1 ul li:nth-child(7n){
		margin-right: 1.4%;
	}
	.combox .content1 ul li:nth-child(5n){
		margin-right: 0;
	}
	.combox .content2 ul li{
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
	}
	.combox .content2 ul li:nth-child(4n){
		margin-right: 3.5%;
	}
	.combox .content2 ul li:nth-child(3n){
		margin-right: 0;
	}
	.x-promise ul li{
		min-height: 150px;
    	margin-top: -18px;
	}
	.x-promise ul li .t1{
		font-size: 20px;
	}
	.x-promise ul li .t2{
		font-size: 16px;
		margin-bottom: 0;
	}
	.x-promise ul li .t3{
		font-size: 14px;
	}
	.x-promise ul li .icon{
		margin-top: 0;
	}
	.combox .morebox{
		margin-top: 30px;
	}
	/*完美交付*/
	.project-cases{
		padding-bottom: 40px;
	}
	.project-cases .content{
		margin-top: 40px;
	}
	.project-cases .box{
		margin-top: 30px;
	}
	.picture .deliver .txt .t1{
		font-size: 16px;
	}
	.picture .deliver .txt .t2{
		margin-top: 6px;
	}
	.project-cases .box{
		margin-top: 20px;
	}
	.deliver-banner .box{
		position: relative;
	}
	.deliver-banner .box .img{
		width: 60%;
	}
	.deliver-banner .box .txt{
		position: absolute;
		left: 0;
		top: 50%;
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		padding-top: 0;
	}
	.picture .picture-li .txt .t1{
		font-size: 16px;
	}
	.deliver-banner .box .txt .t2 a{
		width: 150px;
		font-size: 15px;
		height: 40px;
		line-height: 40px;
	}
	/*无忧售后*/
	.quality-assurance-system{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.quality-assurance-system .box{
		margin-top: 30px;
	}
	.quality-assurance-system .box .cont{
		padding-bottom: 30px;
	}
	.quality-assurance-system .box .cont1 ul li{
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		padding-left: 100px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 4%;
		min-height: 1px;
	}
	.quality-assurance-system .box .cont1 ul li .icon{
		position: absolute;
		left: 20px;
		width: 86px;
	}
	.quality-assurance-system .box .cont1 ul li .icon img{
		max-width: 70%;
	}
	.quality-assurance-system .box .cont1 ul li .t1{
		margin-top: 0px;
		font-size: 15px;
	}
	.quality-assurance-system .box .cont1 ul li .t2{
		margin-top: 6px;
	}
	.quality-assurance-system .box .cont2 ul li{
		width: 100%;
		margin-right: 0;
		padding: 20px;
	}
	.quality-assurance-system .box .cont2 ul li .t1{
		font-size: 15px;
	}
	.quality-assurance-system .box .cont2 ul li .t2{
		font-size: 20px;
	}
	.quality-assurance-system .box .cont3 ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(4n){
		margin-right: 4%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(3n){
		margin-right: 4%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.quality-assurance-system .box .cont4 ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		min-height: 1px;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(6n){
		margin-right: 2%;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(4n){
		margin-right: 2%;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(2n){
		margin-right: 0;
	}
	.quality-assurance-system .box .cont4 ul li .t1{
		margin-top: 15px;
		font-size: 28px;
	}
	.quality-assurance-system .box .cont4 ul li .t2{
		font-size: 16px;
	}
	.quality-assurance-system .box .cont4 ul li .line{
		margin: 10px auto;
	}
	.quality-assurance-system .box .cont4 ul li .t3{
		margin-top: 6px;
		min-height: 51px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	/* 2021样式修改 */
	.decoration-drawing .i-title .t2 {
	    font-size: 18px;
	}

	.combination .box_2021 ul li {
	    width: 47%;
	}

	.combination .box_2021 ul li .img {
	    width: 60px;
	}

	.combination .box_2021 ul li .txtbox .title {
	    font-size: 20px;
	    padding-bottom: 5px;
	}

	.combination .box_2021 ul li .txtbox .txt {
	    font-size: 13px;
	}

}
@media screen and (max-width: 640px){
	.i-title .t5{
		font-size: 20px;
	}
	.i-title .t6{
		font-size: 20px;
	}
	.d-title .t1{
		font-size: 20px;
	}
	.office-decoration ul li .txtbox .t1{
		font-size: 16px;
	}
	.case-label ul li .sp{
		width: 50px;
		font-size: 15px;
	}
	.case-label ul li .labelbox{
		width: -moz-calc(100% - 55px);
	    width: -webkit-calc(100% - 55px);
	    width: calc(100% - 55px);
	}
	/*工地参观*/
	/*前沿工艺*/
	.ce-technology{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ce-technology .box{
		margin-top: 20px;
	}
	.ce-technology .box .cont-li{
		width: 50%;
	}
	.ce-technology .box .cont-li .txtbox{
		padding-top: 20px;
		font-size: 15px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.ce-technology .box .cont-li .s-box .imgbox img{
		height: auto;
		width: 100%;
	}
	/*标准化工程文件*/
	.e-documents .box{
		margin-top: 20px;
		padding: 0px 50px;
	}
	.e-documents .ed-div{
		padding-bottom: 30px;
	}
	.e-documents .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.e-documents .swiper-button-next, .e-documents .swiper-button-prev{
		top: 40%;
		width: 40px;
		height: 40px;
		-moz-background-size: 40px 40px;
	    -webkit-background-size: 40px 40px;
	    background-size: 40px 40px;
	}
	/*文明工地*/
	.civilized-site{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.civilized-site .box{
		margin-top: 25px;
	}
	.civilized-site .box ul li{
		width: 48%;
		margin-right: 4%;
	}
	.civilized-site .box ul li:nth-child(4n){
		margin-right: 4%;
	}
	.civilized-site .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.civilized-site .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.civilized-site .box ul li .txt{
		font-size: 14px;
	}
	/*40+岗位流程，标准化无缝对接*/
	.docking .i-title.white .t2{
		margin: 8px auto 0px;
	}
	.docking .box .content{
		margin-top: 30px;
	}
	.docking .box .content form{
		width: 80%;
		margin: 0 auto;
		overflow: hidden;
	}
	.docking .box .content .inli{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.docking .box .content .btnli{
		width: 100%;
	}
	/*在建工地*/
	.constructing{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.constructing .box{
		margin-top: 25px;
	}
	.constructing .box ul li{
		padding: 25px 0px;
	}
	.constructing .box ul li .imgbox{
		width: 100%;
		padding: 0;
	}
	.constructing .box ul li .imgbox img{
		width: 100%;
	}
	.constructing .box ul li .txtbox{
		width: 100%;
		padding: 30px 20px 0px;
	}
	.constructing .box ul li .txtbox ul{
		margin-top: 20px;
	}
	.constructing .box ul li .txtbox .infor span{
		margin-right: 20px;
	}
	.constructing .box ul li .txtbox ul li .word{
		font-size: 12px;
	}
	.constructing .box ul li .txtbox .txt .tit{
		font-size: 16px;
	}
	.constructing .box ul li .txtbox .txt .tit img{
		width: 22px;
	}
	/*环保体系*/
	.s-materials .box{
		margin-top: 20px;
	}
	.s-materials .box ul{
		overflow: hidden;
	}
	.s-materials .box ul li{
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.s-materials .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.s-materials .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.s-materials .box ul li .txtbox{
		padding: 20px 15px;
	}
	.s-materials .box ul li .txtbox .t1{
		font-size: 16px;
	}
	/*优质材料*/
	.currency {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.currency.product-customization{
		padding-bottom: 30px;
	}
	.currency .box{
		margin-top: 20px;
		padding-bottom: 40px;
	}
	.currency .cur-tab ul li{
		font-size: 15px;
		line-height: 50px;
	}
	.currency .cur-box{
		margin-top: 30px;
	}
	.currency .cur-div{
		margin-top: 30px;
	}
	.currency .cur-tit .t1{
		font-size: 15px;
	}
	.currency .cur-tit .t2{
		margin-top: 14px;
	}
	/*精工品质*/
	.seiko-quality .content{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.seiko-quality .content .box{
		margin-top: 20px;
	}
	.seiko-quality .content .box ul li .txtbox .t1{
		font-size: 16px;
	}
	.seiko-quality .content .box ul li .txtbox .t3{
		margin-top: 6px;
	}
	/*免费服务*/
	.free-service .modular ul li{
		width: 48%;
		margin-right: 4%;
	}
	.free-service .modular ul li:nth-child(3n){
		margin-right: 4%;
	}
	.free-service .modular ul li:nth-child(2n){
		margin-right: 0;
	}
	.free-service .modular ul li .t3{
		-webkit-line-clamp: 2;
	}
	.appointment-design{
		padding-bottom: 30px;
	}
	.appointment-design .content{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.appointment-design .box .line .line-li{
		width: 100%;
		margin-right: 0;
	}
	.appointment-design .box .btn{
		margin: 30px auto 0px;
	}
	.appointment-design .box .line .line-li input{
		height: 50px;
	}
	.appointment-design .box .line .unit{
		height: 50px;
	}
	.appointment-design .box .btn input{
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}
	/*前沿设计*/
	.d-title{
		padding-left: 0;
	}
	.d-title .t3{
		margin-top: 10px;
	}
	.design-concept .d-title .t3{
		margin-top: 10px;
	}
	.d-title .line{
		display: none;
	}
	.design-concept .box .left{
		width: 100%;
	}
	.design-concept .box .right{
		width: 100%;
		margin-top: 30px;
	}
	.design-performance .box{
		margin-top: 20px;
	}
	.design-performance .box ul li{
		width: 48%;
		margin-right: 4%;
	}
	.design-performance .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.design-performance .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.design-performance .box ul li .txt{
		font-size: 15px;
	}
	.design-points{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.design-points .box{
		margin-top: 20px;
	}
	.design-points .box ul li{
		width: 48%;
		margin-right: 4%;
	}
	.design-points .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.design-points .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.design-points .box ul li .above .above-box .t1{
		font-size: 15px;
	}
	/*.design-points .box ul li .above .above-box .icon img{
		max-width: 50px;
	}*/
	.design-process .box{
		margin-top: 20px;
	}
	.design-concept{
		padding-top: 30px;
    	padding-bottom: 30px;
	}
	.design-process{
		padding-top: 30px;
	}
	.design-process .box ul li{
		float: left;
		max-width: 28%;
		margin-bottom: 30px;
	}
	.design-process .box ul li:nth-child(odd){
		width: 28%;
	}
	.design-process .box ul li:nth-child(even){
		width: 8%;
	}
	.design-process .box ul li:nth-child(8){
		display: inline-block;
	}
	.design-process .box ul li:nth-child(10){
		display: inline-block;
	}
	.design-process .box ul li:nth-child(6), .design-process .box ul li:nth-child(12){
		display: none;
	}
	.design-process .box ul li .t1{
		font-size: 15px;
	}
	.design-case .box{
		margin-top: 20px;
	}
	.design-case .box .content{
		padding-bottom: 30px;
	}
	/*.design-case .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.design-case .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.design-case .box ul li:nth-child(2n){
		margin-right: 0;
	}*/
	.appointment-design{
		margin-top: 20px;
	}
	/*全案定制*/
	.case-customization .why .box{
		margin-top: 20px;
	}
	.our-strength{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.our-strength .box{
		margin-top: 20px;
	}
	.our-strength .box>ul>li{
		padding: 20px 0px;
	}
	.our-strength .box ul li .txtbox .tuwen li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.our-strength .box ul li .txtbox .tuwen li:nth-child(4n){
		margin-right: 4%;
	}
	.our-strength .box ul li .txtbox .tuwen li:nth-child(3n){
		margin-right: 4%;
	}
	.our-strength .box ul li .txtbox .tuwen li:nth-child(2n){
		margin-right: 0;
	}
	.our-strength .box ul li .txtbox .tuwen li .t1{
		font-size: 14px;
	}
	.our-strength .box ul li .line{
		padding-top: 20px;
		margin-top: 20px;
	}
	.our-strength .box ul li .num{
		top: 20px;
	}
	/*全产业链*/
	.supply-chain-system{
		padding-bottom: 30px;
	}
	.supply-chain-system .content{
		margin-top: 20px;
	}
	.supply-chain-system .box{
		margin-top: 30px;
	}
	.undertake .box .content .t1{
		font-size: 20px;
	}
	.undertake .box .content .t2{
		font-size: 16px;
	}
	.combox{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.combox .subtitle{
		padding-bottom: 15px;
	}
	.combox .subtitle .t1{
		font-size: 2.px;
	}
	.combox .subtitle .t2{
		font-size: 14px;
	}
	.combox .content1 ul li{
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
	}
	.combox .content1 ul li:nth-child(7n){
		margin-right: 3.5%;
	}
	.combox .content1 ul li:nth-child(5n){
		margin-right: 3.5%;
	}
	.combox .content1 ul li:nth-child(3n){
		margin-right: 0;
	}
	.combox .content2 ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.combox .content2 ul li:nth-child(4n){
		margin-right: 4%;
	}
	.combox .content2 ul li:nth-child(3n){
		margin-right: 4%;
	}
	.combox .content2 ul li:nth-child(2n){
		margin-right: 0;
	}
	.x-promise{
		padding-top: 30px;
	}
	.x-promise ul li{
		width: 46%;
		margin-bottom: 20px;
		margin-right: 0;
		min-height: 1px;
    	margin-top: 0;
    	background-color: #FFFFFF;
	}
	.x-promise ul li:nth-child(even){
		margin-right: 4%;
	}
	.x-promise ul li:first-child{
		width: 100%;
		background: none;
		margin-right: 3%;
	}
	.x-promise ul li .cont{
		position: static;
		transform: none;
	}
	.x-promise ul li .t1{
		font-size: 18px;
	}
	.x-promise ul li .t2{
		margin-bottom: 5px;
	}
	.x-promise ul li .t3{
		margin-bottom: 5px;
	}
	.combox .morebox{
		margin-top: 20px;
	}
	/*完美交付*/
	.project-cases{
		padding-bottom: 30px;
	}
	.project-cases .content{
		margin-top: 30px;
	}
	.project-cases .box{
		margin-top: 20px;
	}
	.deliver-banner .box .img{
		width: 70%;
	}
	.deliver-banner .box .txt{
		width: 80%;
	}
	.deliver-banner .box .txt .t1{
		font-size: 20px;
	}
	.deliver-banner .box .txt .t2 a{
		font-size: 14px;
	}
	.project-cases .box{
		padding: 0px 50px;
	}
	.project-cases .swiper-button-next, .project-cases .swiper-button-prev {
		width: 40px;
		height: 40px;
		-moz-background-size: 40px 40px;
	    -webkit-background-size: 40px 40px;
	    background-size: 40px 40px;
	}
	.picture .picture-li .txt{
		padding: 15px;
	}
	.picture .picture-li .txt .t1{
		font-size: 15px;
	}
	.picture .deliver .txt .t1 {
		font-size: 15px;
	}
	.picturebox .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	.e-documents .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	/*无忧售后*/
	.quality-assurance-system{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.quality-assurance-system .box{
		margin-top: 20px;
	}
	.quality-assurance-system .box .cont{
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.quality-assurance-system .box .cont .tit{
		font-size: 16px;
		padding-left: 45px;
	}
	.quality-assurance-system .box .cont .tit .num {
		font-size: 16px;
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	}
	.quality-assurance-system .box .cont ul{
		padding-left: 45px;
		margin-top: 20px;
	}
	.quality-assurance-system .box .cont1 ul li{
		padding-left: 80px;
	}
	.quality-assurance-system .box .cont1 ul li .icon{
		left: 15px;
	}
	.quality-assurance-system .box .cont1 ul li .icon img{
		max-width: 50px;
	}
	.quality-assurance-system .box .cont2 ul li .icon{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.quality-assurance-system .box .cont2 ul li .txt {
	    width: -moz-calc(100% - 65px);
	    width: -webkit-calc(100% - 65px);
	    width: calc(100% - 65px);
	}
	.quality-assurance-system .box .cont2 ul li .t1{
		margin-top: 0;
	}
	.quality-assurance-system .box .cont2 ul li .t2{
		font-size: 18px;
	}
	/*.quality-assurance-system .box .cont3 ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(4n){
		margin-right: 4%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(3n){
		margin-right: 4%;
	}
	.quality-assurance-system .box .cont3 ul li:nth-child(2n){
		margin-right: 0;
	}*/
	.quality-assurance-system .box .cont3 ul li .icon, .quality-assurance-system .box .cont3 ul li::before{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.quality-assurance-system .box .cont3 ul li .txt{
		font-size: 15px;
		padding-left: 65px;
		line-height: 40px;
	}
	.quality-assurance-system .box .cont4 ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		min-height: 1px;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(6n){
		margin-right: 2%;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(4n){
		margin-right: 2%;
	}
	.quality-assurance-system .box .cont4 ul li:nth-child(2n){
		margin-right: 0;
	}
	.quality-assurance-system .box .cont4 ul li .t1{
		margin-top: 0px;
		font-size: 24px;
	}
	.quality-assurance-system .box .cont4 ul li .t2{
		font-size: 15px;
	}
	.quality-assurance-system .box .cont4 ul li .t3{
		margin-top: 6px;
		min-height: 51px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	/*2020.12.24*/
	.picture .picture-li{
		float:none;
		width:100%;
	}
	.picture .deliver{
		float:none;
		width: 100%;
		text-align: center;
	}
	.picture .deliver .txt{
		margin: 10px auto 20px;
	}
	.picture .deliver .txt .t2 img{
		margin: 10px auto;
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
		max-width: 40px;
	}
	.project-cases .swiper-button-next, .project-cases .swiper-button-prev{
		top: 48%
	}

	/* 2021样式修改 */
	.decoration-drawing .i-title .t2 {
	    font-size: 18px;
	}

}
@media screen and (max-width: 600px){
	.ce-technology .box .cont-li{
		width: 100%;
	}
	/*合作伙伴*/
	.c-partner{
		padding-bottom: 30px;
	}
	.c-partner .box{
		padding-top: 20px;
	}
	.c-partner .box ul{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.c-partner .box ul li{
		width: 31.66%;
		margin-right: 2.5%;
	}
	.c-partner .box ul li:nth-child(8n){
		margin-right: 2.5%;
	}
	.c-partner .box ul li:nth-child(6n){
		margin-right: 2.5%;
	}
	.c-partner .box ul li:nth-child(4n){
		margin-right: 2.5%;
	}
	.c-partner .box ul li:nth-child(3n){
		margin-right: 0;
	}
	/*环保体系*/
	.s-materials .box{
		margin-top: 20px;
	}
	.s-materials .box ul{
		overflow: hidden;
	}
	.s-materials .box ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.s-materials .box ul li .txtbox .t2{
		height: auto;
		line-height: inherit;
	}
	/*优质材料*/
	.currency .cur-div{
		padding: 0px 30px;
	}
	.currency .swiper-button-prev, .currency .swiper-container-rtl .swiper-button-next{
		left: 5px;
	}
	.currency .swiper-button-next, .currency .swiper-container-rtl .swiper-button-prev{
		right: 5px;
	}
	/*精工品质*/
	.seiko-quality .content .box ul li{
		width: 100%;
		margin-right: 0;
	}
	.seiko-quality .content .box ul li .txtbox .t1{
		font-size: 15px;
	}
	.seiko-quality .content .box ul li .txtbox .t3{
		min-height: 1px;
	}
	/*免费服务*/
	.free-service .modular ul li .t2{
		font-size: 15px;
	}
	.free-service .modular ul li .t3{
		display: none;
	}
	/*前沿设计*/
	.design-performance .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.design-points .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.design-process .box ul li{
		float: left;
		max-width: 46%;
		width: 46%;
		margin-right: 2%;
		margin-left: 2%;
		margin-bottom: 20px;
	}
	.design-process .box ul li:nth-child(odd){
		width: 48%;
	}
	.design-process .box ul li:nth-child(even){
		display: none
	}
	.design-case .box ul li{
		width: 100%;
		margin-right: 0;
	}
	/*完美交付*/
	.deliver-banner .box .txt .t1{
		font-size: 18px;
	}
	/*无忧售后*/
	.quality-assurance-system .box .cont3 ul li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	/*.quality-assurance-system .box .cont4 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}*/

	/* 2021样式修改 */
	.combination .box_2021 ul {
	    padding-top: 15px;
	}

	.combination .box_2021 ul li {
	    width: 80%;
	    margin: 20px 10%;
	    padding: 0;
	}

	.combination .box_2021 ul li .txtbox .title {
	    font-size: 18px;
	    padding-bottom: 0;
	}


}
@media screen and (max-width: 414px){
	.office-decoration{
		padding-top: 30px;
	}
	.office-decoration .box{
		margin-top: 20px;
	}
	.office-decoration ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.office-decoration ul li .txtbox .t2{
		height: auto;
	}
	.constructing .box ul li .txtbox .infor{
		margin-top: 15px;
		padding-left: 16px;
	}
	.yuyue a{
		height: 36px;
		line-height: 36px;
		padding: 0 16px;
	}
}

.fancybox-navigation .fancybox-button--arrow_left{
	left: 10% !important;
}
.fancybox-navigation .fancybox-button--arrow_right {
	right: 10% !important;
}

/*20210224新增*/
.header-bottom{
	border-top: none;
	background-color: #007dfc;
}
.header .nav ul li{
	padding: 0 20px;
}
.header .nav ul li>a{
	position: relative;
	padding: 0;
	color: #ffffff;
}
.header .nav ul li:hover>a, .header .nav ul li.on>a{
	color: #ffffff;
}
.header .nav ul li::before{
	background: no-repeat;
}
.header .nav ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 0;
	height: 2px;
	background-color: #FFFFFF;
	-o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.header .nav ul li:hover a:before, .header .nav ul li.on a:before{
	width: 100%;
}
.header-other .taximeter span{
	background-color: #fe6012;
}
.trait{
	float: left;
	margin-left: 20px;
}
.trait ul li{
	float: left;
	padding: 0px 20px;
	border-left: #ececec solid 1px;
	text-align: center;
	margin-top: 15px;
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url(../fonts/SourceHanSansCN-Normal_0.otf);
}
.trait ul li .t3{
	/*font-family: 'SourceHanSansCN-Normal';*/
	color: #666; letter-spacing: 3.4px;
	font-size: 16px;
}
.trait ul li .t4{
	position: relative;
	/*font-family: 'SourceHanSansCN-Medium';*/
	color: #007dfc;
	font-size: 24px;
	font-weight:bold;
	padding: 0px 8px;
	margin-bottom: 5%;
}
.trait ul li .t4:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 100%;
	background: url(../img/) center left no-repeat;
}
.trait ul li .t4:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
	height: 100%;
	background: url(../img/) center right no-repeat;
}
@media only screen and (max-width: 1200px){
	.header .nav ul li{
		margin-right: 10px;
	}
	.header .nav ul li>a{
		padding: 0px 9px;
	}
	.trait ul li{
		padding: 0px 15px;
	}
	.trait ul li .t3{
		font-size: 15px;
	}
	.trait ul li .t4{
		font-size: 17px;
	}
}
@media only screen and (max-width: 1024px){
	.header-bottom{
		background-color: #FFFFFF;
	}
	.trait{
		display: none;
	}
}



/*20210408*/
.popbox{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	z-index: 999;
	width: 100%;
	height: 100vh;
	overflow: auto;
	background: rgba(0,0,0,0.5);
}
.popbox .box{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-width: 550px;
	width: 90%;
	height: 700px;
}
.popbox .box .content{
	width: 90.9%;
	padding: 20px;
	margin-top: 35px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 20px;
}
.popbox .box .content .title{
	padding-top: 15%;
	padding-left: 6.5%;
	padding-right: 6.5%;
	padding-bottom: 12%;
	text-align: right;
	background-color: #e6f1ff;
	border-radius: 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.popbox .box .content .title .t1{
	color: #666666;
	font-size: 24px;
	margin-bottom: 10px
}
.popbox .box .content .title .t2{
	color: #2d80e2;
	font-size: 36px;
	font-weight: bold;
}
.popbox .box .content .databox{
	position: relative;
	margin-top: 10px;
}
.popbox .box .content .databox ul{
	font-size: 0
}
.popbox .box .content .databox ul li{
	display: inline-block;
	vertical-align: top;
	width: 30.7%;
	margin-right: 3.95%;
	margin-bottom: 10px;
}
.popbox .box .content .databox ul li:nth-child(3n){
	margin-right: 0;
}
.popbox .box .content .databox ul li .opt{
	background-color: #e6f1ff;
	color: #2d80e2;
	font-size: 18px;
	text-align: center;
	height: 90px;
	line-height: 90px;
	border-radius: 10px;
}
.popbox .box .content .databox ul li.on .opt{
	background-color: #ffe8cc;
	color: #ff8c00;
}
.popbox .box .content .databox .equals{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30.7%;
	color: #ffffff;
	font-size: 48px;
	text-align: center;
	height: 290px;
	line-height: 290px;
	background-color: #ff8c00;
	border-radius: 10px;
}
.popbox .box .content .databox .otherbox{
	width: 65.2%;
}
.popbox .box .content .databox .otherbox .input-li{
	width: 100%;
	padding: 0 20px;
	height: 90px;
	border-radius: 10px;
	background-color: #e6f1ff;
	margin-bottom: 10px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.popbox .box .content .databox .otherbox .input-li:last-child{
	margin-bottom: 0;
}
.popbox .box .content .databox .otherbox .input-li input{
	width: 90%;
	height: 90px;
	line-height: 90px;
	background: none;
	outline: none;
	border: none;
	color: #2d80e2;
	font-size: 18px;
}
.popbox .box .content .databox .otherbox .input-li input::-webkit-input-placeholder{
    color: #8a9db3;
}
.popbox .box .content .databox .otherbox .input-li input:-moz-placeholder{
  	color: #8a9db3;
}
.popbox .box .content .databox .otherbox .input-li input::-moz-placeholder{
  	color: #8a9db3;
}
.popbox .box .content .databox .otherbox .input-li input:-ms-input-placeholder{
  	color: #8a9db3;
}
.popbox .popup-close {
    position: absolute;
    right: 0;
    top: 3%;
    width: 10.8%;
    text-align: right;
}
.popbox .popup-close img{
	max-width: 51%;
}

@media screen and (max-width: 1024px){
	.popbox .box .content .title{
		padding-top: 12%;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10%;
	}
	.popbox .box .content .title .t1{
		font-size: 20px;
	}
	.popbox .box .content .title .t2{
		font-size: 32px;
	}
	.popbox .box .content .databox ul li .opt{
		font-size: 16px;
		height: 80px;
		line-height: 80px;
	}
	.popbox .box .content .databox .otherbox .input-li{
		height: 80px;
	}
	.popbox .box .content .databox .otherbox .input-li input{
		font-size: 16px;
		height: 80px;
		line-height: 80px;
	}
	.popbox .box .content .databox .equals{
		font-size: 42px;
		height: 260px;
		line-height: 260px;
	}
}
@media screen and (max-width: 640px){
	.popbox .box .content .title{
		padding-top: 10%;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 8%;
	}
	.popbox .box .content .title .t1{
		font-size: 18px;
	}
	.popbox .box .content .title .t2{
		font-size: 28px;
	}
	.popbox .box .content .databox ul li .opt{
		height: 70px;
		line-height: 70px;
	}
	.popbox .box .content .databox .otherbox .input-li{
		height: 70px;
	}
	.popbox .box .content .databox .otherbox .input-li input{
		height: 70px;
		line-height: 70px;
	}
	.popbox .box .content .databox .equals{
		height: 230px;
		line-height: 230px;
	}
	.popbox .popup-close img{
		max-width: 30px;
	}
}
@media screen and (max-width: 576px){
	.popbox .box{
		height: auto;
		left: 50%;
		top: 50%;
		right: auto;
		bottom: auto;
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.popbox .box .content{
		width: 100%;
		overflow: auto;
		padding-bottom: 40px;
		margin-top: 50px;
		padding-bottom: 20px;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.popbox .popup-close{
		top: 0px;
	}
	.popbox .box .content .title{
		padding-left: 20px;
		padding-right: 20px;
	}
	.popbox .box .content .title .t1{
		font-size: 16px;
	}
	.popbox .box .content .title .t2{
		font-size: 24px;
	}
	.popbox .box .content .databox ul li .opt{
		font-size: 14px;
		height: 60px;
		line-height: 60px;
	}
	.popbox .box .content .databox .otherbox .input-li{
		height: 60px;
		padding: 0px 15px;
	}
	.popbox .box .content .databox .otherbox .input-li input{
		font-size: 14px;
		height: 60px;
		line-height: 60px;
	}
	.popbox .box .content .databox .equals{
		font-size: 36px;
		height: 200px;
		line-height: 200px;
	}
}


/*20210429*/
.cases .special .half{
	position: relative;
	float: left;
	width: 48.575%;
	margin-right: 2.85%;
	margin-bottom: 2.85%;
}
.cases .special .half:nth-child(2n){
	margin-right: 0;
}
.cases .special .half a .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cases .special .half a .txtbox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: none;
}
.cases .special .half .case-box .txtbox .t1, 
.cases .special .half .case-box .txtbox .t2, 
.cases .special .half .case-box .txtbox .t3{
	color: #FFFFFF;
}
@media screen and (max-width: 768px){
	.cases .special .half{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
}
@media screen and (max-width: 640px){
	.cases .special .half{
		width: 100%;
		margin-right: 0;
	}
}
@media screen and (max-width: 576px){
	.case-label{
		margin: 20px auto 40px;
	}
}



.fl {
    float: left;
}
.fr {
    float: right;
}


.h50{ height:50px;}
/*耐维思产品中心*/
.zx_bt { padding:55px 0 40px; text-align:center;}
.zx_bt a { display:block; font-size:30px; color:#3e4146; font-weight:bold; margin-bottom:15px;}
.zx_bt a em { color:#e70012}
.zx_bt i { display:block; font-size:16px; color:#fff; padding:10px 0 0;}
.zx_dl dl { height:170px;}
.zx_dl dl dt { height:50px; line-height:50px; background:#fafafa; padding:0 20px;}
.zx_dl dl dt em a { font-size:14px; color:#666; float:right;}
.zx_dl dl dt b a { font-size:16px; color:#666;}
.zx_dl dl dd { line-height:40px; padding:10px 0 0 20px; height:100px;}
.zx_dl dl dd a { font-size:14px; color:#666; float:left; padding-right:45px; overflow:hidden;}
.zx_dl dl dd a:hover { color:#e70012}

.zx01 { width:18%; border:solid 1px #ddd;}
.zx01 span { display:block;}
.zx01 span a { background:#007dfc url(Img/Index/cp_ico01.gif) no-repeat 202px 16px;   line-height:65px; display:block; font-size:20px; color:#fff; padding-left:30px;border-bottom:solid 1px #ddd; font-weight:900;}
.zx01 span a:hover { font-weight:bold;}
.zx01 ul { padding:10px 0 0 00px;}
.zx01 ul li a {  line-height:38px; border-bottom:dashed 1px #eee; padding:0 0 0 28px; display:block; font-size:14px;}
.zx01 ul .nobor a { border:none;}
.zx01 ul li a:hover { color:#fff;    background-color: #007dfc; border-bottom:dashed 1px #007dfc; }
.zx01 ul li.active a { color:#fff;    background-color: #007dfc; border-bottom:dashed 1px #007dfc;}

.zx_con { width:80%;}
.zx_con ul{ margin:-5px -5px 0 -5px;}
.zx_con ul li a { margin:5px; display:block; position:relative; overflow:hidden;border:solid 1px #eee;}
.zx_con ul li { float: left; width:25%;    position:relative;}
.zx_con ul li a img { display:block; width:100%;  -webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease}
.zx_con ul li a em { display:block; font-style:normal;}
.zx_con ul li a:hover { background:url(Img/Index/cp_picbg.gif) no-repeat;  display:block;}
.zx_con ul li a:hover img { -webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05) }
.zx_con ul li a em { display:block; background: url(../img/btm05.png) repeat; width:100%;   line-height:40px;  bottom:0; left:0; text-align:center; color:#fff;   }
.zx_con ul li a:hover em { display:block; }
.zx_con ul li a em  p{font-size:14px; }





.tit1{ font:50px "Microsoft YaHei"; text-align:center;color:#000000; margin-bottom:35px;}
.tit1 a{ display:block; color:#000;}
.tit1 em{ display:block; font:28px "Microsoft YaHei"; margin-top:8px; color:#000;}

/*关于*/
.about{    padding-top:125px; overflow:hidden; background:url(../img/about_bg.jpg) no-repeat center top;}
.about .tit1 a{ color:#fff;     color: #fff;
    font-weight: 900;
    font-size: 40px;}
.about .tit1  em{ color:#fff; letter-spacing:10px;}
.about dl{ width:1005px; margin:65px auto;}
.about dt a{ display:block; width:250px; height:54px; background:#fff;margin:65px auto 0; border-radius:50px; font:20px "Microsoft YaHei UI"; text-align:center; line-height:54px; color:#303030; font-weight:900;}
.about dd{font:14px "Microsoft Yahei"; line-height:30px; color:#fff; text-align:center;}



.pict4{ height:50px; overflow: hidden; margin-bottom:10px; border:1px solid #dcdcdc; border-right:none;}
.pict4 li{  font-size:16px;line-height:50px;float: left; width:25%;border-right:1px solid #dcdcdc; height:50px;text-align:center;box-sizing: border-box;}
.pict4 li a{ display:block; color:#3d3d3d;}
.pict4 h5 a{ display:block; float:left; width:300px; height:50px; font:16px Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:bold; color:#232323; text-align:center; line-height:50px;}
.pict4 li a:hover ,.pict4 li.cur a{ background:#eeeeee;}


.xcvideo{ position:relative;}
.xcvideo .mv{ position:absolute; top:0; width:100%; height:100%; z-index2; left:0;}
.xcvideo .mv video{width:100%; height:100%}
.xc{    font-family: "Microsoft YaHei"; overflow:hidden;}
.pict{ height:50px; overflow: hidden; margin-bottom:10px; border:1px solid #dcdcdc;}
.pict li{     box-sizing: border-box; font-size:16px;line-height:50px;float: left; width: 25%;;border-right:1px solid #dcdcdc; height:50px;text-align:center;}
.pict li a{ display:block; color:#3d3d3d;}
.pict h5 a{ display:block; float:left; width:200px; height:50px; font:16px Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:bold; color:#232323; text-align:center; line-height:50px;}
.pict li a:hover ,.pict li.cur a{ background:#eeeeee;}
.pict li:last-child{border:none}
.pic2{position: relative; }
.xcimg{  margin: 0 auto;}
.xcimg ul{border-left: 1px solid #dcdcdc ;}
.xcimg li{ width:25%; float: left; margin:0 0px 0 0; line-height: 0; position: relative;}
.xcimg li a{border: 1px solid #dcdcdc ; border-left:0; display: block;}
.xcimg li img{ width:100%; height:auto; display:block;}
.xcimg li p{ background:rgba(30,57, 127, 0.5);position: absolute; top: 0;left: 0; width:100%; height: 0;font:26px/24px "Microsoft YaHei"; line-height:278px; color:#fff;text-align: center; overflow: hidden;
  -webkit-transition: height .3s;
    transition: height .3s; }
.xcimg li p img{display: block; width:40px; height:40px; margin: 110px auto 0;}
.xcimg li:hover p{ height:100%}




/*优势*/
.ys_bg { background: url(../img/ys_bg.jpg) no-repeat center 0; overflow:hidden; background-size:100% 100%; padding-bottom:70px;}
.ys_bg_box{ max-width:1600px; margin:0 auto}
.ys_bg .zx_bt a { color:#fff;}
.ys_bg .zx_bt a em { padding-right:20px;}

.ys_con { position:relative; overflow:hidden}
.ys_con p { position:absolute; top:170px; left:40px; background:url(../img/ys_pbg.png) no-repeat; width:534px; height:253px;}
.ys_con p em { display:block; float:left; padding:50px 0 0 20px; width:60px; text-align:center; font-size:48px; color:#fff; font-family:Impact;}
.ys_con p span { display:block; float:left; width:406px; padding:75px 0 0 18px; font-size:14px; color:#fff; line-height:30px;} 
.ys_con p span i{ font-style:normal}
.ys_con p span a { display:block; font-size:26px; color:#fff; margin-bottom:20px;}
.ys_con  a{ display:block;}
.ys_con  a img{ width:100%}
.ys_pic { margin:10px 0 0;}
.ys_pic ul{ margin:0 -9px;}
.ys_pic ul li { float:left; width:25%; }
.ys_pic ul li a { display:block; margin:0 9px;}
.ys_pic ul li a p{ position:relative;}
.ys_pic ul li a img { display:block; width:100%; }
.ys_pic ul li a em { display:block; font-size:16px; color:#fff; padding:10px 0 10px; margin-top:10px; text-align:center; font-style:normal;background-color: #fe6012; border-radius: 18px;}
.ys_pic ul li a i { display:block; background:url(../img/btm05.png) repeat; width:100%; height:100%; position:absolute; top:0; left:0;}
.ys_pic ul li a:hover i,.ys_pic ul .cur a i { display: none;}
.ys_pic ul li a:hover img,.ys_pic ul .cur a img { display:block;  }
.ys_pic ul li a:hover em,.ys_pic ul .cur a em { color:#fe6012; background:#fff}



/*通用分类*/

.class {
    text-align: center;
    margin-bottom: 50px;
    font-size: 0;
    margin-top: 50px;
}

.class li {
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin-left: -1px;
    transition: all .25s ease;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #d4d4d4;
}

.class li a, .class li h3 {
    font-weight: normal;
    display: block;
}

.class li a {
    padding: 0 30px;
}

.class li a:hover {
    color: #007dfc;
}

.class li.hover, .class li.hover:hover {
    background: #007dfc;
    color: #fff;
    border: 1px solid #007dfc
}

.class li.hover a {
    color: #fff;
}

.class li:hover {
    background: #fafafa
}

.class li:first-child {
    border-radius: 6px 0 0 6px;
}

.class li:last-child {
    border-radius: 0 6px 6px 0;
}

/*全站顶部*/
/*通用按钮*/

.pub-btn a, .pub-btn span {
    color: #434343;
    display: block;
    padding: 8px 45px;
    border-radius: 25px;
    position: relative;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border: 1px solid #aaa;
    background-color: transparent; font-weight:900;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.pub-btn a:hover, .pub-btn a.hover, .pub-btn span:hover, .pub-btn span.hover {
    background-color: #fe6012;
    color: #fff;
    border-color: #fe6012;
}

.pub-btn .iconfont {
    margin-left: 5px;
    display: inline-block;
}

.pub-btn .nomargin {
    margin: 0;
}

.pub-btn .icon-youjiantou3 {
    -moz-animation: toright .75s;
    -webkit-animation: toright .75s;
    animation: toright .75s;
    animation-iteration-count: infinite;
    animation-duration: 1.3s;
}

@-webkit-keyframes toright {
    00% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes toright {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(10px);
    }
}

@-ms-keyframes toright {
    0% {
        -ms-transform: translateX(0);
    }
    100% {
        -ms-transform: translateX(10px);
    }
}

@keyframes toright {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(10px);
    }
}

.anim {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -moz-animation: anim .75s;
    -webkit-animation: anim .75s;
    animation: anim .75s;
    animation-iteration-count: infinite;
    animation-duration: 1.3s;
    display: block;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background-color: #e00;
}

@-webkit-keyframes anim {
    0% {
        width: 0;
        padding-top: 0;
        background: rgba(0, 0, 0, .3);
    }
    100% {
        width: 100%;
        padding-top: 100%;
        background: transparent;
    }
}

@-moz-keyframes anim {
    0% {
        width: 0;
        padding-top: 0;
        background: rgba(0, 0, 0, .3);
    }
    100% {
        width: 100%;
        padding-top: 100%;
        background: transparent;
    }
}
.mtop30 {
    margin-top: 30px;
}
.tc {
    text-align: center;
}
@-ms-keyframes anim {
    0% {
        width: 0;
        padding-top: 0;
        background: rgba(0, 0, 0, .3);
    }
    100% {
        width: 100%;
        padding-top: 100%;
        background: transparent;
    }
}

@keyframes anim {
    0% {
        width: 0;
        padding-top: 0;
        background: rgba(0, 0, 0, .3);
    }
    100% {
        width: 100%;
        padding-top: 100%;
        background: transparent;
    }
}


/*新闻及观点*/
.index-news{ background:#fff; padding:50px 0;}
 
.index-info li {
    width: 33.333%;
    float: left;
}

.index-info li {
    margin-bottom: 25px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.index-info li:hover {
    border-color: #007dfc;
}

.index-info a {
    border: 3px solid transparent;
    border-radius: 3px;
    display: block;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0 auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 85%;
    margin: 0 auto;
}

.index-info li:hover a {
    border: 1px solid #007dfc;
}

.index-info .time {
    width: 15%;
    position: relative;
    height: 0;
    padding-top: 15%;
    background-color: #969393;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.index-info li:hover .time {
    background-color: #007dfc;
}

.index-info .day {
    position: absolute;
    left: 0;
    top: 3%;
    width: 100%;
    font-size: 30px;
}

.index-info .date {
    position: absolute;
    left: 0;
    bottom: 8%;
    width: 100%;
    font-size: 12px;
}

.index-info .info {
    width: 81%;
}

.index-info .title {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-info .desc {
    color: #888;
    margin-top: 5px;
    line-height: 17px;
    height: 36px;
    overflow: hidden;
    font-size: 12px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.index-info li:hover .desc {
    color: #007dfc;
}

/*内页page列表*/
.index-info .page-rec li {
    font-size: 14px;
    margin-bottom: 15px;
}
.index-info .page-rec li a {
    display: block;
    text-indent: 5px;
    position: relative;
}




/*============
	contact
====================================================================================*/
.contact {
	position: relative;
	padding: 5% 0 3%;
}
.contact .inner_wrap {
	width: 1180px;
}
.contact-tit {
	padding: 0 6px 14px;
	/*border-top: 1px solid #eeeced;*/
	border-bottom: 2px solid #eeeced;
	margin-bottom: 3%;
}
.contact-tit p {
	/*font-weight: bold;*/
	font-size: 22px;
	color: #333;
}
.contact-tit p span {
	font-size: 26px;
	color: #007dfc;
	font-weight: bold;
}
.contact-box {
	overflow: hidden;
	padding: 0 1%;
}
.contact-item {
	width: 28%;
	float: left;
}
.contact-item h4 {
	color: #333;
	display: block;
	font-size: 17px;
	font-weight: bold;
	float: none;
	margin-bottom: 20px;
	letter-spacing: 1px;
	position: relative;
	padding-bottom: 8px;
}
.contact-item h4:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 21px;
	height: 2px;
	background: #007dfc;
}
.contact-item img {
	width: 18px;
	margin-right: 8px;
	vertical-align: middle;
}

.contact-item.contact-man{ width:42%}
.contact-man p {
	line-height: 40px;
}
.contact-man p:first-of-type {
	font-size: 16px;
	color: #333;
}
.contact-ewm {
	float: right;
	width: 29%;
	text-align: center;
}
.contact-ewm > div {
	display: inline-block;
	text-align: left;
}
.contact-item.contact-ewm img {
	width: 128px;
	border: 1px solid #eee;
	padding: 4px;
}
.contact-ul {
}
.contact-ul li {
	vertical-align: middle;
	line-height: 40px;
}
/**/
#allmap {
	height: 450px;
	width: 100%;
	margin: 0 auto 20px;
}


.mien_pic{margin-bottom:20px;}
.mien{width: 1000px;margin: 0 auto;}
.mien .lok_at{position:relative;margin:40px auto 0 auto;width: 950px;}
.mien .lok_at ul{margin-top: 28px;}
.mien .lok_at ul li{margin-bottom: 50px;width: 975px;height: 234px;overflow: hidden;}
.mien .lok_at_pic {width: 386px;height: 234px;position: relative;z-index: 5;}
.mien .lok_at_pic i{position: absolute;top: 50%;margin-top: -15px;width: 0;height: 0;border: 0 solid #fff;overflow:hidden;border-width:13px;}
.mien .lok_at_pic img{ border:#007dfc 2px solid;}
.mien .lok_at_pic .r_g_arow{right: -24px;border-left: 13px solid #007dfc;}
.mien .lok_at_pic .l_g_arow{left: -26px;border-right: 13px solid #007dfc;}
.mien .lok_at_pic em{position:absolute;display:block;z-index: 5;width: 40px;height: 52px;background: #fff url(../img/about_new_bg.png) 0px 7px no-repeat;_background: #fff url(../img/about_new_ie6.png) 0px 7px no-repeat;}
.mien .lok_at_pic .l_small_circle {right: 471px;top: 80px;}
.mien .lok_at_pic .r_small_circle {left: 462px;top: 77px;}
.mien .lok_at_pic span{position:absolute;display:block;display: none;*display:none;line-height: 100px;text-align: center;color: #007dfc;z-index: 9999;font-family:Microsoft Yahei;background: url(../img/about_new_bg.png) -59px 0px no-repeat;_background:url(../img/about_new_ie6.png) -59px 0px no-repeat;width: 93px;height: 93px;color:#007dfc;font-weight:bold;-webkit-transition: 0s;-moz-transition: 0s;transition:0s;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);}
.mien .lok_at_pic span.icur{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transition:all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);-moz-transition:all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);}

.mien .lok_at_pic .r_big_circle {margin-left: 438px;margin-top: 68px;left: 0;top: 0px;}
.mien .lok_at_pic .l_big_circle {left: 0;top: 0;margin-left: -152px;margin-top: 54px;}
.mien .lok_at_text {width: 400px;}
.mien .lok_at_text strong {color: #333;font-size: 16px;font-family: Microsoft Yahei;font-weight:normal;}
.mien .lok_at_text p {margin-top: 5px;font-size: 14px;color: #8f8f8f;line-height: 26px;}
.mien .mien_axle {position: absolute;left: 449px;top: 64px;width: 65px;height: auto;}
.mien .mien_axle .axle_line {position: absolute;top: 90px;left: 34px;width:1px;height:1849px;border-left: 1px dashed #007dfc;}




/* Customers End */
/* 产品优势 */
.Product-Advantages{background-color: #f4f4f4;overflow: hidden;padding: 50px 0 60px;}

.Product-AdvantagesCon{margin-top: 50px;}
.Product-AdvantagesCon ul li{width:32.6%;background-color: #fff;float: left;border-top: 1px #007dfc solid;margin-right: 1.1%;margin-bottom: 20px;}

.Product-AdvantagesCon ul li::after{content: "";width: 1px;height: 1000px;background-color: #007dfc;display: block;left: 0;top: -300px;position: absolute;}
.Product-AdvantagesCon ul li.li02{top: 70px;}
.Product-AdvantagesCon ul li.li03{top: 40px;}
.Product-AdvantagesCon ul li.li04{top: 10px;}
.Product-AdvantagesCon ul li .Box{padding: 40px 25px;position: relative;height: 120px;}
.Product-AdvantagesCon ul li .Box::after{ width: 3px;height: 100px;background-color: #007dfc;display: block;position: absolute;left: 0;top: 20px;}
.Product-AdvantagesCon ul li.last{margin-right:0}
.Product-AdvantagesCon ul li .Box h3{font-size: 25px;color: #4f4f4f;}
.Product-AdvantagesCon ul li .Box p{font-size: 14px;color: #333;line-height: 23px;margin-top: 30px;}
.Product-AdvantagesCon ul li span{ height: 210px;display: block;overflow: hidden; margin:10px;}
.Product-AdvantagesCon ul li span img{width: 100%;height: 210px;display: block;transition: .8s;}
.Product-AdvantagesCon ul li:hover span img{transform: scale(1.1);}
.Product-AdvantagesCon ul li.li01 p ,.Product-AdvantagesCon ul li:nth-child(5) p{
    background: #f4f4f4;
    padding: 0 5px;
}

/* 产品优势 End */
.news .box.boxborder{ border:#ddd 1px solid; margin-bottom:20px;}
.news .box a, .news .content ul li a{ background:#fff}

/*通用标题*/

.pub-title {
    font-weight: normal;
    font-size: 28px;
}
.pub-title-small {
    font-weight: normal;
    font-size: 25px;
}
.pub-line {
    height: 1px;
    background-color: #ddd;
}
.pub-desc {
    font-weight: normal;
    font-size: 15px;
    padding-top: 10px;
    font-family: 'xianhei';
    text-transform: uppercase;
}
.pub-item {
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 30% auto;
    position: relative; border-bottom:#ddd 1px solid; padding-bottom:120px; margin-bottom:80px;
}
.pub-item-caselist {
    background-position: right 85px;
}
.pub-item .content {
   
  
}.mtop20 {
    margin-top: 20px;
}
.pub-item .content-long {
    width: 100%;
}
.pub-item .desc {
    line-height: 25px;
    font-size: 15px;
}
.pub-item .desc-limited {
    width: 62%;
}
.pub-item .case-word i {
    display: inline-block;
    font-weight: bold;
}
.pub-item .case {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 35%;
    margin-left: 30px;
}
.pub-item .case a {
    display: block;
    margin: 15px auto;
}
.pub-item .case a .pic {
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 65%;
    overflow: hidden;
}
.pub-item .case img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.pub-item .case a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.pub-item .case a .pic:after {
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "e62a";
    position: absolute;
    right: 40px;
    bottom: 10px;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    filter: alpha(opacity=0);
}
.pub-item .case a:hover .pic:after {
    right: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.pub-item .case .name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    text-indent: 20px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: normal;
}
.pub-item-caselist .case-list {
    position: relative;
}
.pub-item-caselist .case-list .jt {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    line-height: 50px;
    text-align: center;
    font-size: 50px;
    top: 50%;
    cursor: pointer;
}
.pub-item-caselist .case-list .jt-left {
    left: -55px;
}
.pub-item-caselist .case-list .jt-right {
    right: -55px;
}
.pub-item-caselist .case-list .box {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.pub-item-caselist .case-list ul {
    display: flex;
    width: 200%;
    overflow: hidden;
    position: relative;
}
.pub-item-caselist .case-list-open ul {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pub-item-caselist .case-list ul.animated {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pub-item-caselist .case-list li {
    width: 12.125%;
    padding: 0 .25%;
    justify-content: space-around;
    flex-shrink: 0;
}
.pub-item-caselist .case-list-open li {
    width: 25%;
    padding: 0;
    margin-bottom: 20px;
}
.pub-item-caselist .case-list li:nth-child(1) {
    padding-left: 0;
}
.pub-item-caselist .case-list li a {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #eee;
}
.pub-item-caselist .case-list-open li a {
    width: 95%;
    margin: 0;
}
.pub-item-caselist .case-list li a .pic {
    width: 100%;
    position: relative;
    padding-top: 65%;
    height: 0;
    overflow: hidden;
}
.pub-item-caselist .case-list li img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.pub-item-caselist .case-list li a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.pub-item-caselist .case-list li .name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    text-indent: 20px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    font-weight: normal;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pub-item-caselist .case-list li a:hover .name {
    background-color: rgba(230, 0, 0, .8);
    height: 100%;
    font-size: 15px;
    line-height: 70px;
    font-weight: bold;
}
.pub-item-caselist .case-list li .name:before {
    position: absolute;
    left: -30%;
    bottom: 40px;
    content: "e8b6";
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 25px;
    font-weight: bold;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.pub-item-caselist .case-list li a:hover .name:before {
    left: -5px;
}
.pub-item-caselist .case-list li .name:after {
    content: ' ';
    position: absolute;
    left: 20px;
    top: 150px;
    width: 20px;
    height: 3px;
    display: block;
    background-color: #fff;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.pub-item-caselist .case-list li a:hover .name:after {
    top: 60px;
}

.pub-item .parent-icon {
    font-size: 55px;
    display: block;
    margin-right: 15px;
}
.pub-item .parent li {
    display: inline-block;
}
.pub-item .parent li a {
    display: inline-block;
    padding: 3px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 13px;
    margin: 0 5px 8px 0;
}
.pub-item .parent li a:hover {
    border-color: #e60000;
    color: #e60000;
}
.pub-item .pic-list a, .pub-item .pic-list li {
    display: block;
    width: 33.33%;
    float: left;
    margin-top: 10px;
}
.pub-item .pic-list-small a, .pub-item .pic-list-small li {
    width: 25%;
}
.pub-item .pic-list a img, .pub-item .pic-list li img {
    display: block;
    width: 98%;
}
.pub-item .pic-list li {
    margin-top: 15px;
}
.pub-item .pic-list li img, .pub-item .pic-list-border a img, .pub-item .pic-list-border li img {
    border: 1px solid #eee;
    width: 95%;
}
.pub-title-small {
    font-weight: normal;
    font-size: 25px;
}
.pub-item .content {
    line-height: 25px; clear:both;
    font-size: 14px;
    color: #434343;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}
.content-jianju p {
    margin-top: 5px;
}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit h2{
    font-size: 40px;
    color: #333333;
    font-weight: normal;}
.tit span{display:inline-block;font-size: 40px;color: #333;line-height:40px;font-weight: bold;}
.tit b{background: url(../img/tit1.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 25px 0;}
.tit em{background: url(../img/tit2.png) no-repeat;
  width: 20px;
  height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 25px 0;}
.tit i{display:block;font-size: 20px;line-height:20px;color: #333333;margin-top: 11px;}


.wd{padding-top: 0px;height:486px;background:url(../img/wd_bg111.jpg) no-repeat center;box-sizing:border-box;}
.wd ul{ margin: 55px 0 0;height: 236px;text-align: center;border-left: 1px solid #dddddd;box-sizing: border-box;}
.wd ul li{ float:left;width:20%;height: 236px;border-right: 1px solid #dddddd;box-sizing: border-box;transition:all 0.5s;position: relative;z-index: 10;}
.wd ul li em{ display: block;margin: 66px auto 0;width: 46px;height: 46px;border-radius: 23px;font-size: 20px;line-height: 46px;text-align: center;font-weight: bold;background: #2c2f3e;transition: all 0.5s;color: #fff;}
.wd ul li.cur{background: #007dfc;border-radius: 16px;}
.wd ul li.cur em{ background: #fff;color: #007dfc;margin: 20px auto 0;}
.wd ul li.cur p{ display:block;}
.wd ul li b{ display: block;font-size: 22px;color: #333;line-height: 22px;font-weight: normal;padding-top: 20px;padding-bottom: 9px;}
.wd ul li span{ display: block;font-size: 12px;color: #333;line-height: 12px;opacity: 0.2;text-transform: uppercase;}
.wd ul li p{ display: none;font-size: 14px;line-height: 24px;color:#2c2f3e;padding:12px 20px 0;}
.wd ul li.cur b{ font-weight: bold;color:#fff;}
.wd ul li.cur span,.wd ul li.cur p{ color:#fff;}



/*服务范围*/

.index-service {
    background-color: #fff; padding:50px 0;
}

.index-service table{ margin-top:40px;}

.index-service .title {
    font-weight: normal;
    font-size: 28px;
}

.index-service .desc {
    color: #999;
    font-size: 13px;
    line-height: 1.8em;
}

.index-service .icon {
    font-size: 30px;
}

.index-service table {
    background-color: #fff;
}

.index-service td {
    background-color: #f5f5f5;
    padding: 30px;
    color: #4a4a4a;
    vertical-align: top;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    overflow: hidden;
}

.index-service td:hover {
    background-color: #fff16a;
    color: #000;
}

.index-service td i {
    position: absolute;
    right: -50px;
    top: 80px;
    font-size: 250px;
    color: #f1f1f1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 0;
}

.index-service .name {
    font-size: 20px;
    position: relative;
    z-index: 10;
}

.index-service td .desc {
    position: relative;
    margin: 40px auto 30px;
    color: #4a4a4a;
    z-index: 10;
}

.index-service td .desc:before, .index-service td .desc:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: -10px;
    width: 40px;
    height: 1px;
    background-color: #aaa;
}

.index-service td .desc:after {
    top: auto;
    bottom: -10px;
}

.index-service .detail {
    position: relative;
    z-index: 10;
}

.index-service .detail a {
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #666;
    float: left;
    width: 33.33%;
}

.index-service .detail a:hover {
    color: #e60000;
}

.index-service td:hover * {
    color: #000;
}

.index-service td:hover i {
    color: #faec67;
}


.nrprotop{width:100%; padding:30px; background:#fff;}
.bread{font-size:14px;}

.neirbanner{width:100%;}
.neirbanner img{width:100%;}
.navpan>a:first-child{display:none;}
.moimg ,.shoujdi{display:none;}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; margin-bottom:20px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width: 120px !important;height: 120px !important;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img{
    width: 100%;
    border: none;
    height: 500px;
    object-fit: contain;
}
.zoomdiv>img.bigimg{width:700px;}
/*图片小图预览列表*/
.spec-preview{width: 500px;height:350px;background: #eee;}
.spec-scroll{clear:both;margin-top: 10px;width: 100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height: 112px;line-height: 112px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width: 470px;height: 112px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height: 112px;}
.spec-scroll .items ul li{float:left;width: 112px;text-align:center;margin-right: 5px;}
.spec-scroll .items ul li img{padding:2px;width: 106px;height: 106px;cursor: pointer;object-fit: contain;border: 1px solid #CCC;}
.spec-scroll .items ul li img:hover{border: 2px solid #007dfc;padding:1px;}
.lunbo{width:500px;margin-top:40px;}
.product1{width:100%;}
.nrprotop .text{
  width: 680px;
  float: left;
  margin-left: 50px;
  margin-top: 40px;
}
.nrprotop .text h1{
  font-size: 20px;
  color:#000;
  font-weight:bold;
  padding: 0px 0 16px;
  border-bottom:1px dashed #ccc;
  margin-bottom:14px;
}
.nrprotop .text>p{font-size: 16px;
  line-height: 30px;}
.nrprotop .text .p1{
  padding:10px 0;
  font-size: 16px;
  line-height: 30px;
	margin-bottom: 10px;

}
.nrprotop .text .hot-line{
  width: 400px;
  height: 160px;
  background: #f3f3f3;
  padding:10px 20px;
}
.nrprotop .text .hot-line p{
  font-weight:bold;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 30px;
}
.nrprotop .text .hot-line p span{
  font-size: 31px;
  color: #007dfc;
  font-weight:bold;
}
.nrprotop .text .hot-line a{
  display: block;    font-size: 18px;
  width:150px;
  height:40px;
  background: #007dfc;
  text-align: center;
  line-height: 40px;
  color:#fff;
}

.nrxbg{width:100%;margin-top:50px;margin-bottom:50px;}
.nrxbg h1.nxgcp{width:100%;height:50px;line-height: 50px;font-size: 22px;border-bottom:1px solid #c10011;margin-bottom: 20px;}
.nrxbg h1.nxgcp span{background:#c10011;display:inline-block;width:150px;text-align:center;color:#fff;}

.xtjj{width:100%; margin-top:0px;}

.xth2{text-align:center;/* height: 50px; */line-height: 50px;font-size: 32px;color:#225bc4;letter-spacing: 1.5px;}
.xth2 b{
    font-size: 46px;
    margin-right: 60px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
.xth2 span{
    font-size: 40px;
  
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
.xtjj h3{font-size: 26px;font-weight: normal;color: #225ec0;height: 50px;line-height: 50px;}
.xtjj  p{font-size: 18px;line-height: 30px;margin-top: 50px;}
.xtimg{text-align: center;}



.website21_inda {padding:0px 0 20px;}
.website21_inda_tit {font-size:36px;font-weight:normal;display:block;line-height:60px;color:#343434;text-align:center;}
.website21_inda_tit .small {font-size:18px;line-height:30px;color:#999;font-weight:lighter;text-align:center;display:block;}
.website21_inda_item {display:block;float:left;width:17%;padding:3.5% 3% 3%;margin:1%;position:relative;}
.website21_inda_cont:after {content:'';display:block;clear:both;}
.website21_inda_cont {padding:50px 0 0;}
.website21_inda_item p {font-size:26px;  font-weight:900;color:#343434;position:relative;z-index:3;text-align:center;line-height:30px;background:#fff;padding:20px 0}
.website21_inda_item i {position:absolute;display:block;font-size:72px;color:#e5e5e5;font-family:arial;font-style:normal;font-weight:normal;width:80px;height:80px;top:0;left:50%;margin-left:-40px;z-index:1;}
.website21_inda_item:hover i {color:#2f60c0;}

.website21_advx {padding:70px 0;background:url(../img/website_bg3.jpg) repeat center;}
.website21_advx_tit {font-size:36px;font-weight:normal;display:block;line-height:60px;color:#343434;text-align:center;}
.website21_advx_tit .small {font-size:18px;line-height:30px;color:#999;font-weight:lighter;text-align:center;display:block;}
.website21_advx_cont {padding:30px 0 0;}
.website21_advx .p-seo-item {width:660px;height:280px;}
.website21_advx .p-seo-item .p-en {font-size:14px;font-weight:lighter;padding:10px 80px 0;line-height:25px;}
.website21_advx .p-seo-item .p-icon {background-image:url(../img/p-seo15.png);}
.website21_nmlgb {padding:70px 0;background:url(../img/TB1ayPAB4GYBuNjy0FnXXX5lpXa-2000-555.jpg) no-repeat center / cover;}
.website21_nmlgb_tit {font-size:36px;font-weight:normal;display:block;line-height:60px;color:#fff;text-align:center;}
.website21_nmlgb_tit .small {font-size:18px;line-height:30px;color:#999;font-weight:lighter;text-align:center;display:block;}
.e-switch-list-item {width:auto;background:rgba(255,255,255,0.1);border-radius:4px;padding:25px 35px;margin-left:32px;margin-bottom:20px;position:relative}
.e-switch-list-item::before {content:'';position:absolute;left:-51px;top:50%;margin-top:-8px;width:8px;height:8px;background-color:#2e2e2e;border-radius:50%;border:4px solid #555;z-index:3;}
.e-switch-list-box .swiper-slide.on .e-switch-list-item:before,.e-switch-list-item.e-switch-list-item:hover:before {background-color:#fff;border-color:#2092d8}
.e-switch-list-box .swiper-slide.on .e-switch-list-item,.e-switch-list-item:hover {background:#2092d8;background:-moz-linear-gradient(left,#2092d8 0%,#2f60c0 100%);background:-webkit-linear-gradient(left,#2092d8 0%,#2f60c0 100%);background:linear-gradient(to right,#2092d8 0%,#2f60c0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2092d8',endColorstr='#2f60c0',GradientType=1 );cursor:pointer}
.e-switch-list-wrap:after {content:'';display:block;clear:both;}
.e-switch-swiper {float:left;width:865px;background:rgba(255,255,255,.1);border-radius:5px;}
.e-switch-list-box {float:right;width:440px;padding-left:50px;position:relative;}
.e-switch-list-box:after {content:'';display:block;width:1px;height:100%;position:absolute;left:38.5px;top:0;background:rgba(255,255,255,0.1)}
.e-switch-list-wrap {padding:50px 0 0;}
.e-switch-list-item .e-switch-list-item-title {color:#fff;font-size:18px;line-height:30px;}
.e-switch-list-item .e-switch-list-item-date {color:#fff;opacity:0.6;line-height:20px;font-size:12px;}
.e-switch-swiper_page .swiper-slide {height:340px;}
.swiper_slide_ebox {padding:50px 60px;position:relative;}
.swiper_slide_ebox p {font-family:Arial,Microsoft yahei;color:#eee;line-height:47px;font-size:16px;font-weight:lighter;background:url(../img/swiper_slide_ebox_p.png) no-repeat 0 center;padding-left:30px;transition:0.3s all ease;}
.swiper_slide_ebox p i {font-family:inherit;color:#fff;font-style:normal;font-size:24px;display:inline-block;vertical-align:middle;}
.swiper_slide_ebox p:nth-child(1):hover i {color:#2b8de3;}
.swiper_slide_ebox p:nth-child(2):hover i {color:#00aa1b;}
.swiper_slide_ebox p:nth-child(3):hover i {color:#f9cc44;}
.swiper_slide_ebox p:nth-child(4):hover i {color:#f66d1c;}
.swiper_slide_ebox p:nth-child(5):hover i {color:#f54446;}
.e-switch-list-box > .swiper-slide:last-child .e-switch-list-item {margin-bottom:0;}
.swiper_slide_ebox p:hover {background:url(../img/swiper_slide_ebox_p.png) no-repeat 10px center;padding-left:40px;}
.swiper_slide_ebox > img {width:320px;position:absolute;right:60px;top:50%;margin-top:-120px;}
.website21_adv {padding:70px 0;background:#f5f5f5;}
.website21_adv .website21_adv_tit {font-size:36px;font-weight:normal;display:block;line-height:60px;color:#343434;text-align:center;}
.website21_adv .website21_adv_tit .small {display:block;font-size:18px;line-height:30px;color:#999;font-weight:lighter;text-align:center;}
.website21_adv_cont {padding:50px 0 0;}
.website21_adv_cont ul {overflow:hidden}
.website21_adv_cont ul li {padding:0 0 0 67px;overflow:hidden;float:left;border:1px solid transparent;width:611px;height:256px;position:relative;z-index:1;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.website21_adv_cont ul li.two {margin-left:-1px;border-left:1px solid #ddd}
.website21_adv_cont ul li.last {margin-top:-1px;border-top:1px solid #ddd}
.website21_adv_cont ul li:hover {border-color:#2f60c0;z-index:2;padding-left:67px;background:#fff;}
.website21_adv_cont ul li .pic {width:127px;height:127px;border:1px solid #ddd;border-radius:100%;float:left;margin-top:65px;transition:0.3s all ease;}
.website21_adv_cont ul li:hover .pic {background:#f5f5f5;border-color:#f5f5f5;}
.website21_adv_cont ul li .pic img {padding:40px;width:50px;height:50px;}
.website21_adv_cont ul li .con {float:left;margin:75px 0 0 28px;width:400px}
.website21_adv_cont ul li .con span {display:block;line-height:30px;font-size:18px;color:#666}
.website21_adv_cont ul li .con span i {font-size:26px;font-weight:normal;font-style:normal;color:#225ec0;transition:0.3s all ease;}
.website21_adv_cont ul li:hover .con span i {color:#2f60c0;}
.website21_adv_cont ul li .con p {line-height:30px;font-size:18px;color:#333;margin:6px 0 0 0; text-align: left;}

.website6_inda *{    box-sizing: border-box;}
.website6_inda {padding:80px 0;background:url(../img/website6_inda_bg.jpg) repeat-y center / 100%;}
.website6_inda_tit {font-size:36px;font-weight:normal;display:block;line-height:60px;color:#343434;text-align:center;padding-bottom:50px;}
.website6_inda_tit .small {font-size:18px;line-height:30px;color:#999;font-weight:lighter;text-align:center;display:block;}
.website6_inda_item {float:left;width:50%;padding:40px;position:relative;transition:0.3s all ease;}
.website6_inda_item:hover {background:rgba(255,255,255,0.5);box-shadow:0 0 20px 0 rgba(0,0,0,0.05);}
.website6_inda_item:nth-child(1):after,.website6_inda_item:nth-child(2):after {content:'';width:100%;height:1px;left:0;position:absolute;background:#cfcfcf;bottom:0;}
.website6_inda_cont {position:relative; margin:20px 0;}
.website6_inda_cont:before {content:'';display:block;width:1px;height:100%;left:50%;position:absolute;background:#cfcfcf;top:0;z-index:3;}
.website6_inda_item img {display:block;width:46px;height:46px;padding:2px 20px;}
.website6_inda_item p {font-size:13px;color:#666;font-weight:lighter;line-break:20px; margin-left:50px;}
.website6_inda_item p strong {display:block;font-size:18px; font-weight:normal;line-height:30px; color:#333}
.website6_inda_cont:after {content:'';display:block;clear:both;}
.website6_inda_item_l {text-align:right}
.website6_inda_item_r {text-align:left}
.website6_inda_item_l img {float:right;}
.website6_inda_item_r img {float:left;}
.website6_inda_item:after {content:'';display:block;clear:both;}

.xtdl{ background:#fff; }
.xtdl dl{width:50%;float:left;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #cee3e4;}
.xtdl dl img{float:left;margin-top:10px;}
.xtdl dl .dt{float: left;width: 500px;margin-left: 30px;}
.xtdl dl .dt dt{height:30px;color:#378fc1;font-size:20px;}
.xtdl dl .dt dd{font-size: 14px;line-height: 22px;}
.xtdl dl:nth-child(5) ,.xtdl dl:nth-child(6){border-bottom:none;margin-bottom: 0;}


.mcate,.pc-slide{ display:none}

/*经典案例*/
@media screen and (max-width: 768px){
	.mien{ max-width:100%; }
	.mien .lok_at{ width:auto; float:none;padding:0 2%}
.mien .lok_at ul li{ width:auto; float:none; height:auto; margin-bottom:10px;}
.mien .lok_at_pic{ width:auto; float:none; height:auto}
.mien .lok_at_text{ width:auto; float:none}
.mien .lok_at_pic .r_small_circle,.mien .lok_at_pic .r_g_arow,.mien .mien_axle{ display:none}
.mien .lok_at_pic img{  border:none; margin-bottom:10px;}
.zx01{ width:100%}
.zx01.ny{ display:none}
.zx_con{ width:100%}
.zx_con ul li{ width:50%}
.zx01 ul li a{ display:block; width:auto} 
.zx01 ul{ padding:0;}
.wd ul li{ width:50%; height:auto;}
.wd ul li em{ margin: 16px auto 0;}
.obanner .bannerzi .box .t1{ margin-top:35%}
.zx_con ul{ margin:0;}
.xc,.ys_bg{ display:none}
.about dl{ max-width:100%}
.about dd{ padding:0 2%;}
.about{ background-size:cover}
.decoration-drawing .i-title .t2 a{ margin-bottom:10px;}
.pict4 li{ width:auto; width:24.6%}
.pict4 li a{ font-size:12px;}
.new-menu.o-menu ul li{ max-width:50% ; width: calc(100% / 2);}
.contact-item{ width:auto; float:none}
.contact-item h4{ margin-bottom:10px; margin-top:20px;}
.contact .inner_wrap{ max-width:100% ; float:none}

.mcate{ display:block;overflow: hidden; margin-bottom:20px; }
 .mcate li { width:50%; float:left;}
  .mcate li a{ display:block; margin:3px 3px; text-align:center; line-height:40px; background:#eee;}
   .mcate li.on a{ background:#1a73c4; color:#fff;}
   
   .lunbo{ max-width:100%; float:none;}
   .nrprotop .text{max-width:100%; float:none; clear:both; margin:0;}
   .nrprotop{ width:auto; ; padding:10px;}
   .nrprotop .text .hot-line{ width:auto; height:auto}
   .nrprotop .text .hot-line p{ font-size:14px; margin-bottom:10px;}
   .nrprotop .text .hot-line p span{ font-size:18px;}
   .product1_1{ display:none}
   .nrprotop .text h1{ margin-top:20px;}
   .pc-slide{ display:block}
   .currency .cur-img,.currency .cur-tit{ width:auto; float:none;}
   .index-service td{ padding:2px;}
   .index-service .detail a{ height:auto}
   .pub-item{ padding-bottom:20px ; margin-bottom:20px;}
   .h50{ height:20px;}
   .index-info li{ width:100%}.index-info .day{ display:none}
}




.max1600{ max-width:1600px; margin:0 auto;}
.index-news12 {
	height: auto;
	width: 100%; background: #fff;
	overflow: hidden; font-size:14px; padding-top:40px;
	padding-bottom: 40px;
}
.index-news12 .fl {
	width: 56%; flolat:left;
}
.index-news12 .fr {
	width: 41%;
}
.index-news12 .fr .tit2 {
	font-size: 14px;
	color: #999999; text-align: left;
}
.index-news12 .fr .tit2 span {
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-right: 15px;
}
.index-news12 .fr .tit2 em {
	float: right;
	margin-top: 4px;
}
.index-news12 .fr .gun-news {
	padding-top: 20px;
}
.index-news12 .fr .gun-news ul li {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.index-news12 .fr .gun-news h2 {
	background: url(../img/wen.jpg) no-repeat left bottom;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
	height: 29px;
	display: block;
	padding-left: 30px;
}
.index-news12 .fr .gun-news p {
	background: url(../img/da.jpg) no-repeat left top;
	font-size: 14px;
	line-height: 26px;
	display: block;
	padding-left: 30px;
}
.tab-news .hd {
	float: left;
	display: inline;
	width: 17%;
 
}
.tab-news .hd ul li {
 
	height: 164px;
	background: #007dfc;
	margin-bottom: 1px;
	padding: 25px;
}
.tab-news .hd ul li h3 {
	font-size: 14px;
	padding-top: 15px;
	color: #FFF;
}
.tab-news .hd ul li h3 span {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
	color: #FFF;
}
.tab-news .hd ul li .more {
	padding: 3px 5px;
	border: 1px solid #FFF;
	text-align: center;
	margin-top: 15px;
}
.tab-news .hd ul li .more a {
	color: #FFF;
}
.tab-news .hd ul li.on {
	background: #fe6012;
}
.tab-news .hd ul li.on span{color:#fff}
.tab-news .hd ul li.on h3{color:#fff}
.tab-news .hd ul li.on .more{border:#fff 1px solid}
.tab-news .hd ul li.on .more a{color:#fff; }
.tab-news .bd {
	float: right;
	display: inline;
	width: 80%;
}
.tab-news .bd dl {
 
	height: 165px;
	background: #f8f8f8;
	padding: 15px;
}
.tab-news .bd dl dt {
	float: left;
	display: inline;
}
.tab-news .bd dl dd {
	float: right;
	display: inline;
	width: 54%;
}
.tab-news .bd dl dd .date {
	font-size: 18px;
	color: #007dfc;
	font-weight: bold;
}
.tab-news .bd dl dd .date span {
	display: block;
	font-size: 12px;
}
.tab-news .bd dl dd h4 {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0
}
.tab-news .bd dl dd p {
	line-height: 25px;
}
.tab-news .bd dl dt img {
	width: 220px;
	height: 162px;
}
.tab-news .bd ul {
	padding-top: 15px;
}
.tab-news .bd ul li {
	line-height: 40px;
}
.tab-news .bd ul li span {
	float: right;
}
.tab-news .bd ul li a:before {
	content: "●";
	font-size: 12px;
	margin-right: 7px;
	color: #007dfc
}

.newsabout{ background:#fff; padding-top:50px; clear:both}
.zoujin_kfy *{box-sizing: border-box;}
.zoujin_kfy{background: url(../img/kuang_03.png) #fff 45px top no-repeat; ;padding-top: 45px;}
.zoujin_kfy_top{margin: 0px 0 0 40px;
    text-align: justify;}
    .zoujin_kfy_top a{text-decoration: none;}
    .zoujin_kfy_top a:hover{text-decoration: none;}
.zoujin_kfy_top h3{font-size: 37px;color: #1a59a8;font-weight: 400;   }
.zoujin_kfy_jieshao{font-size: 14px;line-height:27px ;color: #808080; padding-bottom:10px; padding-top:10px;}
.zjkfy_img{width: 100%;position: relative;}
.zjkfy_img img{width: 100%;}
.zjkfy_absolute{position: absolute;top: 0;left:23px;background: #0d62cf;color: #fff;width: 242px;height: 204px;text-align: center;}
.zjkfy_chinese{font-size: 35px;color: #fff;margin-top:40px;}
.zjkfy_english{font-size: 18px;padding-bottom:20px;border-bottom:1px solid #fff ;width: 70%;margin:10px auto;}
.gcly_top{width: 100%;padding: 30px 0;}
.gcly_top .iconfont{font-size: 23px;color: #0d62cf;}
.gcly_chinese{font-size:18px ;color: #222222;}
.gcly_english{font-size: 18px;color: #999999;}
.gcly_more a{width: 62px;height: 20px;line-height:20px;text-align: center;border:1px solid #cccccc ;display: block;font-size: 12px;color: #cccccc;margin-top: 5px;}
.gcly_more a:hover{background: #0d62cf;color: #fff;text-decoration: none;border-color:#0d62cf ;}


.HomeApplication{ padding:3% 0; ;background:url(../img/yy_bg.jpg) no-repeat center top; background-size:100% 100%}
.HomeApplication .container{overflow:visible}
.HomeApplication .picScroll-left{position:relative}
.HomeApplication .picScroll-left .long{overflow:hidden}
.HomeApplication .picScroll-left .long .list li{position:relative;float:left;width:20%; background:#fff}
.HomeApplication .picScroll-left .long .list li a{display:block}
.HomeApplication .picScroll-left .long .list li img{ display:block;width:100%}
.HomeApplication .picScroll-left .long .list li h4{position:absolute;top:50%; margin-top:-50px;padding:30px  0px;width:100%;color:#0d0d0d;font-size:18px;text-align:center;background:rgba(255,255,255,.6)}
.HomeApplication .picScroll-left .long .list li h4 font{display:block;font-size:12px;color:#666;transition:all .4s ease-in-out}
.HomeApplication .picScroll-left .long .list li h4 b{display:block;color:#333;font-size:12px;line-height:17px}
.HomeApplication .picScroll-left .long .list li:hover h4{color:#fff}
.HomeApplication .picScroll-left .long .list li:hover h4 font{color:#eee}
.HomeApplication .picScroll-left .long .list li:hover h4 b{color:#fff}
.HomeApplication .picScroll-left .long .list li:hover h4{background:rgba(0,0,0,.5) url(../img/line03.png) no-repeat center}
.HomeApplication .picScroll-left .next,.HomeApplication .picScroll-left .prev{position:absolute;top:50%; margin-top:-20px;left:-60px;font-size:15px;color:#fff;cursor:pointer;width:40px;height:40px;background:url(../img/yy_jtb.png) no-repeat}
.HomeApplication .picScroll-left .next{right:-60px;left:auto;background:url(../img/yy_jt.png) no-repeat}
.HomeApplication .picScroll-left .prev:hover{background:url(../img/yy_jthbh.png) no-repeat}
.HomeApplication .picScroll-left .next:hover{background:url(../img/yy_jth.png) no-repeat}

.wh {
    width: 100%;
}
.w1200{max-width:1200px; margin:0 auto}
.w1300{max-width:1300px; margin:0 auto}
.advantage{margin:2% auto 1%}
.advantage_title{width:427px;margin:0 auto}
.adv_t{padding-top:82px;text-align:center;font:30px/30px "Microsoft YaHei";color:#222;letter-spacing:5px}
.adv_t span{font-weight:700;color:#0585db}
.adv_main{width:1020px;height:auto;margin:0 auto}
.adv_01{width:100%;height:724px;background:url(../img/y1.jpg) no-repeat center}
.adv_02{width:100%;height:472px;background:url(../img/y2.jpg) no-repeat center}
.adv_03{width:100%;height:530px;background:url(../img/y3.jpg) no-repeat center}
.adv_01 .adv_zt{padding-top:127px}
.adv_02 .adv_zt{padding-top:20px}
.adv_03 .adv_zt{padding-top:20px}
.adv_03 .container{padding:48px 0 0}
.adv_02 .adv_main{width:100%;height:auto;padding-left:642px;padding-top:10px}
.adv_z{font:16px/26px "Microsoft YaHei"}
.adv_z span{color:#07d}
.adv_z p{padding-bottom:16px}
.adv_zt p{font:bold 22px/22px "Microsoft YaHei";color:#222}
.adv_zt{line-height:26px;padding-left:45px;padding-bottom:28px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#999;text-transform:uppercase;font-weight:400}
.adv_tow .adv_zt{padding-top:35px}
.hengtiao{background:url(../img/hengtiao1.jpg) no-repeat center;height:260px}
.hengtiao .container{position:relative;height:260px}

/******floor_2******/
.floor_2 {
	background-color: #f4f5f6;
	position: relative;
	height: 800px;
}
.floor_2 .floor_2_main {
}
.floor_2 .floor_2_main .content {
}
.floor_2 .floor_2_main .content .advantage {
	position: relative;
	height: 600px;
	margin-top: 24px;
}
.floor_2 .floor_2_main .content .advantage .list {
	position: relative;
	z-index: 99;
}
.floor_2 .floor_2_main .content .advantage .list .item {
	width: 350px;
	height: 100px;
	float: left;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1, .floor_2 .floor_2_main .content .advantage .list .item.it3, .floor_2 .floor_2_main .content .advantage .list .item.it5, .floor_2 .floor_2_main .content .advantage .list .item.it7 {
	padding-right: 400px;
}
.floor_2 .floor_2_main .content .advantage .list .item a {
	display: block;
}
.floor_2 .floor_2_main .content .advantage .list .item a h2 {
	font-size: 20px;
	color: #000000;
	height: 24px;
	line-height: 24px;
	padding-bottom: 16px;
	font-weight: bold;
	text-indent: 230px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.floor_2 .floor_2_main .content .advantage .list .item:hover a h2 {
	color: #007dfc;
}
.floor_2 .floor_2_main .content .advantage .list .item.on a h2 {
	color: #007dfc;
}
.floor_2 .floor_2_main .content .advantage .list .item a h2 i {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../img/f2_3.png)center center no-repeat;
	float: right;
}
.floor_2 .floor_2_main .content .advantage .list .item.it2:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it4:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it6:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it8:hover a h2 i {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../img/f2_1.png)center center no-repeat;
	float: left;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it3:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it5:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it7:hover a h2 i {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../img/f2_1.png)center center no-repeat;
	float: right;
}
.floor_2 .floor_2_main .content .advantage .list .item a p {
	font-size: 14px;
	color: #999999;
	line-height: 20px;
	transition: all ease 600ms;
}
.floor_2 .floor_2_main .content .advantage .list .item:hover a p {
	margin-top: -12px;
	transition: all ease 600ms;
}
.floor_2 .floor_2_main .content .advantage .f2_bg {
	width: 597px;
	height: 559px;
	position: absolute;
	top: 0px;
	left: 354px;
}
.floor_2 .floor_2_main .content .advantage .list .item.it1 {

	width: 354px;

	padding-left: 98px;

	padding-top: 26px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it1 p {

	width: 310px;

	text-align: right;

}

.floor_2 .floor_2_main .content .advantage .list .item.it1 p em {

	text-indent: 250px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it2 {

	width: 354px;

	padding-top: 26px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 {

	text-indent: 20px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it2 h2 i {

	float: left;

}

.floor_2 .floor_2_main .content .advantage .list .item.it2 p {

	width: 310px;

	padding-left: 44px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it2 p em {

	text-indent: 250px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it3 {

	width: 354px;

	padding-top: 50px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it3 p {

	width: 310px;

	text-indent: 18px;

	text-align: right;

}

.floor_2 .floor_2_main .content .advantage .list .item.it3 p em {

	text-indent: 210px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it3 h2 {

	text-indent: 195px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it4 {

	width: 354px;

	padding-left: 188px;

	padding-top: 50px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it4 p {

	width: 310px;

	text-indent: 0;

	padding-left: 42px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it4 p em {

	text-indent: 210px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 {

	text-indent: 20px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it4 h2 i {

	float: left;

}

.floor_2 .floor_2_main .content .advantage .list .item.it5 {

	width: 354px;

	padding-top: 80px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it5 p {

	width: 310px;

	text-indent: 0px;

	text-align: right;

}

.floor_2 .floor_2_main .content .advantage .list .item.it5 p em {

	text-indent: 194px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it5 h2 {

	text-indent: 155px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it6 {

	width: 354px;

	padding-left: 192px;

	padding-top: 78px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it6 p {

	width: 310px;

	text-indent: 0;

	padding-left: 42px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it6 p em {

	text-indent: 210px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 {

	text-indent: 20px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it6 h2 i {

	float: left;

}

.floor_2 .floor_2_main .content .advantage .list .item.it7 {

	width: 354px;

	padding-top: 44px;

	padding-left: 100px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it7 p {

	width: 310px;

	text-indent: -12px;

	text-align: right;

}

.floor_2 .floor_2_main .content .advantage .list .item.it7 p em {

	text-indent: 58px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it7 h2 {

	text-indent: 230px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it8 {

	width: 354px;

	padding-left: 2px;

	padding-top: 48px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it8 p {

	width: 310px;

	text-indent: 0;

	padding-left: 42px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it8 p em {

	text-indent: 210px;

	display: block;

}

.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 {

	text-indent: 20px;

}

.floor_2 .floor_2_main .content .advantage .list .item.it8 h2 i {

	float: left;

}

/******floor_3******/


.inyoushi {
  padding: 50px 0 50px 0; background: #eee;
}
.inyoushi .lmtit {
  font-size: 45px;
  text-align: center;
  margin-bottom: 5px;
}
.inyoushi .lmtit span {
  font-size: 70px;
  color: #007dfc;
  font-weight: bold;
}
.inyoushi .lmjj {
  text-align: center;
  font-size: 14px;
  color: #999;
  margin-bottom: 50px;
}
.inyoushi .nr {
  position: relative;
  
}
.inyoushi .nr .xian {
  height: 1050px;
  width: 0px;
  background: #007dfc;
  left: 50%;
  top: 70px;
  position: absolute;
  z-index: 9;
}
.inyoushi .nr .li {
 background: #fff;
    overflow: hidden;
    margin-bottom: 20px; padding:20px 40px;
}
.inyoushi .nr .li .pic {
  width: 580px;
  float: left;
}
.inyoushi .nr .li .sz {
  width: 70px;
  height: 70px; display: none;
  background: #007dfc;
  line-height: 70px;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  float: left;
  border-radius: 50%;
  margin: 70px 75px 0 -15px;
  z-index: 99;
  position: relative;
}
.inyoushi .nr .li .wz {
  float: right;
  margin-top: 70px;
  width: 544px;
}
.inyoushi .nr .li .wz .tit {
  font-size: 28px;
  color: #007dfc; text-align: left;
  margin-bottom: 20px;
}
.inyoushi .nr .li .wz .tit font{display:inline-block;  background:url(../img/tit123.png) center no-repeat; width:86px; height:86px; line-height:86px; font-size:45px; color:#fff; margin-right: 10px;  text-align: center;
    border-radius: 5px;}
.inyoushi .nr .li .wz .jj {
  font-size: 16px;
  color: #666;  padding-top:20px;
  line-height: 30px;
}
.inyoushi .nr .li .wz .jj p{ background:url(../img/xing.png) left 6px no-repeat; padding-left:28px;}
.inyoushi .nr .li.li2 .pic {
  float: right; text-align: right;
}
.inyoushi .nr .li.li2 .sz {
  float: right;
  margin: 70px -15px 0 75px;
}
.inyoushi .nr .li.li2 .wz {
  width: 562px; float: left;
}
.inyoushi .nr .li.wz1 {
  top: 0;
  left: 0;
}
.inyoushi .nr .li.wz2 {
  top: 385px;
  right: 0;
}
.inyoushi .nr .li.wz3 {
  top: 740px;
  left: 0;
}
.inyoushi .nr .li.wz4 {
  top: 1085px;
  right: 0;
}



.middle{width:100%;overflow:hidden;padding:0 auto}
.middle_a{background:#f5f5f5;padding:50px 0 20px 0}
.middle_a ul{width:100%;overflow:hidden;margin:50px auto 2.5%}
.middle_a li{float:left;width:20%;text-align:center}
.middle_a li .img_li{width:120px;height:120px;margin:0 auto;-webkit-transition:all .18s ease-out;-moz-transition:all .18s ease-out;-ms-transition:all .18s ease-out;-o-transition:all .18s ease-out;transition:all .18s ease-out}
.middle_a li .con_li{margin:15px auto}
.middle_a li h4{font-size:20px; font-weight:bold; color:#000;line-height:32px;margin-bottom:8px;-webkit-transition:all .18s ease-out;-moz-transition:all .18s ease-out;-ms-transition:all .18s ease-out;-o-transition:all .18s ease-out;transition:all .18s ease-out}
.middle_a li p{font-size:16px;line-height:30px;color:#333; margin:0 auto}
.middle_a li a:hover h4{color:#0473dc}
.middle_a li .img_lia{background:url(../img/s1.png) no-repeat center}
.middle_a li a:hover .img_lia{background:url(../img/s1_h.png) no-repeat center}
.middle_a li .img_lib{background:url(../img/s2.png) no-repeat center}
.middle_a li a:hover .img_lib{background:url(../img/s2_h.png) no-repeat center}
.middle_a li .img_lic{background:url(../img/s3.png) no-repeat center}
.middle_a li a:hover .img_lic{background:url(../img/s3_h.png) no-repeat center}
.middle_a li .img_lid{background:url(../img/s4.png) no-repeat center}
.middle_a li a:hover .img_lid{background:url(../img/s4_h.png) no-repeat center}
.middle_a li .img_lie{background:url(../img/s5.png) no-repeat center}
.middle_a li a:hover .img_lie{background:url(../img/s5_h.png) no-repeat center}


 .item2 {
	background-color: #e3e6e8
}
 .item2 .flex {
	display: flex
}
 .item2 .flex-between {
	display: flex;
	justify-content: space-between
}
 .item2 .title {
	color: #002347;
	font-size: 45px;
 
	text-align: center;
	margin: 60px auto 10px
}
 .item2 .subtitle {
	text-align: center;
	color: #a3a3a3;
	text-transform: uppercase
}
 .item2 .desc {
	margin-top: 50px
}
 .item2 .desc .left .left1 p {
	color: #333;
	font-size: 15px;
	line-height: 26px;
	width: 560px
}
 .item2 .desc .left .left2 h3 {
	margin: 40px 0 25px;
	color: #333;
	font-size: 22px;
	font-weight: 900
}
 .item2 .desc .left .left2 div p {
	display: inline-block;
	width: 48%;
	margin-bottom: 10px;
	color: #333;
	font-size: 15px
}
 .item2 .desc .left .left2 div p img {
	vertical-align: middle
}
 .item2 .desc .right {
	position: relative;
	margin-left: 30px
}
 .item2 .desc .right img {
	position: relative;
	top: 10px
}
 .item2 .desc .right .detail {
	position: absolute;
	top: 142px;
	right: -85px
}
 .item2 .four-pic {
	margin: 50px 0
}
 .item2 .four-pic .item {
	display: flex;
	flex-direction: column
}
 .item2 .four-pic .item: hover p {
	background-color: #e53c43
}
.item2 .four-pic .item img{height:291px;}
 .item2 .four-pic .item p {
	width: 291px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background-color: #66707a;
	transition: all .2s
}
 .item3 .flex {
	display: flex
}
  .four-pic {
            position: relative;
        }
        .four-pic .swiper-button-prev {
            left: -100px;
            background-image: url(img/img85.png);
             width: 60px;
            height: 60px;
            background-size: 60px 60px;
            outline: none;
        }
        
        .four-pic .swiper-button-prev:hover{background-image: url(img/img86.png);}

        .four-pic .swiper-button-next {
            right: -100px;
            background-image: url(img/img87.png);
            width: 60px;
            height: 60px;
            background-size: 60px 60px;
            outline: none;
        }
         .four-pic .swiper-button-next:hover{ background-image: url(img/img88.png);}

.pr{position: relative;}
.pa{position: absolute;}

/*案例*/
.case{clear: both;font-size:16px;font-family:"Microsoft Yahei";line-height:24px;position: relative;padding:60px 0 180px;z-index: 1;color: #666;background:#f6f6f6;}
.case:before,.case:after{content: "";position: absolute;width:50%;height:4px;bottom:96px;right:55.2%;background: #d5d5d5;z-index: -1;}
.case:before{left: 55.2%;}
.case_t{width: 134px;height: 34px;left: 50%;margin-left: -67px;bottom: 85px;z-index: 2;}
.case_t span{width:33px;height: 33px;display: block;cursor: pointer;float: left;}
.case_t p{width:68px;float: left;padding:11px 0 0;text-align: center;}
.case_t p em{display:inline-block;width: 11px;height: 11px;border-radius: 11px;background: #353a3f;margin: 0 6px;}
.case_t p em.cur{background: #015bbf;}
.case_c{width: 100%;max-width: 1920px;margin: 0 auto;}
.case_c dl{width:32.8%;float: left;margin: 0 0 0 0.4%;position: relative;padding: 0 0 62px;}
.case_c dt,.case_c dt img{width:100%;display: block;overflow: hidden;}
.case_c dd{position: absolute;width: 84%;height: 89px;left: 8%;bottom: 7px;background: #fff;color: #333;text-align: center;box-sizing:border-box;overflow: hidden;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.case_c dd h4{display: block;font-size: 20px;line-height:89px;height:89px;font-weight: normal;padding: 0 10%;}
.case_c dd p{padding: 0 10%;height:48px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.case_c dd h4 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dl:hover dd{background: #015bbf;border-bottom: 4px solid #f99403;height: 158px;padding: 25px 0 0;color: #fff;}
.case_c dl:hover dd h4{font-weight: bold;line-height: 50px;height: 50px;}
.case_c dl:hover dd h4 a{color: #fff;}




/* 模块 8 */

.m8 {
    width: 100%;
    overflow: hidden;
    height: 562px;
    background: url(../img/gzj0_02.jpg) no-repeat center bottom;
}

    .m8 .mtitle {
        text-align: center;
        margin-top: 90px;
        margin-bottom: 59px;
        position: relative;
        height: 170px;
    }

        .m8 .mtitle a {
            display: block;
            position: absolute;
            left: 325px;
            top: 150px;
            opacity: 0.1;
        }

    .m8 .mbody {
        height: 309px;
        width: 100%;
        position: relative;
    }

        .m8 .mbody ul {
            float: left;
            width: 100%;
            height: 100%;
        }

        .m8 .mbody li {
            height: 139px;
            width: 135px;
            float: left;
            position: relative;
        }

            .m8 .mbody li:first-child {
                margin-left: 50px;
            }


            .m8 .mbody li:last-child {
                border-bottom: none;
                width: 70px;
            }

            .m8 .mbody li a {
                height: 115px;
                width: 123px;
                display: block;
                position: absolute;
                left: -38px;
            }

            .m8 .mbody li:nth-child(2n) a {
                top: 169px;
            }

            .m8 .mbody li:nth-child(2n) b {
                position: absolute;
                top: -45px;
                left: 47px;
            }

            .m8 .mbody li b {
                height: 28px;
                width: 28px;
                display: block;
                background-color: #fff;
                border: solid 1px #b4b4b4;
                border-radius: 50%;
                font-size: 16px;
                font-family: 'Source Han Sans CN';
                font-weight: bold;
                text-align: center;
                line-height: 28px;
                margin: 0 auto;
                color: #b4b4b4;
            }

            .m8 .mbody li.cur b {
                background-color: #085da0;
                border: solid 1px #085da0;
                color: #fff;
            }

            .m8 .mbody li span {
                height: 115px;
                width: 123px;
                display: block;
                margin: 0 0 9px 0;
                padding: 0;
                background-position-y: -39px;
                background-image: url(../img/fwlc.png);
                background-repeat: no-repeat;
            }


            .m8 .mbody li:nth-child(1) span {
                background: url(../img/fuwu_01.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(2) span {
                background: url(../img/fuwu_02.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(3) span {
                background: url(../img/fuwu_03.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(4) span {
                background: url(../img/fuwu_04.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(5) span {
                background: url(../img/fuwu_05.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(6) span {
                background: url(../img/fuwu_06.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(7) span {
                background: url(../img/fuwu_07.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(8) span {
                background: url(../img/fuwu_08.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li:nth-child(9) span {
                background: url(../img/fuwu_09.png) no-repeat center center;
                background-size: 123px 115px;
            }



            .m8 .mbody li.cur:nth-child(1) span {
                background: url(../img/fuwu_01_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(2) span {
                background: url(../img/fuwu_02_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(3) span {
                background: url(../img/fuwu_03_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(4) span {
                background: url(../img/fuwu_04_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(5) span {
                background: url(../img/fuwu_05_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(6) span {
                background: url(../img/fuwu_06_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(7) span {
                background: url(../img/fuwu_07_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(8) span {
                background: url(../img/fuwu_08_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }

            .m8 .mbody li.cur:nth-child(9) span {
                background: url(../img/fuwu_09_cur.png) no-repeat center center;
                background-size: 123px 115px;
            }




/* 模块 8 */


/* 模块 4 */
.m4 {
    height: 800px;
    width: 100%;
    background: #ededed url(../img/gzj_10.jpg) no-repeat top center;
    overflow: hidden;
}

    .m4 .mtitle {
        width: 100%;
        position: relative;
        height: 163px;
        left: 246px;
    }

        .m4 .mtitle h3 {
            font-size: 36px;
            font-family: 'Source Han Sans CN';
            font-weight: bold;
            color: #fff;
            text-align: center;
            margin-top: 99px;
            margin-bottom: 30px;
            position: absolute;
            top: 100px;
            z-index: 5;
        }

    .m4 .mbody {
        height: 536px;
    }

        .m4 .mbody li {
            float: left;
            margin-right: 0px;
            position: relative;
            width: 25%;
            height: 441px;
        }

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

            .m4 .mbody li a {
                display: block;
                position: absolute;
                opacity: 0;
            }

            .m4 .mbody li:nth-child(1) a {
                top: 237px;
            }

            .m4 .mbody li:nth-child(2) a {
                top: 237px;
            }

            .m4 .mbody li:nth-child(3) a {
                top: 237px;
            }

            .m4 .mbody li:nth-child(4) a {
                top: 237px;
            }

            .m4 .mbody li a p {
                font-size: 14px;
                font-weight: bold;
                font-family: 'Source Han Sans CN';
                color: #333333;
                line-height: 25px;
                display: block;
                width: 203px;
                position: absolute;
                top: 310px;
                margin-left: 38px;
            }

    .m4 .mfoot {
        width: 100%;
    }

        .m4 .mfoot ul {
            overflow: hidden;
            margin-left: 397px;
        }

        .m4 .mfoot li {
            float: left;
            margin-right: 71px;
        }

/* 模块 4 */

@media only screen and (min-width: 769px){
.c_portalResNews_list-01001023 .newTitle {
    text-align: right; width: 100%;
}
}
.c_portalResNews_list-01001023{ background:url(../img/fzlcbg.jpg) center}
 .c_portalResNews_list-01001023 .newList{padding-top:5px;padding-bottom:5px;padding-left:5px;} .c_portalResNews_list-01001023 .contentRight{ position:relative; display:flex; flex-wrap:nowrap; border:1px solid transparent; } .c_portalResNews_list-01001023 .news{ position:relative; width:100%; } .c_portalResNews_list-01001023 .content{display:flex;flex-wrap:wrap;width: 100%;padding-left:20px;} .c_portalResNews_list-01001023 .newDetailLink{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#007dfc;font-size: 28px;} .c_portalResNews_list-01001023 .newMs{width:100%;color: #000;font-size:0.875rem;line-height:1.5rem;margin:0.75rem 0;} .c_portalResNews_list-01001023 .leftBox{width:115px;display: none;} .c_portalResNews_list-01001023 .newMoth{ display:block; width:100%; font-size:2rem; transition:all 0.5s ease-out 0s; } .c_portalResNews_list-01001023 .newYear{ color:#bdbdbd; font-size:12px; } .c_portalResNews_list-01001023 .textLink{ width:31px; height:31px; border-radius:31px; background:#cfcfcf; margin:auto; } .c_portalResNews_list-01001023 .newData{ display:block; width:100%; font-size:2rem; } @media only screen and (min-width: 769px){ .c_portalResNews_list-01001023 .newListBox { padding:1rem 2rem; } .c_portalResNews_list-01001023 .newList { padding-right:calc( 50% - 50px ); } .c_portalResNews_list-01001023 .leftBox { width:115px; padding-left:2rem; display: none; } .c_portalResNews_list-01001023 .content { width: calc( 100% - 70px ); align-content: center; padding-right:8rem; transition: all 0.5s ease-out 0s; } .c_portalResNews_list-01001023 .newList:nth-child(2n) .contentRight::after { left:40px; right:auto; } .c_portalResNews_list-01001023 .newList:nth-child(2n) { padding-left:calc( 50% - 50px ); padding-right:5px; } .c_portalResNews_list-01001023 .newList:nth-child(2n) .contentRight { flex-direction:row-reverse; } .c_portalResNews_list-01001023 .newTitle { text-align:right; } .c_portalResNews_list-01001023 .newMs { overflow:hidden; text-overflow:ellipsis; white-space: normal; text-align:right; transition:all .5s ease; } .c_portalResNews_list-01001023 .newList:nth-child(2n) .newTitle { text-align:left; } .c_portalResNews_list-01001023 .newList:nth-child(2n) .newMs { text-align:left; } .c_portalResNews_list-01001023 .newList:nth-child(2n) .leftBox { padding-left:0; } .c_portalResNews_list-01001023 .newList:nth-child(2n) .content { padding-left:8rem; padding-right:5px; } .c_portalResNews_list-01001023 .contentRight { transition:all 0.5s ease-out 0s; } .c_portalResNews_list-01001023 .contentRight::after { position:absolute; top:50%; transform: translateY(-50%); background-color: #f6f6f6; border: 2px solid #007dfc; border-radius: 13px; content: ""; width: 13px; height: 13px; right: 40px; transition: all 0.3s ease-out 0s; z-index:1; } .c_portalResNews_list-01001023 .newData { transition: all 0.5s ease-out 0s; } .c_portalResNews_list-01001023 .news::after { content:''; display:block; width: 1px; background-color:#cfcfcf; position: absolute; left: 50%; top: 60px; bottom: 31px; z-index: 0; } .c_portalResNews_list-01001023 .contentRight:hover { border:1px solid #cfcfcf; padding: 10px; } .c_portalResNews_list-01001023 .newList:hover .content { background:#fff; } .c_portalResNews_list-01001023 .newList:hover .newMs { color: #000; } .c_portalResNews_list-01001023 .newList:hover .newMoth { color: #bdbdbd; } .c_portalResNews_list-01001023 .newList:hover .newData { color: #bdbdbd; } } @media only screen and (max-width: 768px){ .c_portalResNews_list-01001023 .contentRight { flex-direction:row-reverse; justify-content:flex-end; } .c_portalResNews_list-01001023 .content { align-content: flex-start; padding-top: 1rem; } 

}

.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.cloud-product-box *{box-sizing: border-box;
    list-style: none;}
.cloud-product-box {
    background: #f5f7f7
}

.cloud-product {
    padding: 50px 0 60px
}

.cloud-product-title {
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 32px;
    color: #333
}

.color-blue {
    color: #009fd9
}

.cloud-product-explain {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #999
}

.cloud-product-ul {
    margin-top:  0px;
    width: 100%
}

.cloud-product-ul li {
    position: relative;
    margin-top: 20px;
        width: 12.5%;;
    height: 400px;
    float: left;
    border: 1px solid #ddd;
    border-left: none;
    background: #fff;
    transition: width .15s ease-out;
    -moz-transition: width .15s ease-out;
    -webkit-transition: width .15s ease-out;
    -o-transition: width .15s ease-out
}

.cloud-product-ul li:first-child {
    border-left: 1px solid #ddd
}

.cloud-product-single-top {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #f2f2f2
}

.cloud-product-name {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.cloud-product-single-bottom {
    width: 100%;
    height: 340px
}
.cloud-product-single-bottom img{ height:340px;}
.empty-space {
    width: 100%;
    height: 62px
}

.single-bottom-item {
    height: 340px;
    width: 100%
}

.single-bottom-item:first-child {
    border-right: 1px solid #eee
}

.bg-product-pic {
    margin: 0 auto;
    width: 76px;
    height: 80px
}

.server-bg {
    background: url(../img/index-sprite.png) 0 -1341px no-repeat
}

.idc-bg {
    background: url(../img/index-sprite.png) 0 -1421px no-repeat
}

.host-bg {
    background: url(../img/index-sprite.png) -6px -1256px no-repeat
}

.product-introduce-title {
    margin-top: 20px;
    margin-bottom: 14px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    text-align: center
}

.product-introduce-content, .product-introduce-price {
    width: 180px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.product-introduce-title.normal-weight {
    font-weight: 400
}

.product-introduce-content {
    margin: 0 auto
}

.product-introduce-price {
    margin: 16px auto 0
}

.price-orange {
    color: #f80;
    font-size: 24px
}

.normal-inner {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.active-inner {
    display: none;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.cloud-product-ul li.active .active-inner {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.cloud-product-ul li.active .active-inner-top a{color:#fff;}
.cloud-product-ul li.active .normal-inner {
    display: none;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.cloud-product-ul li.active {
    z-index: 9;
    width: 50%;
    *width: 48%;
    height: 444px;
    margin-top: 0px;
    border: 1px solid #009fd9;
     
}

.active-inner-top {
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    line-height: 80px;
    font-size: 18px;
    text-align: center;
    background-color: #007dfc;
    color: #fff;
    font-weight: 700
}

.active-empty-space {
    height: 14px
}

.active-inner-item {
    width: 49.9%
}

.active-inner-item-left {
    border-right: 1px solid #ddd
}
.active-inner-item-left .ffffimg{margin-left:10px;}
.active-product-introduce-title {
    margin-top: 20px;
    font-weight: 700
}

.product-btn-wrapper {
    margin: 38px auto 10px;
    width: 220px
}

.product-btn-wrapper .btn {
    float: left
}

.buy-link-btn {
    margin-right: 18px;
    background-color: #009fd9;
    color: #fff
}

.buy-link-btn:hover {
    background-color: #f80
}

.introduce-link-btn {
    border: 1px solid #009fd9;
    color: #009fd9
}

.introduce-link-btn:hover {
    border: none;
    color: #fff;
    background-color: #009fd9
}

.product-tab-wrapper {
    width: 100%
}

.product-tab-item {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: height .5s;
    -moz-transition: height .5s;
    -webkit-transition: height .5s;
    -o-transition: height .5s
}

.product-tab-title {
    margin: 0 auto;
    padding-left: 40px;
    width: 90%;
    min-width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background: url(img/add-icon.png) no-repeat #fafafa;
    color: #666
}

.product-tab-item.active .product-tab-title {
    background: url(img/reduce_icon.png) no-repeat #e0f9ff;
    color: #009fd9
}

.product-tab-content {
    width: 200px;
    margin-top: 6px;
    margin-left: 54px;
    line-height: 22px;
    font-size: 12px;
    color: #999
}

.product-tab-item.active {
    height: 150px
}

.solution-bgcolor {
    background: url(img/solution_bg.jpg) center no-repeat fixed;
    padding-bottom: 60px
}

.solution-bgcolor .cloud-product-explain, .solution-bgcolor .cloud-product-title span {
    color: #fff
}

.solution-bgcolor .cloud-product-title span {
    border-color: #fff
}

.solution-list {
    position: relative;
    height: 400px;
    overflow: hidden
}

.arr-btn {
    position: absolute;
    top: 0;
    width: 40px;
    height: 100%;
    z-index: 99;
    display: none 9;
    *display: none;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.solution-box:hover .arr-btn {
    display: block 9;
    *display: block;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.arr-btn-left {
    left: 10px
}

.arr-btn-right {
    right: 10px
}

.solution-box {
    position: relative
}

.arr-btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -18px;
    display: block;
    width: 20px;
    height: 36px;
    z-index: 100
}

.arr-btn .arr-left {
    background: url(img/index-sprite.png) 0 -1538px no-repeat
}

.arr-btn .arr-right {
    background: url(img/index-sprite.png) 0 -1500px no-repeat
}

.solution-list {
    width: auto !important
}

.solution-list ul li {
    float: left;
    position: relative;
    height: 400px;
    width: 275px;
    margin-left: 20px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

@media only screen and (max-width: 1200px) {
    .solution-list ul li {
        width: 224px
    }
}

@media only screen and (max-width: 1017px) {
    .solution-list ul li {
        width: 224px
    }
}

.solution-list ul li .li-bgcolor {
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=60);
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6
}

.solution-list ul li > i {
    position: absolute;
    top: 118px;
    left: 50%;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    z-index: 2;
    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s
}

.solution-list ul li > i.cloud-icon {
    background: url(img/index-sprite.png) 0 -90px no-repeat
}

.solution-list ul li > i.finance-icon {
    background: url(img/index-sprite.png) 0 -180px no-repeat
}

.solution-list ul li > i.mobile-icon {
    background: url(img/index-sprite.png) 0 -360px no-repeat
}

.solution-list ul li > i.busin-icon {
    background: url(img/index-sprite.png) no-repeat
}

.solution-list ul li > i.game-icon {
    background: url(img/index-sprite.png) 0 -270px no-repeat
}

.solution-list ul li:hover > i {
    margin-left: -32px;
    width: 64px;
    height: 64px
}

.solution-list ul li:hover > i.cloud-icon {
    background: url(img/index-sprite.png) 0 -506px no-repeat
}

.solution-list ul li:hover > i.finance-icon {
    background: url(img/index-sprite.png) 0 -570px no-repeat
}

.solution-list ul li:hover > i.mobile-icon {
    background: url(img/index-sprite.png) 0 -698px no-repeat
}

.solution-list ul li:hover > i.busin-icon {
    background: url(img/index-sprite.png) 0 -452px no-repeat
}

.solution-list ul li:hover > i.game-icon {
    background: url(img/index-sprite.png) 0 -634px no-repeat
}

.solution-list ul li > p.solution-title {
    position: absolute;
    top: 240px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    z-index: 2;
    transition: top .5s;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    -o-transition: top .5s
}

.solution-list ul li > p.solution-intro {
    text-indent: 26px;
    font-size: 12px;
    height: 150px;
    padding: 0 30px;
    overflow: hidden;
    position: absolute;
    top: 282px;
    color: #fff;
    line-height: 2;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s
}

.solution-list ul li > a {
    position: absolute;
    top: 452px;
    left: 50%;
    margin-left: -59px;
    width: 118px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    z-index: 2;
    opacity: 0;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s
}

 
.solution-list ul li:hover .li-bgcolor {
    background-color: #0175a0
}

.solution-list ul li:hover i {
    top: 26px
}

.solution-list ul li:hover p.solution-title {
    top: 118px
}

.solution-list ul li:hover p.solution-intro {
    top: 160px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.solution-list ul li:hover a {
    top: 330px;
    opacity: 1;
    filter: alpha(opacity=100)
}

.free-certificate {
    height: 140px;
    background: #0bf
}
 

.swiper-bar {
    float: left;
    margin: 0 10px;
    width: 30px;
    height: 13px;
    border-top: 3px solid #fff;
    background: 0 0;
    opacity: .5;
    filter: alpha(opacity=50)
}

.swiper-bar.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media only screen and (max-width: 1018) {
    .certificat-item {
        float: left;
        width: 250px;
        height: 140px;
        *width: 249px
    }
}

.certificat-item {
    float: left;
    width: 300px;
    height: 140px;
    *width: 300px
}

.certificat-item-wrapper {
    width: 92%;
    height: 100%;
    margin: 0 auto
}

.certificat-item-inner {
    float: left
}

.certificat-pic {
    margin-top: 42px;
    width: 64px;
    height: 64px
}

.certificat-pic1 {
    background: url(img/index-sprite.png) 0 -1636px no-repeat
}

.certificat-pic2 {
    background: url(img/index-sprite.png) 0 -1701px no-repeat
}

.certificat-pic3 {
    background: url(img/index-sprite.png) 0 -1765px no-repeat
}

.certificat-pic4 {
    background: url(img/index-sprite.png) 0 -1829px no-repeat
}

.certificat-pic5 {
    background: url(img/index-sprite.png) 0 -1572px no-repeat
}

.certificat-introduce {
    margin: 55px 0 0 10px;
    width: 150px;
    height: 80px
}

.certificat-introduce p {
    color: #fff
}

.certificat-introduce-top {
    height: 16px;
    line-height: 16px;
    font-size: 16px
}

.certificat-introduce-bottom {
    margin-top: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    white-space: nowrap
}

.certificat-pagination {
    height: 70px
}

.certificat-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.certificat-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.cooperative-partner {
    background: #f5f7f7
}

.cooperative-partner-list {
    margin-top: 26px
}

.cooperative-partner-list li {
    float: left;
    width: 24%;
    height: 130px;
    margin: 10px 0 0 1%
}

.cooperative-partner-list li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 130px;
    background: #fff;
    cursor: default
}

.cooperative-partner-list li a img {
    vertical-align: middle
}

.cooperative-partner-list li a img.transiform-img {
    width: 160px;
    height: 90px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.cooperative-partner-list li a:hover {
    -webkit-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .1)
}

.cooperative-partner-list li a:hover img.transiform-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.cooperative-partner-list li:nth-child(4n+1) {
    margin: 10px 0 0
}

.news-trends {
    background: #fff
}

.news-trends-list {
    margin-top: 46px
}

.press-release {
    float: left;
    width: 31.33%;
    margin-left: 2%
}

.activity-title img {
    height: 140px
}

.press-release:first-child {
    margin-left: 0
}

.press-release-title {
    position: relative;
    padding: 0 20px;
    height: 36px;
    border-left: 3px solid #000;
    line-height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f7f7f7;
    font-size: 16px;
    color: #333
}

.release-title1 {
    border-left-color: #f40
}

.release-title2 {
    border-left-color: #009fd9
}

.release-title3 {
    border-left-color: #f90
}



/*chose*/
.chose{
    background: url("../img/choose_bg.jpg") no-repeat top;
    padding: 50px;
}
.chose_title {
    font-size: 24px;
}

.chose .item {
    width: 16.66666666666%;
    float: left;
    text-align: center;
    margin-top: 50px;
}

.chose .item .title {
    width: 140px;
    height: 50px;
    border: 2px solid #559fff;
    color: #09b5ff;
    margin: 0 auto;
    font-size: 26px;
    line-height: 50px;
   font-weight: normal;
    margin-bottom: 20px;
}

.chose .item .cont {
    background: url("../img/ingc1.png") no-repeat center top;
    padding-top: 25px;
    height: 210px;
    font-size: 15px;
    line-height: 40px;background-size: 100% 100%;width: 93%; margin: 0 auto;
 
}
.chose .item .cont p{padding:40px 10px 0 10px;}

.chose .item2 .cont {
    background: url("../img/ingc2.png") no-repeat center top;background-size: 100% 100%;
}

.chose .item3 .cont {
    background: url("../img/ingc3.png") no-repeat center top;background-size: 100% 100%;
}

.chose .item4 .cont {
    background: url("../img/ingc4.png") no-repeat center top;background-size: 100% 100%;
}

.chose .item5 .cont {
    background: url("../img/ingc5.png") no-repeat center top;background-size: 100% 100%;
}

.chose .item6 .cont {
    background: url("../img/ingc6.png") no-repeat center top;background-size: 100% 100%;
}

.chose .item .cont .box1 {
     height: 0px;
 }
.chose .item .cont .box2 {
     height: 0px;
 }
.chose .item .cont .box3 {
     height: 00px;
 }
.chose .item .cont span{
    color: #fe0000;
}

.wenhuaimg{width:50%; float:left}
.wenhuatxt{float:right; width:50%;}
.wenhuatxtbox{margin-left:4%; margin-top:4%}
.wenhuatxtbox span{display:block; font-size:24px; color: #007dfc;}
.wenhuatxtbox p{font-size:18px; margin-bottom:20px; padding:10px 0 20px 0; border-bottom: #ddd 1px solid;}

.jjimg{text-align:center}


.roundabout_box .swiper-button-prev {
	background: url(img/img85.png) no-repeat left top;
	background-size: 60px 60px;
	position: absolute;
	left: 0;
	top: 50%;
	/*margin-top: -30px;*/
	width: 60px !important;
	height: 60px !important;
	z-index: 10;
}
.roundabout_box .swiper-button-prev:hover{
	background: url(img/img86.png) no-repeat left bottom;
	background-size: 60px 60px;
}
.roundabout_box .swiper-button-next{
	background: url(img/img87.png) no-repeat left bottom;
	background-size: 60px 60px;
	position: absolute;
	right: 0;
	top: 50%;
	/*margin-top: -30px;*/
	width: 60px !important;
	height: 60px !important;
	z-index: 10;
}
.roundabout_box .swiper-button-next:hover{
	background: url(img/img88.png) no-repeat left bottom;
	background-size: 60px 60px;
}