@charset "utf-8";
/*reset*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/

/* reset webkit search input styles */
/*input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 display: none;
}*/
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
	zoom: 1;
}
/*********************************************************************************************/

/*手机a标签不显示影子*/
a, a:after, a:before {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-ms-touch-action: none;
	-moz-user-select: -moz-none;
}
* {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-size: 12px;
	color: #777777;
	line-height: 180%;
	background: #fff;
	font-family: 微软雅黑;
}
a {
	text-decoration: none;
	color: #666360;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
img {
	border: none;
}
input, img {
	vertical-align: middle;
}
button,
input,
option,
select,
td,
textarea {
 font-family:arial,verdana,helvetica,'PingFang SC','HanHei SC',STHeitiSC-Light,Microsoft Yahei,sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
a {
	color: #5e5e5e;
	text-decoration: none;
}
a:hover {
	color: #7d6a42;
}
a {
	outline: none;
blr:expression(this.onFocus=this.blur());
}
*:focus {
	outline: none;
}
a, button, input, span, i {
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
input[type=button] {
	-webkit-appearance: none;
	outline: none
}
/*function*/
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{clear:both;*zoom:1;}
.f-fl{float:left;display: inline-block;+display:inline}
.f-fr{float:right;display: inline-block;+display:inline}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-posr{position:relative;left:0;top:0;z-index:10;}
.f-posa{position: absolute;}
.f-ovh{overflow: hidden;}

.head nav a:hover,.head span a:hover{ color: #FC583D; }

/*grid*/
.g-wrap{margin: 0 auto;}
.g-width{width: 100%;min-width:1200px;}
.g-w120{width: 1200px;}

/*u-i*/
.u-i{display:inline-block;vertical-align:middle;background-repeat:no-repeat;+zoom:1;}
.u-i1{display:inline-block;vertical-align:middle;background-repeat:no-repeat;+zoom:1;background-image: url(../images/icon.png);}
/*u-i end*/



/*index*/
/*header*/
.header{height: 95px;width: 100%;z-index:999;position: fixed;top: 0;left: 0;background: #fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.head{height: 90px;}
.head h1{margin: 25px 50px 0 0;}
.head h1 a{color: #4dd0c8;font:bold 42px/1.2 "黑体","Microsoft Yahei";}
.head nav{margin-top:35px;font-size: 0;}
.head nav a{position: relative;font: 17px/1.2 "Microsoft Yahei";color: #333;text-align: center;margin-right: 5px;padding:10px;display: inline-block;width: 100px;}
.head nav .last small{display: none;top:53px;left:-20px;width: 150px;height: 150px;border:1px solid #ccc;padding:10px;background: #fff;opacity:0;}
.head nav .last:hover small{opacity:1;display: block;}
.head nav small img{width:150px;height: 150px;}
.head nav i{display: inline-block;bottom:-20px;left:0;width: 110px;height: 4px;background: #4dd0c8;}
.head span{margin-top:47px;}
.head span a{color: #333;font: 14px/1.2 "Microsoft Yahei";}
/*.head span a:hover{color: #000;}*/
.head p{right: 0;top: 18px;color: #999999;font: 13px/1.2 "Microsoft Yahei";}
.head p i{width: 16px;height: 16px;margin-right: 3px;background-position: 0 0;}
.head p small{font-size: 13px;}
.head p b{color: #c2c2c2;font-weight: normal;}
/*banner*/
.banner{height: 630px;margin-top: 90px;}
.banner .bnr{height: 630px;}
.bnr_logo{top: 95px;left:50%;width: 481px;margin-left: -240px;}
.banner .d{position: absolute;width: 200px;}
.banner .d i,.banner .d b,.banner .d small{position: absolute;display: inline-block;border-radius:50%;}
.banner .d i{width: 50px;height: 50px;background:rgba(255,255,255,0.4);}
.banner .d b{width: 68px;height: 68px;background:rgba(255,255,255,0.4);}
.banner .d small{width: 167px;height: 45px;background:rgba(255,255,255,0.2);border-radius:45px;}
.banner .d span{font: 23px/68px "Microsoft Yahei";color: #fff;}
.banner .div1{top: 180px;left: 105px;}
.banner .div1 i{right:9px;top:9px;
	-webkit-animation:circle 1.5s ease-in-out alternate infinite;
	-moz-animation:circle 1.5s ease-in-out alternate infinite;
	animation:circle 1.5s ease-in-out alternate infinite;
}


@-webkit-keyframes circle{
	0%{-webkit-transform:scale(0.6);}
	100%{-webkit-transform:scale(1);}
}
@-moz-keyframes circle{
	0%{-moz-transform:scale(0.6);}
	100%{-moz-transform:scale(1);}
}
@keyframes circle{
	0%{transform:scale(0.6);}
	100%{transform:scale(1);}
}


.banner .div1 b{right: 0;top: 0;
	-webkit-animation:circle 2s ease-in-out 0.5s running alternate infinite;
	-moz-animation:circle 2s ease-in-out 0.5s running alternate infinite;
	animation:circle 2s ease-in-out 0.5s running alternate infinite;
}
.banner .div1 small{left: 0;top:13px;}
.banner .div1 span{padding-left: 15px;}
.banner .div2{top: 348px;left: 270px;}
.banner .div2 i{right:9px;top:9px;
	-webkit-animation:circle 1.5s ease-in-out 1s alternate infinite;
	-moz-animation:circle 1.5s ease-in-out 1s alternate infinite;
	animation:circle 1.5s ease-in-out 1s alternate infinite;
}
.banner .div2 b{right: 0;top: 0;
	-webkit-animation:circle 2s ease-in-out 0.3s running alternate infinite;
	-moz-animation:circle 2s ease-in-out 0.3s running alternate infinite;
	animation:circle 2s ease-in-out 0.3s running alternate infinite;
}
.banner .div2 small{left: 0;top:13px;}
.banner .div2 span{padding-left: 15px;}
.banner .div3{top:280px;right: 100px;}
.banner .div3 i{left:9px;top:9px;
	-webkit-animation:circle 1.5s ease-in-out 1.2s running alternate infinite;
	-moz-animation:circle 1.5s ease-in-out 1.2s running alternate infinite;
	animation:circle 1.5s ease-in-out 1.2s running alternate infinite;
}
.banner .div3 b{left: 0;top: 0;
	-webkit-animation:circle 1.5s ease-in-out 0.8s running alternate infinite;
	-moz-animation:circle 1.5s ease-in-out 0.8s running alternate infinite;
	animation:circle 1.5s ease-in-out 0.8s running alternate infinite;
}
.banner .div3 small{right: 0;top:13px;}
.banner .div3 span{padding-left: 75px;}
.next-arrow{position: absolute;width: 24px;height: 14px;bottom:30px;left:50%;margin-left: -12px;opacity:1;cursor:pointer;display: inline-block;z-index: 999;
	-webkit-animation:next_arrow 1.5s ease-in-out forwards running infinite;
	-moz-animation:next_arrow 1.5s ease-in-out forwards running infinite;
	animation:next_arrow 1.5s ease-in-out forwards running infinite;
}
@-webkit-keyframes next_arrow{
	0%{opacity:0;bottom:30px;}
	100%{opacity:1;bottom:10px;}
}
@-moz-keyframes next_arrow{
	0%{opacity:0;bottom:30px;}
	100%{opacity:1;bottom:10px;}
}
@keyframes next_arrow{
	0%{opacity:0;bottom:30px;}
	100%{opacity:1;bottom:10px;}
}

/*content*/
.intro{height: 540px;}
.intro .tit,.service .tit,.join .tit{padding-top: 35px;}
.intro .tit h2,.service .tit h2,.join .tit h2{color: #4dd0c8;font: 40px/1.2 "Microsoft Yahei";}
.intro .tit i,.service .tit i,.join .tit i{display: block;width: 200px;background: #dadada;height: 1px;margin:3px auto 10px;}
.intro .tit i b,.service .tit i b,.join .tit i b{display: block;background: #4dd0c8;width: 120px;height: 3px;left: 40px;top: -1px;}
.intro .tit h3,.service .tit h3,.join .tit h3{color: #333;font: 14px/1.2 "Microsoft Yahei";}
.intro ul{margin-top: 60px;}
.intro li{float:left;width: 25%;text-align: center;}
.intro a{display:block;height: 150px;width: 150px;*width: 150px;margin-bottom: 60px;position: relative;background: #98eee9;overflow:hidden;
	-webkit-transform:rotate(45deg) translate(70px,-40px);
	-moz-transform:rotate(45deg) translate(70px,-40px);
	transform:rotate(45deg) translate(70px,-40px);
}
.intro ins{position: relative;top:-160px;left:-160px;display: inline-block;width: 150px;height: 150px;background: #4dd0c8;position: relative;}
.intro a:hover ins{top:0px;left:0;
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
}
.intro ul i{width: 150px;height: 150px;position: absolute;top: 0;left:0;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;
}
.intro li:nth-child(1) i{background-image:url(../images/pro_01.png);}
.intro li:nth-child(2) i{background-image:url(../images/pro_02.png);background-position: -8px 0;}
.intro li:nth-child(3) i{background-image:url(../images/pro_03.png);}
.intro li:nth-child(4) i{background-image:url(../images/pro_04.png);}
.intro li:nth-child(1) a:hover i{background-image:url(../images/pro_01a.png);}
.intro li:nth-child(2) a:hover i{background-image:url(../images/pro_02a.png);background-position: -8px 0;}
.intro li:nth-child(3) a:hover i{background-image:url(../images/pro_03a.png);}
.intro li:nth-child(4) a:hover i{background-image:url(../images/pro_04a.png);}
.intro dt{font: 35px/1.2 "Microsoft Yahei";color: #000;margin-bottom: 10px;}
.intro dd{font: 15px/1.2 "Microsoft Yahei";color: #7d7f7f;}

/*service*/
.service{height: 600px;background: #ededed;}
.service .tit i{width: 290px;}
.service .tit i b{width: 215px;left: 37px;}
.service .scroll .arrL,.service .scroll .arrR{display: none;width: 48px;height: 101px;position: absolute;top: 100px;}
.service .scroll .arrL{left:0;background: url(../images/arr_01.png) no-repeat;}
.service .scroll .arrR{right:0;background: url(../images/arr_02.png) no-repeat;}
.service .scroll .show{display: inline-block;}
.scrollCnt{width: 990px;height: 325px;margin-top: 65px;}
.scrollCnt ul{font-size: 0;width:2000px;height: 325px;}
.scrollCnt li{float: left;width: 205px;margin: 0 20px;text-align: center;cursor: pointer;}
.scrollCnt a i{position: relative;width: 121px;height: 121px;display: inline-block;border:2px solid #000;border-radius:50%;background: #fff;margin-top: 15px;}
.scrollCnt a:hover i{border-color:#4dd0c8;
	box-shadow:0 0 15px rgba(77,208,200,0.5);
	-webkit-transition:all 0.5s ease-in-out 0.1s;
	-moz-transition:all 0.5s ease-in-out 0.1s;
	transition:all 0.5s ease-in-out 0.1s;}
.scrollCnt a i b{position: relative;display: block;width: 120px;height: 120px;margin:1px 0 0 1px;}
.scrollCnt a i small{position: absolute;top:0px;left:0px;border-radius:50%;width: 121px;height: 121px;background: #4dd0c8;display: inline-block;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
}
.scrollCnt a:hover i small{
	-webkit-transform:scale(1.01);
	-moz-transform:scale(1.01);
	transform:scale(1.01);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.scrollCnt li:nth-child(1) a i b{background: url(../images/ico_01.png) no-repeat center center;}
.scrollCnt li:nth-child(2) a i b{background: url(../images/ico_02.png) no-repeat center center;}
.scrollCnt li:nth-child(3) a i b{background: url(../images/ico_03.png) no-repeat center center;}
.scrollCnt li:nth-child(4) a i b{background: url(../images/ico_04.png) no-repeat center center;}
.scrollCnt li:nth-child(5) a i b{background: url(../images/ico_01.png) no-repeat center center;}
.scrollCnt li:nth-child(6) a i b{background: url(../images/ico_04.png) no-repeat center center;}
.scrollCnt li:nth-child(7) a i b{background: url(../images/ico_02.png) no-repeat center center;}
.scrollCnt li:nth-child(8) a i b{background: url(../images/ico_03.png) no-repeat center center;}
.scrollCnt li:nth-child(1) a:hover i b{background: url(../images/ico_01a.png) no-repeat center center;}
.scrollCnt li:nth-child(2) a:hover i b{background: url(../images/ico_02a.png) no-repeat center center;}
.scrollCnt li:nth-child(3) a:hover i b{background: url(../images/ico_03a.png) no-repeat center center;}
.scrollCnt li:nth-child(4) a:hover i b{background: url(../images/ico_04a.png) no-repeat center center;}
.scrollCnt li:nth-child(5) a:hover i b{background: url(../images/ico_01a.png) no-repeat center center;}
.scrollCnt li:nth-child(6) a:hover i b{background: url(../images/ico_04a.png) no-repeat center center;}
.scrollCnt li:nth-child(7) a:hover i b{background: url(../images/ico_02a.png) no-repeat center center;}
.scrollCnt li:nth-child(8) a:hover i b{background: url(../images/ico_03a.png) no-repeat center center;}
.scrollCnt a span{display: block;color: #000;font: 18px/1.4 "Microsoft Yahei";-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}
.scrollCnt a p{color: #727272;font: 14px/1.4 "Microsoft Yahei";padding-top: 35px;text-align: left;-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}
.scrollCnt li:hover a p,.scrollCnt li:hover a span{color: #4dd0c8;
	
}

/*join*/
.join{height: 480px;background: #ffffff;}
.join .tit i{width: 290px;}
.join .tit i b{width: 170px;left: 60px;}
.join .tab{margin-top: 100px;}
.join .menu{font-size: 0;height: 105px;}
.join .menu li{float:left;margin: 0 40px;cursor:pointer;}
.join .menu a{float:left;position: relative;width: 120px;height: 82px;}
.join .menu a i{width: 120px;height: 82px;display: inline-block;background: #4dd0c8;border-radius:3px;position: absolute;}
.join .menu a span{color:#ffffff;font:20px/80px "Microsoft Yahei";position: relative;width: 120px;display: inline-block;text-align: center;}
.join .menu a b{border-radius:50%;position: absolute;top: 56px;left:35px;width: 45px;height: 45px;border:2px solid #4dd0c8;background: #fff;}
.join .i{top:35px;left: 0;}
.join .i .item{position: absolute;display: inline-block;width: 45px;height: 20px;}
.join .i .item-1,.join .i .item-3,.join .i .item-5{background: url(../images/arr0.gif) no-repeat;}
.join .i .item-2,.join .i .item-4{background: url(../images/arr.gif) no-repeat;}
.join .i .item-1{left: 175px;}
.join .i .item-2{left: 375px;}
.join .i .item-3{left:575px;}
.join .i .item-4{left:775px;}
.join .i .item-5{left:975px;}
.subTab{font-size: 0;}
.subTab li{float:left;display: none;}
.subTab li.on{display: block;}
.subTab li i{margin:-12px 0 0 65px;width: 34px;height: 90px;display: inline-block;background: url(../images/leftI.png) no-repeat;}
.subTab li p{margin: -35px 0px 0 97px;color: #4dd0c8;padding:10px 35px;font: 20px/1.2 "Microsoft Yahei";border:2px solid #4dd0c8;border-radius:47px;}
.subTab li:nth-child(1){margin-left:0px;}
.subTab li:nth-child(2){margin-left: 200px;}
.subTab li:nth-child(3){margin-left:400px;}
.subTab li:nth-child(4){float:right;margin-right: 470px;}
.subTab li:nth-child(4) i{background: url(../images/rightI.png) no-repeat;float: right;}
.subTab li:nth-child(4) p{float: right;margin: 50px -66px 0 0;}
.subTab li:nth-child(5){float:right;margin-right:270px;}
.subTab li:nth-child(5) i{background: url(../images/rightI.png) no-repeat;float: right;}
.subTab li:nth-child(5) p{float: right;margin: 50px -66px 0 0;}
.subTab li:nth-child(6){float:right;margin-right: 70px;}
.subTab li:nth-child(6) i{background: url(../images/rightI.png) no-repeat;float: right;}
.subTab li:nth-child(6) p{float: right;margin: 50px -66px 0 0;}

/*case*/
.case{height: 600px;background: #fafafa;}
.case .title{padding-top: 60px;font: 42px/1.2 "Microsoft Yahei";color: #414141;letter-spacing: 3px;}
.case .container{position: relative;margin: 0 auto;width: 1200px;}
.case .content{position: relative;width: 1188px;height: 140px;margin-top: 60px;}
.case .content li{position:absolute;top:-150px;width:100%;color:#666;font-size:18px;
	-webkit-transition:all 0.6s ease-in-out 0s;
	-moz-transition:all 0.6s ease-in-out 0s;
	transition:all 0.6s ease-in-out 0s;
}
.case .content .on{top:20px;}
.case .content .quo{margin: -15px 0 0 10px;}
.case .content .quo-left{margin: -15px 10px 0 0px;}
.case .content .txt{line-height:40px;	text-align:left;}
.case .content .name{width:100%;margin-top:10px;text-align:right;}
.case .caseB{margin-top: 60px;font-size: 0;width: 100%;}
.case .caseB li{display: inline-block;vertical-align: middle;*vertical-align: auto;*zoom: 1;*display: inline;width: 178px;height: 98px;margin: 0 5px 0 15px;text-align: center;background-color: #FFF;overflow: hidden;border: 1px solid #D4D4D4;}
.case .caseB li.on{border-color:#4cace2;}
.case .caseB li a{display: block;height: 100%;background-position: center center;background-repeat: no-repeat;}

/*footer*/
.footer{background: #1f2228;height: 315px;}
.foot .f_nav{padding: 65px 0 40px;}
.foot dl{float:left;width: 20%;}
.foot dl a{font: 14px/1.2 "Microsoft Yahei";}
.foot dt{margin-bottom: 12px;}
.foot dd{margin-bottom: 5px;}
.foot dt a{color: #fff;}
.foot dd a{color: #393e48;}
.foot dd a:hover{color: #ccc;}
.foot p{color: #666666;font: 14px/1.2 "Microsoft Yahei";}
.foot p a{margin-right: 5px;color: #666;}
.foot p a:hover{color: #ccc;}
.foot .copyright{margin-top: 30px;font:14px/1.2 "Microsoft Yahei";color: #393e48;}

/*close_off*/
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.top_row{margin-top: 90px; }
.top_row .banner{ width: 100%; height: auto; margin-top: 0; }
.top_row .banner > img{ width: 100%; }
.closeoff_profile{ margin-top: 40px; font-size: 18px; width: 50%; line-height: 1.5; color:#2d2d2d; }
.closeoff_profile > h3{ font-size: 20px; color:#2e2e2e; }
.closeoff_profile .btn{ display: block; width: 385px; margin:50px auto 0;  padding: 10px 0; border-radius: 60px; color: #fff; background: #ccc; text-align: center; }
.closeoff_profile .blue_btn{ background: #3f8fff; }
.closeoff_profile .orange_btn{ background: #ec6106; }
.title > h2{ font-size: 40px; color: #111; display: inline-block; line-height: 1.5; }
.title .f-posr{ display: block; width: 100%; position: relative; border-top:1px solid #dadada; text-align: center; height: 1px; }
.title .f-posa{ display: block; position: absolute; left: 50%; margin-left: -113px; top: -2px; width: 226px; height: 3px; background: #000; }
.title > h3{ margin-top: 5px; color: #dadada; }

.flex{ display: flex; display: -webkit-flex; justify-content: space-between; margin-top:80px; padding-bottom: 50px; }
.flex .item{ text-align: center; font-size: 20px; color: #000; }
.flex .item > p { padding-bottom: 25px; font-weight: bold;  }