html{height:100%}
body{margin:0; padding:0;  font-family: "microsoft yahei",Arial, helvetica, sans-serif,"verdana","微软雅黑"; background:#FFF; -webkit-text-size-adjust:none; color:#333; height:100%; }
form,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,h9{margin:0; padding:0;}
input,select{font-size:12px; line-height:16px;}
img{border:0;}/*@*/
ul,li{list-style-type:none; margin:0; padding:0} /*@*/
em,i{font-style:normal;}
/* 链接颜色 */
a{color:#121212;text-decoration:none;}

/*hr*/
.hr1{height:1px;clear:both; font-size:1px; line-height:1px;}
.hr5{height:5px;clear:both; font-size:1px; line-height:1px; background:#FEC93B;}
.hr10{height:10px;clear:both; font-size:1px; line-height:1px;}
.hr15{height:15px;clear:both; font-size:1px; line-height:1px; width:100%;}
.hr20{height:20px;clear:both; font-size:1px; line-height:1px;}
.hr30{height:30px;clear:both; font-size:1px; line-height:1px;}
.hr40{height:40px;clear:both; font-size:1px; line-height:1px;}
.hr60{height:60px;clear:both; font-size:1px; line-height:1px;}


.header{width:100%; height:auto;position: absolute; z-index:99; padding:0; background-color:rgba(0,120,140,0.95);}
.header-box{position:relative; height:80px; overflow:hidden;}
.header-box .logo{width:185px;position:absolute; top:0;height:80px; line-height:80px; text-align:center; background:url(../images/logo0809.png); font-family:"\96B6\4E66"; font-size:32px;}
.header-box .logo a{width:175px; color:#01798a; display:block;}

.header-box .menu{width:842px; height:auto; z-index:50; margin:0 auto;}
.header-box .tel{position:absolute; right:18px;top:18px;color:#FFF;:}
.header-box i{position:absolute; right:0; font-size:2.4rem; margin:1.8rem 1rem ; color:#FFF; }
.am-nav {padding-top: 22px;}
.header-box .am-nav > li > a{ padding: .4em .5em;}
@media only screen and (max-width: 640px)	
{
.header-box{height:60px;}
.header-box .logo{heigth:60px;line-height:60px; }		
.am-nav {padding-top: 12px;}

}
.am-container{padding-left:1rem;  padding-right:1rem;}
.am-pureview-actions{background-color:#01798a; height:58px;}
.am-pureview{background: rgba(0,0,0,.9);}
.am-pureview-bar{background-color: rgba(0,0,0,0);}

/*header*/
#menu a {color: #fff; text-decoration: none;}
#menu .active a {color: #fff; background-color: #018ca0; transition:all .7s; }
#menu a:hover{ background:#018ca0;}

.am-nav > li > a:focus{ background:none;}

.am-header-u{width:100%; height:auto;position: absolute; z-index:99; padding: 0;}
.am-header{background-color:rgba(80,180,100,0.9); height:auto; padding-right: 0;}
.am-header i{font-size:2.4rem; margin:1.5rem;  color:#FFF; }

/*.menu{ float:right; margin:1.5rem auto;height:auto;  z-index:50}*/
.i-menu li{ margin-bottom:10px; }
.i-menu li {}
.i-menu li a{background-color:rgba(0,120,140,1); font-size:1.4rem; padding:5px;display:block; line-height:1.6rem}
.i-menu .liblank{height:52px;opacity: 0.9}
.am-offcanvas-bar{width:48px}
.am-offcanvas-content{padding-right:0;}

.hleft {float:left; height:auto;}
.hleft img{height:52px; padding:0px 0;}


/*sesion*/
.bg-withe{background:#fff;}
.bg-black{background:#242424;}
.bg-green{background:#018ca0;}
.bg-grey{background:#e6e6e6;}



/*slide*/
.slide-content{text-align:center; color:#FFF;}
.slogan{font-size:3.6rem}
.slogan-p{font-size:2.4rem;}

.active .slide-content img{margin: 0 auto; opacity:0; transition:1s;  -webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg) ; }
.active .active .slide-content img{margin: 0 auto; opacity:1;  -webkit-transition: all .6s 1.8s ease-in-out; transition: all .6s 1.8s ease-in-out; -webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);  }
.active .slogan{-webkit-transform: translateX(-50%);  transform: translateX(-50%);opacity:0;}
.active .active .slogan{ -webkit-transform: translateX(0);  transform: translateX(0); transition:.8s .7s;opacity:1;}
.active .slogan-p{-webkit-transform: translateX(40%);  transform: translateX(40%); opacity:0;}
.active .active .slogan-p{  -webkit-transform: translateX(0); transform: translateX(0); transition:.8s .7s;opacity:1;}
.active .slogan-line{width: 100%; height: 4px; background: #01798a; display: inline-block; margin:0  auto; opacity:0; }
.active .active .slogan-line{width:200px; display: inline-block; margin: 15px auto; opacity:1;  transition:.7s 1.5s;}


/*title*/
.fcb{color:#01798a;}
.fcw{color:#FFF;}
.fcg1{color:#ddd;}
.fcg2{color:#666;}
.fcg3{color:#bbb;}
.title{text-align:center; margin-bottom:50px;}
.title h1{font-size:5rem; }
.title h2{font-size:3rem; font-weight:100;}
.title .title-line{width: 100%; height: 4px; background: #01798a; display: inline-block; margin: 0 auto; opacity:0; transition:1s;}
.active .title .title-line{width: 100px; display: inline-block; margin: 0 auto; opacity:1;  transition:0.8s 1.2s;}
.scale{opacity:0; transition:0.2s;transform: scale(3, 3)}
.active .scale{opacity:1; transition:0.7s 0.7s;transform: scale(1, 1)}
@media only screen and (max-width: 640px)	
{	
.title h1{font-size:1.8rem;}	
.title h2{font-size:2.4rem;}	

}


/*about*/
.about{max-width:100%;height:50%; overflow:hidden; position:relative;}
.ab{max-width:800px; height:100%; margin:0 auto;}
.aboutc{opacity:0; width:100%;max-height:100%; background:rgba(36,36,36,.7); color:#FFF; line-height:30px;text-indent:2.5rem; transition:.7s .2s; transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);}
.active  .aboutc{ opacity:1; transition:.7s 1s; transform: scale(1, 1);}
.mw{max-width:1200px;}


.group{width:100%;margin:auto; height:50%; position:relative;}
.group-tabs{ height:auto; width:100%;}
.group-center{max-width:1000px; margin:0 auto; transition:.7s .2s; transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)}
.active .group-center{ opacity:1; transition:.7s 1s; transform: scale(1, 1);}
.group-content{background:rgba(36,36,36,.7); text-indent:2.8rem; color:#FFF; height:270px; line-height:30px; overflow-y:scroll;}
.group .am-tab-panel img{ margin:10px 20px 0 0;}
.group .am-tab-panel {height:270px; padding:0;}
.group .am-tabs-bd{ border:none;}
.group-title{background-color:#eee; color: #000; line-height:42px; text-align:center;}
.group .am-tabs{margin:0 auto; }




.culture{max-width:1200px; margin:auto;}
.culture .am-tab-panel img{ max-width:200px; margin:0 auto; display:block;}
.culture .am-tab-panel {height:340px; }
.culturetitle{background-color:#eee; color: #000; line-height:42px; text-align:center;}



	
	
/*br*/	
.branch{max-width:1200px; margin:0 auto; } 
.branch ul{}
.branch-info ul{transition:all 1s 1.2s;}
.branch-info ul li{position:relative;}
.branch-title{position:absolute; padding:10px 0; background:rgba(0,0,0,.7) ;color:#FFF; text-align:center;top: auto;  bottom: 0;  left: 0;  right: 0}

.branch-info img{width:100%;}
.branch-list{background:#0FC;}

	
.branch{max-width:1200px; margin:0 auto; } 
.branch-info ul{transition:all 1s 1.2s;}
.branch-info ul li{position:relative;}
.branch-title{position:absolute; padding:10px 0; background:rgba(0,0,0,.7) ;color:#FFF; text-align:center;top: auto;  bottom: 0;  left: 0;  right: 0}
	


.bh{max-width:1200px; height:auto; margin:0 auto; background:rgba(255,255,255,.7); overflow: hidden; padding-top:20px;padding-left: 1rem;  padding-right: 1rem;} 
.bh-info ul li{position:relative;}
.bh-title{position:absolute; padding:10px 0; background:rgba(0,0,0,.7) ;color:#FFF; text-align:center; top: auto; bottom: 0;  left: 0;  right: 0;max-width:568px;}

.bh-info img{width:100%; max-width:568px; }

.bh-list {opacity:0; transition: 1s; transform: scale(0, 0);}
.active .bh-list{ opacity: 1;transition: all 1s 1s; transform: scale(1, 1)}
.bh-list li{ opacity:.7;background:#01798a;  text-align:center; margin-bottom:1px; color:#FFF; }
.bh-list  a{display: inline-table; height:100%; width:100%; color:#FFF; padding:26px 11px;}
.bh-list li:hover{background:#018ca0;}
.bh-item{ margin-bottom:20px;}




/*search*/
.search{max-width:1200px; height:auto; margin:0 auto; overflow: hidden; padding-left: 1rem;  padding-right: 1rem;}
.search .search-img img{width:100%}
.search .search-btn{width:100%; }
.search .search-input{margin:20px 0;}


/*contact*/
.contact{max-width:1200px; margin:0 auto; height:auto; text-align:center}
.contact-box{border:1px solid #3e3e3e; margin-bottom:0px; padding:50px 10px; color:#FFF;background: rgba(255, 255, 255, 0); transition: .7s; overflow:hidden; height:205px;}
.contact-box img{margin:0 auto 20px;}
.contact-box:hover{background: rgba(255, 255, 255, .1); transition: .7s;}
@media only screen and (max-width: 640px)	
{
.bh-list  a{padding:11px; }
.contact-box {height:inherit; overflow:auto;}	
.contact-box {padding:10px 0}	
.contact-box img{margin:0 auto 10px;}

	}





.icp{ margin-top:10%;text-align:center;}
.icp a{color:#FFF;}


.recruit{max-width:1200px;}
.recruit .item .b{ font-weight:600; font-size:1.6rem}
.recruit .item .worktime{color:#d5d5d5; margin:10px 0 20px;}
.recruit-info{position:relative;display:block; overflow:hidden; background:#fff; padding-bottom:34px; height:432px}
.recruit-info h3{position:relative; width:100%;background:#01798a; text-align:center; margin-bottom:34px; padding:34px 0; color:#FFF; }
.recruit-info:hover h3{background:#018ca0; transition:all 1s}
.recruit-info p{position: relative;color: #000; margin: 0px; transition:all .35s ease; font-size:1.4rem; padding:5px 36px; }
.recruit-info:hover p{color:#FFF; }
.recruit-info:hover:before{height:100%; top:0px;color:#fff;}
.recruit-info .pinfo{height:120px;}
.recruit-info:before{position: absolute; content:''; width:100%; top:0; height:0%; left:0px; bottom:0px; background:#01798a; right:0px;  transition:all .35s ease;}
.recruit-info .recruit-but{position:relative; width:50%; margin:10px auto 0; background:#01798a; text-align:center; padding:10px 0; color:#FFF;}
.recruit-info:hover .recruit-but{background:#018ca0; transition:all .35s;}

.am-modal-hd h3{position:relative; width:100%;background:#01798a; text-align:center; margin-bottom:28px; padding:28px 0; color:#FFF; }
.am-modal-bd p{margin-bottom:10px}

/*package*/
.package{max-width:1200px;}

.flipxin .item{opacity: 0; transition: all 1s;  -webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
.active  .flipxin  .item{opacity: 1; transition-delay: 1s; -webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg); }

.scale1x{opacity:0; transition: 1s; transform: scale(0, 0)}
.active .scale1x{ opacity: 1;transition: all 1s 1s; transform: scale(1, 1)}


.leftin{-webkit-transform: translateX(-50%);  transform: translateX(-50%);opacity:0;transition:.2s;}
.active .leftin{ -webkit-transform: translateX(0);  transform: translateX(0); transition:.7s .7s; opacity:1;}
.rightin{-webkit-transform: translateX(50%);  transform: translateX(50%); opacity:0;transition:.2s;}
.active .rightin{  -webkit-transform: translateX(0); transform: translateX(0); transition:.7s .7s; opacity:1;}


.bottomin{-webkit-transform: translateY(100%);  transform: translateY(100%);opacity:0;transition:.2s;}
.active .bottomin{ -webkit-transform: translateX(0);  transform: translateX(0); transition:.7s .7s; opacity:1;}







.health a{position:relative; display: block; overflow: hidden; height:316px}
.health-info{width:100%; height:auto; padding:10px 10px 15px;position: absolute; right: 0;bottom: -50px;  left: 0; background-color:#01798a; transition: .3s ease; color:#fff;}
.health-title{font-size:1.6rem; margin:10px 0; text-align:center}
.health-but{ margin:0 auto;color:#fff; background-color:#01798a;width:100px; padding:10px; text-align:center;}
.health:hover .health-info{background: rgba(0,0,0,.4); bottom: 0px;  transition: .3s ease;}
.health img{-webkit-transition: all .35s ease-in-out;    transition: all .35s ease-in-out;    -webkit-transform: scale(1);   transform: scale(1);}
.health:hover img{-webkit-transition: all .35s ease-in-out;    transition: all .35s ease-in-out;    -webkit-transform: scale(1.4);   transform: scale(1.4); margin-top:20px }




/*news*/
.news{max-width:1200px;}
.news-info{width:100%; height:auto; padding:10px 10px 15px;overflow: hidden; -webkit-transition: all .55s ease-in-out; transition: all .55s ease-in-out; background:#f5f5f5;}
.newstitle{font-size:1.6rem; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #f5f5f5;height:60px;}
.newsclass{float:left; color:#CCC;}
.time{float:right; color:#CCC;}

.newseffect {overflow: hidden;}
.newseffect  .img{overflow: hidden}
.newseffect img{-webkit-transition: all .35s ease-in-out;    transition: all .35s ease-in-out;    -webkit-transform: scale(1);   transform: scale(1); }
.newseffect:hover img{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;    -webkit-transform: scale(1.2);    transform: scale(1.2);overflow: hidden;}

.newseffect:hover .news-info{background:#01798a;-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}
.newseffect:hover .newstitle{color:#fff;}
.newseffect:hover .newsclass{color:#fff;}
.newseffect:hover .time{color:#fff;}

/**/
.am-input-group-success .am-input-group-label {background: #01798a;}
.am-btn-success {background-color: #01798a; border-color: #01798a;}


#Wrap{margin-right:0px;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#900;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#000;}








.grid {

}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;
	width:100%^;
	height: auto;
/* 	background: #000000; */
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */


.grid figure span {
	
	display:block;
	word-spacing: -0.15em;
	font-weight: 100;
	font-size: 68.5%;
}



.grid figure span,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}






figure.effect {
	background: #fff;
}

figure.effect img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #00788c;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect span {
	color:#fff;
	opacity: 0;
	font-weight: 800;
	margin: 50% 0 10px 0;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	transform: scale(1.5)
}

figure.effect p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect:hover span {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect:hover figcaption::before,
figure.effect:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}




figure.effect:hover figcaption {
	background-color: rgba(0,120,140,.9);
}

figure.effect:hover img {
	opacity: 0.4;
}






/* 必要布局样式css */
.serve-content {
    position: relative;
}

.serve-content-box {
    width: 1200px;
    margin: 0 auto;
}





.serve-content-list {
    float: left;
    width: 270px;
    height: 348px;
}

.serve-content-info {
    width: 640px;
    height: 337px;
    float: left;
    margin: 0 10px;
    position: relative;
}

.serve-content-btn a:hover {
    background: #41b8fc;
}

.serve-content-middle {
    overflow: hidden;
}

.serve-content-list ul li {
    display: block;
    width: 266px;
    padding: 37px 0;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    margin-bottom: 10px;
    cursor: pointer;
}

.serve-content-list ul .on {
    background: #FFF;
    border: 2px solid #00aeff;
}

.serve-content-list ul li span {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    margin-left: 72px;
    margin-right: 15px;
    overflow: hidden;
}

.serve-content-list ul li span img {
    display: block;
    float: left;
}

.serve-content-list ul li p {
    display: block;
    overflow: hidden;
    line-height: 28px;
    color: #333;
    font-size: 18px;
}

.serve-content-list ul .on p {
    color: #00aeff;
}

.serve-content-list ul .on span img {
    margin-top: -28px;
}

.serve-content-info ul {
    width: 640px;
    height: 337px;
    position: absolute;
    left: 0;
    top: 0;
}

.serve-image-img {
}

.serve-image-box {
    background: url(../images/cclarity-bg.png);
    width: 640px;
    height: 195px;
    padding: 47px 159px;
    position: absolute;
    top: 72px;
    left: 0;
}

.serve-image-comm1 {
    width: 48px;
    height: 29px;
    position: absolute;
    left: 80px;
    top: 28px;
}

.serve-image-comm2 {
    width: 48px;
    height: 29px;
    position: absolute;
    right: 95px;
    bottom: 35px;
}

.serve-image-info {
    width: 322px;
    height: 99px;
}

.serve-image-info-title {
    overflow: hidden;
}

.serve-image-info-title span {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.serve-image-info-title span img {
    display: block;
    float: left;
}

.serve-image-info-title p {
    line-height: 32px;
    display: block;
    float: left;
    font-size: 22px;
    color: #fff;
}

.serve-image-info strong {
    display: block;
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    padding-top: 14px;
}