body
{
    margin: 0px 0px 0px 0px;
    font-family: '微软雅黑','PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial';
}

header > img
{
    height: 200px;
    display: block;
    margin: auto;
}
hr
{
    width: 90%;
    height: 2px;
    border: none;
    border-top: 1px solid #e0dcdc;
}
nav
{
    height: 100px;
}
nav > ul
{
    text-align: center;
    list-style-type: none;
}
nav > ul > li
{
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #e0dcdc;
}

nav > ul > li:hover
{
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #e0dcdc;
    color: #64b22f;
}

nav > ul > :last-child
{
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    padding-left: 30px;
    padding-right: 30px;
    border-right: none;
    color: #64b22f;
}

nav > ul > :last-child:hover
{
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    padding-left: 30px;
    padding-right: 30px;
    border-right: none;
}





.swiper-container
{
    width: 100%;
    height: auto;
	top:115px;
}

.swiper-container-contact
{
    width: 100%;
    height: auto;
}
.swiper-slide
{
    background-position: center;
    background-size: cover;
}





.companyprofile
{
  
    padding-top: 200px;
    padding-bottom: 80px;
    text-align: center;
	background-color:#faf7f7;
	padding-left:20%;
	padding-right:20%;

}

.companyprofile h2, h3
{
    color: #64b22f;
}

/*.companyprofile p
{
    text-align: center;

    margin: 30px auto;
}*/

.servicearea
{
    padding-left:15%;
	padding-right:15%;
    padding-top: 130px;
    padding-bottom: 80px;
    text-align: center;
    background-image: url(../img/b1.jpg);
    background-size: cover;
}
.servicearea h2, h3
{
    color: White;
}
.servicearea p
{
  /*  width: 65%;*/
/*    margin: 5px auto;*/
    color: White;
}


.swiper-container-sa
{
    width: 79%;
    height: 300px;
    padding: 0px 30px 40px 30px;
}

.swiper-container-sa img
{
    width: 95%; /*height: 100px;*/
}

.swiper-slide-sa
{
    text-align: center;
    font-size: 18px;
    width: 250px; /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.sa-r
{
    padding: 20px;
    border-radius: 100px;
    border: 5px solid white;
}

.sa-div
{
    margin: 0px;

}


.sa-div p
{
    margin: 0px;
    text-align: center;
    width: 100%;
    margin-top: 8px;
    font-size: 24px;
}




.cassshow
{
    padding-left:5%;
	padding-right:5%;
    padding-top: 130px;
    text-align: center;
    padding-bottom: 80px;
	overflow:hidden;
	background-color:#faf7f7
}

.cassshow h2, h3
{
    color: #64b22f;
}

.cassshow > div
{
    cursor: pointer;
	background-color:#CCC;
    display: inline-block;
    width: 10%;
    margin: 2% 0.5% 2% 0.5%;
    border: 3px solid #efeeee;
    border-radius: 5px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.cassshow > div:hover
{
    /*cursor:pointer;     display: inline-block;     width: 12%;     margin: 2% 0.5% 2% 0.5%;     border: 6px solid #efeeee;     border-radius: 8px;*/
    box-shadow: 0px 2px 5px #CCC;
	color:#FFF;
    border-color: #8dd75b;
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transition: 0.1s transform;
    -webkit-transition: 0.1s;
    transition: 0.1s;
	background-color:#666;
}

.cassshow > div > img
{
    width: 100%;
	border-top-left-radius-:5px;
}

.cassshow > div > p
{
	text-align:left;
	margin:10px;

}

.cassshow > div > p:hover
{
	text-align:left;
	margin:10px;

}
/*.cassshow > div > p:last-child
{
    padding: 0% 0% 5% 10%;
}
*/

/*.cassshow > div:hover > p
{
    background-color: #5e5e5e;
    color: white;
}*/


.sa-div img
{
	width:75%;
}

.sa-div p
{
	font-size:16px;
}


.brandpartners
{
    padding-left:3%;
	padding-right:3%;
    padding-top: 130px;
    padding-bottom: 80px;
    text-align: center;
    background-color: #f4f4f4;

}

.brandpartners h2, h3
{
    color: #64b22f;
}

.img-rote
{
    max-width: 10%;
    margin-left: 0.3%;
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -moz-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -o-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); /*-webkit-transition: 1s;   transition: 1s;*/
}

.img-rote1
{
    width: 100%;
    margin-left: 0.3%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.img-rote2
{
    margin-left: 3%; /*  float: left;     display: inline;*/
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7%;
    background-color:#FFF;
	overflow:hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:10px;
	-webkit-transition: 0.1s all;
	
}

.contactus
{
    width: 100%;
    padding-top: 130px;
    text-align: center;
    padding-bottom: 35px;
}
.contactus h2, h3
{
    color: #64b22f;
}

.contactusleft
{
    width: 870px; /* float: left; */ /* display: table; */
    margin: 50px auto;
	
}
.contactusleft > ul
{
    list-style-type: none;
    width: 150px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    float: left;
}

.contactusleft li
{
    width: 100%;
    padding: 6px 0px 6px 0px;
    background-color:#64b22f;
    margin: 0px 0px 25px 0px;
    border: 2px solid gainsboro;
	border-radius:10px;
	color:#FFF;
}

.contactusleft li:hover
{
    background-color: #559e23;
}

.contactusmap
{
    width: 653px;
    float: left; /* display: table-cell; */
    margin-left: 5%;
}

.swiper-container-map
{
    height: 300px;
    border: 12px solid #949191;
    border-radius: 10px;
}

.comtactusmap-bottom
{
    margin-top: 10px;
    width: 103%;
    background-color: #cccccc;
    height: 31px;
    border-radius: 0px 0px 50px 50px;
}

.footer
{
    width: 100%;
    background-color:#333;
    text-align: center;
    padding-bottom: 35px;
    padding-top: 35px;
	position:relative;
}

.casshow1
{
	z-index:90001;
    position:fixed;
/*    left: 0;
    right: 0;
    top: 15%;
    width: 50%;
	bottom:15%;*/
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	background-color:#CCC;
    background-color:rgba(255,255,255,0.9); 
    display:none;
	overflow:auto;
}

.casshow1 img 
{
	border-radius:5px; width:auto; height:auto
	}
	
.navTextCN { font-size:14px; color:#666;}

.TextCN-2 { text-indent:2em; text-align:left; font-size:18px; color:#666; letter-spacing:1px; line-height:35px;}

.TextCN {text-align:center; font-size:18px; color:#666; letter-spacing:1px; margin:0px; padding:0px; line-height:35px}

.TextCN-c {text-align:center; font-size:15px; color:#999; letter-spacing:1px; margin:0px; padding:0px; margin-top:10px}

.navNew{ background-color:#eeeeee; padding:15px 0px; font-size:14px; color:#666; position:fixed; left:0px; right:0px; top:0px; z-index:10000; background-color:rgba(238,238,238,0.9); height:85px}

.navNew p { text-align:center; padding:5px 0px 0px 0px;}

p{ margin:0px; padding:0px}

.navNewtitle{float:right; width:7%; margin-top:20px}

.textEn{ font-size:13px}

a { color:#666; text-decoration:none }

.inFocus{ width:98%; padding:20px 0px; margin:50px auto 30px auto;}

.inFocusTitle{ float:left; width:14%; color:#FFF; margin-bottom:30px; font-size:14px; text-decoration:blink}

.inFocusTitle img{ width:50%; height:auto}

.inFocusText{ padding-top:10px}

.inFocus .inFocusTitle:hover{
	
    transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transition: 0.1s transform;
    -webkit-transition: 0.1s;
    transition: 0.1s;

	
	}
	
.brandpartners .img-rote2:hover{
	
	z-index:10002;
	box-shadow: 0px 0px 6px #CCC;
	 transform: scale(1.5, 1.5) rotate(45deg);
    -moz-transform: scale(1.5, 1.5) rotate(45deg);
    -webkit-transform: scale(1.5, 1.5) rotate(45deg);
    -o-transform: scale(1.5, 1.5) rotate(45deg);
    transition: 0.1s all;
    -webkit-transition: 0.1s all;
	position:relative;
	}
	
.inFoot{ width:850px; margin:50px auto; border-bottom:1px solid #999}

.content li {list-style:none; font-size:15px; color:#333}

.big:hover{
	  transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transition: 0.1s all;
    -webkit-transition: 0.1s all;
	position:relative;
	 
}

a img{ border:none}

.contactNum{font-size:36px; color:#F90}

.contactCOL{color:#F90}

.kk{padding-left:13%; padding-right:13%}

.disp{ display:none}

.navMobi{ display:none;}

.navMobi p{ text-align:center; padding:5px 0px 0px 0px;}

.contactus-m{display:none}

#logoImg1362{ display:none}