@font-face
{
    font-family: 'gillsans';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/gillsans.ttf') format('truetype');
}
@font-face
{
    font-family: 'gillsans_light';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/gillsans_light.ttf') format('truetype');
}
@font-face
{
    font-family: 'gillsans_bold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/gillsans_bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Kreon_Bold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Kreon_Bold.ttf') format('truetype');
}
@font-face
{
    font-family: 'Gill_Sans_Ultra_Bold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Gill_Sans_Ultra_Bold.ttf') format('truetype');
}


body{
	 overflow-x:hidden !important;  background:#fff; font-family:"gillsans";
}
*{
	outline:none; box-sizing:border-box;
}

.clear{
	clear:both;
}
.line{
	position:fixed; top:0px; width:1px; height:100%; background:#ececec; z-index: 11;
}
.line.line01{
	left:3.125%; 
}
.line.line02{
	left:18.75%; 
}
.line.line03{
	left:34.375%; 
}
.line.line04{
	left:50%; 
}
.line.line04{
	left:65.625%; 
}
.line.line06{
	left:81.25%; 
}
.line.line07{
	left:96.875%; 
}

.w1650{
	width:1650px; margin:0 auto;
}
.w1500{
	width:1500px; margin:0 auto;
}
.w1200{
	width:1200px; margin:0 auto;
}
.mttop{
	margin-top:120px;
}
.mtbottom{
	margin-bottom:120px;
}

.transition04{
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
.transition0401{
	transition: All 0.4s;
	-webkit-transition: All 0.4s;
	-moz-transition: All 0.4s;
	-o-transition: All 0.4s;
}
.clearboth{
	clear:both;
}

#main{
	position:relative;
}
.menu_body{
	display:none;
}

.header{
	width:100%; height:100px; line-height:100px;
	top:0px; left:0px; z-index:10;
}
.header.yanse{
	box-shadow: 0px 8px 46px 0px rgba(52, 52, 52, 0.07);
}

.header .inheader{
	width:1650px; margin:0 auto; height:100px; line-height:100px;	 position:relative; z-index:12;
}
.header .inheader .logo{
	float:left; display:block; height:100%;
}
.header .inheader .logo img{
	height:100%; 
}


.header .inheader .menu{
	float:right; position:relative; z-index:12;
}
.header .inheader .menu > li{
	float:left;   width:auto; text-align:center; margin-right:90px; box-sizing:border-box; height:100%;
	height:100px; line-height:100px; position:relative;
}

.header .inheader .menu > li:after{
	position:absolute; width:54px; height:2px; background:#efcc70; bottom:28px; left:0;
	content:" "; opacity:0;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

.header .inheader .menu li > a{
	color:#333; font-size:16px; 
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

.header .inheader .menu > li.active:after,
.header .inheader .menu > li:hover:after{
	opacity:1;
}
.header .inheader .menu li.active > a,
.header .inheader .menu li:hover > a{
	color:#efcc70 !important;
}
.header .inheader .menu li:marker{
	display:none;
}
.header .inheader .menu > li.active, .header .inheader .menu > li:hover {
	background:url(../images/menuline.jpg) no-repeat center 78%;
}

.header .menu > li .subnav{
	background: #f6f6f6;
	width: 220%;
	position: absolute;
	left: -60%;
	top: 100%;
	padding: 15px 0;
	line-height: 38px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30px);
	transition: all .3s;
	z-index:13;
}

@media all and (min-width:769px){
	.header .menu > li:hover .subnav{
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
}
.menu li .icon_nav_item{
	display:none;
}
.header .menu > li .subnav li{
	line-height:32px; text-align:center; width:100%; position:relative; display:block; margin:0;
}
.header .menu > li .subnav li a{
	font-size:14px; color:#666;
}
.header .menu > li .subnav li a:hover,
.header .menu > li .subnav li a.active{
	color:#277bc9;
}


.header .headertel {
    float: right;
    font-size: 18px;
    color: #277bc9;
    margin-left: 62px;
}
.header .headertel img {
    float: left;
    margin-top: 26px;
}
.header .headertel span {
    float: left;
    margin-left: 12px;
}

.header.yanse{
	background:#fff;
}
.header.yanse .inheader .menu li > a{
	color:#343434;
}
.header.yanse .headertel {
    color: #343434;
}
.header.yanse .headertel img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.header .inheader .icons{
	float:right; font-size:0px; margin-right:60px;
}
.header .inheader .icons a.lange{
	font-size:13px; color:#999; float:left; margin-right: 8px; display:inline-block;
}
.header .inheader .icons a.on{
	color:#efcc70;
}
.header .inheader .icons img{
	margin:0 4px;  float:left; margin-top:30px;
}
.header .inheader .icons .iconss img:first-child{
	display:inline-block;
}
.header .inheader .icons .iconss img:last-child{
	display:none;
}

.header .inheader .icons .iconss:hover img:first-child{
	display:none;
}
.header .inheader .icons .iconss:hover img:last-child{
	display:inline-block;
}


#main .flexslider{
	overflow:hidden; z-index:13;
}
#main .flexslider .slides > li{
	-webkit-transform: scale(1.2); 
	-ms-transform: scale(1.2); 
	transform: scale(1.2);
	transition: transform 5s ease 0s;
	-webkit-transition: transform 5s ease 0s;
	-moz-transition: transform 5s ease 0s;
	-o-transition: transform 5s ease 0s;
	z-index:14;
}
#main .flexslider .slides > li img{
	opacity:0;
}
#main .flexslider .slides  li.flex-active-slide{
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	transition: transform 5s ease 0s;
	-webkit-transition: transform 5s ease 0s;
	-moz-transition: transform 5s ease 0s;
	-o-transition: transform 5s ease 0s;
	z-index:14;
}
#main .flexslider .slides li.flex-active-slide img{
	opacity:1;
}



#main .flex-control-nav{
	display:block; bottom:65px;
}
#main .flex-control-paging li a{
	width:12px; height:12px; background:#fff; box-shadow: none;
}
#main .flex-control-paging li a.flex-active {
    width:12px; height:12px; background: #59a3e0;
}

a.index01{
	font-size:24px; color:#ffffff; display:inline-block; font-family: 'gillsans_light'; font-style:normal;
	background:rgba(0,0,0,0.9); padding:40px 80px; position:relative; z-index:14; top:-52px;
}
a.index01 span{
	float:left;
}
a.index01 img{
	float:left; margin-left:22px;
}


#index02{
	width:100%; padding-top:190px; position:relative; z-index:15; margin-bottom:150px;
}
.indext{
	width:56%; margin-left:20px;
}
.indext .t{
	font-size:48px; color:#222222;  font-family: 'Kreon_Bold';
}
.indext .b{
	font-size:18px; color:#777;  line-height:40px; font-style:normal; margin:26px 0 66px; font-family: 'gillsans_light';
}
.indext a.a{
	font-size:20px; color:#09cb96;  font-family: 'Kreon_Bold'; border:2px solid #09cb96; border-radius:200px;
	width:196px; height:56px; line-height:56px; text-align:center; box-sizing:border-box; display:inline-block;
	margin-bottom:120px;
}
.index02 .index02bottom{
	position:relative; z-index:14;
}
.index02 .index02bottom .index02bottomlist{
	box-sizing:border-box; width:22%; float:left; margin-right:26px; padding:55px 35px 50px;
	border:2px solid #eee; box-shadow:0px 0px 10px #eee; background:#fff;
}
.index02 .index02bottom .index02bottomlist .img img{
	display:block;
}
.index02 .index02bottom .index02bottomlist .t{
	font-size:20px; color:#00021a; font-family: 'Kreon_Bold'; margin:45px 0 15px;
}
.index02 .index02bottom .index02bottomlist .b{
	font-size:16px; color:#777; line-height:28px; margin-bottom:20px;
}
.index02 .index02bottom .index02bottomlist a.more{
	font-size:16px; color:#222; font-family: 'Kreon_Bold'; display:block;
}
.index02 .index02bottom .index02bottomlist a.more img{
	margin-left:5px;
}
.index02 .index02bottom .index02bottomlist:hover{
	border:2px solid #7f808c; box-shadow:none;
}

#index02  .index02else{
	position:absolute; top:0px; right:4.16%;
}
#index02  .index02else .elsein{
	padding:25px; box-shadow:0px 0px 10px #eee; box-sizing:border-box;  background:#fff;
}
#index02  .index02else .elsein video{
	width:585px; height:622px; background:#000; position:relative; z-index:15;
}
#index02  .index02else .elsein .text{
	width:538px; background:url(../images/index02_bg.png) #27d1a2 no-repeat center center;
	background-size:100% 100%; position:absolute; z-index:14; right:-60px; bottom:-440px;
	box-sizing:border-box; padding:31% 0 20% 9%;
}
#index02  .index02else .elsein .text a{
	font-size:48px; color:#fff;  font-family: 'Kreon_Bold'; line-height:58px;
}


.index03{
	position:relative; z-index:14;
}
.index03 .indext{
	margin-left:0px;
}
.index03top{
	width:1650px; margin:0 auto 90px; overflow:hidden; position:relative; z-index:14;
}
.index03list{
	width:calc(25% - 6px); margin-right:8px; padding:17% 0; position:relative; float:left; box-sizing:border-box; display:block;
}
.index03list:last-child{
	margin-right:0px;
}
.index03list .index03listin{
	position:absolute; width:100%; height:calc(100% - 60px); top:30px; overflow:hidden;
}
.index03list .index03listin img{
	display:block; width:100%;
}
.index03list .index03listin .blackdiv{
	position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,0.4); text-align:center;
	display: flex;  flex-direction: column; justify-content: center; opacity:0;
}
.index03list .index03listin .blackdiv .t{
	font-size:26px; color:#27d1a2;
}
.index03list .index03listin .blackdiv .line1{
	width:39.5%; background:rgba(255,255,255,0.4); margin:15px auto 10px; height:1px;
}
.index03list .index03listin .blackdiv .b{
	font-size:30px; color:#fff;  font-family: 'Kreon_Bold';
}
.index03list:hover .index03listin{
	height:100%; top:0px;
}
.index03list:hover .index03listin .blackdiv{
	 opacity:1;
}

.index03topin .index03list .index03listin .blackdiv .b{
	font-size:18px; color:#fff;   line-height:40px; font-family: 'gillsans_light'; text-align:left; margin:0 auto; width:80%;
}

#index04{
	padding:150px 0 250px; position:relative; overflow: hidden;
}
#index04 > img{
	position:absolute; width:100%; top:0px; left:0px; z-index:15; height:100%;
}
#index04 .indext .t{
	text-align:center;
}
#index04 .indext{
	margin-left:auto; margin-right:auto; position:relative; z-index:16;
}
.index04div{
	width:100%; overflow:hidden; position:relative; z-index:16;
}
.index04list{
	float:left; width:calc(50% - 20px); margin-bottom:40px; position:relative;
	border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;
}
.index04list > img{
	display:block; width:100%;
}
.index04list:nth-child(2n){
	float:right;
}
.index04list:nth-child(n+3){
	margin-bottom:0px;
}
.index04list .black{
	width:93%; left:3.5%; position:absolute; bottom:0px; background:rgba(9,203,150,0.9);
}
.index04list .black .showt{
	position:relative; z-index:1111; opacity:1; overflow:hidden; line-height:37px; height:auto; padding:22px 0;
}
.index04list .black .showt span{
	float:left; display:block; width:37px; height:37px; text-align:center; margin:0 19px;
	font-size:30px; color:#15be88;  font-family: 'Kreon_Bold'; background:#fff; border-radius:4px;
}
.index04list .black .showt p{
	float:left; font-size:24px; color:#fff;  font-family: 'Kreon_Bold';
}
.index04list .black .hidet{
	opacity:0; position:relative; z-index:1110; height:0px; text-align:center;
}
.index04list .black .hidet .t{
	font-size:24px; color:#1ec68b;  font-family: 'Kreon_Bold';
}
.index04list .black .hidet .b{
	font-size:24px; color:#fff;  font-style:normal; font-family: 'gillsans_light'; line-height:30px;
	text-align:left; width:80%; margin:17px auto 34px; word-wrap:break-all;
}
.index04list .black .hidet .a{
	font-size:24px; color:#fff;  display:block; margin:0 auto; width:146px; height:46px; line-height:46px; text-align:center;
	background:#ffb556;
}
.index04list:hover .black{
	width:100%; left:0%;  bottom:0px; background:rgba(0,0,0,0.6); height:100%;
	display: flex;  flex-direction: column; justify-content: center;
}
.index04list:hover .black .showt{
	opacity:0; z-index:1110; height:0px; padding:0px;
}
.index04list:hover .black .hidet{
	opacity:1; z-index:1111; height:auto;
}

#footer{
	padding:60px 0 40px; background:#1a1a1a; position:relative; z-index:15;
}
#footer .footer01{
	background:#fff; padding:50px 0; overflow:hidden; position:relative; top:-110px;
}
#footer .footer01 .footer01list{
	width:16.66%; float:left; height:100px; text-align:center; display: flex;  flex-direction: column; justify-content: center;
}
#footer .footer01 .footer01list img{
	max-width:65%; max-height:90px; display:block;  margin:0 auto;
}
#footer .footer02{
	overflow:hidden;
}
#footer .footer02 .footer02_01{
	width:23.3%; float:left; padding:0 15px; box-sizing:border-box;
}
#footer .footer02 .footer02_01 img{
	display:block; width:100%; margin:34px 0 17px;
}
#footer .footer02 .footer02_01 p{
	font-size:22px; color:#fff;  font-style:normal; font-family: 'gillsans_light'; line-height:40px;
}
#footer .footer02 .footer02_02{
	float:left; margin-left:11.67%;
}
#footer .footer02 .footer02_02 a{
	display:block; margin-bottom:18px; overflow:hidden;
	font-size:18px; color:#afafaf;  font-style:normal; font-family: 'gillsans_light'; line-height:48px;
}
#footer .footer02 .footer02_02 a img{
	height:100%; display:block; float:left;
}
#footer .footer02 .footer02_02 a div{
	float:left; margin-left:15px;
}
#footer .footer02 .footer02_03{
	float:left; margin-left:24.33%; margin-left:8%;
}
#footer .footer02 .footer02_03 .t{
	font-size:24px; color:#fff; font-weight:bold; border-bottom:2px solid #262626; padding-bottom:18px; position:relative;
	margin-bottom:15px;
}
#footer .footer02 .footer02_03 .t:after{
	position:absolute; height:4px; width:15%; content:" "; background:#cb9f67; bottom:-2px; left:0px;
}
#footer .footer02 .footer02_03 .b{
	font-size:18px; color:#afafaf;  font-style:normal; font-family: 'gillsans_light'; line-height:36px;
}
#footer .footer02 .footer02_04{
	float:right; margin-top:40px;
}
#footer .footer02 .footer02_04 .footer02_04_in{
	overflow:hidden; background:url(../images/erweimakuang.png) no-repeat; background-size:100% 100%;
	padding:14px;  margin-bottom:15px;
}
#footer .footer02 .footer02_04 .footer02_04_in img{
	float:left; height:80px;  margin-right:10px;
}
#footer .footer02 .footer02_04 .footer02_04_in div{
	font-size:14px; color:#fff; font-family: 'gillsans_light'; line-height:28px; text-align:center;
	height:80px; display: flex;  flex-direction: column; justify-content: center;
}
#footer .footer03{
	font-size:24px; color:#fff;  font-style:normal; font-family: 'gillsans_light'; line-height:36px;
}
#footer .footer03 a{
	color:#fff; text-decoration:underline;
}
#beian{
	padding:30px 0 30px; background:#2d2d2d; position:relative; z-index:15; text-align:center;
}
#beian .beian{
	font-size:16px; color:#fff; line-height:24px;
}
#beian .beian a{
	color:#fff;
}

#pagetab{
	width:100%; border-bottom:1px solid #ececec; 
}
.pagetab{
	padding:36px  0; position:relative; z-index:16;
}
.pagetab .tabcon{
	float:right; font-size:0px;
}
.pagetab .tabcon a{
	display:inline-block; font-size:18px; color:#333; margin-right:10px;  padding:10px 32px;  
}
.pagetab .tabcon a.on,
.pagetab .tabcon a:hover{
	color:#fff; background:#09cb96; border-radius:500px;
}
.pagetab .bigt{
	width:240px; height:160px; box-shadow: 0px 8px 9px 0px rgba(9, 9, 9, 0.19); background:#fff;
	display: flex;  flex-direction: column; justify-content: center; text-align:center;
	position:absolute; left:0px; top:-80px;
}
.pagetab .bigt span{
	font-size:30px; color:#000; font-family: 'Gill_Sans_Ultra_Bold'; position:relative;
}
.pagetab .bigt span:after{
	position:absolute; content:" "; width:22px; height:3px; background:#000; bottom:-12px; left:0px;
}

.clientsdiv{
	overflow:hidden; margin:60px auto;
}
.clientsdiv a.clientslist{
	display:block; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; position:relative;
	padding:10% 0; overflow:hidden; float:left;
}
.clientsdiv a.clientslist:nth-child(3n){
	margin-right:0px;
}
.clientsdiv a.clientslist img{
	max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); display:block;
}
.clientsdiv a.clientslist .black {
    width: 93%;
    left: 3.5%;
    position: absolute;
    bottom: -64px;
    background: rgba(9,203,150,0.9);
	height:64px; line-height:64px; overflow:hidden; text-align:center;
}
.clientsdiv a.clientslist .black p{
	font-size:16px; color:#fff; 
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
}
.clientsdiv a.clientslist:hover .black{
	bottom:0px;
}
.advantagediv{
	margin:80px auto;
	margin-bottom:0px !important;
}
.adv01{
	margin-bottom:30px;
}
.adv01 .t{
	font-size:28px; color:#1a1a1a;  font-family: 'Kreon_Bold'; margin-bottom:32px;
}
.adv01 .b{
	width:78%; font-size:18px; color:#777777;  line-height:30px; font-family: 'gillsans_light'; font-style:normal;
}
.adv02{
	margin-bottom:110px; overflow:hidden;
}
.adv02 img{
	display:block; width:48%; float:left;
}
.adv02 .text{
	float:right; width:47%;
}
.adv0203 .t{
	font-size:28px; color:#1a1a1a;  font-family: 'Kreon_Bold'; margin-bottom:16px;
}
.adv0203 .b{
	font-size:18px; text-align:justify; color:#777777; line-height:30px; font-family: 'gillsans_light'; font-style:normal;
}
.adv03{
	margin-bottom:110px; overflow:hidden;
}
.adv03 img{
	display:block; width:61%; float:right;
}
.adv03 .text{
	float:left; width:33%;
}



.productdiv{
	overflow:hidden; margin:60px auto; position:relative; padding-bottom:40px;
}
.productdiv .proline{
	position:absolute; width:100%; height:2px; bottom:0px; left:0px; background:#e3e3e3;
}
.productdiv .proline:after{
	position:absolute; left:0px; height:2px; width:14.5%; background:#09cb96; bottom:0; z-index:1111; content:" ";
}
.productdiv .productdivleft{
	float:left; width:9.1%;
}
.productdiv .productdivleft a.t{
	display:block; height:40px; line-height:40px; background:#09cb96;
	 text-align:center;border-radius:100px; font-size:18px; color:#fff;
}
.productdiv .productdivleft .tablist{
	margin-bottom:30px;
}
.productdiv .productdivleft .tablist .tablistsec{
	font-size:0px; display:none;
}
.productdiv .productdivleft .tablist.on .tablistsec{
	display:block;
}
.productdiv .productdivleft a.b{
	display:block; font-size:16px; color:#555; height:16px; line-height:16px;
	margin-top:24px; padding-left:34px; box-sizing:border-box;
}
.productdiv .productdivleft a.b.on{
	background:url(../images/tablistbg.png) no-repeat;
	background-size:auto 100%;
	background-position:20px 0;
}
.productdiv .productdivright{
	float:right; width:85.75%;
}
.productdiv a.productlist{
	display:block; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; position:relative;
	padding:10.3% 0; overflow:hidden; float:left;
}
.productdiv a.productlist:nth-child(3n){
	margin-right:0px;
}
.productdiv a.productlist img{
	max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); display:block;
}
.productdiv a.productlist .black {
    width: 93%;
    left: 3.5%;
    position: absolute;
    bottom: -64px;
    background: rgba(9,203,150,0.9);
	height:64px; line-height:64px; overflow:hidden; text-align:center;
}
.productdiv a.productlist .black p{
	font-size:16px; color:#fff; 
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
}
.productdiv a.productlist:hover .black{
	bottom:0px; 
}


.ourclientdiv{
	margin:60px auto; overflow:hidden;
}
.ourclientdiv .ourclientdivleft {
    float: left;
    width: 50px;
    color: #1a1a1a;
    font-size: 42px;
    font-family: unset;
    transform: unset;
    margin-top: 100px;
    margin-left: 20px;
    line-height: 1.15;
}
.ourclientdiv .ourclientdivright{
	float:right; width:81.67%;
}
.ourclientdiv .ourclientdivright .ttext{
	font-size:18px; text-align:justify; color:#777777; line-height:30px; font-family: 'gillsans_light'; font-style:normal;
	margin-bottom:60px;
}
.ourclientdiv .ourclientdivright .ourclientlist{
	border-bottom:1px solid #ededed; padding-bottom:45px; margin-bottom:45px; overflow:hidden;
}
.ourclientdiv .ourclientdivright .ourclientlist .img{
	width:20%; border:1px solid #ccc; padding:7.3% 0; position:relative; float:left;
}
.ourclientdiv .ourclientdivright .ourclientlist .img img{
	max-width:75%; max-height:75%; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); display:block;
}
.ourclientdiv .ourclientdivright .ourclientlist .text{
	width:74.5%; float:left; margin-left:3.7%;
}
.ourclientdiv .ourclientdivright .ourclientlist .textt{
	color:#ffb556; font-size:24px;  font-family: 'Kreon_Bold'; margin-bottom:12px; margin-top:20px;
}
.ourclientdiv .ourclientdivright .ourclientlist .textt span{
	border-bottom:1px solid #ffb556;
}
.ourclientdiv .ourclientdivright .ourclientlist .textt{
	color:#ffb556; font-size:24px;  font-family: 'Kreon_Bold'; margin-bottom:12px; margin-top:20px;
}
.ourclientdiv .ourclientdivright .ourclientlist .textb{
	font-size:18px; text-align:justify; color:#777777; line-height:30px; font-family: 'gillsans_light'; font-style:normal;
}

.usdiv{
	margin:60px auto; overflow:hidden;
}
.usdiv>img{
	float:left; width:41.66%; display:block;
}
.usdiv .usdivright{
	float:right; width:56%; display:block;
}
.usdiv .usdivright .textt{
	color:#222; font-size:36px;  font-family: 'Kreon_Bold'; margin-bottom:58px; margin-top:60px; text-align:center;
}
.usdiv .usdivright .textb{
	font-size:18px; text-align:justify; color:#777777; line-height:40px; font-family: 'gillsans_light';
}
img.usmidimg{
	display:block; width:100%; margin:60px 0;
}
.usdivbtm{
	font-size:18px; text-align:justify; color:#777777; line-height:40px; font-family: 'gillsans_light'; margin-bottom:60px;
}


.contact01div{
	margin:60px auto; overflow:hidden;
}
.contact01div .contact01left{
	width:48.5%; float:left;
}
.contact01div .contact01left .t{
	font-size:22px; color:#fff;  font-family: 'gillsans_bold'; margin-bottom:50px; margin-top:70px;
}
.contact01div .contact01left .t span{
	background:#09cb96; padding:20px 12px; display:inline-block; box-sizing:border-box;
}
.contact01div .contact01left .b{
	font-size:24px; color:#333;  line-height:50px;
}
.contact01div .contact01right{
	width:39.4%; float:right; padding:50px; box-sizing:border-box; background:#f5f5f5;
}
.contact01div .contact01right .input01{
	width:46.5%; float:left; height:50px; line-height:50px; box-sizing:border-box; margin-bottom:15px;
	border:1px solid #dbe0e3;
	padding-left:15px; padding-right:15px; font-size:12px; color:#ccc;
}
.contact01div .contact01right .input01:nth-child(2n){
	float:right;
}
.contact01div .contact01right textarea{
	width:100%; float:left; height:50px; line-height:50px; box-sizing:border-box; margin-bottom:25px;
	border:1px solid #dbe0e3; height:150px;
	padding:15px; font-size:12px; color:#ccc; line-height:24px;
}
.contact01div .contact01right div input.submit{
	width:190px; height:56px; line-height:56px; text-align:center; background:#c89d66; border-radius:4px; font-size:14px; color:#fff;
	border:0px;
}

.contact02div{
	margin:0 auto 200px;
}
.contact02div .contact02list{
	width:calc(33.33% - 36px); margin-right:54px; background:#f5f5f5; overflow:hidden;
	box-shadow: 0px 8px 9px 0px rgba(200, 200, 200, 0.6); padding:15px 0; float:left;
}
.contact02div .contact02list:nth-last-child(2){
	margin-right:0px;
}
.contact02div .contact02list img{
	float:left; width:88px; height:88px; margin:0 38px 0 62px;
}
.contact02div .contact02list .text{
	float:left; width:calc(100% - 188px); display: flex;  flex-direction: column; justify-content: center;
	height:88px;
}
.contact02div .contact02list .text .textt{
	font-size:18px; color:#555555; margin-bottom:18px;
}
.contact02div .contact02list .text .textb{
	color:#000; font-size:24px;  font-family: 'Kreon_Bold';
}

.bigpagelist{
	width:100%; margin-bottom:80px; overflow:hidden;
}
.bigpagelist .pagelist{
	overflow:hidden; position:relative;
}
.bigpagelist .pagelist img{
	width:46.4%; display:block; float:left;
}
.bigpagelist .pagelist .text{
	width:47.3%; display:block; position:absolute; right:0px; top:0px; height:100%;
	display: flex;  flex-direction: column; justify-content: center;
}
.bigpagelist .pagelist .text .textt{
	font-size:22px; color:#fff;  font-family: 'gillsans_bold'; margin-bottom:36px;
}
.bigpagelist .pagelist .text .textt span{
	background:#09cb96; padding:20px 12px; display:inline-block; box-sizing:border-box;
}
.bigpagelist .pagelist .text .textb{
	font-size:18px; color:#333;  line-height:40px; width:90%;
}

.bigpagelist.bigpagelistelse .pagelist img{
	float:right;
}
.bigpagelist.bigpagelistelse .pagelist .text{
	left:0px; right:auto; top:0px; height:100%;
}

.bigpagelistwai{
	background:#f9f9f9; overflow:hidden; padding-top:60px;
}
.bigpagelistwai .text{
	margin-left:5%;
}

.home01{
	width:100%; position:relative; overflow:hidden;
}
.home01 .hometext{
	width:29.2%; position:absolute; top:10%; right:0px; box-sizing:border-box;
	background:rgba(255,255,255,0.7); padding:3.125% 7.03% 3.125% 5.3%;
	border-bottom:4px solid #efcc70;
}
.home01 .hometext img{
	display:block;
}
.home01 .hometext div.t{
	font-size:36px; color:#00021a; margin:55px 0 35px; font-family: 'Kreon_Bold';
}
.home01 .hometext div.b{
	font-size:18px; color:#333; line-height:32px;
}
.home01 .home01bg{
	display:block; width:100%;
}
.index03in{
	margin-top:120px;
}
.index03in .indext {
    width: 100%;
    margin-left: 0px;
}
.index03in .indext .t {
    font-size: 36px;
}
.index03in .indext .b {
    font-size: 18px;
    line-height: 32px;
    margin: 26px 0 66px;
	width: 65%;
}

.home02{
	background:url(../images/home03.jpg) center center no-repeat;
	background-size:cover;
	padding:100px 0 140px;
}
.home02 .homein{
	background:url(../images/textbg.png) center center no-repeat; margin:0 auto; letter-spacing: 1px;
	background-size:100% 100%; width:61.5%; box-sizing:border-box; padding:4.5% 3.33%;
}
.home02 .homein .t{
	font-family: 'gillsans_bold'; color:#ffffff; font-size:22px; text-align:center; margin-bottom:24px;
}
.home02 .homein .b{
	font-family: 'gillsans_light'; color:#ffffff; font-size:18px; line-height:36px; text-align:left;
}
#pagination{
	text-align:center; line-height: 16px; margin-bottom:60px;
}
#pagination li{
	display:inline; margin:0 4px; font-size: 14px;
}
#pagination li.active a{
	color: #09cb96;
}





.proshow{
	background:#fcfcfc; padding:30px 30px; box-sizing:border-box;
	float: right;
	width: 85.75%;
}
.proshow .proshow_left{
	float:left; width:40%;
}
.proshow .proshow_left .casebigimg{
	display:block; width:100%; margin-bottom:15px;
}
.caseshowlist {
	cursor: pointer;
}
.caseshowlist img{
	display:block; width:100%;
}
.proshow .proshow_right{
	float:right; width: 56%; margin-top: 30px;
}
.proshow .proshow_right .t{
	font-size:24px; color:#333; font-weight:bold; margin-bottom:25px;
}
.proshow .proshow_right .b{
	font-size:14px; color:#666; line-height:24px;
}
.proshow .proshow_right .b tr,
.proshow .proshow_right .b td{
	border:1px dashed #343434;
}
.proshow .proshow_right .b td{
	padding:5px;
}

.footer01t{
	text-align:center; color:#333; position: absolute; width:100% !important; top: -115px;
}
#footer .footer01{
	overflow:unset;
}