@charset "UTF-8";
.fs-46 { font-size: 46px; }
.fs-36 { font-size: 36px; }
.fs-32 { font-size: 32px; }
.fs-16 { font-size: 16px; }
.fs-30 { font-size: 30px; }
.fs-28 { font-size: 28px; }
.fs-26 { font-size: 26px; }
.fs-24 { font-size: 24px; }
.fs-22 { font-size: 22px; }
.fs-20 { font-size: 20px; }
.fs-18 { font-size: 18px; }
.fs-16 { font-size: 16px; }
.c-default { color: #b42e32; }
.pl-18 { padding-left: 18px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }
.pt-10 { padding-top: 10px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-110 { padding-top: 110px; }
.pt-170 { padding-top: 170px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-150 { padding-bottom: 150px; }
.pb-140 { padding-bottom: 140px; }
.pb-160 { padding-bottom: 160px; }
.w1200 {
  margin: 0 auto;
  width: 1200px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.c-333 {
	color: #333;
}
.lh-1 {
	line-height: 1;
}

#ys2 {
	font-style: normal;
}
.cy-banner {
	height: 666px;
	/*background: url(../images/zt-canyin/cy-banner.jpg) no-repeat;*/
	background-size: 100% 100%;
}

.cy-banner-main {
	position: relative;
	width: 1200px;
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

.cy-banner .cy-banner-bg {
	width: 100%;
}

.cy-banner .cy-banner-txt {
	position: absolute;
	width: ;
	top: 70px;
}

.cy-banner .cy-banner-fang {
	position: absolute;
	top: 150px;
	left: 470px;
}

.cy-banner .cy-banner-jsq {
	position: absolute;
	right: 0;
	top: 70px;
	width: 470px;
	height: 530px;
	background: rgba(255, 255, 255, .8);
	border-radius: 20px;
}

.cy-kexin {
	background: #f8f8f8;
	height: 730px;
}

.cy-kexin-main {
	width: 1070px;
	margin: 0 auto;
	height: 100%;
	text-align: center;
	color: #302b2c;
	line-height: 1;
}

.cy-kexin h3 {
	font-size: 36px;
	padding-top: 45px;
	font-weight: initial;
	letter-spacing: 5px;
	
}

.cy-kexin h3 span,
.cy-kexin .p1 {
	color: #b11e28;
	font-size: 54px;
	
}
.cy-kexin h3 span {
	font-weight: bold;
}
.cy-kexin .p1 {
	font-weight: bold;
	line-height: 1;
	padding: 30px 0;
}
.cy-kexin .p2{
	font-size: 20px;
	text-transform: uppercase;
}
.cy-kexin .content{
	width: 100%;
	padding-top: 20px;
	font-size: 0;
}
.cy-kexin .content li{
	display: inline-block;
	width: 185px;
	height: 185px;
	background: #fff;
	border-radius: 50%;
	margin-right: 110px;
	margin-bottom: 30px;
	vertical-align: top;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.cy-kexin .content li:hover img {
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.cy-kexin .content li:nth-child(4){
	margin-right: 0px;
}
.cy-kexin .content li:nth-child(n+5){
	margin: 0 50px;
}
.cy-kexin .content li img{
	margin-top: 35px;
	height: 74px;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}
.cy-kexin .content li h4{
	padding-top: 15px;
	font-size: 18px;
	
}

.cy-case{
	height: auto;
	color: #302b2c;
}
.cy-title{
	height: 140px;
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 50px;
}
.cy-title h4{
	font-size: 54px;
	line-height: 1;
	position: relative;
	letter-spacing: 5px;
	color: #333;
}
.cy-title span{
	font-size: 34px;
	margin-left: 20px;
	padding-left: 20px;
	position: absolute;
	top: 10px;
}
.cy-title h4:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 370px;
	width: 4px;
	height: 45px;
	background: #b01e29;
}
.cy-title .bf2:before{
	left: 310px;
}
.cy-case .cy-content{
	height: 920px;
	position: relative;
}
.cy-case .content-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.cy-case .content-bg-img{
	background: url(../images/zt-canyin/case-bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.cy-case .content-bg-zz{
	background-color: rgba(255,255,255,.8);
}
.cy-case .cy-main{
	width: 1200px;
	height: 740px;
	box-sizing: border-box;
	padding: 6px;
	position: absolute;
	top: 65px;
	left: calc(50% - 600px);
	z-index: 999;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.5);
	
}
.cy-case .cy-main div,
.cy-case .cy-main .bd{
	height: 100%;
}
.cy-case .cy-main li{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.cy-case .cy-main li img{
	width: 100%;
}
.cy-case .cy-main li .txt{
	position: absolute;
	top: calc(50% - 210px);
	right: 95px;
	background: rgba(0,0,0,.6);
	width: 356px;
	height: 420px;
	color: #fff;
	text-align: center;
	font-size: 26px;
}
.cy-case .cy-main li h3{
	font-size: 48px;
	letter-spacing: 5px;
	color: #fff;
	line-height: 140px;
	box-sizing: border-box;
	padding-left: 40px;
	text-align: left;
	font-weight: bold;
}
.cy-case .cy-main li p{
	
	line-height: 40px;
	letter-spacing: 3px;
	box-sizing: border-box;
	padding-left: 40px;
	text-align: left;
}
.cy-case .cy-main li .ck{
	text-align: center;
	color: #fff;
	display: inline-block;
	width: 224px;
	height: 56px;
	line-height: 56px;
	border-radius: 24px;
	background: #b01e29;
	margin-top: 30px;
}
.cy-box{
	position: relative;
	width: 100%;
	height: 100%;
}
.cy-case .page{
	position: absolute;
	top: calc(50% - 50px);
	width: 100%;
	height: 100px !important;
}
.cy-case .page .button{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.8);
	background-repeat: no-repeat;
	background-position: center;
}
.cy-case .page .prev{
	float: left;
	margin-left: -50px;
	background-image: url(../images/zt-canyin/jt-left.png);
}

.cy-case .page .next{
	float: right;
	margin-right: -50px;
	background-image: url(../images/zt-canyin/jt-right.png);
}
.cy-design{
	margin-top: 50px;
	height: 460px;
	background: url(../images/zt-canyin/cy-design-bg.jpg) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.cy-design .cy-content{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding:45px 0 30px;
}
.cy-design .cy-content img{
	height: 100%;
}

.cy-service .cy-content{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
}
.cy-service .cy-content li{
	display: block;
	float: left;
	width: 380px;
	height: 380px;
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
}
.cy-service .cy-content li:nth-child(3n){
	margin-right: 0px;
}
.cy-service .cy-content li:nth-child(n+4){
	margin-bottom: 0px;
}
.cy-service .cy-content li img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.cy-service .cy-content li .cy-txt{
	position: absolute;
	top: calc(50% - 72.5px);
	left: calc(50% - 125px);
	width: 250px;
	height: 145px;
	background: rgba(176,30,41,.6);
	box-sizing: border-box;
	padding-top: 30px;
	line-height: 1;
	color: #fff;
	text-align: center;
	letter-spacing: 3px;
}

.cy-service .cy-content li .cy-txt h4{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}
.cy-service .cy-content li .cy-txt p{
	font-size: 20px;
	font-weight: lighter;
	padding-top: 12px;;
}

.cy-advantage{
	position: relative;
	height: auto;
}
.cy-advantage .cy-content{
	height: 990px;
	background: url(../images/zt-canyin/cy-advantage-bg.jpg);
	background-size: 100% 100%;
}
.cy-advantage .cy-content-main{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	padding-top: 45px;
}
.cy-advantage .cy-content-main h3{
	font-size: 0;
	color: #302b2c;
	margin-top: 90px;
	letter-spacing:5px;
	height: 85px;
	background: url(../images/zt-canyin/tit-2.png) no-repeat center;
}
.cy-advantage .cy-content-main .tz{
	display: block;
	width: 315px;
	height: 60px;
	border-radius: 30px;
	margin: 0 auto;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
	font-size: 26px;
	background: #b01e29;
	margin-top: 50px;
	-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    webkit-animation: pulse 1.5s 0s ease both infinite;
    -moz-animation: pulse 1.5s 0s ease both infinite;
    animation: pulse 1.5s 0s ease both infinite;
}
.cy-advantage .cy-content-main .tz:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}
/*动画*/
@-webkit-keyframes pulse {
	from {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
50% {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
	from {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
50% {
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
}




/*弹窗计算*/
.calculator-wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1.75;
}
.tc-calculator {
	position: absolute;
	width: 1000px !important;
	left: calc(50% -500px);
	top: 70px;
	z-index: 2;
	background: #fff;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
	display: none;
	overflow: hidden;
	height: auto !important;
}
/*.tc-calculator.on {
	visibility: visible;
	top: 0;
}*/


.tc-calculator .intro .notice {
	margin-top: 0;
}


.tc-close-wrap {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	display: none;
}
.tc-close {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 99;
	width: 600px;
	height: 570px;
	margin-left: -300px;
	margin-top: -285px;
}
.tc-close .btn-close {
	position: absolute;
	left: 50%;
	bottom: 15px;
	margin-left: -133px;
	width: 266px;
	line-height: 64px;
	border: 3px solid #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 28px;
	color: #fff;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.tc-close .btn-close:hover {
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}


.calculator {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 40px 0 50px;
}

.calculator-one{
	height: auto;
	padding:0;
	background: initial;;
}
/*.zt-one-old:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -30px;
	width: 1000px;
	height: 151px;
	background: url(../images/zt-one/bg-shadow.png) no-repeat center;
	margin-left: -500px;
	z-index: -1;
}*/

.calculator .intro,
.calculator .pricing {
	position: relative;
	z-index: 2;
	width: 50%;
	float: left;
	padding: 0 60px;
	height: 100%;
	box-sizing: border-box;
}

.calculator-one .intro {
	width: 100%;
	padding: 0 50px;
	box-sizing: border-box;
}
.calculator .intro {
	border-right: 1px solid #e8e8e8;
}
.calculator .intro h4 {
	margin-top: 10px;
	font-weight: 300;
}
.calculator .intro .notice {
	margin-top: 15px;
	padding-left: 5px;
}
.calculator .intro .des {
	padding: 30px 0;
	margin: 30px 0 20px;
	text-align: center;
	font-size: 37px;
	line-height: 70px;
	font-weight: 300;
	color: #333;
	border: 1px solid #c8c8c8;
}
.form-list {
	padding-top: 20px;
}
.form-list li {
	float: left;
	box-sizing: border-box;
}
.form-list li:nth-child(2) {
	float: right;
}
.form-list li {
	margin-bottom: 20px;
	width: 180px;
	line-height: 60px;
	border-radius: 30px;
	border: 1px solid #302b2c;
	font-size: 18px;
	padding-right: 20px;
}
.form-list li:last-child,
.form-list li.li-3 {
	width: 100%;
	
}
.form-list li:last-child {
	padding-right: 0;
}
.form-list li input,
.form-list li select,
.form-list li select option {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	font-size: 18px;
	padding-left: 20px;
	box-sizing: border-box;
	border: none;
	outline: none;
	color: #302b2c;
	background: transparent;
	 appearance:none;  
	-moz-appearance:none;  
	-webkit-appearance:none;
}
.form-list li select {
	background: url(../images/zt-one/icon_select_2.png) no-repeat right center;
}
.form-list li input::-webkit-input-placeholder{
            color: #333;
}
.form-list li input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #333;
}
.form-list li input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #333;
}
.form-list li input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color: #333;
}

.notice {
	font-size: 14px;
	color: #b01e29;
	line-height: 1.5;
}
.cal-btn {
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #b42e32;
	color: #fff !important;
	font-size: 26px;
	text-align: center;
	background: #b42e32;
	border-radius: 30px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.zt-button {
	display: inline-block;
	padding: 0 85px;
	line-height: 60px;
	font-size: 26px;
	color: #fff!important;
	font-size: 26px;
	text-align: center;
	background: #b42e32;
	border-radius: 30px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.zt-button:hover {
	opacity: .9;
}
.calculator .pricing{
	text-align: center;
}
.calculator-one .pricing {
	display: none;
}
.calculator .pricing h3 {
	line-height: 1.2;
}

.price-mix {
	padding: 30px 0;
}
.price-mix li {
	color: #c6c3c3;
	font-size: 26px;
	line-height: 49px;
	font-weight: 300;
}
.price-mix li span {
	display: inline-block;
	width: 125px;
}
.price-total {
	padding-top: 5px;
	margin-top: 20px;
	border-top: 1px solid #e8e8e8;
}

.calculator .title-txt{
	height: 60px;
	width: 100%;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 3px;
	background: #b01e29;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.calculator h3{
	margin-top: 20px;
}

.tc-calculator .zixun {
	display: inline-block;
	margin-top: 20px;
	width: 100%;
	line-height: 60px;
	color: #fff;
	text-align: center;
	font-size: 26px;
	border-radius: 30px;
	background: #b01e29;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}



.ov-el{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}



/*一键报价*/
.yjbj-youshi {
	position: relative;
	height: 1115px;
	background: url(../images/zt-yjbj/ys-bg.png) no-repeat center;
}
.yjbj-youshi .item {
	position: absolute;
}
.yjbj-youshi .item.ys1,
.yjbj-youshi .item.ys3,
.yjbj-youshi .item.ys5 {
	right: 50%;
	margin-right: 160px;
	top: 46px;
}
.yjbj-youshi .item.ys3 {
	top: 333px;
}
.yjbj-youshi .item.ys5 {
	top: 756px;
}
.yjbj-youshi .item.ys2,
.yjbj-youshi .item.ys4 {
	left: 50%;
	margin-left: 160px;
	top: 234px;
}
.yjbj-youshi .item.ys4 {
	top: 566px;
}


.cy-advantage .cy-content-main .tz,
.jy-zx .tz,
.com-tz {display:block;width:315px;height:60px;border-radius:30px;margin:0 auto;color:#fff !important;font-weight:bold;line-height:60px;font-size:26px;background:#b01e29; text-align: center; margin-top:50px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;webkit-animation:pulse 1.5s 0s ease both infinite;-moz-animation:pulse 1.5s 0s ease both infinite;animation:pulse 1.5s 0s ease both infinite;}

.cy-advantage .cy-content-main .tz:hover,
.jy-zx .tz:hover,
.com-tz:hover {box-shadow:0 5px 10px rgba(0,0,0,0.5);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);}
.jy-zx .tz {
	width: 485px;
	line-height: 106px;
	height: 106px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	border-radius: 53px;
	bottom: 60px;
	position: absolute;
	left: 50%;
	margin-left: -242.5px;
}

.yj-foot .com-tz {
	margin: 0;
	position: relative;
	top: 310px;
}

/*动画*/
@-webkit-keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}