﻿body{
    font-size: 14px;
    background-color: #fffbf2;
}

#header{
    background-color: #fffbf2;
}

.overlay {
    background: rgba(255,251,242,0.97);
}

.menu  .logo img{
    width: 100%!important;
    max-width: 210px;
}

.svg_box1.txt_color2,.svg_box2.txt_color2{
    color: #e2f9f5;
}

#main_img:before {
    background-image: linear-gradient(-45deg, #e2f9f5 15%, #fff 15%, #fff 50%, #e2f9f5 50%, #e2f9f5 65%, #fff 65%, #fff );
}

.video_txt{
   display: none;
     /*display: inline-block;*/
    width: 100%;
    max-width: 240px;
    bottom: 50px;
    left: 20px;
    z-index: 1;
}

.contact .contact_wrap{
    padding: 5px;
    box-sizing: content-box;
    border-radius: 10px;
    background-color: #feeb9a;
}
.contact .contact_wrap a{
    background-image: linear-gradient(-45deg, #FFEB58 15%, #fff 15%, #fff 50%, #FFEB58 50%, #FFEB58 65%, #fff 65%, #fff );
    background-size: 10px 10px;
    color: #44b5ae;
    border-radius: 10px;
    vertical-align: middle;
}

.point1{
    display: block;
    width: 100%;
    max-width: 150px;
    margin: 0 auto 20px;
}

.point2{
    width: 100%;
    max-width: 120px;
    top: -40px;
    left: -30px;
    z-index: 1;
    animation: spin 2.0s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(-10deg) }
    25% { transform: rotate(-14deg); }
    50% { transform: rotate(-10deg); }
    75% { transform: rotate(-6deg); }
    100% { transform: rotate(-10deg); }
}

#intro h2 span{
    color: #fff;
    background: #ED7AB3;
    border-radius: 10px;
}
#intro h2 span:before, #intro h2 span:after{
    border: solid 4px;
    color: #ED7AB3;
    background: #fff;
}

.title1{
    width: 100%;
    max-width: 420px;
}

#top_cms{
    background-image: linear-gradient(-45deg, #e2f9f5 15%, #fff 15%, #fff 50%, #e2f9f5 50%, #e2f9f5 65%, #fff 65%, #fff );
    background-size: 10px 10px;
}
.c1,.c3,.c5,.c7{
    width: 100%;
    max-width: 134px;
    top: -134px;
    left: 2%;
}
.c2,.c4,.c6,.c8{
    width: 100%;
    max-width: 134px;
    top: -134px;
    right: 2%;
}

.footer_bg1{
    background-image: url(./Dup/img/f1.png),url(./Dup/img/f3.png);
    background-repeat: no-repeat,no-repeat;
    background-position: center top,center bottom;
    background-size: 100% auto,100% auto;
}
.footer_bg2{
    background-image: url(./Dup/img/f2.png),url(./Dup/img/f4.png);
    background-repeat: no-repeat,no-repeat;
    background-position: center top,center bottom;
    background-size: 100% auto,100% auto;
}
.figure_border{
    height: 100%;
    background-color: rgb(255,255,255,0.2);
}

#page_title:before {
    background-image: linear-gradient(-45deg, #e2f9f5 15%, #fff 15%, #fff 50%, #e2f9f5 50%, #e2f9f5 65%, #fff 65%, #fff );
}

.cate_list {
    font-size: 14px;
}

.page5_cms{
    margin-bottom: 100px;
}
.page5_cms input[type="text"] {
    font-size: 16px;
    width: 50%;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #5EE0CA;
}
.page5_cms input[type="button"]{
	text-align: center;
	width: 160px;
	padding: 7px 0;
	font-size: 14px;
	letter-spacing: 2px;
	color: #ffffff;
	background-color: #5EE0CA;
	border: 1px solid #5EE0CA;
	border-radius: 3px;
	transition: all 0.5s;
	margin: 0 10px;
	cursor: pointer;
}
.page5_cms input[type="button"]:hover{
	color: #ffffff;
	background-color: #ED7AB3;
	border: 1px solid #ED7AB3;
}

#page9 .box h3{
    font-size: 16px;
}

#page10 ul li a{
    border-radius: 10px;
    border-bottom: 2px solid #5EE0CA;
}
#page10 ul li a:hover{
    color: #323232;
}



@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 667px){
.video_txt {
    max-width: 130px;
    bottom: 20px;
    left: 20px;
}
.point1 {
    max-width: 120px;
    margin: 0px auto 10px;
}
.point2 {
    max-width: 80px;
    top: -40px;
    left: -10px;
}
.c1, .c3, .c5, .c7 {
    max-width: 100px;
    top: -100px;
    left: 0;
}
.c2,.c4,.c6,.c8{
    max-width: 100px;
    top: -100px;
    right: 0;
}
.page5_cms input[type="text"] {
    width: 100%;
}
.page5_cms input[type="button"] {
    width: 100%;
    margin: 10px auto;
}
}

@media all and (-ms-high-contrast:none){

}