.widout{
	width:1200px;
	overflow:hidden;
	}
.headbox{
	width:89.583333333333%;
	overflow:hidden;
	padding:20px 0;
	}
body{
	max-width:1920px;
	min-width:1200px;
	}
.piclist{width:110%;}
.piclist li{
	width:355px;
	overflow:hidden;
	margin:45px 65px 0 0;
	}
.piclist li img{
	width:100%;
	height:auto;
	}
.piclist li h3{
	text-align:center;
	font-weight:normal;
	margin-top:10px;
	}
.piclist li h3 a{
	font-size:24px;
	line-height:30px;
	color:#666464;
	}
.piclist li p{
	font-size:16px;
	line-height:25px;
	color:#888;
	margin:10px 0 0;
	}
.cntit{
	font-size:22px;
	line-height:35px;
	color:#777;
	margin:20px 0 0;
	}
.entit,.cntit{text-align:center;}
.entit{margin-top:88px;}
.bggray{
	background:url(../images/bggray.gif) repeat-x #f9f9f9;
	padding-bottom:110px;
	overflow:hidden;
	}
.page-pic span{
	float:left;
	margin-right:6%;
	}
.page-pic p{
	overflow:hidden;
	margin:0;
	color:#878787;
	font-size:16px;
	line-height:23px;
	}
.page-pic li p{line-height:25px;}
.page-pic h2{
	font-weight:normal;
	font-size:28px;
	line-height:32px;
	margin-bottom:12px;
	}
.page-pic h2 a{color:#666464;}
.page-pic ul{
	padding-top:1.9375%;
	margin-top:1.9375%;
	overflow:hidden;
	border-top:1px solid #ededed;
	}
.page-pic li{
	margin-top:1.9375%;
	overflow:hidden;
	}
.page-pic li a{
	white-space:nowrap;
	overflow:hidden;
	display:block;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	}
.page-pic{
	width:41.666666666667%;
	margin:1.8541666666667% 0 1.2916666666667% 5.1041666666667%;
	}
.page-pic span img{
	width:100%;
	height:auto;
	}
.page-pic span{width:52.875%;height:auto;}
.page-pic li span{
	width:21.750663129973%;
	height:auto;
	margin-right:6.631299734748%;
	}
.page-pic div{overflow:hidden;}
.logochar{
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	padding-left:20px;
	margin-left:20px;
	line-height:25px;
	font-size:18px;
	color:#666;
	border-left:1px solid #ccc;
	margin-top:20px;
	}
.navlst{padding-top:20px;}
.navlst li{
	font-size:18px;
	line-height:20px;
	padding-bottom:5px;
	margin:0 15px;
	}
.navlst li a{color:#565656;}
.navlst li.current{
	border-bottom:1px solid #008f81;
	}
.navlst li.current a{color:#008f81;}
.headbox .rgt{
	padding-right:244px;
	position:relative;
	}
.headbox span.phone{position:absolute;top:0;right:0;}
.wid{
	width:89.583333333333%;
	overflow:hidden;
	}
.box{
	width:151px;
	overflow:hidden;
	margin-right:2.65625%;
	}
.box span{
	display:block;
	font-size:26px;
	line-height:36px;
	color:#666;
	text-align:center;
	margin-top:10px;
	}
.picout{
	width:87.788778877888%;
	overflow:hidden;
	}
.piclist02 li{
	width:6.015037593985%;
	margin-right:0.97744360902256%;
	}
.piclist02 li img{
	width:100%;
	height:auto;
	}
.piclist02 li h3{
	margin-top:20px;
	font-weight:normal;
	font-size:24px;
	line-height:28px;
	}
.piclist02 li h3 a{
	color:#666464;
	white-space:nowrap;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	}
.piclist02 li span{
	display:block;
	font-size:16px;
	line-height:20px;
	color:#666464;
	margin-top:5px;
	}
.piclist02 li p{
	font-size:16px;
	line-height:28px;
	color:#888;
	margin:10px 0 0;
	}
.sectionmart{margin-top:34px;}
.sectionmart02{margin-top:50px;}
.moretop{text-align:center;margin-top:30px;}
.picbox{position:relative;}
.picbox,.piclist02{overflow:hidden;}
.piclist02{width:500%;}
.arrowlft,.arrowrgt{
	cursor:pointer;
	position:absolute;
	top:0;
	padding-top:7.9375%;
	width:1.5104166666667%;
	}
.arrowlft img,.arrowrgt img{
	width:100%;
	height:auto;
	display:inline-block;
	}
.arrowlft{left:0;}
.arrowrgt{right:0;}
.newslft{
	width:47.093023255814%;
	margin-right:5%;
	}
.newsrgt{overflow:hidden;}
.newsl li{
	width:46.25%;
	overflow:hidden;
	margin:40px 6.810810810811% 0 0;
	}
.newsl .lft{
	width:40.540540540541%;
	margin-right:8.1081081081081%;
	}
.newsl li h3{
	font-size:20px;
	font-weight:normal;
	line-height:25px;
	overflow:hidden;
	}
.newsl .lft img{width:100%;height:auto;}
.newsl li h3 a{color:#666464;}
.newsl li span{
	display:block;
	color:#999;
	font-size:12px;
	margin-top:5px;
	overflow:hidden;
	}
.newsl li p{
	overflow:hidden;
	/*font-size:16px;*/
	font-size:14px;
	color:#999;
	line-height:25px;
	margin:10px 0 0;
	}
.lnenews{margin-top:40px;}
.lnenews li{width:100%;}
.lnenews .lft{
	width:15.245478036176%;
	margin-right:3.8759689922481%;
	}
.lnenews li h3{font-size:16px;}
.lnenews li span{margin-top:2px;}
.lnenews li p{margin:3px 0 0;}
.lnenews li{
	margin-top:20px;
	padding-bottom:15px;
	overflow:hidden;
	border-bottom:1px solid #dfdfdf;
	}
.advanlst{
	width:35.93023255814%;
	margin-top:40px;
	}
.advanlst li{
	overflow:hidden;
	margin-top:5.6511627906977%;
	}
.advanlst li div{overflow:hidden;}
.advanlst li img{
	float:right;
	margin-left:4.8543689320388%;
	width:15.210355987055%;
	height:auto;
	}
.advanlst li h3,.advanlst li p{overflow:hidden;text-align:right;}
.advanlst li h3{
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	color:#666464;
	}
.advanlst li h3 a{color:#666464;}
.advanlst li p{
	color:#878787;
	font-size:16px;
	line-height:28px;
	}
.advanlstlft li img{
	float:left;
	margin-right:4.8543689320388%;
	margin-left:0;
	}
.advanlstlft li h3,.advanlstlft li p{text-align:left;}
.peoplebgbox{
	background:#f8f8f8;
	position:relative;
	overflow:hidden;
	padding-bottom:50px;
	min-height:780px;
	}
.pimg{
	width:21.614583333333%;
	position:absolute;
	left:50%;bottom:0;
	text-align:center;
	margin-left:-10.807291666667%;
	}
.pimg img{width:100%;height:auto;}
.icolist{text-align:center;}
.icolist li{
	overflow:hidden;
	width:14.546511627907%;
	margin:0 2.7%;
	}
.icolist li div{height:63px;}
.icolist li h3{
	font-size:26px;
	line-height:32px;
	font-weight:normal;
	color:#fff;
	text-align:center;
	margin-top:30px;
	}
.icolist li a{color:#fff;
	}
.icolist li p{font-size:14px;line-height:25px;color:#fff;margin:12px 0 0;}
.menubg{background:#8dbbb6;padding:15px 0;}
.footer{
	overflow:hidden;
	background:#319888;
	padding:30px 0;
	margin-bottom:0;
}
.footer span.logochar{
	float:left;
	color:#fff;
	border-color:#ccc;
	margin-top:50px;
}
.footer a.lft{margin-top:35px;}
.call{float:left;padding:40px 0 0 60px;}
.greenbg{
	background:#e6f0ef;
	overflow:hidden;
	padding:40px 0;
	margin-top:50px;
	}
.bgwhite{
	background:#fff;
	overflow:hidden;
	padding:45px 30px 0;
	}
.bgwhite span{float:left;padding-right:40px;}
.bgwhite div.info{overflow:hidden;}
.bgwhite h3{
	font-weight:normal;
	font-size:24px;
	line-height:35px;
	color:#319888;
	}
.bgwhite p{
	color:#319888;
	font-size:28px;
	line-height:32px;
	margin:5px 0 0;
	}
.inputout{margin-top:35px;}
.inputout div{
	height:38px;
	background:url(../images/inputbg.gif) no-repeat;
	margin-top:18px;
	}
.inputout div.servicebg{
	background-image:url(../images/inputbg02.gif);
	}
.inputout div span{
	margin:0;padding:0;
	float:left;width:75px;
	padding-left:15px;
	color:#fff;
	font-size:14px;
	line-height:38px;
	}
.inputbx{
	float:left;
	width:280px;
	height:36px;
	overflow:hidden;
	border:none;
	background:none;
	color:#fff;
	font-size:14px;
	font-family:Microsoft YaHei;
	}
.subbox{display:block;margin-top:25px;}
.t-en{
	font-size:26px;
	line-height:40px;
	color:#bbb;
	text-align:center;
	margin-top:80px;
	}
.t-cn{
	font-size:30px;
	line-height:40px;
	color:#777;
	text-align:center;
	margin:5px 0 0;
	padding-bottom:37px;
	background:url(../images/lnebot.gif) no-repeat 50% 100%;
	}
.lneb{
	padding-bottom:37px;
	background:url(../images/lnebot.gif) no-repeat 50% 100%;
	}
.lnenone{
	padding-bottom:0;
	background:none;
	}
.peoplelist li{width:343px;margin-right:85px;}
.peoplelist li h3{
	background:#d7b3ad;
	font-size:24px;
	line-height:72px;
	color:#fff;margin:0;
	}
.peoplelist li h3 a{color:#fff;}
.casebg{
	background:#fafafa;
	padding:30px 0;
	margin-top:25px;
	}
.casewarp{
	width:90.116279069767%;
	overflow:hidden;
	}
.caselst{width:500%;}
.caselst li{
	width:4.2967741935484%;
	margin-right:0.94193548387097%;
	text-align:center;
	}
.caselst li img{width:100%;height:auto;}
.caselst li h3{
	font-size:18px;
	line-height:25px;
	margin-top:10px;
	}
.caselst li h3 a{color:#666464;}
.caselst li p{
	font-size:16px;
	color:#878787;
	line-height:22px;
	margin:10px 0 0;
	}
.posr{position:relative;}
.arr-lft,.arr-rgt{
	cursor:pointer;
	position:absolute;
	top:0;
	padding-top:5%;
	width:54px;height:55px;
	}
.arr-lft{left:0;}
.arr-rgt{right:0;}
.crumbs{display:none;}
.menulist{
	width:289px;
	margin:0 auto;
	height:49px;
	line-height:49px;
	font-size:20px;
	background:url(../images/menu.gif) no-repeat;
	overflow:hidden;
	margin-top:20px;
	}
.menulistcur{background-image:url(../images/menur.gif);}
.menulist li{
	cursor:pointer;
	font-size:20px;
	float:left;
	width:144.5px;
	text-align:center;
	overflow:hidden;
	}
.menulist li.current{color:#fff;}
.hoslst{width:110%;}
.hoslst li{
	width:283px;
	background:#f4f4f4;
	padding-bottom:6px;
	margin:20px 22px 0 0;
	}
.hoslst li .h img{width:100%;height:auto;}
.hoslst li div{
	padding:20px;
	}
.hoslst li div h3{
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	}
.hoslst li div h3 a{color:#525252;}
.hoslst li div p{
	font-size:16px;
	line-height:24px;
	color:#979797;
	}
.hoslst li span{display:block;text-align:center;}
.hoslst li span img{width:96%;height:auto;}
.guitit{
	font-size:18px;
	font-weight:bold;
	color:#92a5b4;
	}
.guitit span{
	display:inline-block;
	padding-left:60px;
	background:url(../images/newsico.gif) no-repeat 0 50%;
	line-height:70px;
	}
.newsot{border-bottom:1px solid #aaa9a9;}
.newsbggray{
	background:#fafafa;
	border-bottom:1px solid #aaa9a9;
	}
.news-lft{
	width:220px;
	margin-right:40px;
	padding-top:20px;
	padding-bottom:50px;
	}
.newsgmenu dd{
	font-size:18px;
	line-height:24px;
	margin-top:20px;
	}
.newsgmenu dd a{
	display:inline-block;
	padding-left:15px;
	background:url(../images/dot.gif) no-repeat 0 50%;
	}
.newsgmenu dd.current a{
	color:#4181b0;
	text-decoration:underline;
	}
.newslist{padding:30px 0;}
.newslist li{
	background:url(../images/newsico02.gif) no-repeat 0 50%;
	font-size:18px;
	line-height:23px;
	padding:10px 0;
	border-bottom:1px dashed #ccc;
	}
.newslist li a{
	display:block;
	margin-left:20px;
	color:#878787;
	}
.midlne{
	background:url(../images/newslne.gif) repeat-y 219px 0;
	}
.pagehead{
	line-height:36px;
	font-size:16px;
	color:#595757;
	margin-top:30px;
	}
.pagehead p{text-indent:2em;}
.contlne{
	background:url(../images/lne.gif) no-repeat 50% 0;
	min-height:311px;
	}
.pagelft,.pagergt{width:50%;overflow:hidden;}
.pagec{
	text-align:center;
	font-size:16px;
	line-height:36px;
	color:#595757;
	margin:25px 0 0;
	}
.pagef{font-size:24px;}
.center{padding:20px 0;text-align:center;}
.footbot{
	text-align:center;
	font-size:14px;
	color:#666464;
	line-height:30px;
	}
.newstit{
	font-size:24px;
	line-height:30px;
	color:#565656;
	text-align:center;
	margin-top:20px;
	}
.time{
	padding-bottom:20px;
	border-bottom:1px dashed #b7b7b7;
	margin-top:10px;
	text-align:center;
	color:#878787;
	font-size:14px;
	line-height:29px;
	}
.time span{
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
	}
.content{
	line-height:24px;
	color:#878787;
	font-size:14px;
	margin-top:20px;
	}
.padb30{padding-bottom:30px;}
.newsmenu{margin:20px 0;text-align:center;}
.newsmenu dd{
	background:#fff;
	height:40px;
	line-height:40px;
	padding:0 15px;
	font-size:14px;
	border:1px solid #ccc;
	border-left:none;}
.newsmenu dd a{
	display:block;
	}
.newsmenu dd.current{
	background:#2db7dc;
	border-color:#2db7dc;
	}
.newsmenu dd.current a{color:#fff;}
.piclistlne li{
	overflow:hidden;
	margin:10px 1% 0 0;
	width:23.2%;
	background:#f0f0f0;
	padding:0.3%;
	padding-bottom:0.8%;
	border:1px solid #ccc;
	border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	}
.piclistlne li img{width:100%;height:auto;}
.piclistlne li h3{
	font-weight:normal;
	font-size:16px;
	line-height:20px;
	margin-top:5px;
	}
.piclistlne li span{
	display:block;
	color:#a2a2a2;
	margin-top:10px;
	}
.piclistlne li p{
	color:#909090;
	font-size:16px;
	margin:5px 0 0;
	line-height:24px;
	}
.hcenter{
	text-align:center;
	font-size:30px;
	line-height:40px;
	color:#666464;
	padding:20px 0;
	}
.evlist li{
	width:520px;
	overflow:hidden;
	margin:30px 40px 0;
	}
.evlist li img{width:100%;height:auto;}
.evlist li h3{
	font-weight:normal;
	font-size:24px;
	line-height:30px;
	margin-top:10px;
	padding-bottom:9px;
	border-bottom:1px solid #ededed;
	}
.evlist li h3 a{color:#000;}
.evlist li p{
	font-size:16px;
	color:#878787;
	line-height:28px;
	margin:10px 0 0;
	}
.lftlne{
	width:38.488372093023%;
	padding-right:4.4186046511628%;
	background:url(../images/longlne.gif) no-repeat 100% 0;
	}
.rtitle{
	font-size:24px;
	line-height:30px;
	color:#666464;
	padding-left:4%;
	}
.rlist{width:110%;}
.rlist li{
	width:18%;margin:2% 0 0 4.5%;overflow:hidden;
	}
.rlist li img,.lftlne img{width:100%;height:auto;}
.rlist li p{
	font-size:14px;
	line-height:24px;
	color:#3e3a39;
	padding:10px;
	background:#f5f5f5;
	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-o-border-radius:0 0 4px 4px;
	margin:0;
	}
.rlist li h3{
	font-size:16px;
	line-height:22px;
	text-align:center;
	padding:10px 0;
	color:#666465;
	}
.rtitle,.rlist{overflow:hidden;}
.rpad{padding:10px 0 10px;}
.subimage{
	width:168px;
	height:53px;
	background:url(../images/submit.gif) no-repeat;
	border:none;
	}
.inputout div.msgbox{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	height:40px;
	line-height:40px;
	width:200px;
	text-align:center;
	background:#f66200;
	border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	margin:-20px 0 0 -100px;
	text-align:center;
	font-size:14px;
	color:#fff;}
.pagelst{text-align:center;margin-top:15px;
}
.pagelst span,.pagelst a{
	margin:0 5px;
	width:37px;
	height:37px;
	text-align:center;
	background:url(../images/pagebg.gif) no-repeat;
	line-height:37px;
	font-size:14px;
	font-family:Arial;
	color:#7f7f7f;
	}
.pagelst span{
	background-image:url(../images/pagecurr.gif);
	color:#fff;
	}
@media screen and (max-device-width: 640px)
{
	body{-webkit-text-size-adjust:none;}
} 
.bgwhite span.subbox{display:block;float:none;}
/*for phone*/
.m-menubx{width:50px;float:left;margin-right:60px;}
.m-menubx span,.m-menubx:after,.m-menubx:before{
	margin:4px 0 14px;
	display:block;
	height:6px;
	background:#068976;
	border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	}
.m-menubx:after,.m-menubx:before{content:'';}
.headbox .m-nav{
	position:absolute;
	top:80px;
	left:0;
	width:1200px;
	z-index:99999;
	padding:0;
	}
.m-nav li{
	display:block;
	padding:0;
	margin:0;
	line-height:80px;
	background:#f5f6f5;
	border-bottom:1px solid #eeefee;
	}
.m-nav ul{display:none;}
.m-nav li a{
	display:block;
	padding-left:5.4%;
	font-size:30px;
	}
.m-nav li.current{border:none}
.headbox .m-nav .phone{top:-60px;right:4.1%;}
.showmore{
	font-size:16px;
	margin-top:10px;
	line-height:24px;
	}
/*float message*/
.floatmsg{
	padding:17px 0;
	border-top:1px solid #c9bb00;
	background:#158a78;
	overflow:hidden;
	position:fixed;
	width:100%;left:0;
	bottom:0;z-index:9999;
	}
.floatmsg .flogo{
	overflow:hidden;
	padding-right:1%;
	width:20.697674418605%;
	padding-left:1.5%;
	}
.floatmsg .zixun{
	overflow:hidden;
	padding-right:1%;
	width:15.523255813953%;
	}
.floatmsg .lft img{width:100%;height:auto;}
.fmenu{overflow:hidden;}
.fmenu li{
	margin-right:1.5%;
	background:url(../images/buttonbg.gif) no-repeat;
	width:140px;
	height:45px;
	text-align:center;
	}
.fmenu li a{
	display:block;
	line-height:45px;
	font-size:16px;
	color:#3d3938;
	}
.floating_ck{
	position:fixed;
	right:0px;
	top:20%; 
	z-index:99;
	}
.floating_ck dl dd{
	position:relative;
	width:110px;
	height:100px;
	background-color:rgba(0,0,0,0.6);
	margin-bottom:4px;
	font-size:12px;
	font-weight:600;
	font-family:"微软雅黑"; 
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 20%;
	cursor:pointer;
	}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/zc1.png);}
.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_ck dd p{
	color:#fff;
	background:#f90;
	width:80px;
	height:20px;
	text-align:center;
	line-height:20px;
	margin:0 auto;
	margin-top:5px;
	border-radius:5px;
	}
.floating_left{
	position:absolute;
	left:-160px;
	top:0px;
	width:160px;
	height:80px;
	background-color:#b4263e;
	border-bottom:solid 1px #a40324;
	display:none;
	}
.floating_left a{color:#fff;line-height:80px;}
/*=== 分割线 ===*/
.pc-slide {
	z-index: 100;
	height: 500px; 
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	right: 0; top: 50%;
	width: 60px;
	margin-top: -250px; 
	border-radius: 60px 0 0 60px;
	}
.pc-slide a {
	display: block; 
	text-align: center; 
	width: 25px; 
	margin: 50px auto 0 auto;
	font-size: 12px; 
	color: #FFF; 
	text-decoration: none; 
	clear: both; 
	}
.pc-slide a img { 
	display: block; 
	margin: 0 auto; 
	margin-bottom:5px;
}
.page-pn{
	line-height:25px;
	font-size:14px;
	margin-top:10px;
	}
.wid-left{
	width:65%;
	padding-right:2%;
	}
.wid-left img{
	max-width:100%;
	height:auto;
	}
.overflow{overflow:hidden;}
.newsrgtins{margin-top:10px;}
.newsrgtins dd{
	line-height:30px;
	padding:4px 0 3px;
	border-bottom:1px solid #e0e0e0;
	font-size:16px;
	background:#f0f0f0;
	}
.newsrgtins dd a{
	display:block;
	padding-left:15px;
	}
.cntit .nw{
	font-size:14px;
	float:right;
	}
.picins{
	text-align:center;
	margin-top:15px;
	}
.newswbox{
	background:#EAE6D8;
	padding:6px 0 10px;
	}
.latestCase{
	height:28px;
	overflow:hidden;
	}
.t_news{
	height:32px; 
	color:#333;
	padding-left:20px; 
	margin:0px 0; 
	overflow:hidden;
	position:relative;
	}
.t_news b{ 
	line-height:32px; 
	font-weight:bold;
	 display:inline-block;
}
.news_li,.swap{
	line-height:32px; 
	display:inline-block;
	position:absolute;
	top:0; 
	left:112px;
	}
.news_li a,.swap a{
	color:#333; 
	margin-right:20px;
	margin-left:10px;
	}
.news_li a:hover {
	text-decoration:underline;
	color:#82bd55;
	}
.news_li a:visted {
	text-decoration:underline;
	color:#6ea2d9;
	}
.swap{top:32px;}
.txleft{
	text-align:left;
	color:#1f8978;
	}
.outwarp{overflow:hidden;}
.newlat,.nwbx{position:absolute;}
.icolist li div{display:none;}
.icolist li h3{margin-top:0;}
.entit{margin-top:35px;}
/*添加的*/
.callimg {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	-ms-transition: -ms-transform 0.3s ease-out;
}
.callimg:hover{
	-webkit-transform:rotateZ(360deg);
	-moz-transform:rotateZ(360deg);
	-o-transform:rotateZ(360deg);
	-ms-transform:rotateZ(360deg);
	transform:rotateZ(360deg);
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.banner{
	width:100%;
	height:430px;
	margin:0 auto;
	padding:0 auto;
	background:#e6f0ef;
	margin-top:20px;
	position:relative;
}
.banner_width{
	width:89.583333333333%;
	position:absolute;
	top:-20px;
	left:5.2083333333335%;
}
.banner_width_lt{
	width:60%;
	float:left;
}
.banner_width_rt{
	width:38%;
	float:right;
}
.banner_width_rtul{
	width:100%;
	margin:0 auto;
	padding:0 auto;
}
.banner_width_rtul li{
	list-style:none;
	float:left;
	height:130px;
	overflow:hidden;
	width:33.333%;
}
.banner_width_rtul_title{
	color:#fff;
	font-size:18px;
	width:100%;
	display:block;
	text-align:center;
	margin-top:35%;
}
.banner_width_rtul_p{
	width:80%;
	margin:0 auto;
	padding:0 auto;
	display:block;
	text-align:center;
	color:#fff;
	line-height:16px;
	margin-top:16px;
	overflow:hidden;
}
.banner_width_rtul li img{
	width:100%;
	
}
.banner_width_rtul li:nth-child(1){
	width:66.666%;
}
.banner_width_rtul li:nth-child(2),.banner_width_rtul li:nth-child(4),.banner_width_rtul li:nth-child(6),.banner_width_rtul li:nth-child(8){
	width:33.333%;
	background:#999999;
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
 
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
	
}
.banner_width_rtul li:nth-child(2),.banner_width_rtul li:nth-child(4),.banner_width_rtul li:nth-child(6),.banner_width_rtul li:nth-child(8)
{

  background: #999999;
 
}
.banner_width_rtul li:nth-child(2):hover,.banner_width_rtul li:nth-child(4):hover,.banner_width_rtul li:nth-child(6):hover,.banner_width_rtul li:nth-child(8):hover{
	background:#8dbf08;
}
.imgwid{
	width:100%;
	padding:50px 0px 0px 0px;
	background:#f8f8f8;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
.imgwidul{
	width:100%;
	margin:0 auto;
	padding:0 auto;
	display:none;
}
.imgwidul li{
	float:left;
	width:23%;
	display:block;
	margin:0 1%;
	padding:0 auto;
}
.imgwidul li figure{
	width:100%;
	margin:0 auto;
	padding:0 auto;
}
.imgwidul li figure img{
	width:100%;
	transition:all 1s;
	-webkit-transtion:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}
.imgwidul li figure img:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.imgwidul li figure figcaption{
	margin:42px 0px;
}
.imgwidul li figure figcaption a
{
	color:#008f81;
	font-size:16px;
	text-align:center;
	display:block;
}
.ocean{
	width:100%;
	
	margin:0 auto;
	padding:50px 0px;
	overflow:hidden;
	background:url(../images/ocean.jpg)  center no-repeat;
	background-size:100% 100%;
	clear:both;
}
.ocean_lt{
	width:66%;
	float:left;
}
.ocean_ltul{
	width:100%;
	margin:0 auto;
	padding:0 auto;
}
.ocean_lt_li{
	width:48%;
	
	background:#fff;
	box-shadow:0px 0px  0px transparent,3px 0px 5px #9d9999,0px 3px 5px #9d9999,0px 0px transparent;
	-webkit-box-shadow:0px 0px  0px transparent,3px 0px 5px #9d9999,0px 3px 5px #9d9999,0px 0px transparent;
	-moz-box-shadow:0px 0px  0px transparent,3px 0px 5px #9d9999,0px 3px 5px #9d9999,0px 0px transparent;
	-ms-box-shadow:0px 0px  0px transparent,3px 0px 5px #9d9999,0px 3px 5px #9d9999,0px 0px transparent;
	margin-bottom:2%;
	float:left;
	margin-right:2%;
	padding-bottom:1%;
}
.ocean_lt_liwidth{
	width:93%;
	margin:2.8% 3.5%;
		
}
.ocean_lt_li_title{
	font-size:22px;
	line-height:60px;
	color:#326666;
	text-align:center;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:10px;
}
.ocean_lt_li a{
	font-size:14px;
	line-height:24px;
	color:#666464;
	display:inline-block;
}
.ocean_rt{
	width:34%;
	float:right;
	background:#158a78;
	height:549px;
	
}
.ocean_rta{
	margin:20px;
	margin:0 auto;
	width:calc(100% - 40px);
	
}
.ocean_rtb{
	width:100%;
	margin:0 auto;
	padding:0 auto;
	margin-top:30px;
	
}
.ocean_rtba{
	width:26%;
	float:left;
	margin-right:2%;
	margin-left:2%;
	position:relative;
}
.ocean_rtbb{
	width:70%;
	float:right;
	
}
.ocean_rtba p{
	
	color:#fff;
	font-size:14px;
}
.ocean_rtbaul{
	width:100%;
	
}
.ocean_rtba span{
	color:#fff;
	font-size:14px;
	position:absolute;
	bottom:-50%;
	left:5%;
}
.ocean_rtbaul li{
	line-height:20px;
	
	font-size:14px;
	color:#fff;
	padding:5px 8px;
	cursor:pointer;
}
.ocean_rtbaul li:hover,.ocean_rtbaulc{
	background:#a7ba50;
	font-weight:bold;
	padding:5px 8px;
}

.costtest{
	/*height:500px;*/
	width:100%;
	float:right;
}
.tela{
	width:260px;
	float:right;
	margin-top:20px;
}
.ocean_rtbb_img{
	width:100%;
	display:none;
}
.ocean_rtbb_img img{
	width:262px;
	height:340px;
}
.service{
	width:100%;
	margin:20px 0px 0px 0px;
}
.service li{
	float:left;
	width:21%;
	display:block;
	margin:0 2%;
	padding:0 auto;
	position:relative;
	
	
}
.service li img{
	width:100%;
}
.serviceli{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	z-index:1;
}
.servicelispan{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	padding-top:35%;
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.servicelispan:hover,.servicelispan:focus{
	-webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.servicelispan span{
	color:#86fff3;
	width:80%;
	text-align:center;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	line-height:60px;
	border-bottom:1px solid #fff;
	margin:0% 10%;
	
}
.servicelispan p{
	font-size:20px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.mapwid{
	width:100%;
	padding:10px 0px;
	overflow:hidden;
	background:url(../images/map.png) center center  no-repeat;
	background-size:100% 100%;
}
.mapwid li{
	float:left;
	width:29.333%;
	position:relative;
	padding:2% 2% 5% 2%;
	
}
.mapwid li:hover span{
  transform:scale(1.2);
}
.mapwid li img{
	width:100%;
}
.mapwid li span{
	position:absolute;
	width:100%;
	top:35%;
	left:0;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	display:inline-block;
	transition:all ease-in 0.3s;
}
.aptitudewipper{
	width:100%;
	margin:0 auto;
	padding:0 auto;
	background:#fafafa;
	padding-bottom:25px;
}
.aptitude{
	width:100%;
	margin:0 auto;
	padding:0 auto;
	margin-top:30px;
}
.aptitude li{
	float:left;
	width:23%;
	padding:0px 1%;
}
.aptitudediv{
	border:14px solid #999999;
}
.aptitudediv a img{
	width:100%;
}
.aptitude li span{
	font-size:18px;
	color:#008f81;
	text-align:center;
	display:block;
	line-height:40px;
}
.aptitude li p
{
	color:#999999;
	text-align:center;
	margin-top:0px;
}
.authoritywipper{
	width:100%;
	margin:0 auto;
	padding:0 auto;
	background:#fafafa;
	clear:both;
}
.authority{
	width:100%;
	margin:0 auto;
	padding:2% 2% 0% 2%;
	background:#158a78;
	margin-top:25px;
	clear:both;
	overflow:hidden;
}
.authority_lt{
	width:50%;
	float:left;
	
	
}
.authority_lt ul{
	width:100%;
	margin:0 auto;
	padding:0 auto;
}
.authority_lt ul li{
	float:left;
	margin-right:3.3%;
	position:relative;
	margin-bottom:3.5%;
}
.authority_lt ul li a img{
	width:180px;
	
}
.authority_lt ul li a span{
	width:100%;
	position:absolute;
	bottom:-0.4%;
	left:0%;
	color:#fff;
	height:40px;
	line-height:40px;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font-size:16px;
}
.authority_rt{
	width:50%;
	float:right;
	position:relative;
}
.authority_rt_div_li{
	background:#fff;
	width:92%;
	height:353px;
	margin-right:3.5%;
	float:left;
	display:none;
}
.authority_rt_img{
	width:40%;
	float:left;
}
.authority_rt_img img{
	width:95%;
	margin-left:5%;
	margin-top:5%;
}
.authority_rt_con{
	width:55%;
	float:right;
	margin-top:5%;
	
}
.authority_rt_con_title{
	font-size:16px !important;
	color:#326666;
}
.authority_rt_con_title span{
	font-size:18px !important;
	margin-right:2px;
}
.authority_rt_con_bottom{
	color:#326666;
	line-height:25px;
	margin-top:20px;
}
.authority_rt_con_bottom1{
	font-weight:bold;
	color:#326666;
	line-height:25px;
}
.authority_rt_con_note{
	color:#fff;
	font-size:25px;
	background:#a7ba50;
	padding:3% 9%;
	text-decoration:none;
	position:absolute;
	right:12%;
	bottom:5%;
}
.authority_rt_con_note:hover{
	text-decoration:none;
	color:#fff;
}
.wida{
	width:89.583333333333%;
	
	}
.circlediv{
	width:80%;
	margin:0 auto;
	padding:20px 0px;
	clear:both;
    overflow:hidden;
}
.circlediv ul{
	width:100%;
	margin:0 auto;
	padding:0 auto;
}
.circlediv ul li{
	float:left;
	width:16.6666%;
}
.circlediv ul li img{
	width:50%;
	margin:0% 25%;
	padding:0 auto;
	text-align:center;
}
.circlediv ul li p{
	width:100%;
	display:block;
	text-align:center;
	color:#326666;
	font-size:16px;
	line-height:25px;
}


@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bgdiv{
	0%{
		height:0px;
	}
	50%{
		height:65px;
		background:#8dbf08;
	}
	100%{
		height:130px;
		background:#8dbf08;
	}
	}
.ocean_rt_title{
font-size: 30px;
line-height: 60px;
color: #fff;
text-align: center;
border-bottom: 1px solid #c0c0c0;
margin-bottom: 10px;
margin-top:25px;
}
.calculator-table {
    
    background:#fff;
	border-collapse: collapse;
border-spacing: 0;
width:100%;
}
.calculator-table tr td:first-child {
    width: 60%;
}
.calculator-table tr td {
    font-size: 14px;
    border: 1px solid #c8c8c8;
    padding-left: 7px;
   /* padding-top: 6px;
    padding-bottom: 6px;*/
	line-height:0px;
	color:#3e7071;
}
.calculator-table tr td:last-child {
    width: 40%;
}
.biga{
	font-size:18px;
	font-weight:bold;
}
.money{
	font-size:18px;
	color:#fe3169;
	font-weight:bold;
}