.cfff{ color: #fff!important;}
.cred{ color: #ca2b2f;}
.c1{ color: #9c7548;}
.fs60{ font-size: 60px;}
.mt70{ margin-top: 70px;}
ul{padding:0;}
.tr{ text-align: right;}
/* .s-r{ visibility: hidden;} */
.mt5{ margin-top: 5px;}
.oh-main { width: 100%; max-width: 1920px; margin: 0 auto; line-height: 1.2;}
.oh-main .banner{ width: 100%; height: 797px; padding-top: 220px;}
.oh-main .banner img{ display: block; position: absolute; left: 50%;}
.oh-main .banner .txt{ margin-left: -210px;}
.oh-main .banner .txt-1{ margin-left: -210px; top: 337px;}
.oh-main .banner .txt-2{ margin-left: 456px; top: 415px;}
.oh-main .banner .txt-3{ margin-left: -202px; top: 565px;}
.oh-main .banner .mouse{ width: 24px; height: 30px; background: url(images/mouse.png) no-repeat center top; margin:480px auto 0 auto; }
@keyframes upper {
	10%{ transform: translateY(-10px);}
	20%{ transform: translateY(0px);}
	30%{ transform: translateY(-8px);}
	50%{ transform: translateY(0);}
}
.oh-main .div{ padding-top: 100px;}
.w{ width: 1200px; margin: 0 auto;}
.oh-main .div-1{ background: url(images/bg_01.jpg) no-repeat center top;}
.oh-main .t-1 h1{ font-size: 72px; text-align: center; color: #333333; font-weight: 300; line-height: 90px;}
.oh-main .t-1 h1 span{ font-weight: 600; color: #9c7548;}
.oh-main .t-1 .small{ font-size: 16px; color: #6b6a69; text-align: center; margin: 25px 0 70px 0;font-weight: 300; text-transform: uppercase;}
.oh-main .div-1 ol li{position: relative; overflow: hidden; width: 184px; height: 279px; background-color: #e9e9e9; padding-top: 30px; border-radius: 0px 40px 0px 40px; border: solid 1px #ffffff; color: #333333; font-size: 28px;}
.oh-main .div-1 ol li:hover{ box-shadow: 10px 0px 30px 0px rgba(51, 51, 51, 0.2);border-radius: 0px 40px 0px 40px;border: solid 1px #9c7548; }
.oh-main .div-1 ol li .bg{ position: absolute; left: 0; top:0; width: 100%; opacity: 0; }
.oh-main .div-1 ol li:hover .bg{opacity: 1;}
.oh-main .div-1 ol li .con{ position: relative;}
.oh-main .div-1 ol li .num{ text-align: center;}
.oh-main .div-1 ol li .small::before{ display: block; content: ""; width: 20px;	height: 2px;background-color: #9c7548; margin: 40px auto;}
.oh-main .div-1 ol li .small{ font-size: 24px; color: #9c7548; margin-bottom: 10px;}
.oh-main .div-1 .form1{ padding: 50px; background: url(images/1-bg03.jpg) no-repeat center top/100%; box-shadow: 10px 0px 30px 0px     rgba(51, 51, 51, 0.2);border-radius: 0px 40px 0px 40px;
border: solid 1px #ffffff;}
.oh-main .div-1 .form1 .input{ width: 320px; height: 72px; line-height: 72px; background-color: #e9e9e9; font-size: 24px; padding: 20px; color: #b4b4b4; border:none}
.oh-main .div-1 .form1 .r{ position: absolute; display: block; top: 0; right: 0; width: 72px;	height: 72px; line-height: 72px; color: #fff;	background-color: #9c7548;}
.oh-main .div-1 .sub-btn{ width: 442px;	height: 72px; line-height: 72px;	background-color: #ca2b2f; color: #fff; letter-spacing: 3px;
	border-radius: 0px;}
.triangle{ display: block; margin: 50px auto; width: 44px; border-top:28px solid #9c7548; border-left: 22px solid transparent; border-right: 22px solid transparent; animation: upper 3s linear infinite;}
.circular{ display: block; width: 31px; height: 31px; background: url(images/cir.png) no-repeat center; margin: 0 auto;}
.oh-main .div-1 ul{padding-bottom: 120px;}
.oh-main .div-1 ul li{ position: relative; width: 24%; padding-bottom: 140px; background-color: #000; box-shadow: 10px 0px 30px 0px rgba(51, 51, 51, 0.2); border: solid 1px #ffffff; overflow: hidden;}
.oh-main .div-1 ul li:hover{ margin-top: -20px;}
.oh-main .div-1 ul li:nth-child(2n){ margin-top: 60px;}
.oh-main .div-1 ul li:hover:nth-child(2n){ margin-top: 40px;}
.oh-main .div-1 ul li .img{ opacity: 0.9; width: 100%;}
.oh-main .div-1 ul li .con{ position: absolute; bottom: -70px; width: 100%; padding:160px 0 20px 0; color: #fff; font-size: 24px; background-image: linear-gradient(to top, rgba(0,0,0, 1) 50%, rgba(0,0,0,0) 80%);}
.oh-main .div-1 ul li .con::before{ content: ""; display: block;}
.oh-main .div-1 ul li .num{ font-size: 100px; color: #fafafa; opacity: 0.08; font-weight: 600;} 
.oh-main .div-1 ul li:hover{transform: translate(0, -20px);}

.oh-main .div-2{ background: url(images/2-bg.jpg) no-repeat center top/ auto 100%; padding-bottom: 114px;}
.oh-main .div-2 .con{ width: 100%; min-width: 1200px; padding:184px 0; background: url(images/2-img.jpg) no-repeat center top; }
.oh-main .div-2 .text{ margin:0 auto 0 230px; width:530px; height:368px; padding: 50px; color:#fff; background-image: linear-gradient(to right, rgba(157, 119,75), rgba(178,177,176, 0.5)); font-size: 20px;  font-weight: 300;}
.oh-main .div-2 .text b{ margin-right: 5px; font-weight: 600;}
.oh-main .online-btn{ position: relative; display: block; margin: 0 auto; width: 518px; height: 72px; background-color: #ca2b2f; border-radius: 20px 0px 20px 0px; font-weight: 500;  letter-spacing: 2px; padding: 22px 0 0 0; }
.oh-main .online-btn .txt::after{content: ""; position: absolute; top: 0;width: 100%;height: 100%; transform: translateX(-200%);
    z-index: 1;background: linear-gradient(120deg,rgba(202,43, 47,.2),hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0) 99%,rgba(255,229,140,.3));}
.oh-main .online-btn.on .txt::after { transition:all 1s linear; transform:translateX(100%) }
.oh-main .online-btn > div{ overflow: hidden; height: 28px;}
.oh-main .online-btn .txt{position: relative; overflow: hidden; font-size: 0;  display: flex; align-items: center; will-change: transform;}
.oh-main .online-btn span{ display:block; font-size: 28px; white-space: nowrap; padding-bottom: 3px;}
.oh-main .online-btn span:first-child{ position: relative; }
.oh-main .online-btn span:nth-child(2){ transform:translateY(100%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.oh-main .online-btn.on span{ transition: all 0.5s ease-in-out;}
.oh-main .online-btn.on span:first-child{ transform:translate3d(0,-100%,0); }
.oh-main .online-btn.on span:nth-child(2){ transform:translateZ(0) }
.oh-main .online-btn img{ transition: all 0.3s linear; margin-left: 10px;vertical-align: middle; animation: lright 3s infinite linear;}

@keyframes lright {
    10%{transform: translateX(10px);}
    20%{transform: translateX(-5px);}
    30%{transform: translateX(10px);}
    40%{transform: translateX(0);}
}

.div-3{ background: url(images/3-bg.jpg) no-repeat center top/auto 100%; padding-bottom: 120px;}
.div-3 .triangle{ margin: -10px auto 30px auto;}
.div-3 .txt{ color: #fffefe;}
.div-3 .case-swiper{ margin-top: 70px; padding-bottom: 77px;}
.div-3 .case-swiper li{ width: 100%; height: 594px;}
.div-3 .button-prev, .div-3 .button-next{ position: absolute; top:50%; z-index: 1; cursor: pointer; width: 31px; height: 52px; margin-top: -66px; left: 10%; background:url(images/i-left-2.png) no-repeat center; width: 68px; height: 68px; border-radius: 34px;}
.div-3 .button-next{ left: auto; right: 10%;background: url(images/i-right-2.png) no-repeat center;}
.div-3 .swiper-pagination.swiper-pagination-progressbar{ width: 312px; height: 8px; background: #333; left: 50%; margin-left: -156px; top:auto; bottom: 0;}
.div-3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #fff;}

.div-3 .div-32{ position: relative; width: 100%; max-width: 1440px; min-width: 1200px; margin:115px auto 0 auto; padding:90px 120px; background: url(images/3-bg-2.jpg) no-repeat center; border-radius: 120px 0px 120px 0px; overflow: hidden; height: 792px;}
.div-3 .div-32 .t-2{  font-size: 60px; font-weight: 600; line-height: 1.3; position: relative; z-index: 2;}
.div-3 .div-32 .pic{position: absolute; bottom: 0; right: 0; left: 0; top:0; margin: auto; width: 100%; height: 100%; background: url(images/3-img-21.png) no-repeat 100% 265px; font-size: 24px; color: #333333;}
.div-3 .div-32 .pic .text{ width: 1200px; margin:0 auto}
.div-3 .div-32 .pic .text .point{display: inline-block; position: relative; width: 25px; height: 25px; vertical-align: middle;}
.div-3 .div-32 .pic .text .point .li{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform:scale(1); margin: auto; background-color:  #ffffff; border-radius: 50%;  text-align: center; width: 14px; height: 14px; animation: heart 3s linear infinite;}
.div-3 .div-32 .pic .text .point .c { position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); display: block; background: #ca2b2f; width: 12px; height: 12px; border-radius: 50%;}
.div-3 .div-32 .pic .text .l{ width: 59%; margin: 425px 25% auto auto; text-align: right;}
.div-3 .div-32 .pic .text .l > div{ margin-bottom: 80px;}
.div-3 .div-32 .pic .text .l .s::after{content: ""; display: inline-block; margin-left: 10px; width: 46%; border-bottom: 2px dashed #b2191b; vertical-align: middle;}
.div-3 .div-32 .pic .text .l .txt-2 { margin-right: 35px; margin-bottom: 100px;}
.div-3 .div-32 .pic .text .l .txt-2 .s::after{ width: 67%;}
.div-3 .div-32 .pic .text .l .txt-3{ margin-right: 50px;}
.div-3 .div-32 .pic .text .l .txt-3 .s::after{ width: 78%;}
.div-3 .div-32 .pic .text .r{ width: 360px; position: absolute; right: 4%; top:90px}
.div-3 .div-32 .pic .text .r > div{ width: 97px; text-align: center;}
.div-3 .div-32 .pic .text .r .txt-1{ margin-top: 70px;}
.div-3 .div-32 .pic .text .r .txt-3{ margin-top: 130px;}
.div-3 .div-32 .pic .text .r .s::after{content: ""; display: inline-block; margin: 10px auto; height: 360px; border-left: 2px dashed #fff; vertical-align: middle; }
.div-3 .div-32 .pic .text .r .txt-2 .s::after{ height: 520px; }
.div-3 .div-32 .pic .text .r .point{ display: block; margin: 0 auto; }
@keyframes heart {
	10%{
		transform: scale(1.2, 1.2) ; opacity: 0.9;
	}
	20%{
		transform: scale(1.4, 1.4) ; opacity: 0.3;
	}
	30%{
		transform: scale(1.3, 1.3) ; opacity: 0.9;
	}
	50%{
		transform: scale(1, 1) ; opacity: 1;
	}
	
}
.div-3 .div-33{ margin: 20px auto; width: 100%;	max-width: 1440px; min-width: 1200px;	height: 678px; padding:60px 115px;	background: #ffffff url(images/3-bg-3.jpg) no-repeat center/100% 100%;}
.div-3 .div-33 ol li{position: relative; width: 160px; overflow: hidden; height: 548px; text-align: center;border: solid 1px #ffffff;}
.div-3 .div-33 ol li.active{ width: 690px; box-shadow: 10px 0px 30px 0px 	rgba(51, 51, 51, 0.2);}
.div-3 .div-33 ol li .img{position: absolute; left: -70%; width: 632px; top:0;}
.div-3 .div-33 ol li .text{ color: #fff; position: relative; font-size: 24px; padding-top: 100px; z-index: 1;}
.div-3 .div-33 ol li .text .num{width: 70px; margin: 0 auto; background: url(images/cir.png) no-repeat 10% top; padding: 13px 0 0 0;}
.div-3 .div-33 ol li .text .num img{ display: block; margin: 0 auto;}
.div-3 .div-33 ol li .text .bor{display: block; margin: 0 auto auto auto; height: 20px; background-color: #fffefe; width: 1px; transform: rotate(20deg);}
.div-3 .div-33 ol li .text .tit{ font-size: 36px; line-height: 36px; letter-spacing: 10px; writing-mode: vertical-rl; width: 33px; margin: 60px auto 35px auto;}
.div-3 .div-33 ol li .text p{opacity: 0; visibility: hidden; font-weight: 300; line-height: 1.4; width: 85%; margin: 0 auto;}
.div-3 .div-33 ol li::after{ content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to top, rgba(0,0,0,1) 40%, rgba(0,0,0,0));}
.div-3 .div-33 ol li.active .text .tit{ width: 100%; writing-mode: inherit; font-weight: 600; font-size: 36px; letter-spacing: 0;}
.div-3 .div-33 ol li.active .img{ left: 0; width: 688px;}
.div-3 .div-33 ol li.active .text{padding-top: 240px;}
.div-3 .div-33 ol li.active .bor{ opacity: 0; visibility: hidden; height: 0;}
.div-3 .div-33 ol li.active p{visibility: visible; opacity: 1;}
.div-3 .div-33 ol li.active::after{ height: 290px;}

.div-4{ background: url(images/4-bg.jpg) no-repeat center top/auto; padding-bottom: 120px;}
.div-4 ul li{ height: 692px;}
.div-4 .local-swiper { padding-bottom: 78px;}
.div-4 .swiper-pagination{ left: 50%; margin-left: -167px; top: auto; bottom: 0; width: 234px;	height: 8px;	background-color: #e5e5e5;}
.div-4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #333333; }
.div-4 .local-swiper .button-prev,.div-4 .local-swiper .button-next{  position: absolute; z-index: 1; text-align: center; width: 121px;	height: 48px;  left: 50%; bottom: 90px; background: #e5e5e5 url(images/4-left.png) no-repeat center; margin-left: 66px; cursor: pointer;}
.div-4 .local-swiper .button-next{background: #9c7548 url(images/4-right.png) no-repeat center; margin-left: 187px;}

.div-5{ background: url(images/5-bg.jpg) no-repeat center top;}
.div-5 .quality-swiper{padding-bottom: 70px;}
.div-5 .quality-swiper .txt{position: absolute; right: 12.5%; top: 190px; width: 860px; height: 420px;	background: #fff url(images/5-txt-bg.jpg) no-repeat;	box-shadow: 10px 0px 30px 0px rgba(51, 51, 51, 0.2); border-radius: 40px 0px 0px 0px; padding:70px; line-height: 34px; font-size: 24px; color: #333333; font-weight: 300; overflow: hidden;}
.div-5 .quality-swiper .txt .con{ width: 410px;}
.div-5 .quality-swiper .txt .tit{ color: #9c7548; font-weight: 550; font-size: 36px;}
.div .line{ border-bottom: 1px solid #9c7548; position: relative; margin: 50px auto 40px; }
.div .line::before{ content: ""; display: block; width: 62px; height: 6px; background: #9c7548; position: absolute; left: 0; top:0}
.div-5 .quality-swiper .txt .num{ position: absolute; bottom: -25px;}
.div-5 .quality-swiper .right{position: absolute; right: 12.5%; top:150px}
.div-5 .quality-swiper .slide2 .txt{ left: 12.5%;  border-radius: 0 40px 0px 0px;}
.div-5 .quality-swiper .slide2 .txt .con{ margin: 0 0 auto auto}
.div-5 .quality-swiper .slide2 .right{ left: 12.5%; right: auto; }
.div-5 .quality-swiper .slide2 .img{ position: absolute; right: 0;}
.div-5 .quality-swiper .slide2 .num{ left: 44%;}
.div-5 .quality-swiper .slide3 .con{ width: 560px;}

.div-6{ background: url(images/6-bg.jpg) no-repeat center top; padding-bottom: 120px;}
.div-6 li{position: relative;}
.div-6 li:hover{ box-shadow: 10px 0px 30px 0px 	rgba(51, 51, 51, 0.2); transform: translateY(-2px);}
.div-6 li .bg{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-image: linear-gradient(to top, rgba(0,0,0,1) 50%, rgba(0,0,0,0)); }
.div-6 li .txt{position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 32px; font-size: 24px; color: #fff;}
.div-6 li .txt .tit{font-weight: 550; font-size: 30px;}
.div-6 li:hover .txt{ color: #333;}
.div-6 li .txt .line{ border-bottom-color: #fff; margin: 40px 0;}
.div-6 li .txt .line::before{ background: #fff;}
.div-6 li .bg::before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height:0; background: #fff; transition: all 0.3s linear;}
.div-6 li:hover .bg::before{ height: 310px;}
.div-6 li:hover .line{ border-bottom-color: #9c7548;}
.div-6 li:hover .txt .line::before{ background: #9c7548;}

.div-7{ background: url(images/7-bg.jpg) no-repeat center top;}
.div-7 .hands{ width: 66px; height: 45px; background: url(images/hand.png) no-repeat center top; margin: 0 auto; animation: shaker 3s linear infinite;  transform-origin: 50% 120%; cursor: pointer;}
@keyframes shaker {
	10%{ transform: rotate(-20deg); }
	20%{ transform: rotate(20deg);}
	30%{ transform: rotate(-15deg);}
	40%{ transform: rotate(15deg);}
	45%{ transform: rotate(0);}
}
.div-7 .w{ width: 100%; max-width: 1440px; min-width: 1200px; margin-top: 60px;}
.div-7 .tech-swiper{ padding-bottom: 70px;}
.div-7 li{ text-align: center; font-size: 48px; color: #fff; position: relative;}
.div-7 li p{position: absolute; bottom: 12%; left: 0; width: 100% ; text-align: center; text-indent: 80px;}
.div-7 li img{ width: 100%;}
.div-7 .button-prev,.div-7 .button-next{ top:40%; left: 2%; opacity: 1!important;}
.div-7 .button-next{ left: auto; right: 2%;}
.div-7 .swiper-pagination.swiper-pagination-progressbar{ background:#e5e5e5}
.div-7 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #333333;}

.div-8{ background: url(images/8-bg.jpg) no-repeat center top; padding-bottom: 120px;}
.div-8 .w{ width: 100%; max-width: 1440px; height: 401px; overflow: hidden;}
.div-81 .left{position: relative; background: url(images/8-img-1.jpg) no-repeat right center; width: 78%; height: 402px;}
.div-81 .left .point{ position: absolute;top: 230px; right: 215px; width: 30px; height: 30px; }
.div-81 .left .point >div{ height: 100%;}
.div-81 .left .point span:first-child{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; width: 16px; height: 16px; background-color: #ca2b2f; border-radius: 50%; z-index: 1;}
.div-81 .left .point span:nth-child(2){position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; width: 18px; height: 17px; background: #9c7548;  border-radius: 50%; animation: heart 3s linear infinite;}
.div-81 .left .img-1{ position: absolute; right: 45px; top: 107px; }
.div-81 .left .img-2{ position: absolute; left: 83px; top: 55px;}
.svg1{position: absolute; top:0; right: 0; width: 913px;}
path {
	animation: lineMove 4s ease-out infinite;
	opacity: 0.3;
  }
@keyframes lineMove {
	0% {
        stroke-dasharray: 0, calc(100%);
		opacity: 0.3;
    }
    50% {
        stroke-dasharray: calc(100%), calc(100%);
        fill: rgba(0, 0, 0, 0);
        opacity: 0.5;
    }
    100% {
        stroke-dasharray: calc(100%), calc(100%);
        fill: rgba(255, 255, 255, .5);
        opacity: 0.6;
    }
  }
  
.div-81 .right{ width: 45%; font-size: 24px; font-weight: 300; color: #333333;}
.div-81 .right li > img{ position: absolute; top:0; right: 0;}
.div-81 .right .tit{ font-size: 36px; font-weight: 550; color: #9c7548; line-height: 1;}
.div-81 .right .text{ width: 410px; height: 402px; line-height: 1.4; z-index: 1; padding:60px 50px; background: url(images/8-bg-1.jpg) no-repeat left top/100% 100%; overflow: hidden;}
.div-81 .right .text .num{ position: absolute; bottom: -20px;}
.div-81 .right .btn-next{ position: absolute; bottom: 40px; z-index: 1; cursor: pointer; left: 60px;}
.div-8 .div-82{ background-color: #ffffff; border-radius: 40px 0px 40px 0px; padding:35px 75px; height: 300px;}  
.div-82 ul{ flex-wrap: wrap;}
.div-82 ul li{ width: 20%; padding:25px 0; cursor: pointer; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center;}
.div-82 ul li img{ filter: grayscale(1);}
.div-82 ul li:hover img{ filter: grayscale(0); transform: scale(1.05);}
.div-82 ul li:nth-child(n+6){ border-bottom: 0;}
.div-82 ul li:nth-child(5n){ border-right: 0;}
.div-82 .tips{ color: #999;}

.div-9{ background: url(images/9-bg.jpg) no-repeat center top; padding-bottom: 120px;}
.div-9 li{ position: relative; width: 16.67%; padding:45px 0; height: 303px; font-size: 19px; color: #333333; text-align: center; font-weight: 300; border: solid 1px transparent;} 
.div-9 li::before{content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0px; top:0px; }
.div-9 li:hover{ transform: scale(1.02); border: solid 1px #ffffff; z-index: 1;}
.div-9 li .txt{ height: 130px;}
.div-9 li b::before{content: ""; display: block; width: 20px; height: 2px;	background-color: #9c7548; margin:35px auto;}
.div-9 li b{color: #9c7548; font-weight: 550; font-size: 24px;}
.div-9 li:hover{ box-shadow: 10px 0px 30px 0px 	rgba(51, 51, 51, 0.2);}
.div-9 li:nth-child(odd)::before{ background-image: linear-gradient(to bottom, rgba(190,131,67, 0.8), rgba(255,255,255,0)); }
.div-9 li::after{content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 8px; width: 100%; background: #f3eee7;}
.div-9 li:nth-child(even){ background: url(images/9-bg-2.jpg) no-repeat center top/100% 100%;}
.div-9 .ul2 li:nth-child(2n){background-image: linear-gradient(to bottom, rgba(190,131,67, 0.8), rgba(255,255,255,0));}
.div-9 .ul2 li:nth-child(2n+1)::before{ background: url(images/9-bg-2.jpg) no-repeat center top/100% 100%; }
.div-9 li:nth-child(even)::after{  background: #ffffff;}
.div-9 li .con{ position: relative;}

.div-10{ background: url(images/10-bg.jpg) no-repeat center top; padding-bottom: 120px;}
.div-10 .con{ width: 100%; max-width: 1440px; min-width: 1200px; margin: 0 auto; background: url(images/10-bg-1.jpg) no-repeat left center; border-radius: 40px 0px 0px 0px;}
.div-10 .img{ width: 50%; height: 530px;}
.div-10 .con img{position: absolute; left: 9%; top:60px}
.div-10 .con .img-2{ left: -4%; top: 270px; }
.div-10 .con .img-3{ left: 34%; top: 240px; }
.div-10 .con .table{ width: 42%; font-size: 0; }
.div-10 .con .table ul{ width: 100%; border:1px solid #fff; border-radius: 40px 0px 40px 0px; overflow: hidden;}
.div-10 .con .table li{display: inline-block; color: #9c7548; background: #fff; font-size: 24px; text-align: center; line-height: 66px; width: 50%;}
.div-10 .con .table li.li2{ background: #9c7548; color: #fff;}
.div-10 .con .table li:last-child{ width: 100%; background: #333333; color: #fff;}

.div-11{ background: url(images/11-bg.jpg) no-repeat center top;}
.div-11 .con{ width:100%; max-width: 1390px; min-width: 1200px; padding:100px 100px 100px 120px; margin:0 auto; background:rgba(0, 0, 0, 0.8) ;	border-radius: 120px 0px 120px 0px;}
.div-11 .left{ width: 50%; max-width: 555px;}
.div-11 .left form{ margin-top: 13px;}
.div-11 .left .tips{ font-weight: 300;}
.div-11 .input{ background-color: #e9e9e9; padding:25px 40px; font-size: 24px; color: #b4b4b4; border:none; width: 100%; height: 72px;}
.div-11 .item span{ position: absolute; right: 0; top: 0; width: 72px; height: 73px; background-color: #9c7548; color: #fff; text-align: center; line-height: 72px; font-size: 24px;}
.div-11 .submit-btn{ display: block; height: 72px; line-height: 72px; letter-spacing: 3px; background-color: #ca2b2f; color: #fff; font-size: 30px;}
.div-11 .right{ width: 45%;}
.div-11 .right ul{ width: 100%; flex-wrap: wrap;}
.div-11 .right li{ width: 47.5%; height: 132px; background-color: #e9e9e9; box-shadow: 10px 0px 30px 0px rgba(51, 51, 51, 0.2); border-radius: 40px 0px 40px 0px;
	border: solid 1px #ffffff; font-size: 30px; text-align: center; color: #333333; font-weight: 550; padding-top: 34px; display: inline-block; margin-bottom: 20px;}
.div-11 .right li:first-child{ padding-top: 50px;}	
.div-11 .right li:hover{ background: url(images/1-bg01.jpg) no-repeat center 40%/100% auto;}
.div-11 .right li span{ color: #9c7548;}

@media screen and (max-width: 1350px){
	/* .div-10 .con .table{ width: 40%;} */
}